@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}:root {
--ana-renk-1: #008BF2;
--ana-renk-1-rgb: 0, 139, 242;
--ana-renk-2: #003481;
--ana-renk-3: #F0631F;
--ana-renk-3-rgb: 240, 99, 31;
--ana-renk-3-bg: #FEF7F4;
--yazi-baslik-renk: #000000;
--alt-aciklama-renk: #6c757d;
--border-renk: #e2e8f0;
--arkaplan-renk: #f1f3f5;
--beyaz: #ffffff;
--danger-1: #dc3545;
--danger-2: #be2635;
--konteyner: 1400px;
}
@media(max-width:1400px){
:root{
--konteyner: 100vw;
}
}
*, *::before, *::after {
box-sizing: border-box;
user-select: none;
}
body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, ul, ol, fieldset, pre {
margin: 0;
padding: 0;
}
body {
font-family: 'Jost', sans-serif;
min-height: 100vh;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
color: var(--yazi-baslik-renk);
background-color: var(--beyaz);
}
ul[role='list'], ol[role='list'], ul, ol {
list-style: none;
}
main, article, aside, details, figcaption, figure, footer, header, nav, section {
display: block;
}
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
height: auto;
}
input, button, textarea, select {
font: inherit;
margin: 0;
}
a {
text-decoration: none;
color: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
.konteyner {
width: 100%;
max-width: var(--konteyner);
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
@media(max-width:890px){
padding-left: 12px;
padding-right: 12px;
}
}
.site-header {
background-color: var(--beyaz);
position: relative;
z-index: 999;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.ust-header {
background-color: var(--ana-renk-2);
border-bottom: 1px solid var(--ana-renk-2);
padding-top: 8px;
padding-bottom: 8px;
@media(max-width:768px){
display: none;
}
}
.ust-header .konteyner {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.ust-sol {
display: flex;
align-items: center;
gap: 12px;
}
.ust-sag {
display: flex;
align-items: center;
gap: 0;
}
.ust-sol a {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--arkaplan-renk);
font-size: 12px;
font-weight: 500;
padding: 5px 12px;
border-radius: 30px;
background-color: rgba(255, 255, 255, 0.05);
transition: all 0.2s ease-in-out;
}
.ust-sol a:hover {
color: var(--beyaz);
background-color: rgba(255, 255, 255, 0.12);
}
.ust-sol a .iletisim-ikon {
color: var(--ana-renk-1);
transition: transform 0.2s ease-in-out;
}
.ust-sol a:hover .iletisim-ikon {
transform: scale(1.18) rotate(-8deg);
}
.ust-sag a {
display: inline-flex;
align-items: center;
gap: 1px;
color: var(--arkaplan-renk);
font-size: 12px;
font-weight: 500;
transition: all 0.2s ease-in-out;
text-transform: uppercase;
padding: 5px 12px;
border-radius: 999px;
}
.ust-sag a:hover {
color: var(--beyaz);
background-color: rgba(255,255,255,0.1);
}
.ust-sag-ikon {
color: var(--ana-renk-1);
transition: transform 0.2s ease-in-out;
flex-shrink: 0;
}
.ust-sag a:hover .ust-sag-ikon {
transform: translateY(-1px);
}
.iletisim-ikon {
flex-shrink: 0;
}
.orta-header {
background-color: var(--beyaz);
padding-top: 24px;
padding-bottom: 24px;
@media(max-width:768px){
padding-top: 12px;
padding-bottom: 12px;
}
}
.orta-header .konteyner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 50px;
}
.logo-alani img {
max-height: 45px;
width: auto;
max-width: 290px;
@media(max-width:1280px){
max-width: 250px;
}
}
.arama-alani {
flex-grow: 1;
position: relative;
}
.arama-formu {
position: relative;
display: flex;
align-items: center;
width: 100%;
}
.arama-girdisi {
width: 100%;
padding: 10px 75px 10px 20px;
border: 1px solid transparent;
border-radius: 30px;
background-color: var(--arkaplan-renk);
color: var(--yazi-baslik-renk);
font-size: 14px;
outline: none;
transition: all 0.2s ease-in-out;
}
.arama-girdisi::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
}
.arama-girdisi:focus {
border-color: var(--ana-renk-1);
background-color: var(--beyaz);
box-shadow: 0 0 0 3px rgba(var(--ana-renk-1-rgb), 0.15);
}
.arama-temizle-butonu {
position: absolute;
right: 40px;
background: none;
border: none;
padding: 8px;
color: var(--alt-aciklama-renk);
cursor: pointer;
display: none;
align-items: center;
justify-content: center;
transition: color 0.2s ease-in-out, transform 0.2s ease;
z-index: 5;
}
.arama-temizle-butonu:hover {
color: var(--danger-1);
transform: scale(1.15);
}
.arama-butonu {
position: absolute;
right: 5px;
background: none;
border: none;
padding: 8px 12px;
color: var(--alt-aciklama-renk);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.2s ease-in-out;
z-index: 5;
}
.arama-butonu:hover {
color: var(--ana-renk-1);
}
.kullanici-alani {
display: flex;
align-items: center;
gap: 20px;
}
.kullanici-linki {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
transition: color 0.25s ease-in-out;
}
.kullanici-linki:hover {
color: var(--ana-renk-1);
}
.simge-kapsayici {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
background-color: var(--arkaplan-renk);
border-radius: 50%;
transition: all 0.25s ease-in-out;
@media(max-width:768px){
width: 36px;
height: 36px;
}
}
.simge-kapsayici svg {
color: var(--ana-renk-2);
transition: all 0.25s ease-in-out;
@media(max-width:768px){
width: 18px;
height: 18px;
}
}
.kullanici-linki:hover .simge-kapsayici,
.sepet-butonu.sepet-dolu .simge-kapsayici {
background-color: var(--ana-renk-1);
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(var(--ana-renk-1-rgb), 0.2);
}
.kullanici-linki:hover .simge-kapsayici svg,
.sepet-butonu.sepet-dolu .simge-kapsayici svg {
color: var(--beyaz);
}
.sayac {
position: absolute;
top: -4px;
right: -4px;
background-color: var(--ana-renk-2);
color: var(--beyaz);
font-size: 9px;
font-weight: 700;
min-width: 18px;
height: 18px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid var(--beyaz);
padding: 1px;
transition: all 0.25s ease-in-out;
}
.sayac.sepet-bos {
display: none !important;
}
.wpcf-header-btn i,
.kullanici-linki > span {
position: absolute;
bottom: -32px;
left: 50%;
transform: translateX(-50%) translateY(6px);
background-color: var(--ana-renk-2);
color: var(--beyaz);
font-size: 11px;
font-weight: 500;
padding: 4px 10px;
border-radius: 6px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
z-index: 100;
font-style: normal;
}
.wpcf-header-btn i::before,
.kullanici-linki > span::before {
content: "";
position: absolute;
top: -3px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 6px;
height: 6px;
background-color: var(--ana-renk-2);
}
.wpcf-header-btn:hover i,
.kullanici-linki:hover > span {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
.arama-sonuclari {
position: absolute;
top: calc(100% + 12px);
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(var(--ana-renk-1-rgb), 0.15);
border-radius: 20px;
box-shadow: 0 20px 45px rgba(0, 52, 129, 0.18);
z-index: 999;
display: none;
max-height: 420px;
overflow-y: auto;
transform-origin: top;
animation: aramaSlideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.arama-sonuclari::-webkit-scrollbar {
width: 6px;
}
.arama-sonuclari::-webkit-scrollbar-track {
background: transparent;
}
.arama-sonuclari::-webkit-scrollbar-thumb {
background: rgba(var(--ana-renk-1-rgb), 0.15);
border-radius: 10px;
}
.arama-sonuclari::-webkit-scrollbar-thumb:hover {
background: rgba(var(--ana-renk-1-rgb), 0.3);
}
@keyframes aramaSlideDown {
from {
opacity: 0;
transform: translateY(-8px) scaleY(0.98);
}
to {
opacity: 1;
transform: translateY(0) scaleY(1);
}
}
.arama-sonuc-oge {
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
transition: background-color 0.2s ease-in-out;
}
.arama-sonuc-oge:last-of-type {
border-bottom: none;
}
.arama-sonuc-oge a {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 20px;
text-decoration: none;
}
.arama-sonuc-oge:hover {
background-color: rgba(var(--ana-renk-1-rgb), 0.04);
}
.arama-sonuc-gorsel {
width: 56px;
height: 56px;
border-radius: 10px;
overflow: hidden;
flex-shrink: 0;
border: 1px solid rgba(0, 0, 0, 0.06);
background-color: #f8fafc;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.arama-sonuc-gorsel img {
width: 100%;
height: 100%;
object-fit: cover;
}
.arama-sonuc-bilgi {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 6px;
overflow: hidden;
}
.arama-sonuc-baslik {
font-size: 14px;
font-weight: 500;
color: var(--yazi-baslik-renk);
margin: 0;
line-height: 1.4;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.arama-sonuc-fiyat {
font-size: 13px;
font-weight: 600;
color: var(--ana-renk-2);
background-color: rgba(var(--ana-renk-1-rgb), 0.08);
padding: 4px 12px;
border-radius: 20px;
width: fit-content;
display: inline-flex;
align-items: center;
}
.arama-sonuc-fiyat del {
color: rgba(0, 52, 129, 0.45);
font-size: 11px;
font-weight: 500;
margin-right: 8px;
text-decoration: line-through;
}
.arama-sonuc-fiyat ins {
text-decoration: none;
color: #2e7d32;
font-weight: 700;
}
.arama-sonuc-tumunu-goster {
background-color: #fafbfc;
border-top: 1px solid rgba(0, 0, 0, 0.04);
text-align: center;
padding: 16px 20px;
transition: all 0.25s ease;
position: sticky;
bottom: 0;
z-index: 2;
}
.arama-sonuc-tumunu-goster:hover {
background-color: rgba(var(--ana-renk-1-rgb), 0.05);
}
.arama-sonuc-tumunu-goster a {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--ana-renk-1);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.8px;
text-decoration: none;
transition: color 0.2s ease-in-out;
}
.arama-sonuc-tumunu-goster a::after {
content: '→';
font-size: 14px;
transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.arama-sonuc-tumunu-goster a:hover::after {
transform: translateX(4px);
}
.arama-sonuc-yukleniyor,
.arama-sonuc-bos {
padding: 28px;
text-align: center;
color: var(--alt-aciklama-renk);
font-size: 13px;
font-weight: 500;
}
.arama-sonuc-yukleniyor {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.arama-sonuc-yukleniyor::before {
content: '';
width: 16px;
height: 16px;
border: 2px solid var(--border-renk);
border-top-color: var(--ana-renk-1);
border-radius: 50%;
animation: aramaSpin 0.6s linear infinite;
}
@keyframes aramaSpin {
to { transform: rotate(360deg); }
}
.alt-header {
border-top: 1px solid var(--border-renk);
margin-top: 8px;
padding-top: 4px;
position: relative;
z-index: 99;
}
.ana-navigasyon {
display: flex;
align-items: center;
}
.ana-menu {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
justify-content: space-between;
width: 100%;
position: relative;
}
.ana-menu > li {
padding: 14px 0;
display: flex;
align-items: center;
}
.ana-menu > li > a {
font-size: 14px;
font-weight: 600;
color: var(--yazi-baslik-renk);
text-decoration: none;
display: inline-flex;
align-items: center;
transition: color 0.25s ease-in-out;
text-transform: uppercase;
}
.ana-menu > li > a:hover {
color: var(--ana-renk-1);
}
.ana-menu > li:hover > a {
color: var(--ana-renk-1);
}
.ana-menu > li:has(ul) > a::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-right: 2px solid var(--alt-aciklama-renk);
border-bottom: 2px solid var(--alt-aciklama-renk);
transform: rotate(45deg);
margin-left: 8px;
margin-bottom: 3px;
transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease-in-out;
}
.ana-menu > li:has(ul):hover > a::after {
transform: rotate(225deg);
border-color: var(--ana-renk-1);
}
.ana-menu li ul {
position: absolute;
top: 100%;
left: 0;
width: calc(var(--konteyner) - 40px);
background-color: var(--beyaz);
border: 2px solid var(--ana-renk-1);
border-radius: 12px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.20);
padding: 24px;
list-style: none;
margin: 0;
opacity: 0;
pointer-events: none;
transform: translateY(15px);
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
z-index: 1000;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}
.ana-menu li:hover > ul {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.ana-menu li ul li {
position: relative;
padding: 0;
a:not(:has(img)){
align-items: center;
padding: 10px 16px;
background-color: rgba(var(--ana-renk-1-rgb), 0.05);
border-radius: 6px;
flex-direction: row;
@media(max-width:1024px){
background-color: transparent;
}
&::after{
content: "";
width: 8px;
height: 8px;
border-right: 2px solid var(--ana-renk-1);
border-top: 2px solid var(--ana-renk-1);
transform: rotate(45deg);
margin-left: auto;
color: var(--ana-renk-1);
flex-shrink: 0;
}
}
}
.ana-menu li ul a {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
gap: 12px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.3px;
color: var(--yazi-baslik-renk);
text-decoration: none;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
position: relative;
text-transform: uppercase;
&:hover{
color: var(--ana-renk-1);
}
&:has(img){
&::after{
content: "";
width: 100%;
aspect-ratio: 5 / 3;
background-color: rgba(0, 0, 0, 0.05);
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: 300ms opacity;
}
&:hover{
&::after{
opacity: 1;
}
}
}
}
.ana-menu li ul a img {
width: 100%;
aspect-ratio: 5 / 3;
height: auto;
object-fit: cover;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
flex-shrink: 0;
}
.ana-menu > li > a img {
width: 20px;
height: 20px;
object-fit: cover;
border-radius: 4px;
margin-right: 8px;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
flex-shrink: 0;
display: none;
}
body.drawer-acik {
overflow: hidden;
padding-right: 16px;
@media(max-width:768px){
padding-right: 0;
}
}
.profil-drawer-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.6);
z-index: 9998;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.profil-drawer-overlay.aktif {
opacity: 1;
pointer-events: auto;
}
.profil-drawer {
position: fixed;
top: 0;
right: -380px;
width: 380px;
max-width: 100vw;
height: 100vh;
background-color: var(--beyaz);
box-shadow: -5px 0 30px rgba(var(--ana-renk-1-rgb), 0.12);
z-index: 9999;
display: flex;
flex-direction: column;
transition: right 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.profil-drawer.aktif {
right: 0;
}
.profil-drawer-baslik {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 24px;
border-bottom: 1px solid var(--border-renk);
}
.profil-drawer-baslik h3 {
font-size: 18px;
font-weight: 600;
color: var(--ana-renk-2);
}
.profil-drawer-kapat {
background: none;
border: none;
color: var(--alt-aciklama-renk);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
border-radius: 50%;
transition: all 0.2s ease-in-out;
}
.profil-drawer-kapat:hover {
background-color: var(--arkaplan-renk);
color: var(--yazi-baslik-renk);
}
.profil-drawer-icerik {
flex-grow: 1;
overflow-y: auto;
padding: 24px;
display: flex;
flex-direction: column;
gap: 24px;
}
.profil-kullanici-bilgisi {
display: flex;
align-items: center;
gap: 6px;
padding: 0;
background-color: transparent;
border: none;
margin-bottom: 0;
}
.merhaba-yazisi {
font-size: 16px;
color: var(--alt-aciklama-renk);
}
.kullanici-adi {
font-size: 16px;
font-weight: 600;
color: var(--ana-renk-2);
text-transform: capitalize;
}
.profil-menusu-izgara {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.profil-menu-oge {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px 10px;
background-color: var(--beyaz);
border: 1px solid var(--border-renk);
border-radius: 12px;
color: var(--yazi-baslik-renk);
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
gap: 10px;
}
.profil-menu-ikon {
color: var(--ana-renk-2);
transition: all 0.25s ease-in-out;
}
.profil-menu-oge span {
font-size: 13px;
font-weight: 500;
}
.profil-menu-oge:hover {
border-color: var(--ana-renk-1);
background-color: rgba(var(--ana-renk-1-rgb), 0.03);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(var(--ana-renk-1-rgb), 0.08);
}
.profil-menu-oge:hover .profil-menu-ikon {
color: var(--ana-renk-1);
transform: scale(1.08);
}
.profil-menu-oge.cikis-oge {
grid-column: span 2;
flex-direction: row;
padding: 14px;
gap: 8px;
}
.profil-menu-oge.cikis-oge .profil-menu-ikon {
color: var(--ana-renk-2);
}
.profil-menu-oge.cikis-oge:hover {
background-color: var(--ana-renk-2);
border-color: var(--ana-renk-2);
color: var(--beyaz);
box-shadow: 0 4px 12px rgba(var(--ana-renk-1-rgb), 0.15);
}
.profil-menu-oge.cikis-oge:hover .profil-menu-ikon {
color: var(--beyaz);
}
.son-siparis-kutusu {
background-color: var(--arkaplan-renk);
border: 1px solid var(--border-renk);
border-radius: 12px;
padding: 16px;
display: flex;
flex-direction: column;
gap: 12px;
}
.son-siparis-ust {
display: flex;
justify-content: space-between;
align-items: center;
}
.son-siparis-etiket {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--alt-aciklama-renk);
}
.son-siparis-no {
font-size: 13px;
font-weight: 600;
color: var(--ana-renk-2);
}
.son-siparis-orta {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.son-siparis-tarih {
font-size: 13px;
color: var(--yazi-baslik-renk);
}
.siparis-durumu {
font-size: 11px;
font-weight: 600;
padding: 4px 10px;
border-radius: 20px;
white-space: nowrap;
}
.siparis-durumu.durum-completed,
.siparis-durumu.durum-processing {
background-color: rgba(var(--ana-renk-1-rgb), 0.1);
color: var(--ana-renk-2);
}
.siparis-durumu.durum-pending,
.siparis-durumu.durum-on-hold {
background-color: var(--border-renk);
color: var(--alt-aciklama-renk);
}
.siparis-durumu.durum-cancelled,
.siparis-durumu.durum-failed {
background-color: rgba(0, 30, 84, 0.08);
color: var(--ana-renk-2);
}
.son-siparis-kutusu .siparis-timeline-wrapper {
padding: 10px 0 15px 0 !important;
}
.son-siparis-kutusu .siparis-timeline .timeline-adim {
width: 70px !important;
}
.son-siparis-kutusu .siparis-timeline .timeline-cizgi {
left: 35px !important;
right: 35px !important;
}
.son-siparis-kutusu .siparis-timeline .adim-etiket {
font-size: 10px !important;
}
.son-siparis-alt {
border-top: 1px solid var(--border-renk);
padding-top: 10px;
margin-top: 4px;
}
.siparis-detay-link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
font-weight: 600;
color: var(--ana-renk-1);
transition: color 0.2s ease-in-out;
}
.siparis-detay-link:hover {
color: var(--ana-renk-2);
}
.siparis-detay-link svg {
transition: transform 0.2s ease-in-out;
}
.siparis-detay-link:hover svg {
transform: translateX(3px);
}
.giris-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.6);
z-index: 9998;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.giris-modal-overlay.aktif {
opacity: 1;
pointer-events: auto;
}
.giris-modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
z-index: 9999;
width: 440px;
max-width: 90vw;
background-color: var(--beyaz);
border-radius: 16px;
box-shadow: 0 15px 50px rgba(var(--ana-renk-1-rgb), 0.15);
display: flex;
flex-direction: column;
opacity: 0;
pointer-events: none;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
overflow: hidden;
}
.giris-modal.aktif {
opacity: 1;
pointer-events: auto;
transform: translate(-50%, -50%) scale(1);
}
.giris-modal-baslik {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 24px;
border-bottom: 1px solid var(--border-renk);
}
.giris-modal-baslik h3 {
font-size: 18px;
font-weight: 600;
color: var(--ana-renk-2);
}
.giris-modal-kapat {
background: none;
border: none;
color: var(--alt-aciklama-renk);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
border-radius: 50%;
transition: all 0.2s ease-in-out;
}
.giris-modal-kapat:hover {
background-color: var(--arkaplan-renk);
color: var(--yazi-baslik-renk);
}
.giris-modal-icerik {
padding: 24px;
}
.giris-modal-icerik form {
display: flex;
flex-direction: column;
gap: 16px;
}
.form-grup {
display: flex;
flex-direction: column;
gap: 8px;
text-align: left;
}
.form-grup label {
font-size: 13px;
font-weight: 600;
color: var(--yazi-baslik-renk);
}
.form-grup input[type="text"],
.form-grup input[type="password"],
.form-grup input[type="email"] {
width: 100%;
padding: 12px 16px;
border: 1px solid var(--border-renk);
border-radius: 10px;
background-color: var(--arkaplan-renk);
color: var(--yazi-baslik-renk);
font-size: 14px;
outline: none;
transition: all 0.2s ease-in-out;
}
.form-grup input[type="text"]:focus,
.form-grup input[type="password"]:focus,
.form-grup input[type="email"]:focus {
border-color: var(--ana-renk-1);
background-color: var(--beyaz);
box-shadow: 0 0 0 3px rgba(var(--ana-renk-1-rgb), 0.15);
}
.form-yardimci {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
}
.beni-hatirla {
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
color: var(--alt-aciklama-renk);
}
.beni-hatirla input {
cursor: pointer;
}
.sifre-unuttum-link {
color: var(--ana-renk-1);
font-weight: 500;
transition: color 0.2s ease;
}
.sifre-unuttum-link:hover {
color: var(--ana-renk-2);
text-decoration: underline;
}
.giris-submit-butonu {
width: 100%;
padding: 13px;
background-color: var(--ana-renk-2);
color: var(--beyaz);
border: none;
border-radius: 10px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
transition: all 0.25s ease-in-out;
}
.giris-submit-butonu:hover:not(:disabled) {
background-color: var(--ana-renk-1);
box-shadow: 0 4px 15px rgba(var(--ana-renk-1-rgb), 0.25);
}
.giris-submit-butonu:disabled {
opacity: 0.7;
cursor: not-allowed;
}
.giris-modal-alt {
display: flex;
justify-content: center;
gap: 6px;
font-size: 13px;
color: var(--alt-aciklama-renk);
border-top: 1px solid var(--border-renk);
padding-top: 16px;
margin-top: 4px;
}
.uye-ol-link {
color: var(--ana-renk-1);
font-weight: 600;
transition: color 0.2s ease;
}
.uye-ol-link:hover {
color: var(--ana-renk-2);
text-decoration: underline;
}
.hata-mesaji {
padding: 12px 16px;
border-radius: 8px;
font-size: 13px;
font-weight: 500;
text-align: left;
background-color: rgba(220, 53, 69, 0.08);
border: 1px solid rgba(220, 53, 69, 0.15);
color: #dc3545;
}
.hata-mesaji.basari-mesaji {
background-color: rgba(var(--ana-renk-1-rgb), 0.08);
border: 1px solid rgba(var(--ana-renk-1-rgb), 0.15);
color: var(--ana-renk-2);
}
.loading-spinner {
width: 16px;
height: 16px;
border: 2px solid var(--beyaz);
border-top-color: transparent;
border-radius: 50%;
animation: spinner-don 0.6s linear infinite;
}
@keyframes spinner-don {
to { transform: rotate(360deg); }
}
.form-aciklama-metni {
font-size: 13px;
line-height: 1.5;
color: var(--alt-aciklama-renk);
margin-bottom: 5px;
text-align: left;
}
.sepet-drawer-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.6);
z-index: 9998;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.sepet-drawer-overlay.aktif {
opacity: 1;
pointer-events: auto;
}
.sepet-drawer {
position: fixed;
top: 0;
right: -380px;
width: 380px;
max-width: 100vw;
height: 100vh;
background-color: var(--beyaz);
box-shadow: -5px 0 30px rgba(var(--ana-renk-1-rgb), 0.12);
z-index: 9999;
display: flex;
flex-direction: column;
transition: right 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.sepet-drawer.aktif {
right: 0;
}
.sepet-drawer-baslik {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 24px;
border-bottom: 1px solid var(--border-renk);
}
.sepet-drawer-baslik h3 {
font-size: 18px;
font-weight: 600;
color: var(--ana-renk-2);
}
.sepet-drawer-kapat {
background: none;
border: none;
color: var(--alt-aciklama-renk);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
border-radius: 50%;
transition: all 0.2s ease-in-out;
}
.sepet-drawer-kapat:hover {
background-color: var(--arkaplan-renk);
color: var(--yazi-baslik-renk);
}
.sepet-drawer-icerik {
flex-grow: 1;
overflow-y: auto;
padding: 24px;
display: flex;
flex-direction: column;
}
.sepet-drawer-icerik .woocommerce-mini-cart {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px;
}
.sepet-drawer-icerik .woocommerce-mini-cart-item {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 0;
border-bottom: 1px dashed var(--border-renk);
position: relative;
}
.sepet-drawer-icerik .woocommerce-mini-cart-item::before,
.sepet-drawer-icerik .woocommerce-mini-cart-item::after {
display: none !important;
content: none !important;
}
.sepet-drawer-icerik .woocommerce-mini-cart-item a:not(.remove) {
display: flex;
align-items: center;
gap: 12px;
color: var(--yazi-baslik-renk);
font-weight: 600;
font-size: 14px;
line-height: 1.4;
text-decoration: none;
transition: color 0.2s ease;
flex: 1;
min-width: 0;
}
.sepet-drawer-icerik .woocommerce-mini-cart-item a:not(.remove):hover {
color: var(--ana-renk-1);
}
.sepet-drawer-icerik .woocommerce-mini-cart-item img {
width: 50px !important;
height: 50px !important;
flex-shrink: 0;
object-fit: cover;
border-radius: 8px;
border: 1px solid var(--border-renk);
}
.sepet-drawer-icerik .woocommerce-mini-cart-item .quantity {
font-size: 13px;
font-weight: 500;
color: var(--alt-aciklama-renk);
margin-left: auto;
text-align: right;
flex-shrink: 0;
}
.sepet-drawer-icerik .woocommerce-mini-cart-item .quantity .amount {
color: var(--ana-renk-2);
font-weight: 600;
}
.sepet-drawer-icerik .woocommerce-mini-cart-item .remove {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
background-color: var(--danger-1);
color: var(--beyaz) !important;
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 1;
text-decoration: none;
transition: all 0.2s ease-in-out;
flex-shrink: 0;
position: absolute;
left: -11px;
top: 50%;
padding-bottom: 2px;
transform: translateY(-50%);
}
.sepet-drawer-icerik .woocommerce-mini-cart-item .remove:hover {
background-color: var(--danger-2);
}
.sepet-drawer-icerik .woocommerce-mini-cart__empty-message,
.sepet-bos-metin {
font-size: 15px;
color: var(--alt-aciklama-renk);
text-align: center;
padding: 40px 0;
}
.sepet-drawer-icerik .woocommerce-mini-cart__total {
margin-top: 24px;
padding-top: 20px;
border-top: 1px solid var(--border-renk);
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
font-weight: 600;
color: var(--yazi-baslik-renk);
}
.sepet-drawer-icerik .woocommerce-mini-cart__total .amount {
font-size: 18px;
color: var(--ana-renk-2);
font-weight: 700;
}
.sepet-drawer-icerik .woocommerce-mini-cart__buttons {
margin-top: 20px;
display: flex;
flex-direction: column;
gap: 12px;
}
.sepet-drawer-icerik .woocommerce-mini-cart__buttons a {
display: block;
width: 100%;
padding: 13px;
text-align: center;
border-radius: 10px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: all 0.25s ease-in-out;
}
.sepet-drawer-icerik .woocommerce-mini-cart__buttons a:not(.checkout) {
background-color: var(--arkaplan-renk);
color: var(--yazi-baslik-renk);
border: 1px solid var(--border-renk);
}
.sepet-drawer-icerik .woocommerce-mini-cart__buttons a:not(.checkout):hover {
background-color: var(--border-renk);
color: var(--ana-renk-2);
}
.sepet-drawer-icerik .woocommerce-mini-cart__buttons a.checkout {
background-color: var(--ana-renk-2);
color: var(--beyaz);
}
.sepet-drawer-icerik .woocommerce-mini-cart__buttons a.checkout:hover {
background-color: var(--ana-renk-1);
box-shadow: 0 4px 15px rgba(var(--ana-renk-1-rgb), 0.25);
}
.ana-slider-alani {
position: relative;
width: 100%;
overflow: hidden;
background-color: var(--arkaplan-renk);
}
.ana-slider {
width: 100%;
height: auto;
}
.ana-slider .swiper-slide {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}
.ana-slider picture {
display: block;
width: 100%;
height: auto;
}
.ana-slider .slider-gorsel {
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
display: block;
}
.ana-slider .swiper-button-next,
.ana-slider .swiper-button-prev {
width: 48px;
height: 48px;
background-color: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 50%;
color: var(--ana-renk-2);
box-shadow: 0 4px 15px rgba(0, 30, 84, 0.1);
transition: all 0.25s ease-in-out;
}
.ana-slider .swiper-button-next::after,
.ana-slider .swiper-button-prev::after {
font-size: 16px;
font-weight: bold;
}
.ana-slider .swiper-button-next:hover,
.ana-slider .swiper-button-prev:hover {
background-color: var(--ana-renk-1);
color: var(--beyaz);
box-shadow: 0 8px 25px rgba(var(--ana-renk-1-rgb), 0.3);
}
.ana-slider .swiper-pagination-bullet {
width: 10px;
height: 10px;
background-color: var(--beyaz);
opacity: 0.5;
transition: all 0.25s ease-in-out;
}
.ana-slider .swiper-pagination-bullet-active {
opacity: 1;
background-color: var(--ana-renk-1);
width: 24px;
border-radius: 5px;
}
@media (max-width: 768px) {
.ana-slider .swiper-button-next,
.ana-slider .swiper-button-prev {
display: none;
}
}
.mobil-menu-tetikleyici,
.mobil-menu-ust,
.mobil-menu-overlay {
display: none;
}
@media (max-width: 991px) {
.orta-header .konteyner {
gap: 30px;
}
}
@media (max-width: 1024px) {
.mobil-menu-tetikleyici {
display: inline-flex;
align-items: center;
justify-content: center;
background: none;
border: none;
color: var(--yazi-baslik-renk);
cursor: pointer;
padding: 6px;
border-radius: 6px;
transition: all 0.2s ease-in-out;
}
.mobil-menu-tetikleyici:hover {
background-color: var(--arkaplan-renk);
color: var(--ana-renk-1);
}
.alt-header {
position: fixed;
top: 0;
left: -320px;
width: 320px;
max-width: 85vw;
height: 100vh;
background-color: var(--beyaz);
z-index: 9999;
box-shadow: 5px 0 25px rgba(0, 30, 84, 0.15);
transition: left 0.3s cubic-bezier(0.16, 1, 0.3, 1);
padding: 0;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 0;
}
.alt-header.aktif {
left: 0;
}
.mobil-menu-ust {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--border-renk);
width: 100%;
padding: 8px 12px;
}
.mobil-menu-ust h3 {
font-size: 16px;
font-weight: 600;
color: var(--ana-renk-2);
}
.mobil-menu-kapat {
background: none;
border: none;
color: var(--alt-aciklama-renk);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
border-radius: 50%;
transition: all 0.2s ease;
}
.mobil-menu-kapat:hover {
background-color: var(--arkaplan-renk);
color: var(--yazi-baslik-renk);
}
.alt-header .konteyner {
padding: 0;
width: 100%;
}
.alt-header .ana-navigasyon {
width: 100%;
}
.alt-header .ana-menu {
flex-direction: column;
align-items: flex-start;
gap: 0;
width: 100%;
}
.alt-header .ana-menu > li {
width: 100% !important;
padding: 0 !important;
border-bottom: 1px solid var(--border-renk) !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: space-between !important;
position: relative !important;
}
.alt-header .ana-menu > li > a {
display: inline-flex !important;
align-items: center !important;
padding: 14px !important;
font-size: 13px !important;
letter-spacing: 0.5px !important;
color: var(--yazi-baslik-renk) !important;
flex: 1 !important;
min-width: 0 !important;
}
.alt-header .ana-menu > li:has(ul) > a::after {
display: none !important;
}
.alt-header .ana-menu > li.menu-item-has-children > .mobil-alt-tetikleyici {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
cursor: pointer !important;
position: relative !important;
z-index: 10 !important;
flex-shrink: 0 !important;
}
.alt-header .ana-menu > li.menu-item-has-children > .mobil-alt-tetikleyici::after {
content: "" !important;
display: inline-block !important;
width: 7px !important;
height: 7px !important;
border-right: 2px solid var(--alt-aciklama-renk) !important;
border-bottom: 2px solid var(--alt-aciklama-renk) !important;
transform: rotate(45deg) !important;
transition: transform 0.2s ease, border-color 0.2s ease !important;
}
.alt-header .ana-menu > li.menu-item-has-children.sub-menu-open > .mobil-alt-tetikleyici::after {
transform: rotate(225deg) !important;
border-color: var(--ana-renk-1) !important;
}
.alt-header .ana-menu li ul {
position: static !important;
width: 100% !important;
opacity: 1 !important;
pointer-events: auto !important;
transform: none !important;
box-shadow: none !important;
border: none !important;
background: none !important;
backdrop-filter: none !important;
padding: 0 0 20px !important;
flex-direction: column !important;
gap: 0 !important;
display: none !important;
}
.alt-header .ana-menu li.sub-menu-open > ul {
display: flex !important;
}
.alt-header .ana-menu li ul li {
padding: 0 !important;
width: 100% !important;
}
.alt-header .ana-menu li ul a {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
padding: 8px 12px !important;
border-radius: 8px !important;
width: 100% !important;
font-size: 12.5px !important;
font-weight: 600 !important;
color: var(--yazi-baslik-renk) !important;
gap: 12px !important;
transition: all 0.2s ease !important;
}
.alt-header .ana-menu li ul a::after {
display: none !important;
}
.alt-header .ana-menu li ul a img {
width: 50px !important;
height: 32px !important;
border-radius: 6px !important;
object-fit: cover !important;
flex-shrink: 0 !important;
display: block !important;
}
.mobil-menu-overlay {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.4);
z-index: 9998;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.mobil-menu-overlay.aktif {
opacity: 1;
pointer-events: auto;
}
.orta-header .konteyner {
flex-wrap: wrap;
gap: 15px;
}
.logo-alani {
order: 1;
display: flex;
align-items: center;
gap: 8px;
}
.logo-alani img {
max-height: 36px;
}
.kullanici-alani {
order: 2;
gap: 18px;
}
.arama-alani {
order: 3;
width: 100%;
flex-grow: 0;
}
.kullanici-linki > span {
display: none;
}
.kullanici-linki {
font-size: 0;
}
}
@media (max-width: 480px) {
.ust-sol {
flex-direction: column;
gap: 6px;
}
.ust-sag {
border-top: 1px solid var(--ana-renk-2);
padding-top: 8px;
width: 100%;
justify-content: center;
}
}
@media(max-width:768px){
.logo-alani img {
max-height: 50px !important;
max-width: 160px;
}
}
.woocommerce-sayfa {
padding: 30px 0;
background-color: var(--beyaz);
@media(max-width:1024px){
padding: 20px 0;
}
}
.woocommerce-sayfa div.product {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 60px;
margin-top: 20px;
margin-bottom: 60px;
position: relative;
}
@media (max-width: 1024px) {
.woocommerce-sayfa div.product {
display: flex;
flex-direction: column;
gap: 40px;
}
}
.woocommerce span.onsale,
span.onsale {
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
background-color: var(--danger-1);
color: var(--beyaz);
padding: 8px 16px;
font-size: 11px;
font-weight: 700;
border-radius: 30px;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
border: none;
min-height: auto;
min-width: auto;
line-height: 1;
height: auto;
}
.woocommerce-product-gallery {
position: relative;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image {
border-radius: 20px;
overflow: hidden;
transition: transform 0.3s ease;
}
.woocommerce-product-gallery__trigger {
position: absolute !important;
top: 20px !important;
right: 20px !important;
z-index: 10;
width: 42px !important;
height: 42px !important;
background-color: var(--ana-renk-1) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.25s ease !important;
font-size: 0 !important;
color: transparent !important;
text-indent: -9999px !important;
overflow: hidden !important;
&::before, &::after{
display: none !important;
}
}
.woocommerce-product-gallery__trigger:hover {
transform: scale(1.1) !important;
}
.woocommerce-product-gallery .flex-control-thumbs {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
gap: 10px;
margin-top: 10px !important;
padding: 0;
list-style: none;
@media(max-width:1024px){
grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
}
}
.woocommerce div.product div.images{
@media(max-width:1024px){
margin-bottom: 0;
}
}
.woocommerce-product-gallery .flex-control-thumbs li {
width: 100% !important;
height: auto;
aspect-ratio: 1 / 1;
border-radius: 12px;
cursor: pointer;
transition: all 0.25s ease;
padding: 2px;
background-color: #f5f5f5;
}
.woocommerce-product-gallery .flex-control-thumbs img {
width: 100%;
height: 100%;
border-radius: 12px;
object-fit: cover;
transition: 300ms all;
opacity: 1 !important;
mix-blend-mode: darken;
outline: 2px solid transparent;
&:hover{
outline-color: var(--border-renk);
}
}
.woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
outline-color: var(--ana-renk-1);
}
.summary.entry-summary {
display: flex;
flex-direction: column;
}
.woocommerce-breadcrumb {
font-size: 13px;
color: var(--alt-aciklama-renk);
margin-bottom: 20px;
font-weight: 500;
}
.woocommerce-breadcrumb a {
color: var(--alt-aciklama-renk);
text-decoration: none;
transition: color 0.2s ease;
}
.woocommerce-breadcrumb a:hover {
color: var(--ana-renk-1);
}
.summary.entry-summary .product_title {
font-size: 34px;
font-weight: 700;
color: var(--yazi-baslik-renk);
margin-top: 0;
margin-bottom: 15px;
line-height: 1.25;
letter-spacing: -0.5px;
@media(max-width:1024px){
font-size: 24px;
}
}
.woocommerce-product-rating {
display: inline-flex;
align-items: center;
gap: 10px;
margin-top: 2px;
margin-bottom: 18px;
font-size: 13px;
color: var(--alt-aciklama-renk);
line-height: 1;
}
.woocommerce-product-rating .star-rating {
color: #ffb100 !important; 
font-size: 13px;
letter-spacing: 1.5px;
margin: 0;
}
.woocommerce-product-rating .woocommerce-review-link {
color: #64748b; 
text-decoration: none;
font-weight: 500;
transition: color 0.2s ease;
}
.woocommerce-product-rating .woocommerce-review-link:hover {
color: var(--ana-renk-1);
text-decoration: underline;
}
.thermovix-product-specs-summary {
margin: 15px 0 25px 0;
padding-bottom: 20px;
border-bottom: 1px solid var(--border-renk);
}
.thermovix-product-specs-summary .specs-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
margin-bottom: 15px;
@media(max-width:1024px){
gap: 3px;
}
}
.thermovix-product-specs-summary .spec-card {
display: flex;
flex-direction: column;
background-color: var(--arkaplan-renk);
padding: 10px 15px;
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, 0.01);
}
.thermovix-product-specs-summary .spec-label {
font-size: 10px;
color: #94a3b8; 
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 2px;
}
.thermovix-product-specs-summary .spec-value {
font-size: 13px;
font-weight: 700;
color: var(--yazi-baslik-renk);
line-height: 1.3;
}
.thermovix-product-specs-summary .thermovix-view-all-specs-btn {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--ana-renk-1);
font-weight: 700;
font-size: 11px;
letter-spacing: 0.8px;
text-decoration: none;
transition: all 0.2s ease;
cursor: pointer;
text-transform: uppercase;
}
.thermovix-product-specs-summary .thermovix-view-all-specs-btn svg {
transition: transform 0.2s ease;
}
.thermovix-product-specs-summary .thermovix-view-all-specs-btn:hover {
color: var(--ana-renk-2);
}
.thermovix-product-specs-summary .thermovix-view-all-specs-btn:hover svg {
transform: translateX(3px);
}
.summary.entry-summary .price {
font-size: 36px;
font-weight: 700;
color: var(--ana-renk-1) !important;
margin-bottom: 25px;
display: flex;
align-items: center;
gap: 15px;
}
.summary.entry-summary .price .amount {
font-size: inherit;
font-weight: inherit;
}
.summary.entry-summary .price > .amount {
color: var(--ana-renk-1) !important;
}
.summary.entry-summary .price ins,
.summary.entry-summary .price ins .amount {
color: var(--ana-renk-3) !important;
}
.summary.entry-summary .price del,
.summary.entry-summary .price del .amount {
font-size: 20px !important;
font-weight: 500;
color: var(--alt-aciklama-renk) !important;
text-decoration: line-through;
order: 2;
}
.summary.entry-summary .price ins {
text-decoration: none;
order: 1;
}
.thermovix-fiyat-indirim-etiketi {
order: 3;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: rgba(220, 53, 69, 0.08);
color: var(--danger-1);
padding: 6px 12px;
border-radius: 8px;
line-height: 1.1;
font-weight: 700;
margin-left: 5px;
}
.thermovix-fiyat-indirim-etiketi .indirim-ust-yazi {
font-size: 9px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;
margin-bottom: 2px;
}
.thermovix-fiyat-indirim-etiketi .indirim-oran {
font-size: 16px;
}
.woocommerce-product-details__short-description {
font-size: 15px;
line-height: 1.7;
color: #4a5568;
margin-bottom: 30px;
border-bottom: 1px solid var(--border-renk);
padding-bottom: 25px;
}
.summary.entry-summary form.cart {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 10px !important;
padding: 10px 0;
flex-wrap: nowrap;
}
.summary.entry-summary form.cart .quantity {
flex-shrink: 0;
}
@media (max-width: 480px) {
.summary.entry-summary form.cart {
flex-wrap: wrap;
}
.summary.entry-summary form.cart .quantity {
width: 100% !important;
flex-grow: 1;
}
.summary.entry-summary form.cart .single_add_to_cart_button {
width: calc(100% - 72px) !important;
flex-grow: 1;
}
.summary.entry-summary form.cart .wpcf-btn.wpcf-icon-only {
width: 52px !important;
flex-shrink: 0 !important;
}
.summary.entry-summary form.cart .wpcf-btn:not(.wpcf-icon-only) {
width: 100% !important;
flex-grow: 1;
}
}
.summary.entry-summary form.cart .quantity {
display: inline-flex;
align-items: center;
border: 1px solid var(--border-renk);
border-radius: 30px;
background-color: var(--arkaplan-renk);
overflow: hidden;
padding: 0;
height: 52px;
width: 140px;
justify-content: space-between;
}
.summary.entry-summary form.cart .quantity input.qty {
width: 50px;
height: 100%;
border: none;
background: transparent;
text-align: center;
font-size: 16px;
font-weight: 700;
color: var(--yazi-baslik-renk);
outline: none;
order: 2;
pointer-events: none;
user-select: none;
}
.summary.entry-summary form.cart .quantity input.qty::-webkit-outer-spin-button,
.summary.entry-summary form.cart .quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.summary.entry-summary form.cart .quantity input.qty {
-moz-appearance: textfield;
}
.summary.entry-summary form.cart .quantity .adet-butonu {
width: 42px;
height: 100%;
border: none;
background: transparent;
color: var(--alt-aciklama-renk);
font-size: 18px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease-in-out;
user-select: none;
}
.summary.entry-summary form.cart .quantity .adet-butonu:hover {
background-color: rgba(var(--ana-renk-1-rgb), 0.08);
color: var(--ana-renk-1);
}
.summary.entry-summary form.cart .quantity .adet-azalt {
order: 1;
border-right: 1px solid rgba(0, 0, 0, 0.03);
}
.summary.entry-summary form.cart .quantity .adet-artir {
order: 3;
border-left: 1px solid rgba(0, 0, 0, 0.03);
}
.summary.entry-summary form.cart .single_add_to_cart_button {
background-color: var(--ana-renk-1);
color: var(--beyaz);
border: none;
padding: 12px 40px;
font-size: 16px;
font-weight: 700;
border-radius: 30px;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: 0 6px 20px rgba(var(--ana-renk-1-rgb), 0.25);
white-space: nowrap;
flex-grow: 1;
}
.summary.entry-summary form.cart .single_add_to_cart_button:hover {
background-color: var(--ana-renk-2);
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(0, 52, 129, 0.3);
}
.summary.entry-summary form.cart .wpcf-btn {
margin: 0 !important;
height: 52px !important;
border-radius: 30px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
font-size: 15px !important;
font-weight: 700 !important;
vertical-align: middle !important;
flex-shrink: 0 !important;
transition: all 0.25s ease-in-out !important;
}
.summary.entry-summary form.cart .wpcf-btn:not(.wpcf-icon-only) {
padding: 0 25px !important;
}
.summary.entry-summary form.cart .wpcf-btn.wpcf-icon-only {
width: 52px !important;
padding: 0 !important;
}
.product_meta {
font-size: 13px;
color: var(--alt-aciklama-renk);
display: flex;
flex-direction: column;
gap: 12px;
border-top: 1px solid var(--border-renk);
padding-top: 20px;
margin-top: 20px;
line-height: 1.5;
}
.product_meta > span {
font-weight: 500;
}
.product_meta a {
color: var(--ana-renk-2) !important;
border: 1px solid var(--border-renk);
padding: 3px 12px;
border-radius: 99px;
font-size: 12px;
font-weight: 600;
text-decoration: none;
display: inline-block;
margin: 1px 2px;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
text-transform: capitalize;
}
.product_meta a:hover {
background-color: var(--arkaplan-renk);
}
.meta-tabs-navigation {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.meta-tab-btn {
background-color: var(--arkaplan-renk);
border: 1px solid var(--border-renk);
padding: 6px 14px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 700;
color: #475569;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
font-family: 'Jost', sans-serif;
border-radius: 30px; 
}
.meta-tab-btn:hover {
color: var(--ana-renk-1);
background-color: rgba(0, 139, 242, 0.08);
border-color: rgba(0, 139, 242, 0.15);
}
.meta-tab-btn.is-active {
color: var(--beyaz) !important;
background-color: var(--ana-renk-1);
border-color: var(--ana-renk-1);
box-shadow: 0 4px 10px rgba(0, 139, 242, 0.25);
}
.meta-chevron {
transition: transform 0.25s ease-in-out;
stroke: currentColor;
flex-shrink: 0;
}
.meta-tab-btn.is-active .meta-chevron {
transform: rotate(180deg);
}
.meta-tabs-content {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease, margin-top 0.3s ease;
padding: 0;
}
.meta-tabs-content.is-open {
max-height: 350px;
opacity: 1;
padding: 6px 0 0 0;
margin-top: 2px;
}
.meta-tab-panel {
display: none;
line-height: 1.6;
}
.meta-tab-panel.is-active {
display: block;
}
.share-buttons-wrapper {
padding: 12px 0 6px;
display: flex;
flex-direction: column;
gap: 15px;
}
.share-icons-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.product_meta a.share-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 8px 18px !important;
border-radius: 99px !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
color: #ffffff !important;
border: none !important;
cursor: pointer !important;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
text-decoration: none !important;
margin: 0 !important;
line-height: 1 !important;
height: auto !important;
width: auto !important;
}
.product_meta a.share-btn svg {
flex-shrink: 0 !important;
stroke: #ffffff !important;
fill: none !important;
width: 15px !important;
height: 15px !important;
}
.product_meta a.share-btn span {
line-height: 1 !important;
color: #ffffff !important;
}
.product_meta a.share-btn.share-wa {
background-color: #25d366 !important;
}
.product_meta a.share-btn.share-wa:hover {
background-color: #20ba5a !important;
transform: translateY(-1.5px);
box-shadow: 0 4px 10px rgba(37, 211, 102, 0.25);
}
.product_meta a.share-btn.share-fb {
background-color: #1877f2 !important;
}
.product_meta a.share-btn.share-fb:hover {
background-color: #166fe5 !important;
transform: translateY(-1.5px);
box-shadow: 0 4px 10px rgba(24, 119, 242, 0.25);
}
.product_meta a.share-btn.share-tw {
background-color: #0f1419 !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.product_meta a.share-btn.share-tw:hover {
background-color: #000000 !important;
transform: translateY(-1.5px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}
.product_meta a.share-btn.share-tg {
background-color: #24a1de !important;
}
.product_meta a.share-btn.share-tg:hover {
background-color: #1a8ebb !important;
transform: translateY(-1.5px);
box-shadow: 0 4px 10px rgba(36, 161, 222, 0.25);
}
.share-copy-section {
display: flex;
gap: 8px;
align-items: center;
max-width: 420px;
width: 100%;
}
.share-copy-input {
flex-grow: 1;
height: 36px;
border: 1px solid var(--border-renk);
border-radius: 8px;
padding: 0 12px;
font-size: 12px;
color: #475569;
background-color: var(--arkaplan-renk);
outline: none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.share-copy-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
height: 36px;
padding: 0 16px;
background-color: var(--ana-renk-2);
color: var(--beyaz);
border: none;
border-radius: 8px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 700;
cursor: pointer;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
font-family: 'Jost', sans-serif;
flex-shrink: 0;
}
.share-copy-btn:hover {
background-color: var(--ana-renk-1);
}
.share-copy-btn.copied {
background-color: #10b981 !important;
}
.stock {
position: relative;
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.8px;
font-weight: 700;
padding: 8px 16px;
border-radius: 20px;
line-height: 1;
margin: 15px 0;
}
.stock.out-of-stock {
background-color: #fff5f5; 
border: 1px solid #ffe3e3;
color: #e53e3e;
box-shadow: 0 2px 8px rgba(229, 62, 62, 0.05);
}
.stock.out-of-stock::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
background-color: #e53e3e;
border-radius: 50%;
box-shadow: 0 0 0 0 rgba(229, 62, 62, 0.4);
animation: out-of-stock-pulse 1.8s infinite;
}
@keyframes out-of-stock-pulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(229, 62, 62, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 8px rgba(229, 62, 62, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(229, 62, 62, 0);
}
}
.stock.in-stock {
background-color: #f0fdf4; 
border: 1px solid #dcfce7;
color: #16a34a;
box-shadow: 0 2px 8px rgba(22, 163, 74, 0.05);
}
.stock.in-stock::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
background-color: #16a34a;
border-radius: 50%;
box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.4);
animation: in-stock-pulse 1.8s infinite;
}
@keyframes in-stock-pulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 8px rgba(22, 163, 74, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(22, 163, 74, 0);
}
}
.stock.available-on-backorder {
background-color: var(--ana-renk-3-bg) !important;
border: 1px solid rgba(var(--ana-renk-3-rgb), 0.2) !important;
color: var(--ana-renk-3) !important;
box-shadow: 0 2px 8px rgba(var(--ana-renk-3-rgb), 0.05) !important;
}
.stock.available-on-backorder::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
background-color: var(--ana-renk-3) !important;
border-radius: 50% !important;
box-shadow: 0 0 0 0 rgba(var(--ana-renk-3-rgb), 0.4) !important;
animation: backorder-pulse 1.8s infinite !important;
}
@keyframes backorder-pulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(var(--ana-renk-3-rgb), 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 8px rgba(var(--ana-renk-3-rgb), 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(var(--ana-renk-3-rgb), 0);
}
}
.thermovix-custom-tabs-container {
grid-column: span 2;
background-color: var(--beyaz);
max-width: 1000px;
margin-left: auto;
margin-right: auto;
width: 100%;
@media(max-width:1024px){
max-width: 100%;
}
}
.thermovix-custom-tabs-container .custom-tabs-nav {
top: 10px;
z-index: 99;
background-color: var(--arkaplan-renk);
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
padding: 8px;
margin-left: 50%;
transform: translateX(-50%);
margin-bottom: 20px;
position: sticky;
border-radius: 999px;
width: var(--konteyner);
max-width: 100vw;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.10);
@media(max-width:1024px){
width: calc(100% + 24px);
margin-left: 0;
margin-inline: -12px;
padding-inline: 12px;
transform: translateX(0);
border-radius: 0;
overflow: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
flex-wrap: nowrap;
justify-content: flex-start;
&::-webkit-scrollbar{
display: none;
}
}
}
.logged-in .thermovix-custom-tabs-container .custom-tabs-nav {
top: 10px;
}
@media screen and (max-width: 782px) {
.logged-in .thermovix-custom-tabs-container .custom-tabs-nav {
top: 0;
}
}
.thermovix-custom-tabs-container .custom-tab-btn {
background-color: var(--arkaplan-renk);
border: none;
padding: 10px 30px;
font-size: 14px;
font-weight: 700;
color: #64748b; 
cursor: pointer;
display: inline-flex;
align-items: center;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
font-family: 'Jost', sans-serif;
border-radius: 30px;
letter-spacing: 0.2px;
text-transform: uppercase;
@media(max-width:1024px){
scroll-snap-align: center;
flex-shrink: 0;
white-space: nowrap;
}
}
.thermovix-custom-tabs-container .custom-tab-btn:hover {
color: var(--ana-renk-1);
background-color: rgba(var(--ana-renk-1-rgb), 0.08);
}
.thermovix-custom-tabs-container .custom-tab-btn.active {
color: var(--beyaz) !important;
background-color: var(--ana-renk-1);
box-shadow: 0 4px 12px rgba(var(--ana-renk-1-rgb), 0.2);
}
.thermovix-custom-tabs-container .custom-tabs-content {
padding: 20px 24px;
@media(max-width:1024px){
padding: 0;
}
}
.thermovix-custom-tabs-container .custom-tab-panel {
display: none;
animation: fadeInCustomTab 0.4s ease-out;
text-align: center;
color: #475569;
font-size: 15px;
line-height: 1.8;
}
.thermovix-custom-tabs-container .custom-tab-panel.active {
display: flex;
flex-direction: column;
}
@keyframes fadeInCustomTab {
from {
opacity: 0;
transform: translateY(4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.thermovix-custom-tabs-container .custom-tab-panel > h2:first-of-type {
display: none !important;
}
.thermovix-custom-tabs-container .custom-tab-panel h1,
.thermovix-custom-tabs-container .custom-tab-panel h2,
.thermovix-custom-tabs-container .custom-tab-panel h3,
.thermovix-custom-tabs-container .custom-tab-panel h4,
.thermovix-custom-tabs-container .custom-tab-panel h5,
.thermovix-custom-tabs-container .custom-tab-panel h6 {
color: var(--yazi-baslik-renk) !important;
text-align: center;
font-weight: 700;
margin-top: 35px;
margin-bottom: 15px;
line-height: 1.2;
font-family: 'Jost', sans-serif;
strong,b{
color: inherit !important;
}
}
.thermovix-custom-tabs-container .custom-tab-panel h1 { font-size: 28px; }
.thermovix-custom-tabs-container .custom-tab-panel h2 { font-size: 24px; }
.thermovix-custom-tabs-container .custom-tab-panel h3 { font-size: 20px; }
.thermovix-custom-tabs-container .custom-tab-panel h4 { font-size: 18px; }
.thermovix-custom-tabs-container .custom-tab-panel h5 { font-size: 16px; }
.thermovix-custom-tabs-container .custom-tab-panel h6 { font-size: 14px; }
.thermovix-custom-tabs-container .custom-tab-panel p {
text-align: center;
margin-bottom: 20px;
}
.thermovix-custom-tabs-container .custom-tab-panel b,
.thermovix-custom-tabs-container .custom-tab-panel strong {
color: var(--yazi-baslik-renk);
font-weight: 700;
}
.thermovix-custom-tabs-container .custom-tab-panel a {
color: var(--ana-renk-1);
text-decoration: none;
font-weight: 600;
transition: color 0.2s ease;
}
.thermovix-custom-tabs-container .custom-tab-panel a:hover {
color: var(--ana-renk-2);
text-decoration: underline;
}
.thermovix-custom-tabs-container .custom-tab-panel img {
max-width: 100%;
height: auto;
border-radius: 12px;
display: block;
width: 100%;
}
.thermovix-custom-tabs-container .custom-tab-panel blockquote {
margin: 30px auto;
padding: 24px 35px;
background-color: var(--arkaplan-renk);
border-radius: 12px;
max-width: 800px;
border-left: 4px solid var(--ana-renk-1);
text-align: center;
}
.thermovix-custom-tabs-container .custom-tab-panel blockquote p {
margin: 0;
font-style: italic;
color: var(--yazi-baslik-renk);
font-size: 15px;
}
.thermovix-custom-tabs-container .custom-tab-panel ul,
.thermovix-custom-tabs-container .custom-tab-panel ol {
margin: 25px auto;
padding: 0;
max-width: 800px;
list-style: none;
text-align: left;
}
.thermovix-custom-tabs-container .custom-tab-panel ul:has(li strong),
.thermovix-custom-tabs-container .custom-tab-panel ul:has(li b),
.thermovix-custom-tabs-container .custom-tab-panel ol:has(li strong),
.thermovix-custom-tabs-container .custom-tab-panel ol:has(li b) {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 16px;
margin: 25px auto;
max-width: 1000px;
@media(max-width:1024px){
display: flex;
flex-direction: column;
}
}
.thermovix-custom-tabs-container .custom-tab-panel ul li,
.thermovix-custom-tabs-container .custom-tab-panel ol li {
line-height: 1.6;
position: relative;
font-size: 15px;
color: #475569;
text-align: center;
display: flex;
flex-direction: column;
}
.thermovix-custom-tabs-container .custom-tab-panel ul li::before {
content: "—";
color: var(--ana-renk-1);
font-weight: 500;
}
.thermovix-custom-tabs-container .custom-tab-panel ul li:has(strong),
.thermovix-custom-tabs-container .custom-tab-panel ul li:has(b),
.thermovix-custom-tabs-container .custom-tab-panel ol li:has(strong),
.thermovix-custom-tabs-container .custom-tab-panel ol li:has(b) {
display: block;
background: transparent;
border-radius: 0;
padding: 20px;
box-shadow: none !important;
transition: all 0.25s ease;
background-color: var(--arkaplan-renk);
border-radius: 12px;
}
.thermovix-custom-tabs-container .custom-tab-panel ul li:has(strong)::before,
.thermovix-custom-tabs-container .custom-tab-panel ul li:has(b)::before,
.thermovix-custom-tabs-container .custom-tab-panel ol li:has(strong)::before,
.thermovix-custom-tabs-container .custom-tab-panel ol li:has(b)::before {
display: none;
}
.thermovix-custom-tabs-container .custom-tab-panel ul li strong,
.thermovix-custom-tabs-container .custom-tab-panel ul li b,
.thermovix-custom-tabs-container .custom-tab-panel ol li strong,
.thermovix-custom-tabs-container .custom-tab-panel ol li b {
color: var(--ana-renk-2);
font-size: 18px;
font-weight: 700;
text-transform: none;
letter-spacing: normal;
margin-bottom: 6px;
display: block;
}
.thermovix-custom-tabs-container .custom-tab-panel ul li p,
.thermovix-custom-tabs-container .custom-tab-panel ol li p {
display: block;
margin: 0;
}
.thermovix-custom-tabs-container .custom-tab-panel table:not(.shop_attributes) {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
font-size: 15px;
text-align: left;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
border: 1px solid var(--border-renk);
}
.thermovix-custom-tabs-container .custom-tab-panel table:not(.shop_attributes) thead tr {
background: linear-gradient(135deg, var(--ana-renk-2) 0%, var(--ana-renk-1) 100%);
color: var(--beyaz);
text-align: left;
font-weight: 600;
}
.thermovix-custom-tabs-container .custom-tab-panel table:not(.shop_attributes) th,
.thermovix-custom-tabs-container .custom-tab-panel table:not(.shop_attributes) td {
padding: 14px 20px;
line-height: 1.5;
}
.thermovix-custom-tabs-container .custom-tab-panel table:not(.shop_attributes) th {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.8px;
font-weight: 600;
}
.thermovix-custom-tabs-container .custom-tab-panel table:not(.shop_attributes) tbody tr {
border-bottom: 1px solid var(--border-renk);
background-color: var(--beyaz);
transition: background-color 0.25s ease;
}
.thermovix-custom-tabs-container .custom-tab-panel table:not(.shop_attributes) tbody tr:nth-of-type(even) {
background-color: #f8fafc;
}
.thermovix-custom-tabs-container .custom-tab-panel table:not(.shop_attributes) tbody tr:last-of-type {
border-bottom: none;
}
.thermovix-custom-tabs-container .custom-tab-panel table:not(.shop_attributes) tbody tr:hover {
background-color: rgba(var(--ana-renk-1-rgb), 0.05);
}
.thermovix-custom-tabs-container .custom-tab-panel table:not(.shop_attributes) td strong {
color: var(--ana-renk-2);
font-weight: 600;
}
@media screen and (max-width: 768px) {
.thermovix-custom-tabs-container .custom-tab-panel table:not(.shop_attributes) {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.thermovix-custom-tabs-container #custom-panel-info table.shop_attributes {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 12px !important;
border: none !important;
width: 100% !important;
margin: 20px 0 !important;
background: none !important;
}
.thermovix-custom-tabs-container #custom-panel-info table.shop_attributes tbody {
display: contents !important;
}
.thermovix-custom-tabs-container #custom-panel-info table.shop_attributes tr {
display: flex !important;
flex-direction: column !important;
background-color: var(--arkaplan-renk) !important;
padding: 12px 18px !important;
border-radius: 12px !important;
border: 1px solid rgba(0, 0, 0, 0.01) !important;
text-align: left !important;
margin: 0 !important;
}
.thermovix-custom-tabs-container #custom-panel-info table.shop_attributes th {
display: block !important;
font-size: 10px !important;
color: #94a3b8 !important; 
text-transform: uppercase !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
margin-bottom: 3px !important;
border: none !important;
padding: 0 !important;
background: none !important;
width: auto !important;
}
.thermovix-custom-tabs-container #custom-panel-info table.shop_attributes td {
display: block !important;
font-size: 13px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
line-height: 1.3 !important;
border: none !important;
padding: 0 !important;
background: none !important;
}
.thermovix-custom-tabs-container #custom-panel-info table.shop_attributes td p {
margin: 0 !important;
display: inline !important;
font-weight: inherit !important;
font-size: inherit !important;
color: inherit !important;
}
@media screen and (max-width: 600px) {
.thermovix-product-specs-summary .specs-grid,
.thermovix-custom-tabs-container #custom-panel-info table.shop_attributes {
grid-template-columns: 1fr 1fr !important;
}
}
.related.products {
grid-column: span 2;
border-top: 1px solid var(--border-renk);
padding-top: 50px;
}
.related.products > h2 {
font-size: 26px;
font-weight: 700;
color: var(--yazi-baslik-renk);
margin-bottom: 35px;
text-align: center;
position: relative;
padding-bottom: 12px;
margin-bottom: 30px;
@media(max-width:1024px){
font-size: 22px;
margin-bottom: 15px;
}
}
.related.products > h2::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background-color: var(--ana-renk-1);
border-radius: 2px;
}
ul.products li.product {
background: transparent !important;
border: none !important;
border-radius: 0px !important;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
box-shadow: none !important;
}
ul.products li.product:hover {
transform: none !important;
box-shadow: none !important;
border-color: transparent !important;
}
ul.products li.product span.onsale {
display: none !important;
}
ul.products li.product a {
text-decoration: none;
color: inherit;
display: flex !important;
flex-direction: column !important;
flex-grow: 1;
gap: 6px;
}
ul.products li.product .woocommerce-loop-product__thumbnail-wrapper {
overflow: hidden;
position: relative;
border-radius: 20px !important;
}
ul.products li.product img {
width: 100%;
object-fit: cover;
margin-bottom: 0 !important;
border-radius: 12px;
border: 1px solid var(--border-renk);
}
.thermovix-urun-bilgi-kapsayici {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-direction: column;
width: 100% !important;
padding: 15px 0 !important;
}
ul.products li.product .woocommerce-loop-product__title {
font-size: 16px !important;
font-weight: 600;
color: var(--yazi-baslik-renk);
margin: 0 !important;
line-height: 1.3;
transition: color 0.2s ease;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
flex-grow: 1;
min-width: 0;
height: 42px;
padding: 0 !important;
text-align: center;
@media(max-width:768px){
height: 34px;
font-size: 14px !important;
}
}
ul.products li.product a:hover .woocommerce-loop-product__title {
color: var(--ana-renk-1);
}
ul.products li.product .star-rating {
font-size: 11px;
width: 80px;
height: 14px;
line-height: 1;
margin: 5px auto -6px !important;
display: block;
position: relative;
overflow: hidden;
}
ul.products li.product .star-rating::before {
color: #e2e8f0 !important; 
letter-spacing: 2px;
}
ul.products li.product .star-rating span {
color: var(--ana-renk-3) !important; 
}
ul.products li.product .star-rating span::before {
color: var(--ana-renk-3) !important;
letter-spacing: 2px;
}
ul.products li.product .price {
font-size: 15px;
font-weight: 700;
color: var(--ana-renk-1) !important;
margin: 0 !important;
display: flex !important;
align-items: center;
gap: 6px;
white-space: nowrap;
flex-shrink: 0;
}
ul.products li.product .price .amount {
font-size: inherit;
font-weight: inherit;
}
ul.products li.product .price > .amount {
font-size: 15px !important;
font-weight: 700;
color: var(--ana-renk-1) !important;
}
ul.products li.product .price ins,
ul.products li.product .price ins .amount {
font-size: 15px !important;
font-weight: 700;
color: var(--ana-renk-3) !important;
}
ul.products li.product .price del,
ul.products li.product .price del .amount {
font-size: 11px !important;
font-weight: 500;
color: var(--alt-aciklama-renk) !important;
text-decoration: line-through;
order: 2;
}
ul.products li.product .price ins {
text-decoration: none;
order: 1;
}
ul.products li.product .price .thermovix-fiyat-indirim-etiketi {
order: 3;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: rgba(220, 53, 69, 0.08);
color: var(--danger-1);
padding: 3px 6px;
border-radius: 4px;
line-height: 1.1;
font-weight: 700;
margin-left: 4px;
}
ul.products li.product .price .thermovix-fiyat-indirim-etiketi .indirim-ust-yazi {
font-size: 7px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;
margin-bottom: 0px;
}
ul.products li.product .price .thermovix-fiyat-indirim-etiketi .indirim-oran {
font-size: 10px;
}
ul.products li.product .add_to_cart_button {
margin: 0 !important;
background-color: var(--arkaplan-renk);
color: var(--yazi-baslik-renk);
text-align: center;
padding: 10px 20px;
border-radius: 30px;
font-size: 13px;
font-weight: 700;
display: flex !important;
flex-direction: row !important;
align-items: center;
justify-content: center;
gap: 10px;
text-decoration: none;
transition: all 0.25s ease;
box-shadow: none;
}
ul.products li.product .add_to_cart_button:hover {
background-color: var(--ana-renk-1);
color: var(--beyaz);
box-shadow: 0 4px 12px rgba(var(--ana-renk-1-rgb), 0.2);
}
ul.products li.product .out-of-stock-loop-btn {
margin: 0 !important;
background-color: var(--ana-renk-3-bg) !important;
color: var(--ana-renk-3) !important;
border: 1px solid rgba(var(--ana-renk-3-rgb), 0.15) !important;
text-align: center;
padding: 10px 20px;
border-radius: 30px;
font-size: 13px;
font-weight: 700;
display: flex !important;
flex-direction: row !important;
align-items: center;
justify-content: center;
gap: 10px;
text-decoration: none;
transition: all 0.25s ease;
box-shadow: none;
pointer-events: none; 
}
ul.products li.product .out-of-stock-loop-btn:hover {
background-color: var(--ana-renk-3) !important;
color: var(--beyaz) !important;
border-color: var(--ana-renk-3) !important;
box-shadow: 0 4px 12px rgba(var(--ana-renk-3-rgb), 0.2) !important;
}
ul.products li.product .add_to_cart_button.added {
display: none !important;
}
ul.products li.product a.added_to_cart {
margin: 0;
background-color: #10b981 !important;
color: var(--beyaz) !important;
text-align: center;
padding: 0 20px;
border-radius: 30px;
font-size: 13px;
font-weight: 700;
display: flex !important;
flex-direction: row !important;
align-items: center;
justify-content: center;
height: 33px;
gap: 6px;
text-decoration: none;
transition: all 0.25s ease;
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25);
}
ul.products li.product a.added_to_cart::before {
content: "✓";
font-weight: 800;
font-size: 14px;
}
ul.products li.product a.added_to_cart:hover {
background-color: #059669 !important;
box-shadow: 0 6px 16px rgba(5, 150, 105, 0.35);
}
.woocommerce div.product div.summary{
width: 100%;
}
.woocommerce div.product div.images.woocommerce-product-gallery{
width: 100%;
}
.thermovix-ekmek-kirintisi {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 500;
color: var(--alt-aciklama-renk);
margin-bottom: 12px;
padding: 0;
background: none;
border-radius: 0;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
max-width: 100%;
}
.thermovix-ekmek-kirintisi a {
color: var(--alt-aciklama-renk);
text-decoration: none;
transition: color 0.25s ease;
}
.thermovix-ekmek-kirintisi a:hover {
color: var(--ana-renk-1);
}
.thermovix-ekmek-kirintisi span:last-child {
color: var(--yazi-baslik-renk);
font-weight: 600;
}
.thermovix-ekmek-kirintisi .breadcrumb-ayrac {
display: inline-flex;
align-items: center;
justify-content: center;
color: #a0aec0;
flex-shrink: 0;
}
.thermovix-ekmek-kirintisi .breadcrumb-ayrac svg {
display: block;
stroke-width: 2.5;
}
.woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before{
display: none;
}
.thermovix-toast-container {
position: fixed;
top: 24px;
right: 24px;
z-index: 999999;
display: flex;
flex-direction: column;
gap: 12px;
width: 360px;
max-width: calc(100vw - 48px);
pointer-events: none;
}
.thermovix-toast {
position: relative;
display: grid;
grid-template-columns: auto 1fr auto;
align-items: start;
gap: 12px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
padding: 16px 20px 16px 16px;
border-radius: 12px;
color: var(--yazi-renk);
font-size: 14px;
line-height: 1.5;
pointer-events: auto;
overflow: hidden;
transform: translateX(120%);
opacity: 0;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
}
.thermovix-toast.aktif {
transform: translateX(0);
opacity: 1;
}
.thermovix-toast.kapaniyor {
transform: translateX(120%);
opacity: 0;
}
.thermovix-toast-icon {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
flex-shrink: 0;
}
.thermovix-toast-success .thermovix-toast-icon {
background-color: rgba(var(--ana-renk-1-rgb), 0.1);
color: var(--ana-renk-1);
}
.thermovix-toast-error .thermovix-toast-icon {
background-color: rgba(220, 53, 69, 0.1);
color: #dc3545;
}
.thermovix-toast-info .thermovix-toast-icon {
background-color: rgba(54, 162, 235, 0.1);
color: #36a2eb;
}
.thermovix-toast-message {
padding-top: 2px;
font-weight: 500;
}
.thermovix-toast-message a {
color: var(--ana-renk-1);
text-decoration: underline;
font-weight: 600;
}
.thermovix-toast-close {
background: none;
border: none;
padding: 4px;
cursor: pointer;
color: #a0aec0;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s;
margin-top: 1px;
}
.thermovix-toast-close:hover {
background-color: rgba(0, 0, 0, 0.05);
color: var(--yazi-baslik-renk);
}
.thermovix-toast-progress {
position: absolute;
bottom: 0;
left: 0;
height: 3px;
width: 100%;
background-color: rgba(0, 0, 0, 0.05);
}
.thermovix-toast-progress::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transform-origin: left;
animation: toast-progress-anim 3s linear forwards;
}
.thermovix-toast-success .thermovix-toast-progress::before {
background-color: var(--ana-renk-1);
}
.thermovix-toast-error .thermovix-toast-progress::before {
background-color: #dc3545;
}
.thermovix-toast-info .thermovix-toast-progress::before {
background-color: #36a2eb;
}
@keyframes toast-progress-anim {
to {
transform: scaleX(0);
}
}
@media (max-width: 576px) {
.thermovix-toast-container {
top: auto;
bottom: 24px;
right: 16px;
left: 16px;
width: auto;
max-width: none;
}
.thermovix-toast {
transform: translateY(120%);
}
.thermovix-toast.aktif {
transform: translateY(0);
}
.thermovix-toast.kapaniyor {
transform: translateY(120%);
opacity: 0;
}
}
ul.products li.product .thermovix-loop-countdown {
position: relative;
margin-top: -43px; 
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
background-color: var(--ana-renk-3-bg);
padding: 8px 12px;
font-size: 12px;
color: var(--ana-renk-3);
transition: background-color 0.3s ease;
border-radius: 0 0 12px 12px;
@media(max-width:768px){
padding: 4px 0;
margin-top: -36px;
}
}
ul.products li.product .thermovix-loop-countdown .loop-timer-icon {
display: inline-flex;
align-items: center;
color: var(--ana-renk-3);
@media(max-width:768px){
display: none;
}
}
ul.products li.product .thermovix-loop-countdown .loop-timer-icon svg {
display: block;
}
ul.products li.product .thermovix-loop-countdown .loop-timer-label {
font-size: 11px;
font-weight: 600;
color: var(--alt-aciklama-renk);
@media(max-width:768px){
display: none;
}
}
ul.products li.product .thermovix-loop-countdown .loop-timer-val {
font-family: 'Jost', sans-serif;
font-weight: 700;
color: var(--ana-renk-3);
background-color: var(--ana-renk-3-bg);
padding: 2px 8px;
border-radius: 4px;
font-size: 11px;
display: inline-flex;
align-items: center;
gap: 4px;
letter-spacing: 0.2px;
}
ul.products li.product .thermovix-loop-countdown .timer-part {
margin-right: 4px;
}
.thermovix-single-countdown {
margin-bottom: 25px;
display: flex;
flex-direction: column;
gap: 12px;
text-align: left;
border: 1px solid rgba(var(--ana-renk-1-rgb), 0.12);
background-color: rgba(var(--ana-renk-1-rgb), 0.02);
border-radius: 12px;
padding: 15px 20px;
align-self: flex-start;
}
.thermovix-single-countdown .countdown-label {
font-size: 12px;
font-weight: 700;
color: var(--alt-aciklama-renk);
text-transform: uppercase;
letter-spacing: 1px;
display: flex;
align-items: center;
gap: 6px;
}
.thermovix-single-countdown .countdown-label::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: var(--ana-renk-1);
animation: countdown-blink 1s step-end infinite;
}
.thermovix-single-countdown .countdown-timer-wrap {
display: flex;
align-items: center;
gap: 6px;
}
.thermovix-single-countdown .countdown-item {
background-color: rgba(var(--ana-renk-1-rgb), 0.05);
border: 1px solid rgba(var(--ana-renk-1-rgb), 0.12);
border-radius: 8px;
padding: 8px 10px;
min-width: 55px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.thermovix-single-countdown .countdown-num {
font-size: 18px;
font-weight: 700;
color: var(--ana-renk-2);
font-family: 'Courier New', Courier, monospace;
line-height: 1;
}
.thermovix-single-countdown .countdown-unit {
font-size: 9px;
font-weight: 600;
color: var(--alt-aciklama-renk);
text-transform: uppercase;
margin-top: 4px;
}
.thermovix-single-countdown .countdown-separator {
font-size: 18px;
font-weight: 700;
color: var(--ana-renk-1);
animation: countdown-blink 1s step-end infinite;
}
@keyframes countdown-blink {
50% { opacity: 0.4; }
}
.countdown-loading {
font-size: 13px;
color: var(--alt-aciklama-renk);
font-style: italic;
}
.countdown-expired {
font-size: 13px;
font-weight: 700;
color: #dc3545;
}
.wpcf-header-btn.wpcf-header-icon-only{
width: 44px !important;
height: 44px !important;
border-radius: 100%;
background-color: var(--arkaplan-renk);
@media(max-width:768px){
width: 36px !important;
height: 36px !important;
svg{
width: 18px !important;
height: 18px !important;
}
}
&:hover{
background-color: var(--ana-renk-1);
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(var(--ana-renk-1-rgb), 0.2);
.wpcf-header-heart-icon {
color: var(--beyaz);
fill: transparent;
transform: scale(1);
}
}
}
.wpcf-header-btn.active{
background-color: var(--ana-renk-1) !important;
}
.wpcf-header-btn.active .wpcf-header-heart-icon {
color: var(--beyaz) !important;
fill: transparent !important;
}
.wpcf-header-btn.wpcf-header-icon-only .wpcf-count {
top: -16px !important;
right: -16px !important;
}
.wpcf-count{
background-color: var(--ana-renk-2);
}
.shop-listing-layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 40px;
align-items: start;
margin-top: 15px;
}
.mobil-filtre-ac-butonu {
display: none;
align-items: center;
justify-content: center;
gap: 8px;
background-color: var(--arkaplan-renk);
color: var(--yazi-baslik-renk);
border: 1px solid var(--border-renk);
padding: 10px 16px;
border-radius: 30px;
font-size: 13px;
font-weight: 700;
cursor: pointer;
transition: all 0.25s ease;
width: 100%;
margin-bottom: 20px;
}
.mobil-filtre-ac-butonu:hover {
background-color: var(--ana-renk-1);
color: var(--beyaz);
border-color: var(--ana-renk-1);
}
.mobil-filtre-header {
display: none;
align-items: center;
justify-content: space-between;
padding-bottom: 15px;
border-bottom: 1px solid var(--border-renk);
margin-bottom: 20px;
}
.mobil-filtre-header h3 {
font-size: 18px;
font-weight: 700;
margin: 0;
color: var(--yazi-baslik-renk);
}
.mobil-filtre-kapat {
background: none;
border: none;
color: var(--alt-aciklama-renk);
cursor: pointer;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.2s ease;
}
.mobil-filtre-kapat:hover {
color: var(--danger-1);
}
.thermovix-filtre-kapsayici {
background-color: var(--beyaz);
border: 1px solid var(--border-renk);
border-radius: 16px;
padding: 24px;
}
.filtre-widget {
margin-bottom: 30px;
padding-bottom: 25px;
border-bottom: 1px solid var(--border-renk);
}
.filtre-widget:last-of-type {
margin-bottom: 20px;
padding-bottom: 0;
border-bottom: none;
}
.filtre-baslik {
font-size: 15px;
font-weight: 700;
color: var(--yazi-baslik-renk);
margin: 0 0 15px 0;
letter-spacing: 0.2px;
}
.nitelik-toggle-baslik {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
user-select: none;
}
.nitelik-toggle-baslik .toggle-ikon {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--alt-aciklama-renk);
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease;
}
.nitelik-toggle-baslik:hover .toggle-ikon {
color: var(--ana-renk-1);
}
.filtre-nitelik.kapali .nitelik-toggle-baslik .toggle-ikon {
transform: rotate(-90deg);
}
.filtre-arama-input-wrap {
position: relative;
display: flex;
align-items: center;
}
.filtre-arama-girdisi {
width: 100%;
padding: 10px 40px 10px 15px;
border: 1px solid var(--border-renk);
border-radius: 30px;
font-size: 13px;
font-family: inherit;
background-color: var(--arkaplan-renk);
color: var(--yazi-baslik-renk);
transition: all 0.25s ease;
}
.filtre-arama-girdisi:focus {
outline: none;
border-color: var(--ana-renk-1);
background-color: var(--beyaz);
box-shadow: 0 0 0 4px rgba(var(--ana-renk-1-rgb), 0.08);
}
.filtre-arama-butonu {
position: absolute;
right: 5px;
background: none;
border: none;
color: var(--alt-aciklama-renk);
cursor: pointer;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.2s ease;
}
.filtre-arama-butonu:hover {
background-color: var(--border-renk);
color: var(--ana-renk-1);
}
.filtre-fiyat-slider-kapsayici {
padding: 10px 5px 5px 5px;
}
#thermovix-fiyat-slider.ui-widget.ui-widget-content {
border: none;
background-color: var(--arkaplan-renk);
height: 6px;
border-radius: 30px;
position: relative;
}
#thermovix-fiyat-slider .ui-slider-range {
background-color: var(--ana-renk-1);
border-radius: 30px;
position: absolute;
height: 100%;
top: 0;
}
#thermovix-fiyat-slider .ui-slider-handle {
width: 18px;
height: 18px;
background-color: var(--beyaz);
border: 2px solid var(--ana-renk-1);
border-radius: 50%;
cursor: grab;
position: absolute;
top: -6px;
margin-left: -9px;
outline: none;
box-shadow: 0 2px 6px rgba(var(--ana-renk-1-rgb), 0.15);
transition: transform 0.1s ease, border-color 0.2s ease;
z-index: 2;
}
#thermovix-fiyat-slider .ui-slider-handle:hover,
#thermovix-fiyat-slider .ui-slider-handle.ui-state-active {
transform: scale(1.15);
border-color: var(--ana-renk-2);
cursor: grabbing;
}
.filtre-fiyat-gostergeler {
display: flex;
justify-content: space-between;
font-size: 13px;
font-weight: 700;
color: var(--ana-renk-1);
margin-top: 15px;
}
.filtre-liste-kapsayici {
max-height: 200px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 8px;
padding-right: 8px;
}
.scroll-ozel::-webkit-scrollbar {
width: 5px;
}
.scroll-ozel::-webkit-scrollbar-track {
background: transparent;
}
.scroll-ozel::-webkit-scrollbar-thumb {
background: rgba(var(--ana-renk-1-rgb), 0.2);
border-radius: 10px;
}
.scroll-ozel::-webkit-scrollbar-thumb:hover {
background: var(--ana-renk-1);
}
.filtre-checkbox-label {
display: flex;
align-items: center;
font-size: 13px;
font-weight: 550;
color: var(--yazi-baslik-renk);
cursor: pointer;
position: relative;
user-select: none;
transition: color 0.2s ease;
}
.filtre-checkbox-label:hover {
color: var(--ana-renk-1);
}
.filtre-checkbox-label input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox-ozel {
height: 19px;
width: 19px;
background-color: var(--arkaplan-renk);
border: 1px solid var(--border-renk);
border-radius: 4px;
margin-right: 10px;
position: relative;
flex-shrink: 0;
transition: all 0.2s ease;
}
.filtre-checkbox-label input:checked ~ .checkbox-ozel {
background-color: var(--ana-renk-1);
border-color: var(--ana-renk-1);
}
.checkbox-ozel::after {
content: "";
position: absolute;
display: none;
left: 6px;
top: 3px;
width: 5px;
height: 9px;
border: solid var(--beyaz);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.filtre-checkbox-label input:checked ~ .checkbox-ozel::after {
display: block;
}
.secenek-adi {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.adet-sayisi {
font-size: 11px;
font-weight: 700;
color: var(--alt-aciklama-renk);
background-color: var(--arkaplan-renk);
padding: 2px 6px;
border-radius: 10px;
margin-left: 8px;
flex-shrink: 0;
transition: all 0.2s ease;
}
.filtre-checkbox-label:hover .adet-sayisi {
background-color: rgba(var(--ana-renk-1-rgb), 0.08);
color: var(--ana-renk-1);
}
.filtre-sifirla-butonu {
width: 100%;
padding: 12px;
background: none;
border: 1px solid rgba(var(--ana-renk-1-rgb), 0.15);
color: var(--ana-renk-1);
border-radius: 30px;
font-size: 13px;
font-weight: 700;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
transition: all 0.25s ease;
margin-top: 10px;
}
.filtre-sifirla-butonu:hover {
background-color: var(--ana-renk-1);
color: var(--beyaz);
border-color: var(--ana-renk-1);
box-shadow: 0 4px 12px rgba(var(--ana-renk-1-rgb), 0.15);
}
.shop-content-area {
position: relative;
transition: opacity 0.3s ease;
}
.shop-content-area.loading-opacity {
opacity: 0.45;
pointer-events: none;
}
.shop-content-area-loader {
position: absolute;
top: 150px;
left: 50%;
transform: translateX(-50%);
z-index: 100;
}
.shop-content-area-loader .spinner {
width: 40px;
height: 40px;
border: 3px solid rgba(var(--ana-renk-1-rgb), 0.1);
border-radius: 50%;
border-top-color: var(--ana-renk-1);
animation: filter-spin 0.8s ease-in-out infinite;
}
@keyframes filter-spin {
to { transform: rotate(360deg); }
}
.no-products-found {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 80px 20px;
background-color: var(--beyaz);
border-radius: 20px;
border: 1px solid var(--border-renk);
max-width: 500px;
margin: 40px auto;
}
.shop-content-area{
min-height: 80dvh;
}
.no-products-found svg {
color: var(--alt-aciklama-renk);
margin-bottom: 20px;
}
.no-products-found h3 {
font-size: 20px;
font-weight: 700;
color: var(--yazi-baslik-renk);
margin: 0 0 10px 0;
}
.no-products-found p {
font-size: 14px;
color: var(--alt-aciklama-renk);
margin: 0;
}
.thermovix-ajax-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 40px;
width: 100%;
}
.thermovix-ajax-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 6px;
border-radius: 50%;
font-size: 14px;
font-weight: 700;
color: var(--yazi-baslik-renk);
background-color: var(--arkaplan-renk);
text-decoration: none;
transition: all 0.25s ease;
}
.thermovix-ajax-pagination .page-numbers.current,
.thermovix-ajax-pagination .page-numbers:hover {
background-color: var(--ana-renk-1);
color: var(--beyaz);
box-shadow: 0 4px 10px rgba(var(--ana-renk-1-rgb), 0.2);
}
.thermovix-ajax-pagination .page-numbers.dots {
background: none;
box-shadow: none;
color: var(--alt-aciklama-renk);
}
.woocommerce-pagination {
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin-top: 50px !important;
margin-bottom: 30px !important;
width: 100% !important;
border: none !important; 
}
.woocommerce-pagination ul.page-numbers {
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important; 
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
.woocommerce-pagination ul.page-numbers li {
padding: 0 !important;
margin: 0 !important;
list-style-type: none !important;
display: inline-flex !important;
float: none !important; 
border: none !important;
overflow: visible !important;
}
.woocommerce-pagination ul.page-numbers li .page-numbers {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 44px !important; 
height: 44px !important;
padding: 0 6px !important;
border-radius: 50% !important;
font-size: 14px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
background-color: var(--arkaplan-renk) !important;
text-decoration: none !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-sizing: border-box !important;
border: none !important; 
box-shadow: none !important;
}
.woocommerce-pagination ul.page-numbers li span.page-numbers.current,
.woocommerce-pagination ul.page-numbers li a.page-numbers:hover {
background-color: var(--ana-renk-1) !important;
color: var(--beyaz) !important;
border: none !important;
box-shadow: 0 4px 12px rgba(0, 139, 242, 0.25) !important;
transform: translateY(-2px) !important;
}
.woocommerce-pagination ul.page-numbers li span.dots {
background: none !important;
border: none !important;
box-shadow: none !important;
color: var(--alt-aciklama-renk) !important;
cursor: default !important;
transform: none !important;
}
.woocommerce-pagination ul.page-numbers li a.next.page-numbers,
.woocommerce-pagination ul.page-numbers li a.prev.page-numbers {
font-size: 18px !important;
line-height: 1 !important;
}
@media (max-width: 991px) {
.shop-listing-layout {
grid-template-columns: 1fr;
gap: 20px;
}
.mobil-filtre-ac-butonu {
display: flex;
}
.mobil-filtre-header {
display: flex;
}
.shop-sidebar {
position: fixed;
top: 0;
left: -320px;
width: 300px;
height: 100%;
z-index: 2000;
background-color: var(--beyaz);
box-shadow: 20px 0 40px rgba(0, 0, 0, 0.15);
transition: left 0.3s cubic-bezier(0.16, 1, 0.3, 1);
overflow-y: auto;
}
.shop-sidebar.acik {
left: 0;
}
.thermovix-filtre-kapsayici {
border: none;
box-shadow: none;
border-radius: 0;
padding: 20px;
min-height: 100%;
}
}
.thermovix-aktif-filtreler-kapsayici {
margin-bottom: 25px;
width: 100%;
}
.aktif-filtre-listesi {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
background-color: var(--arkaplan-renk);
border: 1px solid var(--border-renk);
padding: 12px 18px;
border-radius: 12px;
}
.aktif-filtre-baslik-etiketi {
font-size: 11px;
font-weight: 700;
color: var(--yazi-baslik-renk);
text-transform: uppercase;
letter-spacing: 0.5px;
margin-right: 5px;
}
.aktif-filtre-pills-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.aktif-filtre-pill {
display: inline-flex;
align-items: center;
gap: 6px;
background-color: var(--beyaz);
border: 1px solid var(--border-renk);
padding: 6px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
color: var(--yazi-baslik-renk);
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.01);
}
.aktif-filtre-pill:hover {
border-color: var(--ana-renk-1);
color: var(--ana-renk-1);
}
.filtre-pill-sil {
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: var(--arkaplan-renk);
color: var(--alt-aciklama-renk);
font-style: normal;
font-weight: 700;
cursor: pointer;
font-size: 11px;
transition: all 0.2s ease;
line-height: 1;
}
.aktif-filtre-pill:hover .filtre-pill-sil {
background-color: rgba(var(--ana-renk-1-rgb), 0.1);
color: var(--ana-renk-1);
}
.filtre-pill-sil:hover {
background-color: var(--danger-1) !important;
color: var(--beyaz) !important;
}
.aktif-filtre-tumu-temizle {
background: none;
border: none;
color: var(--danger-1);
font-size: 12px;
font-weight: 700;
cursor: pointer;
padding: 4px 8px;
transition: opacity 0.2s ease;
margin-left: auto;
}
.aktif-filtre-tumu-temizle:hover {
opacity: 0.8;
text-decoration: underline;
}
@media (max-width: 575px) {
.aktif-filtre-listesi {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.aktif-filtre-tumu-temizle {
margin-left: 0;
padding: 0;
}
}
.alt-kategori-label {
opacity: 0.85;
}
.alt-kategori-label .secenek-adi {
font-weight: 500 !important;
}
.shop-listing-layout.no-sidebar {
grid-template-columns: 1fr;
}
.page-title {
font-size: 28px;
font-weight: 800;
color: var(--yazi-baslik-renk);
margin-top: 0;
margin-bottom: 25px;
letter-spacing: -0.5px;
position: relative;
padding-bottom: 12px;
}
.page-title::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 3px;
background-color: var(--ana-renk-1);
border-radius: 2px;
}
.wpcf-loop-btn.wpcf-icon-only{
top: 6px !important;
right: 6px !important;
@media(max-width:768px){
top: 0 !important;
right: 0 !important;
}
}
.kategori-grup-kapsayici {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 4px;
}
.alt-kategoriler-listesi {
padding-left: 20px;
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 2px;
margin-bottom: 6px;
}
.shop-content-area > .woocommerce-result-count {
float: left;
margin: 12px 0 25px 0;
font-size: 13px;
font-weight: 550;
color: var(--alt-aciklama-renk);
display: none;
}
.shop-content-area > .woocommerce-ordering {
float: right;
margin: 0 0 25px 0;
}
.shop-content-area::after {
content: "";
display: table;
clear: both;
}
.woocommerce-ordering select.orderby {
font-family: 'Jost', sans-serif;
font-size: 13px;
font-weight: 600;
color: var(--yazi-baslik-renk);
background-color: var(--beyaz);
border: 1px solid var(--border-renk);
border-radius: 30px;
padding: 10px 40px 10px 20px;
cursor: pointer;
outline: none;
transition: all 0.25s ease;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
background-repeat: no-repeat;
background-position: right 18px center;
background-size: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
min-width: 220px;
}
.woocommerce-ordering select.orderby:hover {
border-color: var(--ana-renk-1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.woocommerce-ordering select.orderby:focus {
border-color: var(--ana-renk-1);
box-shadow: 0 0 0 3px rgba(var(--ana-renk-1-rgb), 0.1);
}
@media (max-width: 767px) {
.shop-content-area > .woocommerce-result-count {
float: none;
display: block;
margin: 10px 0;
text-align: center;
}
.shop-content-area > .woocommerce-ordering {
float: none;
display: block;
margin: 10px 0 20px 0;
}
.woocommerce-ordering select.orderby {
width: 100%;
}
}
.sayfa-baslik-alani {
text-align: center;
margin-top: 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.sayfa-ekmek-kirintisi {
justify-content: center;
margin-bottom: 15px;
}
.sayfa-ana-baslik {
font-size: 32px;
font-weight: 800;
color: var(--yazi-baslik-renk);
margin: 0;
letter-spacing: -0.5px;
position: relative;
padding-bottom: 15px;
@media(max-width:1024px){
font-size: 24px;
}
}
.wp-block-woocommerce-checkout{
@media(max-width:1024px){
padding-top: 0;
}
}
.sayfa-ana-baslik::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 3px;
background-color: var(--ana-renk-1);
border-radius: 2px;
}
.wpcf-fav-price-action{
.thermovix-fiyat-indirim-etiketi{
display: none;
}
}
.wpcf-fav-card .wpcf-fav-category{
display: none;
}
.summary.entry-summary .product_title,
.wpcf-fav-title{
text-wrap: balance;
}
.flex-viewport{
border: 1px solid var(--border-renk);
overflow: hidden;
border-radius: 16px;
}
.arama-sonuc-fiyat{
.thermovix-fiyat-indirim-etiketi{
display: none;
}
}
.shop-products-wrapper {
position: relative;
width: 100%;
clear: both;
}
.shop-products-wrapper.loading-opacity {
opacity: 0.45;
pointer-events: none;
transition: opacity 0.2s ease;
}
.thermovix-alt-kategoriler-kutusu {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 20px;
justify-content: center;
margin: 15px 0 35px 0;
width: 100%;
padding: 20px;
border: 1px solid var(--border-renk);
@media(max-width:768px){
display: flex;
overflow: auto;
width: calc(100% + 24px);
padding: 0;
margin: 0;
margin-inline: -12px;
padding-inline: 12px;
scrollbar-width: none;
border: 0;
justify-content: flex-start;
padding-bottom: 20px;
scroll-snap-type: x mandatory;
&::-webkit-scrollbar{
display: none;
}
}
}
.alt-kategori-kart {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 10px;
text-decoration: none;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
@media(max-width:768px){
flex-shrink: 0;
scroll-snap-align: center;
width: 40%;
}
}
.alt-kategori-kart-gorsel-kapsayici {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.alt-kategori-kart-gorsel {
width: 100%;
height: auto;
aspect-ratio: 300 / 180;
object-fit: cover;
}
.alt-kategori-kart-gorsel-bos {
display: flex;
align-items: center;
justify-content: center;
color: var(--alt-aciklama-renk);
width: 100%;
height: 100%;
}
.alt-kategori-kart-adi {
font-size: 13px;
font-weight: 600;
color: var(--yazi-baslik-renk);
line-height: 1.35;
transition: color 0.25s ease;
display: block;
word-break: break-word;
max-width: 100%;
}
.alt-kategori-kart:hover .alt-kategori-kart-adi {
color: var(--ana-renk-1);
}
.thermovix-urun-marka-logosu-kapsayici {
display: block;
width: 100%;
}
.thermovix-urun-marka-logosu-kapsayici a {
display: inline-block;
}
.thermovix-urun-marka-logosu {
max-width: 110px !important;
max-height: 60px;
height: auto;
object-fit: contain;
display: block;
transition: opacity 0.25s ease;
@media(max-width:1024px){
max-width: 70px !important;
max-height: 40px;
}
}
.thermovix-urun-marka-logosu-kapsayici a:hover .thermovix-urun-marka-logosu {
opacity: 0.82;
}
.woocommerce .star-rating{
width: 6em;
}
.woocommerce-product-rating .star-rating{
color: var(--ana-renk-3) !important;
}
.thermovix-editor-row {
display: flex;
gap: 40px;
align-items: center;
max-width: 1100px;
width: 100%;
text-align: left !important;
border-top: 1px solid var(--border-renk);
padding-block: 60px;
}
.thermovix-editor-row-reverse {
flex-direction: row-reverse;
}
.thermovix-editor-col-image {
flex: 0 0 calc(55% - 20px);
max-width: 55%;
}
.thermovix-editor-col-image img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.thermovix-editor-col-content {
flex: 1;
text-align: left !important;
}
.thermovix-editor-row h3,
.thermovix-editor-col-content h3 {
margin-top: 0 !important;
margin-bottom: 16px !important;
color: var(--ana-renk-2) !important;
font-size: 28px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
text-align: left !important;
}
.thermovix-editor-row p,
.thermovix-editor-col-content p {
color: #475569 !important;
font-size: 16px !important;
line-height: 1.75 !important;
margin-bottom: 20px !important;
text-align: left !important;
text-wrap: wrap !important;
}
.thermovix-editor-row ul,
.thermovix-editor-col-content ul {
margin: 20px 0 0 0 !important;
padding: 0 !important;
list-style: none !important;
display: block !important;
text-align: left !important;
}
.thermovix-editor-row ul li,
.thermovix-editor-col-content ul li {
position: relative !important;
padding: 0 0 0 24px !important;
margin-bottom: 12px !important;
font-size: 15px !important;
line-height: 1.6 !important;
color: #334155 !important;
text-align: left !important;
display: block !important;
background: none !important;
border: none !important;
box-shadow: none !important;
transform: none !important;
}
.thermovix-editor-row ul li::before,
.thermovix-editor-col-content ul li::before {
content: "✓" !important;
color: var(--ana-renk-1) !important;
font-weight: bold !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
display: inline-block !important;
}
.thermovix-editor-row ul li strong,
.thermovix-editor-row ul li b,
.thermovix-editor-col-content ul li strong,
.thermovix-editor-col-content ul li b {
color: var(--ana-renk-2) !important;
font-weight: 600 !important;
font-size: inherit !important;
text-transform: none !important;
letter-spacing: normal !important;
margin-bottom: 0 !important;
display: inline !important;
}
@media (max-width: 768px) {
.thermovix-editor-row {
flex-direction: column !important;
gap: 30px !important;
padding: 24px !important;
}
.thermovix-editor-col-image,
.thermovix-editor-col-content {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
#reviews.woocommerce-Reviews,
#reviews.woocommerce-Reviews p,
#reviews.woocommerce-Reviews label,
#reviews.woocommerce-Reviews span,
#reviews.woocommerce-Reviews div,
#reviews.woocommerce-Reviews li,
#reviews.woocommerce-Reviews h2,
#reviews.woocommerce-Reviews h3 {
text-align: left !important;
}
#reviews.woocommerce-Reviews {
display: flex;
flex-direction: column;
}
#reviews.woocommerce-Reviews #comments {
margin: 0;
order: 2;
}
#reviews.woocommerce-Reviews .woocommerce-Reviews-title {
display: none;
}
#reviews.woocommerce-Reviews ol.commentlist {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
#reviews.woocommerce-Reviews ol.commentlist li.review {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
border-left: 4px solid var(--ana-renk-1) !important;
border-radius: 16px !important;
padding: 20px !important;
}
#reviews.woocommerce-Reviews ol.commentlist li.bypostauthor {
background: #fef7f4 !important;
border-left: 4px solid var(--ana-renk-3) !important;
padding: 20px !important;
}
#reviews.woocommerce-Reviews ol.commentlist li.bypostauthor:hover {
box-shadow: 0 12px 25px rgba(240, 99, 31, 0.08);
border-color: rgba(var(--ana-renk-3-rgb), 0.2);
}
#reviews.woocommerce-Reviews .comment_container {
display: grid;
grid-template-columns: 32px auto 1fr;
grid-template-rows: auto auto;
gap: 12px 16px;
align-items: center;
}
#reviews.woocommerce-Reviews .comment_container img.avatar {
grid-column: 1;
grid-row: 1;
width: 48px;
height: 48px;
border-radius: 50%;
object-fit: cover;
border: 2px solid var(--beyaz);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
position: relative !important;
}
#reviews.woocommerce-Reviews .comment-text {
display: contents;
}
#reviews.woocommerce-Reviews .comment-text .star-rating {
grid-column: 3;
grid-row: 1;
justify-self: end;
color: var(--ana-renk-3) !important;
font-size: 13px;
letter-spacing: 2px;
margin: 0;
border-radius: 999px;
box-sizing: content-box;
display: inline-block;
height: 16px;
line-height: 16px;
}
#reviews.woocommerce-Reviews .comment-text .star-rating::before,
#reviews.woocommerce-Reviews .comment-text .star-rating span::before {
top: 0 !important;
left: 0 !important;
line-height: 16px !important;
height: 16px !important;
}
#reviews.woocommerce-Reviews .comment-text .meta {
grid-column: 2;
grid-row: 1;
margin: 0;
display: flex;
align-items: center;
gap: 10px;
line-height: 1.4;
}
#reviews.woocommerce-Reviews .comment-text time.woocommerce-review__published-date {
background-color: rgba(0, 0, 0, 0.03);
padding: 2px 8px;
border-radius: 6px;
font-size: 12px;
color: #64748b;
font-weight: 500;
}
#reviews.woocommerce-Reviews .comment-text .woocommerce-review__author {
color: var(--yazi-baslik-renk);
font-size: 15px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 8px;
text-transform: capitalize;
}
#reviews.woocommerce-Reviews ol.commentlist li.bypostauthor .woocommerce-review__author::after {
content: "Yönetici";
font-size: 10px;
font-weight: 700;
color: var(--beyaz);
background: linear-gradient(135deg, var(--ana-renk-1) 0%, var(--ana-renk-2) 100%);
padding: 3px 10px;
border-radius: 999px;
line-height: 1;
box-shadow: 0 2px 6px rgba(0, 139, 242, 0.2);
}
#reviews.woocommerce-Reviews .comment-text .woocommerce-review__dash {
display: none;
}
#reviews.woocommerce-Reviews .comment-text .description {
grid-column: 1 / span 3;
grid-row: 2;
font-size: 15px;
color: var(--yazi-baslik-renk);
line-height: 1.6;
margin-top: 4px;
border-top: 1px dashed rgba(0, 0, 0, 0.1);
padding-top: 16px;
}
#reviews.woocommerce-Reviews .comment-text .description p {
margin: 0 0 10px 0;
}
#reviews.woocommerce-Reviews .comment-text .description p:last-child {
margin-bottom: 0;
}
#reviews.woocommerce-Reviews #review_form_wrapper {
order: 1;
}
#reviews.woocommerce-Reviews #reply-title.comment-reply-title {
font-size: 20px;
font-weight: 600;
color: var(--yazi-baslik-renk);
margin-bottom: 24px;
display: block;
}
#reviews.woocommerce-Reviews form.comment-form {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media (min-width: 640px) {
#reviews.woocommerce-Reviews form.comment-form {
grid-template-columns: 1fr 1fr;
}
#reviews.woocommerce-Reviews .comment-notes,
#reviews.woocommerce-Reviews .comment-form-rating,
#reviews.woocommerce-Reviews .comment-form-comment,
#reviews.woocommerce-Reviews .comment-form-cookies-consent,
#reviews.woocommerce-Reviews .form-submit {
grid-column: span 2;
}
#reviews.woocommerce-Reviews .comment-form-author {
grid-column: 1;
}
#reviews.woocommerce-Reviews .comment-form-email {
grid-column: 2;
}
}
#reviews.woocommerce-Reviews .comment-notes {
font-size: 13px;
color: #64748b;
line-height: 1.5;
margin-bottom: 8px;
border-bottom: 1px dashed var(--border-renk);
padding-bottom: 12px;
}
#reviews.woocommerce-Reviews .comment-form-author,
#reviews.woocommerce-Reviews .comment-form-email {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 0;
width: 100%;
}
#reviews.woocommerce-Reviews .comment-form-author label,
#reviews.woocommerce-Reviews .comment-form-email label {
font-weight: 500;
font-size: 14px;
color: var(--yazi-baslik-renk);
}
#reviews.woocommerce-Reviews .comment-form-author input,
#reviews.woocommerce-Reviews .comment-form-email input {
width: 100%;
border: 1px solid #cbd5e1;
border-radius: 12px;
padding: 12px 16px;
font-size: 14px;
background-color: #f8fafc;
outline: none;
transition: all 0.25s ease-in-out;
}
#reviews.woocommerce-Reviews .comment-form-author input:focus,
#reviews.woocommerce-Reviews .comment-form-email input:focus {
background-color: var(--beyaz);
border-color: var(--ana-renk-1);
box-shadow: 0 0 0 4px rgba(var(--ana-renk-1-rgb), 0.1);
}
#reviews.woocommerce-Reviews .comment-form-cookies-consent {
display: flex;
align-items: flex-start;
gap: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
#reviews.woocommerce-Reviews .comment-form-cookies-consent input[type="checkbox"] {
margin-top: 4px;
accent-color: var(--ana-renk-1);
width: 16px;
height: 16px;
cursor: pointer;
flex-shrink: 0;
}
#reviews.woocommerce-Reviews .comment-form-cookies-consent label {
font-size: 13px;
color: #64748b;
line-height: 1.5;
cursor: pointer;
font-weight: 400;
}
#reviews.woocommerce-Reviews .comment-form-rating {
display: flex;
flex-direction: row;
align-items: center;
gap: 15px;
margin-bottom: 5px;
}
#reviews.woocommerce-Reviews .comment-form-rating label {
font-weight: 500;
font-size: 14px;
color: var(--yazi-baslik-renk);
margin-bottom: 0;
}
#reviews.woocommerce-Reviews .comment-form-rating p.stars {
margin: 0;
line-height: 1;
display: inline-flex;
}
#reviews.woocommerce-Reviews .comment-form-rating p.stars span {
display: inline-flex;
gap: 4px;
}
#reviews.woocommerce-Reviews .comment-form-rating p.stars a {
position: relative;
height: 22px;
width: 22px;
text-indent: -999em;
display: inline-block;
text-decoration: none;
transition: transform 0.2s ease;
}
#reviews.woocommerce-Reviews .comment-form-rating p.stars a:hover {
transform: scale(1.2);
}
#reviews.woocommerce-Reviews .comment-form-rating p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 22px;
height: 22px;
line-height: 1;
font-family: 'star';
content: '\e021';
text-indent: 0;
font-size: 20px;
color: #cbd5e1;
transition: color 0.15s ease;
}
#reviews.woocommerce-Reviews .comment-form-rating p.stars a:hover::before,
#reviews.woocommerce-Reviews .comment-form-rating p.stars a:focus::before {
content: '\e020';
color: var(--ana-renk-3);
}
#reviews.woocommerce-Reviews .comment-form-rating p.stars.selected a::before,
#reviews.woocommerce-Reviews .comment-form-rating p.stars:has(a.active) a::before {
content: '\e020';
color: var(--ana-renk-3);
}
#reviews.woocommerce-Reviews .comment-form-rating p.stars.selected a.active ~ a::before,
#reviews.woocommerce-Reviews .comment-form-rating p.stars:has(a.active) a.active ~ a::before {
content: '\e021';
color: #cbd5e1;
}
#reviews.woocommerce-Reviews .comment-form-rating p.stars:hover a::before {
content: '\e020';
color: var(--ana-renk-3);
}
#reviews.woocommerce-Reviews .comment-form-rating p.stars:hover a:hover ~ a::before {
content: '\e021';
color: #cbd5e1;
}
#reviews.woocommerce-Reviews .comment-form-comment {
display: flex;
flex-direction: column;
gap: 8px;
}
#reviews.woocommerce-Reviews .comment-form-comment label {
font-weight: 500;
font-size: 14px;
color: var(--yazi-baslik-renk);
}
#reviews.woocommerce-Reviews .comment-form-comment textarea {
width: 100%;
border: 1px solid #cbd5e1;
border-radius: 12px;
padding: 14px 18px;
font-size: 14px;
line-height: 1.5;
background-color: #f8fafc;
resize: vertical;
min-height: 140px;
outline: none;
transition: all 0.25s ease-in-out;
}
#reviews.woocommerce-Reviews .comment-form-comment textarea:focus {
background-color: var(--beyaz);
border-color: var(--ana-renk-1);
box-shadow: 0 0 0 4px rgba(var(--ana-renk-1-rgb), 0.1);
}
#reviews.woocommerce-Reviews form.comment-form p.form-submit {
margin: 0;
margin-top: 8px;
}
#reviews.woocommerce-Reviews form.comment-form p.form-submit input#submit {
background-color: var(--ana-renk-1);
color: var(--beyaz);
border: none;
border-radius: 999px;
padding: 12px 36px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
box-shadow: 0 4px 12px rgba(var(--ana-renk-1-rgb), 0.15);
transition: all 0.25s ease-in-out;
display: inline-block;
width: auto;
text-transform: uppercase;
letter-spacing: 0.5px;
}
#reviews.woocommerce-Reviews form.comment-form p.form-submit input#submit:hover {
background-color: var(--ana-renk-2);
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(var(--ana-renk-1-rgb), 0.25);
}
#reviews.woocommerce-Reviews form.comment-form p.form-submit input#submit:active {
transform: translateY(0) scale(0.98);
}
#reviews.woocommerce-Reviews .required {
color: var(--danger-1);
margin-left: 2px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text::after, .woocommerce #reviews #comments ol.commentlist li .comment-text::before{
display: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,
.woocommerce-review__author{
margin-bottom: 0 !important;
}
#reviews.woocommerce-Reviews .woocommerce-noreviews {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
border: 1px dashed rgba(var(--ana-renk-1-rgb), 0.15) !important;
border-radius: 16px !important;
padding: 36px 24px !important;
text-align: center !important;
color: #64748b !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.5 !important;
margin: 20px 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 12px !important;
}
.thermovix-review-cta-banner {
display: flex;
justify-content: space-between;
align-items: center;
background: rgba(var(--ana-renk-3-rgb), 0.05);
border: 1px solid rgba(var(--ana-renk-3-rgb), 0.08);
border-radius: 16px;
padding: 24px 30px;
margin-bottom: 30px;
gap: 20px;
box-sizing: border-box;
text-align: left !important;
}
.thermovix-review-cta-banner * {
text-align: left !important;
}
.thermovix-review-cta-text {
flex: 1;
}
.thermovix-review-cta-text h3 {
font-size: 18px;
font-weight: 700;
color: var(--yazi-baslik-renk);
margin: 0 0 6px 0 !important;
line-height: 1.3;
}
.thermovix-review-cta-text p {
font-size: 14px;
color: #64748b;
margin: 0 !important;
line-height: 1.5;
}
.thermovix-review-cta-banner .btn-write-review {
background-color: var(--ana-renk-3);
color: var(--beyaz);
border: none;
border-radius: 999px;
padding: 12px 30px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
box-shadow: 0 4px 14px rgba(var(--ana-renk-3-rgb), 0.15);
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap;
display: inline-flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.thermovix-review-cta-banner .btn-write-review:hover {
background-color: var(--ana-renk-3);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(var(--ana-renk-3-rgb), 0.25);
}
.thermovix-review-cta-banner .btn-write-review:active {
transform: translateY(0) scale(0.98);
}
@media (max-width: 768px) {
.thermovix-review-cta-banner {
flex-direction: column;
align-items: flex-start;
padding: 20px;
gap: 16px;
}
.thermovix-review-cta-banner .btn-write-review {
width: 100%;
justify-content: center;
}
}
.thermovix-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.6);
z-index: 100000;
overflow-y: auto;
padding: 40px 20px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: flex-start;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.thermovix-modal-overlay.is-active {
opacity: 1;
visibility: visible;
}
#reviews.woocommerce-Reviews #review_form_wrapper.thermovix-review-modal {
position: relative;
width: 100%;
max-width: 600px;
background-color: var(--beyaz);
border-radius: 24px;
padding: 36px;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
border: 1px solid rgba(0, 0, 0, 0.05);
z-index: 100001;
box-sizing: border-box;
margin: auto;
transform: translateY(-30px);
transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.thermovix-modal-overlay.is-active #review_form_wrapper.thermovix-review-modal {
transform: translateY(0);
}
#reviews.woocommerce-Reviews .thermovix-modal-close {
position: absolute;
top: 20px;
right: 20px;
background: #f1f5f9;
border: none;
color: #64748b;
font-size: 24px;
line-height: 1;
width: 36px;
height: 36px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
z-index: 100002;
}
#reviews.woocommerce-Reviews .thermovix-modal-close:hover {
background-color: #e2e8f0;
color: #0f172a;
transform: rotate(90deg);
}
body.review-modal-open {
overflow: hidden;
padding-right: 16px;
}
.thermovix-review-success {
background-color: #ecfdf5;
border: 1px solid #10b981;
border-radius: 16px;
padding: 24px;
color: #065f46;
text-align: center;
width: 100%;
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.08);
animation: fadeIn 0.4s ease-out;
}
.thermovix-review-success h3 {
font-size: 18px;
font-weight: 700;
margin-bottom: 8px;
color: #047857;
}
.thermovix-review-success p {
font-size: 14px;
line-height: 1.5;
margin: 0;
}
#reviews.woocommerce-Reviews .woocommerce-verification-required {
background-color: #fef2f2;
border: 1px solid #fca5a5;
border-radius: 12px;
padding: 16px 20px;
color: #991b1b;
font-size: 14px;
line-height: 1.5;
margin-bottom: 30px;
display: flex;
align-items: center;
gap: 10px;
text-align: left !important;
}
#reviews.woocommerce-Reviews .woocommerce-verification-required::before {
content: "⚠️";
font-size: 16px;
}
@media (max-width: 640px) {
#reviews.woocommerce-Reviews #review_form_wrapper.thermovix-review-modal {
width: 100%;
padding: 24px;
margin: 20px auto;
}
.thermovix-modal-overlay {
padding: 20px 10px;
}
}
.related.products{
.products{
padding-top: 30px;
}
}
.thermovix-sticky-cart-bar {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: var(--beyaz);
box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.08);
border-top: 1px solid rgba(0, 0, 0, 0.04);
z-index: 999;
padding: 12px 0;
box-sizing: border-box;
transform: translateY(100%);
visibility: hidden;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.4s;
}
.thermovix-sticky-cart-bar.is-visible {
transform: translateY(0);
visibility: visible;
}
.sticky-cart-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
box-sizing: border-box;
}
.sticky-cart-product {
display: flex;
align-items: center;
min-width: 0;
}
.sticky-cart-price {
font-size: 20px;
font-weight: 700;
color: var(--ana-renk-1);
line-height: 1.2;
}
.sticky-cart-price del {
font-size: 14px;
color: #94a3b8;
margin-right: 8px;
font-weight: 500;
}
.sticky-cart-price ins {
text-decoration: none;
}
.sticky-cart-price .thermovix-fiyat-indirim-etiketi,
.sticky-cart-price .indirim-oran {
display: none !important;
}
.sticky-cart-actions {
display: flex;
align-items: center;
gap: 12px;
flex-shrink: 0;
}
.sticky-cart-qty-wrapper {
display: flex;
align-items: center;
background-color: #f1f5f9;
border-radius: 999px;
padding: 4px;
border: 1px solid rgba(0, 0, 0, 0.03);
}
.sticky-qty-btn {
width: 28px;
height: 28px;
border-radius: 50%;
border: none;
background-color: var(--beyaz);
color: #475569;
font-size: 15px;
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
transition: all 0.2s ease;
}
.sticky-qty-btn:hover {
background-color: #f8fafc;
color: var(--ana-renk-1);
}
.sticky-qty-input {
width: 36px;
border: none;
background: transparent;
text-align: center;
font-size: 14px;
font-weight: 700;
color: var(--yazi-baslik-renk);
outline: none;
-moz-appearance: textfield;
}
.sticky-qty-input::-webkit-outer-spin-button,
.sticky-qty-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.btn-sticky-add-to-cart {
background-color: var(--ana-renk-1);
color: var(--beyaz);
border: none;
border-radius: 999px;
padding: 10px 28px;
font-size: 14px;
font-weight: 700;
cursor: pointer;
box-shadow: 0 4px 12px rgba(0, 139, 242, 0.15);
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap;
}
.btn-sticky-add-to-cart:hover {
background-color: var(--ana-renk-2);
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(0, 139, 242, 0.25);
}
.btn-sticky-add-to-cart:active {
transform: translateY(0) scale(0.98);
}
@media (max-width: 768px) {
.thermovix-sticky-cart-bar {
padding: 10px 0;
}
.sticky-cart-container {
padding: 0 16px;
gap: 12px;
}
.sticky-cart-price {
font-size: 16px;
}
.sticky-qty-btn {
width: 24px;
height: 24px;
}
.sticky-qty-input {
width: 28px;
font-size: 13px;
}
.btn-sticky-add-to-cart {
padding: 8px 18px;
font-size: 13px;
}
}
@media (max-width: 480px) {
.sticky-cart-product {
flex: 1;
}
.sticky-cart-qty-wrapper {
display: none;
}
}
#thermovix-back-to-top {
position: fixed;
right: 25px;
bottom: 25px;
z-index: 998;
width: 48px;
height: 48px;
border-radius: 50%;
background-color: var(--ana-renk-1);
color: var(--beyaz);
border: none;
cursor: pointer;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
#thermovix-back-to-top svg {
stroke: var(--beyaz);
transition: transform 0.25s ease;
}
#thermovix-back-to-top.visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
#thermovix-back-to-top:hover {
background-color: var(--ana-renk-2);
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
}
#thermovix-back-to-top:hover svg {
transform: translateY(-2px);
}
@keyframes whatsapp-pulse {
0% {
box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4);
}
70% {
box-shadow: 0 0 0 12px rgba(34, 197, 94, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
}
}
.whatsapp-float {
position: fixed !important;
right: 25px !important; 
bottom: 25px !important;
z-index: 998 !important;
height: 48px !important;
border-radius: 24px !important; 
padding: 0 20px 0 16px !important;
background-color: #22c55e !important;
color: var(--beyaz) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
box-shadow: 0 4px 15px rgba(34, 197, 94, 0.3) !important;
transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1), bottom 0.3s, background-color 0.3s, transform 0.3s !important;
animation: whatsapp-pulse 2s infinite !important;
text-decoration: none !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
white-space: nowrap !important;
}
.whatsapp-float svg {
color: var(--beyaz) !important;
transition: transform 0.25s ease !important;
}
.whatsapp-float span {
font-family: 'Jost', sans-serif !important;
color: var(--beyaz) !important;
font-weight: 700 !important;
}
.whatsapp-float:hover {
background-color: #1ea34d !important;
transform: translateY(-3px) scale(1.03) !important;
box-shadow: 0 6px 20px rgba(34, 197, 94, 0.45) !important;
}
.whatsapp-float:hover svg {
transform: scale(1.1) rotate(5deg) !important;
}
#thermovix-back-to-top.visible ~ #thermovix-whatsapp-float {
right: 85px !important; 
}
body.sticky-cart-active #thermovix-back-to-top {
bottom: 95px; 
}
body.sticky-cart-active {
padding-bottom: 75px !important; 
}
.back-to-top.hidden,
.whatsapp-float.hidden {
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(15px) !important;
pointer-events: none !important;
}
body.sticky-cart-active .whatsapp-float {
bottom: 95px !important;
}
@media (max-width: 768px) {
#thermovix-back-to-top {
right: 16px;
bottom: 16px;
width: 42px;
height: 42px;
}
.whatsapp-float {
right: 16px !important;
bottom: 16px !important;
height: 42px !important;
border-radius: 21px !important;
padding: 0 14px 0 12px !important;
font-size: 13px !important;
}
.whatsapp-float span {
font-size: 13px !important;
}
#thermovix-back-to-top.visible ~ #thermovix-whatsapp-float {
right: 66px !important; 
}
body.sticky-cart-active #thermovix-back-to-top {
bottom: 86px; 
}
body.sticky-cart-active .whatsapp-float {
bottom: 86px !important;
}
}
.wc-block-components-sidebar{
background-color: var(--arkaplan-renk);
padding: 20px;
border-radius: 12px;
border: 1px solid var(--border-renk);
@media(max-width:640px){
padding: 12px !important;
}
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title{
border: 0 !important;
}
:root :where(.wp-element-button, .wp-block-button__link){
background-color: var(--ana-renk-1);
text-transform: uppercase;
font-weight: 700;
}
.wp-block-woocommerce-checkout-order-summary-block{
border: 0;
}
.wc-block-components-product-badge{
background-color: var(--ana-renk-3);
color: var(--beyaz);
border-radius: 99px;
padding-inline: 6px !important;
} body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){
min-height: 3.5em !important;
}
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input{
input{
background-color: var(--beyaz) !important;
color: #000000 !important;
}
}
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label{
color: var(--yazi-baslik-renk) !important;
}
.wc-block-cart-items__row{
border-bottom: 1px solid var(--border-renk);
}
.wc-block-components-order-summary{
padding: 0;
}
.wc-block-components-checkout-order-summary__title-text{
margin: 0 0 8px 0 !important;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title{
margin-top: 0 !important;
@media(max-width:1024px){
padding: 8px 0;
}
}
.wc-block-components-sidebar .slot-wrapper .wc-block-components-panel, .wc-block-components-sidebar .wc-block-components-panel, .wc-block-components-sidebar .wc-block-components-totals-coupon, .wc-block-components-sidebar .wc-block-components-totals-item{
padding-inline: 0 !important;
}
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block{
thead{
display: none !important;
}
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img{
border: 1px solid var(--border-renk);
border-radius: 6px;
}
.wc-block-cart-item__image {
padding: 20px 15px 20px 0 !important;
vertical-align: middle !important;
width: 90px !important;
}
.wc-block-cart-item__image img {
border: 1px solid var(--border-renk) !important;
border-radius: 12px !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
transition: transform 0.2s ease !important;
display: block !important;
}
.wc-block-cart-item__image a:hover img {
transform: scale(1.03) !important;
}
.wc-block-cart-item__product {
padding: 20px 15px !important;
vertical-align: middle !important;
}
.wc-block-cart-item__wrap {
display: flex !important;
flex-direction: column !important;
gap: 4px !important; 
}
.wc-block-components-product-name {
font-family: 'Jost', sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
text-decoration: none !important;
line-height: 1.4 !important;
transition: color 0.2s ease !important;
}
.wc-block-components-product-name:hover {
color: var(--ana-renk-1) !important;
}
.wc-block-cart-item__prices {
margin-bottom: 0 !important; 
}
.wc-block-components-product-price {
font-family: 'Jost', sans-serif !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
}
.wc-block-components-product-price__regular {
font-size: 13px !important;
color: #94a3b8 !important;
text-decoration: line-through !important;
}
.wc-block-components-product-price__value {
font-size: 15px !important;
font-weight: 700 !important;
color: var(--ana-renk-1) !important; 
text-decoration: none !important;
}
.wc-block-components-product-price__value.is-discounted {
color: var(--ana-renk-1) !important; 
}
.wc-block-cart-item__quantity {
display: flex !important;
align-items: center !important;
gap: 15px !important;
margin-top: 2px !important; 
}
.wc-block-components-quantity-selector {
display: inline-flex !important;
align-items: center !important;
background-color: var(--arkaplan-renk) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 30px !important;
height: 36px !important;
box-sizing: border-box !important;
overflow: hidden !important;
padding: 0 !important;
}
.wc-block-components-quantity-selector__button {
width: 32px !important;
height: 100% !important;
background: none !important;
border: none !important;
color: #64748b !important;
font-size: 16px !important;
font-weight: 600 !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.2s ease !important;
outline: none !important;
padding: 0 !important;
}
.wc-block-components-quantity-selector__button:hover {
color: var(--ana-renk-1) !important;
background-color: rgba(0, 139, 242, 0.05) !important;
}
.wc-block-components-quantity-selector__input {
width: 32px !important;
height: 100% !important;
border: none !important;
background: transparent !important;
text-align: center !important;
font-family: 'Jost', sans-serif !important;
font-size: 13px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
padding: 0 !important;
outline: none !important;
-moz-appearance: textfield !important;
}
.wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
.wc-block-components-quantity-selector__input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
.wc-block-cart-item__remove-link {
color: var(--danger-1) !important;
background: rgba(220, 53, 69, 0.08) !important;
border: none !important;
cursor: pointer !important;
padding: 6px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.2s ease !important;
border-radius: 50% !important;
width: 40px !important;
height: 40px !important;
}
.wc-block-cart-item__remove-link:hover {
color: var(--danger-1) !important;
background-color: rgba(220, 53, 69, 0.12) !important;
}
.wc-block-cart-item__remove-link svg {
width: 22px !important;
height: 22px !important;
fill: currentColor !important;
stroke: none !important;
}
.wc-block-cart-item__total {
padding: 20px 0 20px 15px !important;
vertical-align: middle !important;
text-align: right !important;
}
.wc-block-cart-item__total-price-and-sale-badge-wrapper {
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
gap: 6px !important;
}
.wc-block-cart-item__total .wc-block-components-product-price__value {
font-size: 17px !important;
font-weight: 800 !important;
color: var(--ana-renk-1) !important;
}
.wc-block-components-sale-badge {
background-color: rgba(16, 185, 129, 0.1) !important; 
color: #10b981 !important; 
border-radius: 99px !important;
padding: 4px 10px !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.3px !important;
display: inline-block !important;
border: none !important;
}
.wc-block-components-quantity-selector *{
outline: 0 !important;
border: 0 !important;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus,
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus{
box-shadow: 0 0 0 transparent !important;
}
.wc-block-components-quantity-selector__input{
user-select: none;
pointer-events: none;
}
@media screen and (max-width: 640px) {
table.wc-block-cart-items,
table.wc-block-cart-items tbody {
display: block !important;
width: 100% !important;
}
.wc-block-cart-items__row {
display: grid !important;
grid-template-columns: 80px 1fr !important;
grid-template-rows: auto auto !important;
gap: 12px 16px !important;
padding: 16px 0 !important;
align-items: start !important;
border-bottom: 1px solid var(--border-renk) !important;
}
.wc-block-cart-item__image {
grid-column: 1 !important;
grid-row: 1 / span 2 !important;
width: 80px !important;
padding: 0 !important;
}
.wc-block-cart-item__product {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
padding: 0 !important;
}
.wc-block-cart-item__total {
grid-column: 2 !important;
grid-row: 2 !important;
width: 100% !important;
padding: 0 !important;
text-align: left !important;
}
.wc-block-cart-item__total-price-and-sale-badge-wrapper {
align-items: center !important;
flex-direction: row !important;
flex-wrap: wrap !important;
gap: 8px 12px !important;
}
}
.woocommerce-order {
max-width: 1000px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.woocommerce-notice--success::before {
content: "✓" !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
background-color: rgba(255, 255, 255, 1) !important;
color: var(--yazi-baslik-renk) !important;
border-radius: 50% !important;
font-size: 20px !important;
flex-shrink: 0;
}
.woocommerce-order-overview.order_details {
list-style: none !important;
padding: 20px !important;
margin: 0 0 30px 0 !important;
background-color: var(--arkaplan-renk) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 16px !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 16px !important;
}
.woocommerce-order-overview.order_details li {
flex: 1 !important;
min-width: 140px !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
font-family: 'Jost', sans-serif !important;
font-size: 12px !important;
color: #64748b !important;
text-transform: uppercase !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
}
.woocommerce-order-overview.order_details li strong {
font-size: 15px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
text-transform: none !important;
display: block !important;
}
.woocommerce-order-overview.order_details li.total strong {
color: var(--ana-renk-1) !important;
}
.woocommerce-bacs-bank-details {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.wc-bacs-bank-details-heading {
font-family: 'Jost', sans-serif !important;
font-size: 20px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin-bottom: 20px !important;
text-align: center !important;
}
.wc-bacs-bank-details-account-name {
font-family: 'Jost', sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin-top: 20px !important;
margin-bottom: 10px !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
.wc-bacs-bank-details-account-name::before {
content: "" !important;
display: inline-block !important;
width: 6px !important;
height: 6px !important;
background-color: var(--ana-renk-1) !important;
border-radius: 50% !important;
}
.wc-bacs-bank-details.order_details {
list-style: none !important;
background-color: var(--arkaplan-renk) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 12px !important;
padding: 20px !important;
margin-bottom: 20px !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 15px !important;
&::before{
display: none !important;
}
@media(max-width:1024px){
display: grid !important;
grid-template-columns: 1fr !important;
flex-wrap: nowrap;
}
}
.wc-bacs-bank-details.order_details li {
flex: 1 !important;
min-width: 180px !important;
font-family: 'Jost', sans-serif !important;
font-size: 13px !important;
color: #64748b !important;
@media(max-width:1024px){
min-width: auto !important;
}
}
.woocommerce ul.order_details li{
@media(max-width:1024px){
border: 0 !important;
margin-right: 0 !important;
}
}
.wc-bacs-bank-details.order_details li strong {
font-size: 14px !important;
color: var(--yazi-baslik-renk) !important;
display: block !important;
margin-top: 4px !important;
}
.thermovix-view-order-wrapper {
font-family: 'Jost', sans-serif !important;
display: flex !important;
flex-direction: column !important;
gap: 30px !important;
}
.thermovix-view-order-card {
background-color: var(--arkaplan-renk) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 16px !important;
padding: 30px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
display: flex !important;
flex-direction: column !important;
gap: 25px !important;
}
.thermovix-view-order-card .card-ust-bilgi {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
border-bottom: 1px dashed var(--border-renk) !important;
padding-bottom: 20px !important;
margin: 0 !important;
gap: 15px !important;
}
.thermovix-view-order-card .sol-bilgi {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
}
.thermovix-view-order-card .siparis-etiket {
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.8px !important;
color: var(--ana-renk-1) !important;
}
.thermovix-view-order-card .siparis-kod {
font-size: 26px !important;
font-weight: 800 !important;
color: var(--ana-renk-2) !important;
margin: 0 !important;
line-height: 1.2 !important;
}
.thermovix-view-order-card .siparis-tarih-toplam {
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 13px !important;
color: var(--alt-aciklama-renk) !important;
font-weight: 500 !important;
}
.thermovix-view-order-card .siparis-tarih-toplam .ayrac {
color: var(--border-renk) !important;
}
.thermovix-view-order-card .siparis-tarih-toplam .siparis-toplam {
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
}
.thermovix-view-order-card .detay-durum-etiket {
font-size: 12px !important;
font-weight: 700 !important;
padding: 6px 14px !important;
border-radius: 20px !important;
text-transform: capitalize !important;
}
.thermovix-view-order-card .detay-durum-etiket.durum-completed,
.thermovix-view-order-card .detay-durum-etiket.durum-processing {
background-color: rgba(0, 139, 242, 0.08) !important;
color: var(--ana-renk-1) !important;
}
.thermovix-view-order-card .detay-durum-etiket.durum-pending,
.thermovix-view-order-card .detay-durum-etiket.durum-on-hold {
background-color: #fef5e7 !important;
color: var(--ana-renk-3) !important;
}
.thermovix-view-order-card .detay-durum-etiket.durum-cancelled,
.thermovix-view-order-card .detay-durum-etiket.durum-failed {
background-color: rgba(220, 53, 69, 0.08) !important;
color: var(--danger-1) !important;
}
.detay-iptal-mesaji {
display: flex !important;
align-items: flex-start !important;
gap: 15px !important;
background-color: #fff5f5 !important;
border: 1px solid #ffe3e3 !important;
border-radius: 12px !important;
padding: 16px 20px !important;
color: #c92a2a !important;
}
.detay-iptal-mesaji svg {
stroke: #c92a2a !important;
flex-shrink: 0 !important;
margin-top: 2px !important;
}
.detay-iptal-mesaji .iptal-detay h4 {
font-size: 15px !important;
font-weight: 700 !important;
margin: 0 0 4px 0 !important;
color: #c92a2a !important;
}
.detay-iptal-mesaji .iptal-detay p {
font-size: 13px !important;
margin: 0 !important;
opacity: 0.9 !important;
line-height: 1.5 !important;
}
.detay-timeline-konteyner {
padding: 10px 0 !important;
}
.detay-timeline {
position: relative !important;
display: flex !important;
justify-content: space-between !important;
align-items: flex-start !important;
width: 100% !important;
}
.detay-timeline .timeline-bar {
position: absolute !important;
top: 16px !important;
left: 70px !important;
right: 70px !important;
height: 4px !important;
background-color: #e9ecef !important;
border-radius: 2px !important;
z-index: 1 !important;
}
.detay-timeline .timeline-bar-aktif {
height: 100% !important;
background: linear-gradient(90deg, var(--ana-renk-1) 0%, var(--ana-renk-2) 100%) !important;
border-radius: 2px !important;
width: 0% !important;
transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.detay-timeline .timeline-bar-aktif.step-1 { width: 0% !important; }
.detay-timeline .timeline-bar-aktif.step-2 { width: 50% !important; }
.detay-timeline .timeline-bar-aktif.step-3 { width: 100% !important; }
.detay-timeline .timeline-adim {
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
z-index: 2 !important;
width: 160px !important;
}
.detay-timeline .adim-nokta {
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
background-color: var(--beyaz) !important;
border: 3px solid #dee2e6 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.3s ease !important;
font-size: 12px !important;
font-weight: 700 !important;
color: var(--alt-aciklama-renk) !important;
}
.detay-timeline .timeline-adim.aktif .adim-nokta {
border-color: var(--ana-renk-1) !important;
background-color: var(--ana-renk-1) !important;
color: var(--beyaz) !important;
}
.detay-timeline .timeline-adim.aktif .adim-nokta svg {
stroke: var(--beyaz) !important;
}
.detay-timeline .timeline-adim.simdi .adim-nokta {
border-color: var(--ana-renk-2) !important;
background-color: var(--ana-renk-2) !important;
color: var(--beyaz) !important;
box-shadow: 0 0 0 5px rgba(0, 52, 129, 0.25) !important;
animation: pulseGlowDetail 2s infinite !important;
}
.detay-timeline .timeline-adim.simdi .adim-nokta svg {
stroke: var(--beyaz) !important;
}
@keyframes pulseGlowDetail {
0% { box-shadow: 0 0 0 0px rgba(0, 82, 179, 0.3); }
70% { box-shadow: 0 0 0 8px rgba(0, 82, 179, 0); }
100% { box-shadow: 0 0 0 0px rgba(0, 82, 179, 0); }
}
.detay-timeline .adim-metinler {
margin-top: 12px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
gap: 3px !important;
}
.detay-timeline .adim-baslik {
font-size: 13px !important;
font-weight: 700 !important;
color: var(--alt-aciklama-renk) !important;
transition: color 0.3s ease !important;
}
.detay-timeline .adim-aciklama {
font-size: 11px !important;
color: var(--alt-aciklama-renk) !important;
opacity: 0.8 !important;
max-width: 130px !important;
line-height: 1.3 !important;
}
.detay-timeline .timeline-adim.aktif .adim-baslik {
color: var(--yazi-baslik-renk) !important;
}
.detay-timeline .timeline-adim.simdi .adim-baslik {
color: var(--ana-renk-2) !important;
}
.thermovix-order-updates-card {
background-color: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 16px !important;
padding: 24px 30px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
}
.thermovix-order-updates-card .updates-title {
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 15px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin-top: 0 !important;
margin-bottom: 20px !important;
border-bottom: 1px dashed var(--border-renk) !important;
padding-bottom: 12px !important;
}
.thermovix-order-updates-card .updates-title svg {
stroke: var(--ana-renk-1) !important;
}
.notes-timeline {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
.note-item {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
}
.note-item .note-meta {
display: flex !important;
align-items: center !important;
font-size: 11px !important;
font-weight: 600 !important;
color: var(--alt-aciklama-renk) !important;
padding-left: 10px !important;
}
.note-item .note-content-bubble {
background-color: #f8fafc !important;
border: 1px solid var(--border-renk) !important;
border-radius: 12px !important;
padding: 14px 18px !important;
color: var(--yazi-baslik-renk) !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
.note-item .note-content-bubble p {
margin: 0 !important;
}
.note-item .note-content-bubble p + p {
margin-top: 10px !important;
}
@media (max-width: 768px) {
.thermovix-view-order-card {
padding: 20px !important;
}
.thermovix-view-order-card .card-ust-bilgi {
flex-direction: column !important;
align-items: flex-start !important;
gap: 15px !important;
}
.detay-timeline .timeline-bar {
left: 20px !important;
top: 20px !important;
display: none !important;
}
.detay-timeline {
flex-direction: column !important;
gap: 20px !important;
position: relative !important;
padding-left: 15px !important;
}
.detay-timeline::before {
content: "" !important;
position: absolute !important;
top: 15px !important;
bottom: 15px !important;
left: 31px !important;
width: 3px !important;
background-color: #e9ecef !important;
z-index: 1 !important;
}
.detay-timeline .timeline-adim {
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
gap: 15px !important;
z-index: 2 !important;
}
.detay-timeline .adim-metinler {
margin-top: 0 !important;
align-items: flex-start !important;
text-align: left !important;
}
.detay-timeline .adim-aciklama {
max-width: 100% !important;
}
}
.order-again {
margin: 25px 0 !important;
text-align: right !important;
}
.order-again a.button,
.order-again .button {
background-color: var(--ana-renk-3) !important; 
color: var(--beyaz) !important;
padding: 12px 24px !important;
font-size: 13px !important;
font-weight: 700 !important;
border-radius: 10px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
transition: all 0.25s ease !important;
box-shadow: 0 4px 12px rgba(240, 99, 31, 0.15) !important;
border: none !important;
text-decoration: none !important;
}
.order-again a.button::before,
.order-again .button::before {
content: "" !important;
display: inline-block !important;
width: 14px !important;
height: 14px !important;
margin-right: 8px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.5 2v6h-6M21.34 15.57a10 10 0 1 1-.57-8.38l5.67-5.67'/%3E%3C/svg%3E") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
vertical-align: middle !important;
}
.order-again a.button:hover,
.order-again .button:hover {
background-color: var(--ana-renk-2) !important; 
box-shadow: 0 4px 15px rgba(0, 52, 129, 0.2) !important;
transform: translateY(-2px) !important;
}
.order-again a.button:hover::before,
.order-again .button:hover::before {
transform: rotate(-45deg) !important;
transition: transform 0.25s ease !important;
}
@media (max-width: 480px) {
.order-again {
text-align: center !important;
}
.order-again a.button,
.order-again .button {
width: 100% !important;
padding: 14px 20px !important;
}
}
.woocommerce-order-details {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.woocommerce-order-details__title {
font-family: 'Jost', sans-serif !important;
font-size: 20px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin-bottom: 20px !important;
}
table.woocommerce-table--order-details {
width: 100% !important;
border-collapse: collapse !important;
border: 1px solid var(--border-renk) !important;
border-radius: 12px !important;
overflow: hidden !important;
}
table.woocommerce-table--order-details thead th.product-name {
text-align: left !important;
}
table.woocommerce-table--order-details thead th.product-total {
text-align: right !important;
width: 150px !important; 
}
table.woocommerce-table--order-details thead th {
background-color: var(--arkaplan-renk) !important;
color: var(--yazi-baslik-renk) !important;
font-family: 'Jost', sans-serif !important;
font-weight: 700 !important;
font-size: 14px !important;
padding: 15px 20px !important;
border-bottom: 1px solid var(--border-renk) !important;
}
table.woocommerce-table--order-details tbody td {
padding: 18px 20px !important;
border-bottom: 1px solid var(--border-renk) !important;
color: var(--yazi-renk) !important;
font-size: 14px !important;
}
table.woocommerce-table--order-details tbody td.product-name {
text-align: left !important;
}
table.woocommerce-table--order-details tbody td.product-total {
text-align: right !important;
width: 270px !important; 
max-width: 50% !important;
@media(max-width:1024px){
width: auto !important;
}
}
table.woocommerce-table--order-details tbody td a {
color: var(--yazi-baslik-renk) !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
table.woocommerce-table--order-details tbody td a:hover {
color: var(--ana-renk-1) !important;
}
table.woocommerce-table--order-details tbody td .product-quantity {
color: #64748b !important;
font-weight: 500 !important;
}
table.woocommerce-table--order-details tfoot th,
table.woocommerce-table--order-details tfoot td {
padding: 15px 20px !important;
border-bottom: 1px solid var(--border-renk) !important;
font-size: 14px !important;
}
table.woocommerce-table--order-details tfoot tr:last-child th,
table.woocommerce-table--order-details tfoot tr:last-child td {
border-bottom: none !important;
}
table.woocommerce-table--order-details tfoot th {
color: var(--yazi-baslik-renk) !important;
font-weight: 600 !important;
text-align: left !important;
}
table.woocommerce-table--order-details tfoot td {
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
text-align: right !important;
}
table.woocommerce-table--order-details tfoot tr:nth-last-child(2) td,
table.woocommerce-table--order-details tfoot tr:nth-last-child(2) th {
font-size: 16px !important;
}
table.woocommerce-table--order-details tfoot tr:nth-last-child(2) td .amount {
color: var(--ana-renk-1) !important;
font-weight: 800 !important;
}
.woocommerce-customer-details {
margin-top: 40px !important;
margin-bottom: 40px !important;
background-color: var(--arkaplan-renk) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 16px !important;
padding: 30px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
box-sizing: border-box !important;
@media(max-width:1024px){
padding: 12px !important;
margin-bottom: 0 !important;
}
}
.woocommerce-customer-details .woocommerce-columns--addresses {
display: flex !important;
gap: 24px !important;
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column {
flex: 1 !important;
background-color: var(--beyaz) !important;
border: none !important;
border-radius: 12px !important;
padding: 25px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
box-sizing: border-box !important;
@media(max-width:1024px){
flex: none;
width: 100%;
}
}
.woocommerce-customer-details:not(:has(.woocommerce-columns--addresses)) address {
background-color: var(--beyaz) !important;
border: none !important;
border-radius: 12px !important;
padding: 25px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
display: block !important;
}
.woocommerce-customer-details .woocommerce-column__title,
.woocommerce-customer-details:not(:has(.woocommerce-columns--addresses)) .woocommerce-column__title {
font-family: 'Jost', sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin-top: 0 !important;
margin-bottom: 15px !important;
padding-bottom: 12px !important;
border-bottom: 1px solid var(--border-renk) !important;
}
.woocommerce-customer-details address {
font-family: 'Jost', sans-serif !important;
font-style: normal !important;
font-size: 14px !important;
line-height: 1.6 !important;
color: var(--yazi-renk) !important;
}
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
margin: 8px 0 0 0 !important;
font-size: 13px !important;
color: #64748b !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
.woocommerce-customer-details--phone::before {
content: "📞" !important;
font-size: 12px !important;
}
.woocommerce-customer-details--email::before {
content: "✉" !important;
font-size: 12px !important;
}
@media (max-width: 1024px) {
.woocommerce-customer-details .woocommerce-columns--addresses {
flex-direction: column !important;
gap: 20px !important;
}
.woocommerce-order-overview.order_details {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 20px 0 !important;
&::before{
display: none !important;
}
}
}
.woocommerce:has(.woocommerce-MyAccount-navigation) {
display: flex !important;
flex-direction: column !important; 
gap: 10px !important;
align-items: stretch !important;
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 0 20px !important;
}
.woocommerce-MyAccount-navigation {
width: 100% !important; 
background: transparent !important;
border: none !important;
border-bottom: 2px solid #e2e8f0 !important; 
border-radius: 0 !important;
padding: 0 !important;
box-shadow: none !important;
box-sizing: border-box !important;
margin-bottom: 35px !important;
@media(max-width:1024px){
border-bottom-width: 1px;
}
}
.woocommerce-MyAccount-navigation ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: row !important; 
flex-wrap: wrap !important; 
gap: 35px !important; 
@media(max-width:1024px){
width: calc(100% + 24px) !important;
margin-inline: -12px !important;
padding-inline: 12px !important;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
scroll-snap-type: x mandatory;
flex-wrap: nowrap !important;
&::-webkit-scrollbar{
display: none !important;
}
}
}
.woocommerce-MyAccount-navigation li {
position: relative !important;
@media(max-width:1024px){
scroll-snap-align: center;
flex-shrink: 0;
}
}
.woocommerce-MyAccount-navigation li a {
font-family: 'Jost', sans-serif !important;
font-size: 14px !important; 
font-weight: 600 !important; 
color: #64748b !important; 
display: inline-flex !important;
align-items: center !important;
padding: 20px 0 !important; 
text-decoration: none !important;
transition: color 0.25s ease-in-out !important;
border: none !important;
position: relative !important;
text-transform: uppercase !important;
}
.woocommerce-MyAccount-navigation li a::after {
content: "" !important;
position: absolute !important;
bottom: -2px !important; 
left: 0 !important;
width: 100% !important;
height: 2.5px !important;
background-color: var(--ana-renk-1) !important;
border-radius: 2px !important;
transform: scaleX(0) !important; 
transform-origin: center !important;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
background: transparent !important;
color: var(--ana-renk-1) !important; 
box-shadow: none !important;
}
.woocommerce-MyAccount-navigation li.is-active a::after,
.woocommerce-MyAccount-navigation li a:hover::after {
transform: scaleX(1) !important; 
}
.woocommerce-MyAccount-content {
width: 100% !important;
background-color: var(--beyaz) !important;
min-width: 0 !important;
}
.thermovix-myaccount-dashboard {
display: flex !important;
flex-direction: column !important;
gap: 30px !important;
font-family: 'Jost', sans-serif !important;
}
.thermovix-dashboard-hero {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
background: linear-gradient(135deg, var(--ana-renk-2) 0%, #004fa6 100%) !important;
padding: 25px 30px !important;
border-radius: 16px !important;
color: var(--beyaz) !important;
box-shadow: 0 10px 25px rgba(0, 52, 129, 0.15) !important;
gap: 20px !important;
}
.thermovix-dashboard-hero .hero-sol {
display: flex !important;
align-items: center !important;
gap: 20px !important;
}
.thermovix-dashboard-hero .user-avatar-circle {
width: 64px !important;
height: 64px !important;
background: linear-gradient(135deg, var(--ana-renk-1) 0%, var(--ana-renk-3) 100%) !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 24px !important;
font-weight: 700 !important;
color: var(--beyaz) !important;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.15) !important;
border: 2px solid var(--beyaz) !important;
text-transform: uppercase;
}
.thermovix-dashboard-hero .user-welcome-info {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
}
.thermovix-dashboard-hero .user-welcome-label {
font-size: 13px !important;
opacity: 0.8 !important;
font-weight: 400 !important;
}
.thermovix-dashboard-hero .user-welcome-name {
font-size: 24px !important;
font-weight: 700 !important;
margin: 0 !important;
color: var(--beyaz) !important;
line-height: 1.2 !important;
text-transform: capitalize;
}
.thermovix-dashboard-hero .user-welcome-date {
font-size: 12px !important;
opacity: 0.75 !important;
margin: 4px 0 0 0 !important;
display: flex !important;
align-items: center !important;
gap: 5px !important;
}
.thermovix-dashboard-hero .user-welcome-date svg {
stroke: var(--beyaz) !important;
opacity: 0.9 !important;
}
.thermovix-dashboard-hero .hero-sag {
display: flex !important;
gap: 15px !important;
flex-wrap: wrap !important;
}
.thermovix-dashboard-hero .stat-kutusu {
background: rgba(255, 255, 255, 0.08) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
border-radius: 12px !important;
padding: 12px 18px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
min-width: 140px !important;
backdrop-filter: blur(4px) !important;
transition: all 0.25s ease !important;
}
.thermovix-dashboard-hero .stat-kutusu:hover {
background: rgba(255, 255, 255, 0.15) !important;
transform: translateY(-2px) !important;
}
.thermovix-dashboard-hero .stat-ikon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--beyaz) !important;
}
.thermovix-dashboard-hero .stat-ikon svg {
stroke: var(--beyaz) !important;
}
.thermovix-dashboard-hero .stat-detay {
display: flex !important;
flex-direction: column !important;
}
.thermovix-dashboard-hero .stat-deger {
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.thermovix-dashboard-hero .stat-deger.text-success {
color: #4cd137 !important;
}
.thermovix-dashboard-hero .stat-deger.text-danger {
color: #ff7675 !important;
}
.thermovix-dashboard-hero .stat-etiket {
font-size: 11px !important;
opacity: 0.75 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin-top: 2px !important;
}
.dashboard-iki-kolon {
display: grid !important;
grid-template-columns: 1.15fr 0.85fr !important;
gap: 30px !important;
align-items: start !important;
}
.dashboard-section-title {
font-family: 'Jost', sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin-top: 0 !important;
margin-bottom: 18px !important;
border-bottom: 2px solid var(--border-renk) !important;
padding-bottom: 10px !important;
}
.woocommerce:has(.woocommerce-MyAccount-navigation-link--dashboard.is-active) .woocommerce-MyAccount-navigation {
display: none !important;
}
.son-siparis-panel {
background-color: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 16px !important;
padding: 24px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
transition: all 0.3s ease !important;
}
.son-siparis-panel:hover {
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05) !important;
}
.son-siparis-panel .panel-header {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
border-bottom: 1px dashed var(--border-renk) !important;
padding-bottom: 15px !important;
}
.son-siparis-panel .siparis-no-etiket {
font-size: 13px !important;
color: var(--alt-aciklama-renk) !important;
}
.son-siparis-panel .siparis-no-deger {
font-size: 15px !important;
font-weight: 700 !important;
color: var(--ana-renk-2) !important;
margin-left: 4px !important;
}
.son-siparis-panel .siparis-tarih {
font-size: 13px !important;
color: var(--alt-aciklama-renk) !important;
font-weight: 500 !important;
}
.siparis-timeline-wrapper {
padding: 15px 10px 25px 10px !important;
}
.siparis-timeline {
position: relative !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
}
.siparis-timeline .timeline-cizgi {
position: absolute !important;
top: 14px !important;
left: 40px !important;
right: 40px !important;
height: 4px !important;
background-color: #e9ecef !important;
border-radius: 2px !important;
z-index: 1 !important;
}
.siparis-timeline .timeline-cizgi-aktif {
height: 100% !important;
background: linear-gradient(90deg, var(--ana-renk-1) 0%, var(--ana-renk-2) 100%) !important;
border-radius: 2px !important;
width: 0% !important;
transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.siparis-timeline .timeline-cizgi-aktif.step-1 { width: 0% !important; }
.siparis-timeline .timeline-cizgi-aktif.step-2 { width: 50% !important; }
.siparis-timeline .timeline-cizgi-aktif.step-3 { width: 100% !important; }
.siparis-timeline .timeline-adim {
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
z-index: 2 !important;
width: 80px !important;
}
.siparis-timeline .adim-nokta {
width: 28px !important;
height: 28px !important;
border-radius: 50% !important;
background-color: var(--beyaz) !important;
border: 3px solid #dee2e6 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.3s ease !important;
font-size: 11px !important;
font-weight: 700 !important;
color: var(--alt-aciklama-renk) !important;
}
.siparis-timeline .timeline-adim.aktif .adim-nokta {
border-color: var(--ana-renk-1) !important;
background-color: var(--ana-renk-1) !important;
color: var(--beyaz) !important;
}
.siparis-timeline .timeline-adim.aktif .adim-nokta svg {
stroke: var(--beyaz) !important;
}
.siparis-timeline .timeline-adim.simdi .adim-nokta {
border-color: var(--ana-renk-2) !important;
background-color: var(--ana-renk-2) !important;
color: var(--beyaz) !important;
box-shadow: 0 0 0 4px rgba(0, 52, 129, 0.25) !important;
animation: pulseGlow 2s infinite !important;
}
.siparis-timeline .timeline-adim.simdi .adim-nokta svg {
stroke: var(--beyaz) !important;
}
@keyframes pulseGlow {
0% { box-shadow: 0 0 0 0px rgba(0, 82, 179, 0.3); }
70% { box-shadow: 0 0 0 6px rgba(0, 82, 179, 0); }
100% { box-shadow: 0 0 0 0px rgba(0, 82, 179, 0); }
}
.siparis-timeline .adim-etiket {
font-size: 11px !important;
font-weight: 600 !important;
color: var(--alt-aciklama-renk) !important;
margin-top: 8px !important;
text-align: center !important;
white-space: nowrap !important;
transition: color 0.3s ease !important;
}
.siparis-timeline .timeline-adim.aktif .adim-etiket {
color: var(--yazi-baslik-renk) !important;
}
.siparis-timeline .timeline-adim.simdi .adim-etiket {
color: var(--ana-renk-2) !important;
font-weight: 700 !important;
}
.siparis-iptal-mesaji {
display: flex !important;
align-items: center !important;
gap: 10px !important;
background-color: #fff5f5 !important;
border: 1px solid #ffe3e3 !important;
border-radius: 12px !important;
padding: 12px 16px !important;
color: #c92a2a !important;
font-size: 13px !important;
font-weight: 500 !important;
}
.siparis-iptal-mesaji svg {
stroke: #c92a2a !important;
flex-shrink: 0 !important;
}
.siparis-urunler-listesi {
border-top: 1px dashed var(--border-renk) !important;
padding-top: 18px !important;
}
.siparis-urunler-listesi .urunler-baslik {
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
color: var(--alt-aciklama-renk) !important;
display: block !important;
margin-bottom: 12px !important;
}
.siparis-urunler-listesi .urunler-izgara {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
}
.siparis-urunler-listesi .urun-satiri {
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 8px !important;
border-radius: 10px !important;
transition: background-color 0.2s ease !important;
}
.siparis-urunler-listesi .urun-satiri:hover {
background-color: var(--arkaplan-renk) !important;
}
.siparis-urunler-listesi .urun-gorseli {
width: 48px !important;
height: 48px !important;
border: 1px solid var(--border-renk) !important;
border-radius: 8px !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background-color: var(--beyaz) !important;
flex-shrink: 0 !important;
}
.siparis-urunler-listesi .urun-gorseli img {
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
}
.siparis-urunler-listesi .urun-detay {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
overflow: hidden !important;
}
.siparis-urunler-listesi .urun-adi {
font-size: 13px !important;
font-weight: 600 !important;
color: var(--yazi-baslik-renk) !important;
}
.siparis-urunler-listesi .urun-adet-fiyat {
font-size: 12px !important;
color: var(--alt-aciklama-renk) !important;
}
.siparis-urunler-listesi .ekstra-urun-sayisi {
font-size: 12px !important;
color: var(--ana-renk-1) !important;
font-weight: 600 !important;
padding-left: 8px !important;
margin-top: 4px !important;
}
.son-siparis-panel .panel-footer {
border-top: 1px solid var(--border-renk) !important;
padding-top: 15px !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
margin-top: 5px !important;
}
.son-siparis-panel .panel-toplam {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
}
.son-siparis-panel .toplam-etiket {
font-size: 11px !important;
color: var(--alt-aciklama-renk) !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
.son-siparis-panel .toplam-deger {
font-size: 18px !important;
font-weight: 700 !important;
color: var(--ana-renk-2) !important;
}
.son-siparis-panel .siparis-detay-butonu {
background-color: var(--ana-renk-1) !important;
color: var(--beyaz) !important;
padding: 10px 16px !important;
border-radius: 10px !important;
font-size: 13px !important;
font-weight: 600 !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
transition: all 0.25s ease !important;
box-shadow: 0 4px 10px rgba(0, 139, 242, 0.15) !important;
}
.son-siparis-panel .siparis-detay-butonu:hover {
background-color: var(--ana-renk-2) !important;
box-shadow: 0 4px 12px rgba(0, 52, 129, 0.2) !important;
transform: translateY(-1px) !important;
}
.son-siparis-panel .siparis-detay-butonu svg {
stroke: var(--beyaz) !important;
transition: transform 0.2s ease !important;
}
.son-siparis-panel .siparis-detay-butonu:hover svg {
transform: translateX(3px) !important;
}
.son-siparis-yok-paneli {
background-color: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 16px !important;
padding: 40px 30px !important;
text-align: center !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
.son-siparis-yok-paneli .bos-durum-gorseli {
width: 72px !important;
height: 72px !important;
background-color: rgba(0, 139, 242, 0.06) !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--ana-renk-1) !important;
margin-bottom: 20px !important;
}
.son-siparis-yok-paneli .bos-durum-gorseli svg {
stroke: var(--ana-renk-1) !important;
}
.son-siparis-yok-paneli h4 {
font-size: 18px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin-bottom: 8px !important;
}
.son-siparis-yok-paneli p {
font-size: 13px !important;
color: var(--alt-aciklama-renk) !important;
line-height: 1.6 !important;
max-width: 320px !important;
margin-bottom: 24px !important;
}
.son-siparis-yok-paneli .alisveris-basla-butonu {
background-color: var(--ana-renk-2) !important;
color: var(--beyaz) !important;
padding: 12px 24px !important;
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 600 !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
transition: all 0.25s ease !important;
box-shadow: 0 4px 10px rgba(0, 52, 129, 0.15) !important;
}
.son-siparis-yok-paneli .alisveris-basla-butonu:hover {
background-color: var(--ana-renk-1) !important;
box-shadow: 0 4px 12px rgba(0, 139, 242, 0.2) !important;
transform: translateY(-2px) !important;
}
.son-siparis-yok-paneli .alisveris-basla-butonu svg {
stroke: var(--beyaz) !important;
transition: transform 0.2s ease !important;
}
.son-siparis-yok-paneli .alisveris-basla-butonu:hover svg {
transform: translateX(3px) !important;
}
.dashboard-izgara-yeni {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 16px !important;
}
.profil-menu-oge-yeni {
background-color: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 16px !important;
padding: 20px !important;
display: flex !important;
align-items: flex-start !important;
gap: 16px !important;
position: relative !important;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
cursor: pointer !important;
overflow: hidden !important;
text-decoration: none !important;
}
.profil-menu-oge-yeni:hover {
border-color: var(--ana-renk-1) !important;
transform: translateY(-3px) !important;
box-shadow: 0 10px 25px rgba(0, 139, 242, 0.08) !important;
}
.profil-menu-oge-yeni .kart-sol-ikon {
width: 44px !important;
height: 44px !important;
border-radius: 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
}
.profil-menu-oge-yeni .kart-sol-ikon svg {
transition: transform 0.3s ease !important;
}
.profil-menu-oge-yeni:hover .kart-sol-ikon svg {
transform: scale(1.1) !important;
}
.profil-menu-oge-yeni .k-mavi {
background-color: rgba(0, 139, 242, 0.06) !important;
color: var(--ana-renk-1) !important;
}
.profil-menu-oge-yeni .k-turuncu {
background-color: rgba(240, 99, 31, 0.06) !important;
color: var(--ana-renk-3) !important;
}
.profil-menu-oge-yeni .k-lacivert {
background-color: rgba(0, 52, 129, 0.06) !important;
color: var(--ana-renk-2) !important;
}
.profil-menu-oge-yeni .k-kirmizi {
background-color: rgba(220, 53, 69, 0.06) !important;
color: var(--danger-1) !important;
}
.profil-menu-oge-yeni .kart-sol-ikon.k-mavi svg { stroke: var(--ana-renk-1) !important; }
.profil-menu-oge-yeni .kart-sol-ikon.k-turuncu svg { stroke: var(--ana-renk-3) !important; }
.profil-menu-oge-yeni .kart-sol-ikon.k-lacivert svg { stroke: var(--ana-renk-2) !important; }
.profil-menu-oge-yeni .kart-sol-ikon.k-kirmizi svg { stroke: var(--danger-1) !important; }
.profil-menu-oge-yeni .kart-icerik {
display: flex !important;
flex-direction: column !important;
flex: 1 !important;
}
.profil-menu-oge-yeni .kart-icerik h4 {
font-size: 15px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin-bottom: 4px !important;
margin-top: 0 !important;
}
.profil-menu-oge-yeni .kart-icerik p {
font-size: 12px !important;
color: var(--alt-aciklama-renk) !important;
line-height: 1.4 !important;
margin: 0 !important;
}
.profil-menu-oge-yeni .kart-sag-ok {
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--border-renk) !important;
height: 100% !important;
align-self: center !important;
transition: all 0.25s ease !important;
}
.profil-menu-oge-yeni .kart-sag-ok svg {
stroke: #ccd1d9 !important;
}
.profil-menu-oge-yeni:hover .kart-sag-ok {
color: var(--ana-renk-1) !important;
transform: translateX(4px) !important;
}
.profil-menu-oge-yeni:hover .kart-sag-ok svg {
stroke: var(--ana-renk-1) !important;
}
.dashboard-cikis-bari-yeni {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
background-color: #fff5f5 !important;
border: 1px solid #ffe3e3 !important;
border-radius: 12px !important;
padding: 14px 20px !important;
margin-top: 20px !important;
color: #c92a2a !important;
font-size: 13px !important;
font-weight: 600 !important;
transition: all 0.25s ease !important;
cursor: pointer !important;
text-decoration: none !important;
}
.dashboard-cikis-bari-yeni svg {
stroke: #c92a2a !important;
transition: transform 0.25s ease !important;
}
.dashboard-cikis-bari-yeni:hover {
background-color: #c92a2a !important;
border-color: #c92a2a !important;
color: var(--beyaz) !important;
box-shadow: 0 4px 12px rgba(201, 42, 42, 0.15) !important;
}
.dashboard-cikis-bari-yeni:hover svg {
stroke: var(--beyaz) !important;
transform: translateX(-2px) !important;
}
@media (max-width: 1200px) {
.thermovix-dashboard-hero {
flex-direction: column !important;
align-items: flex-start !important;
}
.thermovix-dashboard-hero .hero-sag {
width: 100% !important;
justify-content: flex-start !important;
}
.thermovix-dashboard-hero .stat-kutusu {
flex: 1 1 150px !important;
}
}
@media (max-width: 991px) {
.dashboard-iki-kolon {
grid-template-columns: 1fr !important;
gap: 24px !important;
}
}
@media (max-width: 768px) {
.dashboard-izgara-yeni {
grid-template-columns: 1fr !important;
}
.thermovix-dashboard-hero {
padding: 20px !important;
}
.thermovix-dashboard-hero .hero-sol {
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
width: 100% !important;
}
.thermovix-dashboard-hero .user-welcome-date {
justify-content: center !important;
}
.son-siparis-panel .panel-header {
flex-direction: column !important;
align-items: flex-start !important;
gap: 6px !important;
}
.siparis-timeline .timeline-adim {
width: auto !important;
flex: 1 !important;
}
.siparis-timeline .timeline-cizgi {
left: 60px !important;
right: 60px !important;
}
.siparis-timeline .adim-etiket {
white-space: normal !important;
width: 80px !important;
text-align: center !important;
}
}
@media (max-width: 480px) {
.thermovix-dashboard-hero .hero-sag {
flex-direction: column !important;
}
.thermovix-dashboard-hero .stat-kutusu {
width: 100% !important;
flex: none !important;
}
.son-siparis-panel {
padding: 16px !important;
}
.siparis-timeline-wrapper {
padding: 10px 0 20px 0 !important;
}
.siparis-timeline .adim-etiket {
font-size: 9px !important;
white-space: normal !important;
width: 65px !important;
line-height: 1.2 !important;
}
.son-siparis-panel .panel-footer {
flex-direction: column !important;
align-items: stretch !important;
gap: 15px !important;
text-align: center !important;
}
.son-siparis-panel .panel-toplam {
align-items: center !important;
}
.son-siparis-panel .siparis-detay-butonu {
justify-content: center !important;
}
}
.woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before{
display: none;
}
.thermovix-no-orders-wrapper {
background-color: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 16px !important;
padding: 60px 40px !important;
text-align: center !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
box-sizing: border-box !important;
}
.thermovix-no-orders-wrapper .no-orders-content {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
max-width: 480px !important;
}
.thermovix-no-orders-wrapper .no-orders-icon {
width: 80px !important;
height: 80px !important;
background-color: rgba(0, 139, 242, 0.06) !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--ana-renk-1) !important;
margin-bottom: 24px !important;
}
.thermovix-no-orders-wrapper .no-orders-icon svg {
stroke: var(--ana-renk-1) !important;
}
.thermovix-no-orders-wrapper h3 {
font-size: 20px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin-top: 0 !important;
margin-bottom: 12px !important;
font-family: 'Jost', sans-serif !important;
}
.thermovix-no-orders-wrapper p {
font-size: 14px !important;
color: var(--alt-aciklama-renk) !important;
line-height: 1.6 !important;
margin-top: 0 !important;
margin-bottom: 30px !important;
font-family: 'Jost', sans-serif !important;
}
.thermovix-no-orders-wrapper .btn-return-shop {
background-color: var(--ana-renk-2) !important; 
color: var(--beyaz) !important;
padding: 12px 28px !important;
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 600 !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
transition: all 0.25s ease !important;
box-shadow: 0 4px 12px rgba(0, 52, 129, 0.15) !important;
text-decoration: none !important;
font-family: 'Jost', sans-serif !important;
}
.thermovix-no-orders-wrapper .btn-return-shop:hover {
background-color: var(--ana-renk-1) !important; 
box-shadow: 0 4px 15px rgba(0, 139, 242, 0.2) !important;
transform: translateY(-2px) !important;
}
.thermovix-no-orders-wrapper .btn-return-shop svg {
stroke: var(--beyaz) !important;
transition: transform 0.2s ease !important;
}
.thermovix-no-orders-wrapper .btn-return-shop:hover svg {
transform: translateX(3px) !important;
}
@media (max-width: 480px) {
.thermovix-no-orders-wrapper {
padding: 40px 20px !important;
}
.thermovix-no-orders-wrapper .btn-return-shop {
width: 100% !important;
justify-content: center !important;
}
}
table.woocommerce-orders-table.account-orders-table {
width: 100% !important;
border-collapse: separate !important; 
border-spacing: 0 16px !important; 
border: none !important;
background: transparent !important;
box-shadow: none !important;
margin-top: -16px !important;
}
table.woocommerce-orders-table.account-orders-table thead {
display: none !important;
}
table.woocommerce-orders-table.account-orders-table tbody tr {
background: transparent !important;
border: none !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
@media(max-width:640px){
margin-bottom: 12px;
}
}
table.woocommerce-orders-table.account-orders-table tbody th,
table.woocommerce-orders-table.account-orders-table tbody td {
background-color: var(--arkaplan-renk) !important;
border-top: 1px solid var(--border-renk) !important;
border-bottom: 1px solid var(--border-renk) !important;
padding: 20px !important;
vertical-align: middle !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
color: var(--yazi-renk) !important;
transition: all 0.25s ease-in-out !important;
}
table.woocommerce-orders-table.account-orders-table tbody tr th:first-child,
table.woocommerce-orders-table.account-orders-table tbody tr td:first-child {
border-left: 1px solid var(--border-renk) !important;
border-top-left-radius: 12px !important;
border-bottom-left-radius: 12px !important;
@media(max-width:640px){
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
}
table.woocommerce-orders-table.account-orders-table tbody tr td:last-child {
border-right: 1px solid var(--border-renk) !important;
border-top-right-radius: 12px !important;
border-bottom-right-radius: 12px !important;
text-align: right;
}
table.woocommerce-orders-table.account-orders-table tbody tr:hover th,
table.woocommerce-orders-table.account-orders-table tbody tr:hover td {
background-color: var(--beyaz) !important;
border-color: var(--ana-renk-1) !important;
@media(max-width:640px){
background-color: var(--arkaplan-renk) !important;
border-color: var(--border-renk) !important;
}
}
table.woocommerce-orders-table.account-orders-table tbody tr:hover {
transform: translateY(-2px) !important;
}
table.woocommerce-orders-table.account-orders-table tbody th.woocommerce-orders-table__cell-order-number a {
color: var(--ana-renk-1) !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
table.woocommerce-orders-table.account-orders-table tbody th.woocommerce-orders-table__cell-order-number a:hover {
color: var(--ana-renk-2) !important;
}
table.woocommerce-orders-table.account-orders-table tbody td.woocommerce-orders-table__cell-order-date {
font-weight: 500 !important;
color: var(--yazi-renk) !important;
}
table.woocommerce-orders-table.account-orders-table tbody td.woocommerce-orders-table__cell-order-total {
color: #64748b !important;
font-size: 13px !important;
}
table.woocommerce-orders-table.account-orders-table tbody td.woocommerce-orders-table__cell-order-total .amount {
font-size: 15px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin-left: 4px !important;
}
table.woocommerce-orders-table.account-orders-table tbody td.woocommerce-orders-table__cell-order-actions .button.view {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 36px !important;
padding: 0 18px !important;
border-radius: 8px !important;
background-color: var(--ana-renk-1) !important;
border: 1px solid var(--ana-renk-1) !important;
color: var(--beyaz) !important;
font-family: 'Jost', sans-serif !important;
font-size: 13px !important;
font-weight: 700 !important;
text-transform: capitalize !important;
text-decoration: none !important;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
table.woocommerce-orders-table.account-orders-table tbody td.woocommerce-orders-table__cell-order-actions .button.view:hover {
background-color: var(--ana-renk-2) !important;
border-color: var(--ana-renk-2) !important;
color: var(--beyaz) !important;
box-shadow: 0 4px 10px rgba(0, 30, 84, 0.15) !important;
}
table.woocommerce-orders-table.account-orders-table tbody td.woocommerce-orders-table__cell-order-status {
font-weight: 600 !important;
color: var(--yazi-baslik-renk) !important;
}
.woocommerce-MyAccount-content > p {
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
color: var(--yazi-renk) !important;
line-height: 1.6 !important;
margin-bottom: 25px !important;
}
.woocommerce-Addresses.addresses {
display: flex !important;
gap: 30px !important;
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-Addresses.addresses .woocommerce-Address {
flex: 1 !important;
min-width: 0 !important; 
background-color: var(--arkaplan-renk) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 16px !important;
padding: 25px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.01) !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-sizing: border-box !important;
}
.woocommerce-Addresses.addresses .woocommerce-Address:hover {
background-color: var(--beyaz) !important;
border-color: var(--ana-renk-1) !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(0, 139, 242, 0.05) !important;
}
.woocommerce-Addresses.addresses .woocommerce-Address-title {
display: flex !important;
justify-content: space-between !important;
align-items: center !important; 
border-bottom: 1px solid var(--border-renk) !important;
padding-bottom: 12px !important;
margin-bottom: 15px !important;
}
.woocommerce-Addresses.addresses .woocommerce-Address-title::before,
.woocommerce-Addresses.addresses .woocommerce-Address-title::after {
display: none !important; 
}
.woocommerce-Addresses.addresses .woocommerce-Address-title h2,
.woocommerce-Addresses.addresses .woocommerce-Address-title h3 {
font-family: 'Jost', sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 !important;
padding: 0 !important;
float: none !important; 
line-height: 1.2 !important;
}
.woocommerce-Addresses.addresses .woocommerce-Address-title .edit {
font-family: 'Jost', sans-serif !important;
font-size: 13px !important;
font-weight: 700 !important;
color: var(--ana-renk-1) !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
float: none !important; 
margin: 0 !important;
line-height: 1.2 !important;
}
.woocommerce-Addresses.addresses .woocommerce-Address-title .edit:hover {
color: var(--ana-renk-2) !important;
}
.woocommerce-Addresses.addresses address {
font-family: 'Jost', sans-serif !important;
font-style: normal !important;
font-size: 14px !important;
line-height: 1.6 !important;
color: var(--yazi-renk) !important;
margin: 0 !important;
padding: 0 !important;
}
@media (max-width: 768px) {
.woocommerce-Addresses.addresses {
flex-direction: column !important;
gap: 20px !important;
}
}
.woocommerce .col2-set::after, .woocommerce .col2-set::before, .woocommerce-page .col2-set::after, .woocommerce-page .col2-set::before{
display: none;
}
form.woocommerce-EditAccountForm.edit-account {
display: flex !important;
flex-flow: row wrap !important;
gap: 12px !important;
max-width: 800px !important;
margin: 0 auto !important;
box-sizing: border-box !important;
border: 1px solid var(--border-renk) !important;
border-radius: 12px !important;
padding: 30px !important;
background-color: var(--beyaz) !important;
}
form.woocommerce-EditAccountForm.edit-account .form-row {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
form.woocommerce-EditAccountForm.edit-account .form-row-wide {
width: 100% !important;
flex: 0 0 100% !important;
}
form.woocommerce-EditAccountForm.edit-account .form-row-first,
form.woocommerce-EditAccountForm.edit-account .form-row-last {
width: calc(50% - 12px) !important;
flex: 0 0 calc(50% - 12px) !important;
}
form.woocommerce-EditAccountForm.edit-account label {
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 !important;
}
form.woocommerce-EditAccountForm.edit-account label .required {
color: #ef4444 !important;
font-weight: 700 !important;
}
form.woocommerce-EditAccountForm.edit-account input.input-text {
width: 100% !important;
height: 48px !important;
background-color: var(--arkaplan-renk) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 10px !important;
padding: 0 16px !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
color: var(--yazi-baslik-renk) !important;
box-sizing: border-box !important;
transition: all 0.2s ease-in-out !important;
outline: none !important;
}
form.woocommerce-EditAccountForm.edit-account input.input-text:focus {
background-color: var(--beyaz) !important;
border-color: var(--ana-renk-1) !important;
box-shadow: 0 0 0 4px rgba(0, 139, 242, 0.08) !important;
}
#account_display_name_description {
display: block !important;
font-size: 12px !important;
color: #64748b !important;
margin-top: 4px !important;
line-height: 1.4 !important;
}
#account_display_name_description em {
font-style: normal !important;
}
form.woocommerce-EditAccountForm.edit-account fieldset {
width: 100% !important;
flex: 0 0 100% !important;
border: 1px solid var(--border-renk) !important;
border-radius: 16px !important;
padding: 30px 25px 25px 25px !important;
box-sizing: border-box !important;
background-color: var(--beyaz) !important;
margin: 15px 0 0 0 !important;
display: flex;
flex-direction: column !important;
gap: 20px !important;
}
form.woocommerce-EditAccountForm.edit-account fieldset legend {
font-family: 'Jost', sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
padding: 0 15px !important;
float: none !important;
margin-bottom: 0 !important;
}
form.woocommerce-EditAccountForm.edit-account .password-input {
position: relative !important;
display: block !important;
width: 100% !important;
}
form.woocommerce-EditAccountForm.edit-account .password-input input {
padding-right: 48px !important;
}
form.woocommerce-EditAccountForm.edit-account .show-password-input {
position: absolute !important;
top: 50% !important;
right: 12px !important;
transform: translateY(-50%) !important;
background: none !important;
border: none !important;
cursor: pointer !important;
width: 24px !important;
height: 24px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
outline: none !important;
}
form.woocommerce-EditAccountForm.edit-account .show-password-input:hover::after {
color: var(--ana-renk-1) !important;
}
form.woocommerce-EditAccountForm.edit-account button.button {
background-color: var(--ana-renk-1) !important;
border: 1px solid var(--ana-renk-1) !important;
color: var(--beyaz) !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
padding: 15px 35px !important;
border-radius: 10px !important;
cursor: pointer !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-shadow: 0 4px 12px rgba(0, 139, 242, 0.1) !important;
text-transform: capitalize !important;
float: none !important;
display: block !important;
margin: 20px auto 0 auto !important; 
}
form.woocommerce-EditAccountForm.edit-account button.button:hover {
background-color: var(--ana-renk-2) !important;
border-color: var(--ana-renk-2) !important;
box-shadow: 0 6px 18px rgba(0, 30, 84, 0.15) !important;
transform: translateY(-1px) !important;
}
form.woocommerce-EditAccountForm.edit-account .clear {
display: none !important;
}
@media (max-width: 768px) {
form.woocommerce-EditAccountForm.edit-account .form-row-first,
form.woocommerce-EditAccountForm.edit-account .form-row-last {
width: 100% !important;
flex: 0 0 100% !important;
}
}
.woocommerce-MyAccount-content form > h2,
.woocommerce-MyAccount-content form > h3 {
font-family: 'Jost', sans-serif !important;
font-size: 20px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin-top: 0 !important;
margin-bottom: 25px !important;
border-bottom: none !important;
padding-bottom: 0 !important;
max-width: 800px !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
width: 100% !important;
}
.woocommerce-address-fields__field-wrapper {
display: flex !important;
flex-flow: row wrap !important;
gap: 12px !important;
max-width: 800px !important;
margin: 0 auto !important;
box-sizing: border-box !important;
}
.woocommerce-address-fields__field-wrapper .form-row {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.woocommerce-address-fields__field-wrapper .form-row-wide {
width: 100% !important;
flex: 0 0 100% !important;
}
.woocommerce-address-fields__field-wrapper .form-row-first,
.woocommerce-address-fields__field-wrapper .form-row-last {
width: calc(50% - 10px) !important;
flex: 0 0 calc(50% - 10px) !important;
}
.woocommerce-address-fields label {
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 !important;
}
.woocommerce-address-fields label .required {
color: #ef4444 !important;
font-weight: 700 !important;
}
.woocommerce-address-fields input.input-text {
width: 100% !important;
height: 48px !important;
background-color: var(--arkaplan-renk) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 10px !important;
padding: 0 16px !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
color: var(--yazi-baslik-renk) !important;
box-sizing: border-box !important;
transition: all 0.2s ease-in-out !important;
outline: none !important;
}
.woocommerce-address-fields input.input-text:focus {
background-color: var(--beyaz) !important;
border-color: var(--ana-renk-1) !important;
box-shadow: 0 0 0 4px rgba(0, 139, 242, 0.08) !important;
}
.woocommerce-address-fields .select2-container--default .select2-selection--single {
height: 48px !important;
background-color: var(--arkaplan-renk) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 10px !important;
display: flex !important;
align-items: center !important;
padding: 0 8px 0 12px !important;
transition: all 0.2s ease-in-out !important;
outline: none !important;
box-sizing: border-box !important;
}
.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
color: var(--yazi-baslik-renk) !important;
padding: 0 !important;
line-height: normal !important;
}
.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px !important;
top: 0 !important;
right: 12px !important;
display: flex !important;
align-items: center !important;
}
.woocommerce-address-fields .select2-container--default.select2-container--open .select2-selection--single {
background-color: var(--beyaz) !important;
border-color: var(--ana-renk-1) !important;
box-shadow: 0 0 0 4px rgba(0, 139, 242, 0.08) !important;
}
.woocommerce-address-fields button.button {
background-color: var(--ana-renk-1) !important;
border: 1px solid var(--ana-renk-1) !important;
color: var(--beyaz) !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
padding: 15px 35px !important;
border-radius: 10px !important;
cursor: pointer !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-shadow: 0 4px 12px rgba(0, 139, 242, 0.1) !important;
text-transform: capitalize !important;
margin-top: 20px !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important; 
}
.woocommerce-address-fields button.button:hover {
background-color: var(--ana-renk-2) !important;
border-color: var(--ana-renk-2) !important;
box-shadow: 0 6px 18px rgba(0, 30, 84, 0.15) !important;
transform: translateY(-1px) !important;
}
@media (max-width: 768px) {
.woocommerce-address-fields__field-wrapper .form-row-first,
.woocommerce-address-fields__field-wrapper .form-row-last {
width: 100% !important;
flex: 0 0 100% !important;
}
}
.woocommerce-EditAccountForm.edit-account {
p:has(.woocommerce-Button.button) {
width: 100%;
}
}
#customer_login {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 40px !important;
max-width: 1000px !important;
margin: 40px auto !important;
box-sizing: border-box !important;
}
#customer_login .u-column1,
#customer_login .u-column2 {
background-color: var(--arkaplan-renk) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 16px !important;
padding: 40px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01) !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-sizing: border-box !important;
width: 100%;
}
#customer_login h2 {
font-family: 'Jost', sans-serif !important;
font-size: 22px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin-top: 0 !important;
margin-bottom: 25px !important;
border-bottom: 2px solid var(--border-renk) !important;
padding-bottom: 12px !important;
text-transform: capitalize !important;
text-align: center !important;
}
#customer_login .form-row {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
float: none !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
#customer_login label {
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 !important;
}
#customer_login label .required {
color: #ef4444 !important;
font-weight: 700 !important;
}
#customer_login input.input-text {
width: 100% !important;
height: 48px !important;
background-color: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 10px !important;
padding: 0 16px !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
color: var(--yazi-baslik-renk) !important;
box-sizing: border-box !important;
transition: all 0.2s ease-in-out !important;
outline: none !important;
}
#customer_login input.input-text:focus {
background-color: var(--beyaz) !important;
border-color: var(--ana-renk-1) !important;
box-shadow: 0 0 0 4px rgba(0, 139, 242, 0.08) !important;
}
#customer_login .password-input {
position: relative !important;
display: block !important;
width: 100% !important;
}
#customer_login .password-input input {
padding-right: 48px !important;
}
#customer_login .show-password-input {
position: absolute !important;
top: 50% !important;
right: 12px !important;
transform: translateY(-50%) !important;
background: none !important;
border: none !important;
cursor: pointer !important;
width: 24px !important;
height: 24px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
outline: none !important;
}
#customer_login .show-password-input:hover::after {
color: var(--ana-renk-1) !important;
}
.woocommerce-form-login__rememberme {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
color: var(--yazi-renk) !important;
cursor: pointer !important;
margin: 5px 0 15px 0 !important;
}
.woocommerce-form-login__rememberme input[type="checkbox"] {
width: 16px !important;
height: 16px !important;
border: 1px solid var(--border-renk) !important;
border-radius: 4px !important;
outline: none !important;
cursor: pointer !important;
}
.woocommerce-LostPassword.lost_password {
text-align: center !important;
margin-top: 15px !important;
}
.woocommerce-LostPassword.lost_password a {
font-family: 'Jost', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #64748b !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
.woocommerce-LostPassword.lost_password a:hover {
color: var(--ana-renk-1) !important;
}
.woocommerce-form-register p:not(.form-row),
.woocommerce-privacy-policy-text p {
font-family: 'Jost', sans-serif !important;
font-size: 13px !important;
color: #64748b !important;
line-height: 1.6 !important;
margin: 0 0 15px 0 !important;
}
.woocommerce-privacy-policy-text a {
color: var(--ana-renk-1) !important;
font-weight: 600 !important;
text-decoration: none !important;
}
.woocommerce-privacy-policy-text a:hover {
color: var(--ana-renk-2) !important;
}
#customer_login button.button {
width: 100% !important;
height: 48px !important;
background-color: var(--ana-renk-1) !important;
border: 1px solid var(--ana-renk-1) !important;
color: var(--beyaz) !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
border-radius: 10px !important;
cursor: pointer !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-shadow: 0 4px 12px rgba(0, 139, 242, 0.1) !important;
text-transform: capitalize !important;
margin-top: 10px !important;
}
#customer_login button.button:hover {
background-color: var(--ana-renk-2) !important;
border-color: var(--ana-renk-2) !important;
box-shadow: 0 6px 18px rgba(0, 30, 84, 0.15) !important;
transform: translateY(-1px) !important;
}
@media (max-width: 768px) {
#customer_login {
grid-template-columns: 1fr !important;
gap: 30px !important;
padding: 0 15px !important;
}
#customer_login .u-column1,
#customer_login .u-column2 {
padding: 30px 20px !important;
}
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
padding: 0;
border: 0;
}
form.woocommerce-ResetPassword.lost_reset_password {
background-color: var(--arkaplan-renk) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 16px !important;
padding: 40px !important;
max-width: 500px !important;
margin: 40px auto !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01) !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
form.woocommerce-ResetPassword.lost_reset_password > p:first-of-type {
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
color: #64748b !important;
line-height: 1.6 !important;
margin: 0 0 10px 0 !important;
}
form.woocommerce-ResetPassword.lost_reset_password .form-row {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
form.woocommerce-ResetPassword.lost_reset_password label {
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 !important;
}
form.woocommerce-ResetPassword.lost_reset_password label .required {
color: #ef4444 !important;
font-weight: 700 !important;
}
form.woocommerce-ResetPassword.lost_reset_password input.input-text {
width: 100% !important;
height: 48px !important;
background-color: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 10px !important;
padding: 0 16px !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
color: var(--yazi-baslik-renk) !important;
box-sizing: border-box !important;
transition: all 0.2s ease-in-out !important;
outline: none !important;
}
form.woocommerce-ResetPassword.lost_reset_password input.input-text:focus {
background-color: var(--beyaz) !important;
border-color: var(--ana-renk-1) !important;
box-shadow: 0 0 0 4px rgba(0, 139, 242, 0.08) !important;
}
form.woocommerce-ResetPassword.lost_reset_password button.button {
width: 100% !important;
height: 48px !important;
background-color: var(--ana-renk-1) !important;
border: 1px solid var(--ana-renk-1) !important;
color: var(--beyaz) !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
border-radius: 10px !important;
cursor: pointer !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-shadow: 0 4px 12px rgba(0, 139, 242, 0.1) !important;
text-transform: capitalize !important;
margin-top: 10px !important;
}
form.woocommerce-ResetPassword.lost_reset_password button.button:hover {
background-color: var(--ana-renk-2) !important;
border-color: var(--ana-renk-2) !important;
box-shadow: 0 6px 18px rgba(0, 30, 84, 0.15) !important;
transform: translateY(-1px) !important;
}
form.woocommerce-ResetPassword.lost_reset_password .clear {
display: none !important;
}
@media (max-width: 576px) {
form.woocommerce-ResetPassword.lost_reset_password {
padding: 30px 20px !important;
margin: 20px 15px !important;
}
}
.woocommerce:has(.woocommerce-message) > p:not(.form-row) {
background-color: var(--arkaplan-renk) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 16px !important;
padding: 30px !important;
max-width: 600px !important;
margin: 40px auto !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
color: var(--yazi-renk) !important;
line-height: 1.8 !important;
text-align: center !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01) !important;
box-sizing: border-box !important;
}
.sayfa-metni {
max-width: 1000px !important;
margin-left: auto !important;
margin-right: auto !important;
font-family: 'Jost', sans-serif !important;
font-size: 16px !important;
line-height: 1.8 !important;
color: var(--yazi-renk) !important;
}
.sayfa-metni h1,
.sayfa-metni h2,
.sayfa-metni h3,
.sayfa-metni h4,
.sayfa-metni h5,
.sayfa-metni h6 {
font-family: 'Jost', sans-serif !important;
color: var(--yazi-baslik-renk) !important;
font-weight: 700 !important;
line-height: 1.3 !important;
clear: both !important;
margin: 0 0 15px 0 !important;
}
.sayfa-metni h1 {
font-size: 36px !important;
margin-top: 40px !important;
}
.sayfa-metni h2 {
font-size: 26px !important;
margin-top: 35px !important;
border-bottom: 1px solid var(--border-renk) !important;
padding-bottom: 8px !important;
}
.sayfa-metni h3 {
font-size: 21px !important;
margin-top: 30px !important;
}
.sayfa-metni h4 {
font-size: 18px !important;
margin-top: 25px !important;
}
.sayfa-metni h5 {
font-size: 16px !important;
margin-top: 20px !important;
}
.sayfa-metni h6 {
font-size: 14px !important;
margin-top: 20px !important;
}
.sayfa-metni p {
font-family: 'Jost', sans-serif !important;
font-size: 16px !important;
line-height: 1.8 !important;
color: var(--yazi-renk) !important;
margin: 0 0 20px 0 !important;
}
.sayfa-metni strong,
.sayfa-metni b {
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
}
.sayfa-metni em,
.sayfa-metni i {
font-style: italic !important;
}
.sayfa-metni a {
color: var(--ana-renk-1) !important;
text-decoration: none !important;
font-weight: 600 !important;
border-bottom: 1px dashed var(--ana-renk-1) !important;
transition: all 0.2s ease-in-out !important;
}
.sayfa-metni a:hover {
color: var(--ana-renk-2) !important;
border-bottom-color: var(--ana-renk-2) !important;
border-bottom-style: solid !important;
}
.sayfa-metni ul,
.sayfa-metni ol {
margin: 0 0 20px 0 !important;
padding-left: 24px !important;
list-style-position: outside !important;
}
.sayfa-metni ul {
list-style-type: disc !important;
}
.sayfa-metni ol {
list-style-type: decimal !important;
}
.sayfa-metni li {
font-family: 'Jost', sans-serif !important;
font-size: 16px !important;
line-height: 1.7 !important;
color: var(--yazi-renk) !important;
margin-bottom: 8px !important;
}
.sayfa-metni blockquote {
background-color: var(--arkaplan-renk) !important;
border-left: 4px solid var(--ana-renk-1) !important;
border-radius: 0 12px 12px 0 !important;
padding: 20px 25px !important;
margin: 25px 0 !important;
box-sizing: border-box !important;
}
.sayfa-metni blockquote p {
font-family: 'Jost', sans-serif !important;
font-size: 16px !important;
font-style: italic !important;
line-height: 1.7 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 !important;
}
.sayfa-metni table {
width: 100% !important;
border-collapse: collapse !important;
margin: 30px 0 !important;
border: 1px solid var(--border-renk) !important;
border-radius: 12px !important;
overflow: hidden !important;
}
.sayfa-metni table th,
.sayfa-metni table td {
padding: 12px 16px !important;
border: 1px solid var(--border-renk) !important;
text-align: left !important;
font-family: 'Jost', sans-serif !important;
font-size: 15px !important;
}
.sayfa-metni table th {
background-color: var(--arkaplan-renk) !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
}
.sayfa-metni table tr:hover {
background-color: rgba(0, 139, 242, 0.01) !important;
}
.sayfa-metni img {
max-width: 100% !important;
height: auto !important;
border-radius: 12px !important;
margin: 25px 0 !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}
@media (max-width: 768px) {
.sayfa-metni {
font-size: 15px !important;
padding: 0 15px !important;
}
.sayfa-metni h1 { font-size: 28px !important; }
.sayfa-metni h2 { font-size: 22px !important; }
.sayfa-metni h3 { font-size: 19px !important; }
.sayfa-metni p, .sayfa-metni li { font-size: 15px !important; }
}
.iletisim-sayfasi {
padding-bottom: 60px !important;
}
.sayfa-baslik-aciklama {
text-align: center !important;
font-family: 'Jost', sans-serif !important;
font-size: 15px !important;
color: var(--yazi-renk) !important;
max-width: 600px !important;
margin: 15px auto 0 auto !important;
line-height: 1.6 !important;
}
.iletisim-grid-modern {
display: grid !important;
grid-template-columns: 1fr 1.3fr !important;
gap: 50px !important;
margin-top: 40px !important; 
position: relative !important;
z-index: 10 !important;
margin-bottom: 60px !important;
align-items: start !important;
}
.iletisim-sol-modern {
padding-top: 20px !important; 
}
.iletisim-baslik-grubu {
margin-bottom: 35px !important;
}
.baslik-ust-etiket {
font-family: 'Jost', sans-serif !important;
font-size: 12px !important;
font-weight: 800 !important;
color: var(--ana-renk-1) !important;
letter-spacing: 2px !important;
display: block !important;
margin-bottom: 8px !important;
}
.iletisim-ana-metin-baslik {
font-family: 'Jost', sans-serif !important;
font-size: 28px !important;
font-weight: 800 !important;
color: var(--yazi-baslik-renk) !important;
line-height: 1.3 !important;
margin: 0 !important;
}
.iletisim-liste-modern {
display: flex !important;
flex-direction: column !important;
gap: 30px !important;
}
.iletisim-satir-modern {
display: flex !important;
gap: 20px !important;
align-items: flex-start !important;
}
.satir-ikon-kapsam {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
background-color: rgba(0, 139, 242, 0.08) !important; 
border-radius: 12px !important;
color: var(--ana-renk-1) !important;
flex-shrink: 0 !important;
transition: all 0.25s ease-in-out !important;
}
.iletisim-satir-modern:hover .satir-ikon-kapsam {
background-color: var(--ana-renk-1) !important;
color: var(--beyaz) !important;
transform: scale(1.05) !important;
}
.satir-metin-kapsam h4 {
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 0 5px 0 !important;
}
.satir-metin-kapsam p {
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
line-height: 1.5 !important;
color: var(--yazi-renk) !important;
margin: 0 !important;
}
.satir-metin-kapsam p a {
color: var(--yazi-renk) !important;
text-decoration: none !important;
font-weight: 600 !important;
transition: color 0.2s ease !important;
}
.satir-metin-kapsam p a:hover {
color: var(--ana-renk-1) !important;
}
.iletisim-form-kapsayici-modern {
background-color: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 24px !important;
padding: 50px 45px !important;
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05) !important; 
box-sizing: border-box !important;
transition: all 0.3s ease !important;
}
.iletisim-form-kapsayici-modern:hover {
border-color: var(--ana-renk-1) !important;
box-shadow: 0 20px 50px rgba(0, 139, 242, 0.08) !important;
}
.iletisim-form-kapsayici-modern h2 {
font-family: 'Jost', sans-serif !important;
font-size: 24px !important;
font-weight: 800 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 0 8px 0 !important;
}
.form-aciklama-modern {
font-family: 'Jost', sans-serif !important;
font-size: 13px !important;
color: #64748b !important;
margin: 0 0 30px 0 !important;
}
.iletisim-formu-modern {
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
}
.form-satir-ikili-modern {
display: flex !important;
gap: 20px !important;
}
.form-satir-ikili-modern .form-row-modern {
flex: 1 !important;
}
.iletisim-formu-modern .form-row-modern {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
margin: 0 0 20px !important;
}
.iletisim-formu-modern label {
font-family: 'Jost', sans-serif !important;
font-size: 13px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
}
.iletisim-formu-modern input.input-text-modern,
.iletisim-formu-modern textarea.textarea-field-modern {
width: 100% !important;
background-color: var(--arkaplan-renk) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 10px !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
color: var(--yazi-baslik-renk) !important;
box-sizing: border-box !important;
transition: all 0.2s ease-in-out !important;
outline: none !important;
}
.iletisim-formu-modern input.input-text-modern {
height: 50px !important;
padding: 0 16px !important;
}
.iletisim-formu-modern textarea.textarea-field-modern {
padding: 16px !important;
resize: vertical !important;
min-height: 120px !important;
}
.iletisim-formu-modern input.input-text-modern:focus,
.iletisim-formu-modern textarea.textarea-field-modern:focus {
background-color: var(--beyaz) !important;
border-color: var(--ana-renk-1) !important;
box-shadow: 0 0 0 4px rgba(0, 139, 242, 0.08) !important;
}
.iletisim-formu-modern .button-modern {
width: 100% !important;
height: 50px !important;
background-color: var(--ana-renk-1) !important;
border: 1px solid var(--ana-renk-1) !important;
color: var(--beyaz) !important;
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
border-radius: 10px !important;
cursor: pointer !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-shadow: 0 4px 12px rgba(0, 139, 242, 0.1) !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin-top: 10px !important;
}
.iletisim-formu-modern .button-modern:hover {
background-color: var(--ana-renk-2) !important;
border-color: var(--ana-renk-2) !important;
box-shadow: 0 6px 18px rgba(0, 30, 84, 0.15) !important;
transform: translateY(-1px) !important;
}
.iletisim-formu-modern .button-row-modern {
position: relative !important;
}
.iletisim-formu-modern .button-row-modern .wpcf7-spinner {
position: absolute !important;
right: 20px !important;
top: calc(50% + 5px) !important;
transform: translateY(-50%) !important;
margin: 0 !important;
background-color: #ffffff !important;
z-index: 10 !important;
}
.wpcf7-response-output {
margin: 20px 0 0 0 !important;
padding: 15px 20px !important;
border-radius: 12px !important;
font-size: 13.5px !important;
font-weight: 600 !important;
line-height: 1.5 !important;
border: 2px solid transparent !important;
transition: all 0.3s ease !important;
}
.wpcf7-form.sent .wpcf7-response-output,
.wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: #ecfdf5 !important;
border-color: #10b981 !important;
color: #065f46 !important;
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.08) !important;
}
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-response-output.wpcf7-validation-errors {
background-color: #fffbeb !important;
border-color: #f59e0b !important;
color: #92400e !important;
box-shadow: 0 4px 12px rgba(245, 158, 11, 0.08) !important;
}
.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-response-output.wpcf7-mail-sent-ng {
background-color: #fef2f2 !important;
border-color: #ef4444 !important;
color: #991b1b !important;
box-shadow: 0 4px 12px rgba(239, 68, 68, 0.08) !important;
}
.wpcf7-form.spam .wpcf7-response-output,
.wpcf7-response-output.wpcf7-spam-blocked {
background-color: #f3f4f6 !important;
border-color: #9ca3af !important;
color: #374151 !important;
box-shadow: 0 4px 12px rgba(156, 163, 175, 0.08) !important;
}
.iletisim-formu-modern input.wpcf7-not-valid,
.iletisim-formu-modern textarea.wpcf7-not-valid {
border-color: #ef4444 !important;
box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.08) !important;
background-color: #fff5f5 !important;
}
@keyframes cf7FadeIn {
from { opacity: 0; transform: translateY(-4px); }
to { opacity: 1; transform: translateY(0); }
}
.wpcf7-not-valid-tip {
color: #ef4444 !important;
font-size: 12px !important;
font-weight: 600 !important;
margin-top: 6px !important;
display: block !important;
animation: cf7FadeIn 0.3s ease-out forwards !important;
}
.iletisim-harita-modern {
border: 1px solid var(--border-renk) !important;
border-radius: 24px !important;
overflow: hidden !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.02) !important;
margin-top: 20px !important;
}
.iletisim-harita-modern iframe {
display: block !important;
filter: grayscale(100%) contrast(90%) !important; 
transition: filter 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.iletisim-harita-modern:hover iframe {
filter: none !important; 
}
@media (max-width: 991px) {
.iletisim-grid-modern {
grid-template-columns: 1fr !important;
gap: 40px !important;
margin-top: 30px !important;
}
.iletisim-sol-modern {
padding-top: 20px !important;
}
}
@media (max-width: 576px) {
.iletisim-form-kapsayici-modern {
padding: 30px 20px !important;
}
.form-satir-ikili-modern {
flex-direction: column !important;
gap: 20px !important;
}
}
.iletisim-sosyal-medya {
margin-top: 40px !important;
border-top: 1px solid var(--border-renk) !important;
padding-top: 25px !important;
}
.iletisim-sosyal-medya h3 {
font-family: 'Jost', sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 0 15px 0 !important;
text-transform: capitalize !important;
}
.sosyal-medya-ikonlari {
display: flex !important;
gap: 12px !important;
}
.sosyal-ikon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
background-color: var(--arkaplan-renk) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 50% !important;
color: var(--yazi-renk) !important;
transition: all 0.25s ease-in-out !important;
text-decoration: none !important;
}
.sosyal-ikon:hover {
background-color: var(--ana-renk-1) !important;
border-color: var(--ana-renk-1) !important;
color: var(--beyaz) !important;
transform: translateY(-2px) !important;
box-shadow: 0 5px 12px rgba(0, 139, 242, 0.15) !important;
}
.site-footer {
background-color: #232328 !important; 
padding: 70px 0 35px 0 !important;
color: #94a3b8 !important; 
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
box-sizing: border-box !important;
}
.footer-grid {
display: grid !important;
grid-template-columns: 1.2fr 0.8fr 0.8fr 0.8fr !important;
gap: 50px 40px !important; 
box-sizing: border-box !important;
}
.footer-marka {
grid-row: span 2 !important; 
}
.footer-baslik {
font-family: 'Jost', sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
color: var(--beyaz) !important;
margin: 0 0 25px 0 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
.footer-logo-kapsam {
margin-bottom: 20px !important;
}
.footer-logo-kapsam img {
max-height: 45px !important;
width: auto !important;
}
.footer-tanim {
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
line-height: 1.7 !important;
color: #94a3b8 !important;
margin: 0 0 25px 0 !important;
}
.footer-destek-kutulari {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
margin-bottom: 20px !important;
@media(max-width:890px){
flex-direction: row !important;
}
@media(max-width:768px){
flex-direction: column !important;
}
}
.destek-kutusu {
display: flex !important;
align-items: center !important;
gap: 15px !important;
background-color: rgba(255, 255, 255, 0.02) !important;
border: 1px solid rgba(255, 255, 255, 0.05) !important;
border-radius: 12px !important;
padding: 12px 16px !important;
text-decoration: none !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-sizing: border-box !important;
width: fit-content !important; 
@media(max-width:768px){
width: 100% !important;
}
}
.destek-kutusu:hover {
background-color: rgba(255, 255, 255, 0.04) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
transform: translateY(-2px) !important;
}
.destek-kutu-ikon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
height: 36px !important;
border-radius: 8px !important;
background-color: rgba(255, 255, 255, 0.03) !important;
color: #60a5fa !important; 
flex-shrink: 0 !important;
transition: all 0.25s ease !important;
}
.destek-kutusu:hover .destek-kutu-ikon {
background-color: #60a5fa !important;
color: var(--beyaz) !important;
}
.whatsapp-kutusu .destek-kutu-ikon {
color: #22c55e !important; 
}
.whatsapp-kutusu:hover .destek-kutu-ikon {
background-color: #22c55e !important;
color: var(--beyaz) !important;
}
.whatsapp-kutusu:hover .destek-kutu-ikon svg {
transform: scale(1.1) rotate(5deg) !important;
}
.destek-kutu-icerik {
display: flex !important;
flex-direction: column !important;
gap: 3px !important;
}
.destek-kutu-etiket {
font-family: 'Jost', sans-serif !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
color: #64748b !important;
letter-spacing: 0.5px !important;
}
.destek-kutu-deger {
font-family: 'Jost', sans-serif !important;
font-size: 15px !important;
font-weight: 800 !important;
color: var(--beyaz) !important;
transition: color 0.2s ease !important;
}
.whatsapp-kutusu .destek-kutu-deger {
color: #22c55e !important;
}
.destek-eposta {
font-family: 'Jost', sans-serif !important;
font-size: 13px !important;
color: #cbd5e1 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
display: inline-block !important;
margin: 0 0 25px 5px !important;
}
.destek-eposta:hover {
color: #60a5fa !important;
}
.footer-sosyal-medya {
display: flex !important;
gap: 10px !important;
}
.footer-sosyal-medya a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
height: 36px !important;
background-color: rgba(255, 255, 255, 0.03) !important;
border: 1px solid rgba(255, 255, 255, 0.06) !important;
border-radius: 50% !important;
color: #cbd5e1 !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
text-decoration: none !important;
}
.footer-sosyal-medya a:hover {
background-color: #60a5fa !important; 
border-color: #60a5fa !important;
color: var(--beyaz) !important;
transform: translateY(-2px) !important;
box-shadow: 0 5px 12px rgba(96, 165, 250, 0.2) !important;
}
.footer-link-listesi {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.footer-link-listesi li {
margin-bottom: 12px !important;
padding: 0 !important;
}
.footer-link-listesi a {
font-family: 'Jost', sans-serif !important;
font-size: 14px !important;
color: #cbd5e1 !important;
text-decoration: none !important;
transition: all 0.2s ease-in-out !important;
display: inline-block !important;
}
.footer-link-listesi a:hover {
color: var(--ana-renk-1) !important;
}
.footer-alt-bar {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
padding-top: 25px !important;
margin-top: 50px !important;
box-sizing: border-box !important;
}
.footer-odeme-yontemleri {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex: 1 !important;
justify-content: flex-start !important; 
}
.footer-odeme-yontemleri svg {
border-radius: 4px !important;
overflow: hidden !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
background-color: var(--beyaz) !important;
}
.footer-telif {
flex: 1.5 !important;
text-align: center !important; 
}
.footer-telif p {
font-family: 'Jost', sans-serif !important;
font-size: 13px !important;
color: #64748b !important;
margin: 0 !important;
}
.footer-telif a {
color: #cbd5e1 !important;
text-decoration: none !important;
font-weight: 600 !important;
transition: color 0.2s ease !important;
}
.footer-telif a:hover {
color: #60a5fa !important;
}
.footer-yapimci {
flex: 1 !important;
text-align: right !important; 
display: flex;
align-items: center;
justify-content: flex-end;
}
.yapimci-link {
font-family: 'Jost', sans-serif !important;
font-size: 13px !important;
font-weight: 700 !important;
color: #cbd5e1 !important;
text-decoration: none !important;
transition: color 0.2s ease-in-out !important;
letter-spacing: 0.5px !important;
}
.yapimci-link:hover {
color: #60a5fa !important;
}
@media (max-width: 991px) {
.footer-grid {
grid-template-columns: 1fr 1fr !important;
gap: 40px !important;
}
.footer-marka {
grid-row: auto !important;
grid-column: span 2 !important;
}
}
@media (max-width: 576px) {
.site-footer {
padding: 50px 0 30px 0 !important;
}
.footer-grid {
grid-template-columns: 1fr !important;
gap: 30px !important;
}
.footer-marka {
grid-column: auto !important;
}
.footer-kolon:has(.footer-link-listesi) .footer-baslik {
margin-bottom: 0 !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding-bottom: 12px !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
font-size: 15px !important;
}
.footer-kolon:has(.footer-link-listesi) .footer-baslik::after {
content: "" !important;
display: inline-block !important;
width: 6px !important;
height: 6px !important;
border-right: 2px solid currentColor !important;
border-bottom: 2px solid currentColor !important;
transform: rotate(45deg) !important;
transition: transform 0.25s ease !important;
margin-bottom: 3px !important;
opacity: 0.7 !important;
flex-shrink: 0 !important;
}
.footer-kolon:has(.footer-link-listesi).open .footer-baslik::after {
transform: rotate(225deg) !important;
}
.footer-kolon:has(.footer-link-listesi) .footer-link-listesi {
display: none !important;
margin-top: 15px !important;
padding-bottom: 5px !important;
}
.footer-kolon:has(.footer-link-listesi).open .footer-link-listesi {
display: block !important;
}
.footer-alt-bar {
flex-direction: column !important;
gap: 20px !important;
text-align: center !important;
margin-top: 40px !important;
}
.footer-odeme-yontemleri {
justify-content: center !important;
}
.footer-yapimci {
text-align: center !important;
}
}
.sayfa-duzen{
padding-bottom: 80px;
min-height: 80dvh;
padding-top: 40px;
}
.wpcf-favorites-grid{
margin: 0 auto !important;
}
.favoriler-tab-icerik{
max-width: 1200px;
margin-inline: auto;
}
.cookie-consent-banner {
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
background-color: #232328 !important; 
border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
padding: 16px 30px !important;
z-index: 99999 !important; 
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3) !important;
box-sizing: border-box !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(100%) !important;
transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.cookie-consent-banner.visible {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
}
.cookie-consent-icerik {
max-width: 1200px !important;
margin: 0 auto !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 30px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.cookie-consent-icerik p {
font-family: 'Jost', sans-serif !important;
font-size: 13.5px !important;
line-height: 1.6 !important;
color: #cbd5e1 !important;
margin: 0 !important;
}
.cookie-consent-icerik p a {
color: #60a5fa !important;
text-decoration: underline !important;
font-weight: 600 !important;
transition: color 0.2s ease !important;
}
.cookie-consent-icerik p a:hover {
color: var(--ana-renk-1) !important;
}
.cookie-consent-buton {
font-family: 'Jost', sans-serif !important;
font-size: 13px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
background-color: var(--ana-renk-1) !important;
color: var(--beyaz) !important;
border: none !important;
border-radius: 8px !important;
padding: 10px 24px !important;
cursor: pointer !important;
white-space: nowrap !important;
transition: all 0.2s ease-in-out !important;
letter-spacing: 0.5px !important;
}
.cookie-consent-buton:hover {
background-color: #22c55e !important; 
box-shadow: 0 4px 12px rgba(34, 197, 94, 0.2) !important;
transform: translateY(-1px) !important;
}
@media (max-width: 768px) {
.cookie-consent-banner {
padding: 16px 20px !important;
}
.cookie-consent-icerik {
flex-direction: column !important;
align-items: stretch !important;
gap: 15px !important;
text-align: center !important;
}
.cookie-consent-buton {
width: 100% !important;
padding: 12px !important;
}
}
.woocommerce .woocommerce-customer-details address{
border: 0 !important;
padding: 0 !important;
}
.kurumsal-fatura-detaylari table th {
text-align: left !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
width: 200px !important;
padding: 12px 0 !important;
border-bottom: 1px solid var(--border-renk) !important;
}
.kurumsal-fatura-detaylari table td {
color: var(--yazi-renk) !important;
padding: 12px 0 !important;
border-bottom: 1px solid var(--border-renk) !important;
}
.kurumsal-fatura-detaylari table tr:last-child th,
.kurumsal-fatura-detaylari table tr:last-child td {
border-bottom: none !important;
}
.thermovix-invoice-header {
flex: 1 1 100% !important;
grid-column: 1 / -1 !important;
clear: both !important;
}
.wc-block-components-address-form > div:has(input[id*="company_name"]),
.wc-block-components-address-form > div:has(input[id*="company-name"]) {
flex: 1 1 100% !important;
width: 100% !important;
max-width: 100% !important;
grid-column: 1 / -1 !important;
}
.wc-block-components-address-form > div:has(input[id*="tax_office"]),
.wc-block-components-address-form > div:has(input[id*="tax-office"]) {
flex: 1 1 calc(50% - 12px) !important;
max-width: calc(50% - 12px) !important;
grid-column: span 4 !important;
}
.wc-block-components-address-form > div:has(input[id*="tax_number"]),
.wc-block-components-address-form > div:has(input[id*="tax-number"]) {
flex: 1 1 calc(50% - 12px) !important;
max-width: calc(50% - 12px) !important;
grid-column: span 4 !important;
}
@media (max-width: 768px) {
.wc-block-components-address-form > div:has(input[id*="tax_office"]),
.wc-block-components-address-form > div:has(input[id*="tax-office"]),
.wc-block-components-address-form > div:has(input[id*="tax_number"]),
.wc-block-components-address-form > div:has(input[id*="tax-number"]) {
flex: 1 1 100% !important;
max-width: 100% !important;
width: 100% !important;
grid-column: 1 / -1 !important;
margin-left: 0 !important;
}
}
.wc-block-components-additional-fields-list {
display: none !important;
}
.thermovix-invoice-card-box {
margin-top: 18px !important;
padding: 12px 14px !important;
border: 1px solid rgba(0, 0, 0, 0.07) !important;
border-left: 3px solid var(--yazi-baslik-renk, #333) !important;
border-radius: 6px !important;
background: #fbfbfb !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
text-align: left !important;
}
.thermovix-invoice-card-box .invoice-box-title {
margin: 0 0 8px 0 !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
color: var(--yazi-baslik-renk) !important;
display: block !important;
}
.thermovix-invoice-card-box .invoice-box-row {
margin-bottom: 5px !important;
font-size: 0.82rem !important;
line-height: 1.4 !important;
color: var(--yazi-renk) !important;
}
.thermovix-invoice-card-box .invoice-box-row strong {
font-weight: 500 !important;
color: #888 !important;
}
.thermovix-invoice-card-box .invoice-box-row-inline {
display: inline-block !important;
font-size: 0.82rem !important;
line-height: 1.4 !important;
color: var(--yazi-renk) !important;
}
.thermovix-invoice-card-box .invoice-box-row-inline strong {
font-weight: 500 !important;
color: #888 !important;
}
.thermovix-invoice-card-box .inline-right {
margin-left: 20px !important;
padding-left: 20px !important;
border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
}
@media (max-width: 576px) {
.thermovix-invoice-card-box {
padding: 10px 12px !important;
}
.thermovix-invoice-card-box .invoice-box-row-inline {
display: block !important;
margin-left: 0 !important;
padding-left: 0 !important;
border-left: none !important;
margin-top: 4px !important;
}
}
.thermovix-company-name-row {
clear: both !important;
width: 100% !important;
}
.thermovix-tax-office-row {
float: left !important;
width: 48% !important;
margin-right: 4% !important;
clear: none !important;
}
.thermovix-tax-number-row {
float: left !important;
width: 48% !important;
clear: none !important;
}
@media (max-width: 768px) {
.thermovix-tax-office-row,
.thermovix-tax-number-row {
width: 100% !important;
margin-right: 0 !important;
float: none !important;
}
}
.hakkimizda-sayfa-tasarimi {
padding-top: 20px !important;
padding-bottom: 80px !important;
background-color: #fafbfc !important;
}
.hakkimizda-kapsayici {
max-width: 1400px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 24px !important;
padding-right: 24px !important;
box-sizing: border-box !important;
}
.hakkimizda-ust {
margin-bottom: 50px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.hakkimizda-ust .thermovix-ekmek-kirintisi {
justify-content: center !important;
}
.hakkimizda-baslik-blogu {
margin-top: 24px !important;
}
.hakkimizda-badge {
font-size: 0.75rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.15em !important;
color: var(--tema-renk, #ef5b25) !important;
padding: 6px 14px !important;
background: rgba(239, 91, 37, 0.08) !important;
border-radius: 50px !important;
display: inline-block !important;
margin-bottom: 16px !important;
}
.hakkimizda-baslik {
font-size: 2.8rem !important;
font-weight: 800 !important;
line-height: 1.15 !important;
color: #1a202c !important;
letter-spacing: -0.02em !important;
margin: 0 0 16px 0 !important;
}
.hakkimizda-alt-metin {
font-size: 1.1rem !important;
line-height: 1.6 !important;
color: #4a5568 !important;
max-width: 700px !important;
margin: 0 auto !important;
text-wrap: balance;
}
.hakkimizda-tanitim {
display: grid !important;
grid-template-columns: 1.15fr 0.85fr !important;
gap: 60px !important;
margin-bottom: 120px !important;
align-items: center !important;
padding-top: 100px;
}
.tanitim-sol {
text-align: left !important;
}
.tanitim-mini-badge {
font-size: 0.72rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.15em !important;
color: var(--tema-renk, #ef5b25) !important;
padding: 5px 12px !important;
background: rgba(239, 91, 37, 0.08) !important;
border-radius: 50px !important;
display: inline-block !important;
margin-bottom: 16px !important;
}
.tanitim-baslik {
font-size: 3.5rem !important;
line-height: 1.3 !important;
font-weight: 800 !important;
color: #0f172a !important;
margin: 15px 0 16px 0 !important;
letter-spacing: -0.02em !important;
}
.tanitim-baslik .vurgu-renk {
background: linear-gradient(135deg, #146eb4 0%, #3ba3ec 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.tanitim-ayrac {
width: 60px !important;
height: 4px !important;
background: linear-gradient(90deg, var(--tema-renk, #ef5b25) 0%, #ff8c5a 100%) !important;
border-radius: 2px !important;
margin-bottom: 24px !important;
}
.tanitim-vurgu {
font-size: 1.12rem !important;
line-height: 1.6 !important;
font-weight: 600 !important;
color: #334155 !important;
margin-bottom: 16px !important;
}
.tanitim-detay {
font-size: 0.92rem !important;
line-height: 1.7 !important;
color: #64748b !important;
margin: 0 0 28px 0 !important;
}
.tanitim-ozellikler {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
.ozellik-oge {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
}
.ozellik-ikon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
height: 24px !important;
border-radius: 50% !important;
background: rgba(39, 201, 63, 0.1) !important;
color: #27c93f !important;
flex-shrink: 0 !important;
margin-top: 2px !important;
}
.ozellik-metin {
font-size: 0.9rem !important;
line-height: 1.5 !important;
color: #475569 !important;
}
.ozellik-metin strong {
color: #0f172a !important;
}
.tanitim-sag {
display: flex !important;
justify-content: center !important;
}
.teknik-kart {
width: 100% !important;
max-width: 440px !important;
background: rgba(var(--ana-renk-3-rgb), 0.1) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border: 1px solid rgba(var(--ana-renk-3-rgb), 0.25) !important;
border-radius: 24px !important;
box-shadow: 0 25px 55px rgba(var(--ana-renk-3-rgb), 0.08) !important;
overflow: hidden !important;
color: #0f172a !important;
text-align: left !important;
}
.kart-ust-bar {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
background: rgba(var(--ana-renk-3-rgb), 0.05) !important;
padding: 16px 24px !important;
border-bottom: 1px solid rgba(var(--ana-renk-3-rgb), 0.2) !important;
}
.kart-ust-bar .noktalar {
display: flex !important;
gap: 6px !important;
}
.noktalar span {
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
}
.nokta-kirmizi { background-color: #ff5f56 !important; }
.nokta-sari { background-color: #ffbd2e !important; }
.nokta-yesil { background-color: #27c93f !important; }
.kart-kod {
font-size: 0.65rem !important;
font-family: monospace !important;
color: rgba(var(--ana-renk-3-rgb), 0.75) !important;
letter-spacing: 0.05em !important;
}
.kart-gövde {
padding: 28px !important;
}
.parametre-satir {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
margin-bottom: 16px !important;
font-size: 0.92rem !important;
}
.parametre-ad {
color: #475569 !important;
}
.parametre-deger {
font-weight: 700 !important;
color: #0f172a !important;
}
.parametre-deger.yesil {
color: #27c93f !important;
background: rgba(39, 201, 63, 0.1) !important;
padding: 2px 8px !important;
border-radius: 4px !important;
font-size: 0.8rem !important;
}
.mini-grafik-kapsayici {
margin-top: 24px !important;
border-top: 1px solid rgba(var(--ana-renk-3-rgb), 0.2) !important;
padding-top: 18px !important;
}
.grafik-baslik {
font-size: 0.78rem !important;
color: #475569 !important;
display: block !important;
margin-bottom: 12px !important;
}
.mini-grafik {
display: flex !important;
align-items: flex-end !important;
justify-content: space-between !important;
height: 60px !important;
}
.grafik-bar {
width: 16% !important;
background: linear-gradient(to top, var(--tema-renk, #ef5b25), #ff8c5a) !important;
border-radius: 4px 4px 0 0 !important;
transition: height 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.hakkimizda-istatistik-modern {
margin: 120px 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 40px !important;
}
.istatistik-ust-bilgi {
text-align: center !important;
}
.istatistik-mini-badge {
font-size: 0.72rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.15em !important;
color: #146eb4 !important;
padding: 5px 12px !important;
background: rgba(20, 110, 180, 0.08) !important;
border-radius: 50px !important;
display: inline-block !important;
}
.istatistik-baslik {
font-size: 1.8rem !important;
font-weight: 800 !important;
color: #1a202c !important;
margin: 10px 0 0 0 !important;
letter-spacing: -0.02em !important;
}
.istatistik-izgara {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 30px !important;
}
@media (min-width: 993px) {
.istatistik-izgara {
padding-bottom: 40px !important;
}
.istatistik-kart-yeni:nth-child(even) {
margin-top: 40px !important;
}
}
.istatistik-kart-yeni {
position: relative !important;
background: #ffffff !important;
border: 1px solid rgba(226, 232, 240, 0.8) !important;
border-radius: 24px !important;
padding: 35px 28px !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.istatistik-kart-yeni:hover {
transform: translateY(-6px) !important;
border-color: transparent !important;
}
.istatistik-kart-yeni:nth-child(1):hover {
box-shadow: 0 20px 40px rgba(239, 91, 37, 0.08) !important;
background: linear-gradient(185deg, #ffffff, rgba(239, 91, 37, 0.01)) !important;
}
.istatistik-kart-yeni:nth-child(2):hover {
box-shadow: 0 20px 40px rgba(20, 110, 180, 0.08) !important;
background: linear-gradient(185deg, #ffffff, rgba(20, 110, 180, 0.01)) !important;
}
.istatistik-kart-yeni:nth-child(3):hover {
box-shadow: 0 20px 40px rgba(239, 91, 37, 0.08) !important;
background: linear-gradient(185deg, #ffffff, rgba(239, 91, 37, 0.01)) !important;
}
.istatistik-kart-yeni:nth-child(4):hover {
box-shadow: 0 20px 40px rgba(46, 204, 113, 0.08) !important;
background: linear-gradient(185deg, #ffffff, rgba(46, 204, 113, 0.01)) !important;
}
.istatistik-ikon-kapsayici {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 54px !important;
height: 54px !important;
border-radius: 16px !important;
margin-bottom: 22px !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.istatistik-ikon {
width: 24px !important;
height: 24px !important;
stroke-width: 2px !important;
transition: transform 0.3s ease !important;
}
.istatistik-ikon-kapsayici.turuncu {
background: rgba(239, 91, 37, 0.08) !important;
color: #ef5b25 !important;
}
.istatistik-ikon-kapsayici.mavi {
background: rgba(20, 110, 180, 0.08) !important;
color: #146eb4 !important;
}
.istatistik-ikon-kapsayici.yesil {
background: rgba(46, 204, 113, 0.08) !important;
color: #2ecc71 !important;
}
.istatistik-kart-yeni:hover .istatistik-ikon-kapsayici {
transform: scale(1.08) !important;
}
.istatistik-kart-yeni:nth-child(1):hover .istatistik-ikon-kapsayici,
.istatistik-kart-yeni:nth-child(3):hover .istatistik-ikon-kapsayici {
background: #ef5b25 !important;
color: #ffffff !important;
}
.istatistik-kart-yeni:nth-child(2):hover .istatistik-ikon-kapsayici {
background: #146eb4 !important;
color: #ffffff !important;
}
.istatistik-kart-yeni:nth-child(4):hover .istatistik-ikon-kapsayici {
background: #2ecc71 !important;
color: #ffffff !important;
}
.kart-detay {
width: 100% !important;
text-align: left !important;
}
.sayi-yeni {
font-size: 2.8rem !important;
font-weight: 800 !important;
line-height: 1.1 !important;
margin-bottom: 12px !important;
display: block !important;
letter-spacing: -0.03em !important;
background: linear-gradient(135deg, #0f172a 40%, #334155 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.etiket-yeni {
font-size: 1.05rem !important;
font-weight: 700 !important;
color: #1a202c !important;
margin: 0 0 8px 0 !important;
}
.aciklama-yeni {
font-size: 0.88rem !important;
line-height: 1.6 !important;
color: #5a6578 !important;
margin: 0 !important;
}
.hakkimizda-tarihce {
margin-bottom: 120px !important;
text-align: center !important;
}
.bolum-basligi {
margin-bottom: 50px !important;
text-align: center !important;
}
.bolum-badge {
font-size: 0.75rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.15em !important;
color: #146eb4 !important;
padding: 6px 14px !important;
background: rgba(20, 110, 180, 0.08) !important;
border-radius: 50px !important;
display: inline-block !important;
margin-bottom: 12px !important;
@media(max-width:890px){
font-size: 0.6rem !important;
margin-bottom: 3px !important;
}
}
.bolum-ana-baslik {
font-size: 2.2rem !important;
font-weight: 800 !important;
color: #1a202c !important;
margin: 0 !important;
@media(max-width:890px){
font-size: 1.8rem !important;
}
@media(max-width:768px){
font-size: 1.4rem !important;
}
}
.zaman-tuneli {
position: relative !important;
padding: 40px 0 !important;
}
.zaman-duragi {
display: grid !important;
grid-template-columns: 1fr 50px 1fr !important;
gap: 0 !important;
align-items: flex-start !important;
}
.durak-sol {
text-align: right !important;
padding-right: 40px !important;
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
height: 80px !important;
}
.durak-yil {
font-size: 2.4rem !important;
font-weight: 900 !important;
color: #1a202c !important;
opacity: 0.15 !important;
transition: all 0.3s ease !important;
line-height: 1 !important;
}
.durak-orta {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
position: relative !important;
height: 100% !important;
}
.durak-cizgi {
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
width: 2px !important;
background: #e2e8f0 !important;
}
.durak-halka {
width: 14px !important;
height: 14px !important;
border-radius: 50% !important;
background: #ffffff !important;
border: 4px solid #cbd5e0 !important;
z-index: 2 !important;
transition: all 0.3s ease !important;
margin-top: 33px !important;
}
.durak-sag {
text-align: left !important;
padding-left: 40px !important;
padding-bottom: 50px !important;
}
.durak-baslik {
font-size: 1.25rem !important;
font-weight: 700 !important;
color: #1a202c !important;
margin: 0 0 8px 0 !important;
}
.durak-metin {
font-size: 0.92rem !important;
line-height: 1.65 !important;
color: #4a5568 !important;
margin: 0 !important;
max-width: 500px !important;
}
.zaman-duragi:hover .durak-yil {
opacity: 1 !important;
transform: scale(1.05) !important;
}
.zaman-duragi:hover .durak-halka {
border-color: var(--tema-renk, #ef5b25) !important;
box-shadow: 0 0 10px rgba(239, 91, 37, 0.4) !important;
}
.zaman-duragi:nth-child(even):hover .durak-yil {
color: #146eb4 !important;
}
.zaman-duragi:nth-child(even):hover .durak-halka {
border-color: #146eb4 !important;
box-shadow: 0 0 10px rgba(20, 110, 180, 0.4) !important;
}
.zaman-duragi:nth-child(odd):hover .durak-yil {
color: var(--tema-renk, #ef5b25) !important;
}
.hakkimizda-mv {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
margin-bottom: 120px !important;
}
.mv-kart-modern {
background: #ffffff !important;
border: 1px solid #edf2f7 !important;
border-radius: 16px !important;
padding: 40px 30px !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.01) !important;
text-align: left !important;
transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.mv-kart-modern:hover {
transform: translateY(-4px) !important;
border-color: rgba(20, 110, 180, 0.15) !important;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04) !important;
}
.mv-kart-ikon {
width: 48px;
height: 48px;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 10px !important;
margin-bottom: 24px !important;
}
.mv-kart-ikon.yesil {
background: rgba(46, 204, 113, 0.1) !important;
color: #2ecc71 !important;
}
.mv-kart-ikon.mavi {
background: rgba(20, 110, 180, 0.1) !important;
color: #146eb4 !important;
}
.mv-kart-ikon.turuncu {
background: rgba(239, 91, 37, 0.1) !important;
color: #ef5b25 !important;
}
.mv-kart-baslik {
font-size: 1.25rem !important;
font-weight: 700 !important;
color: #1a202c !important;
margin-bottom: 12px !important;
}
.mv-kart-metin {
font-size: 0.9rem !important;
line-height: 1.65 !important;
color: #4a5568 !important;
margin: 0 !important;
}
.hakkimizda-neden-biz {
display: grid !important;
grid-template-columns: 1fr 1.1fr !important;
gap: 60px !important;
margin-bottom: 120px !important;
align-items: center !important;
}
.neden-biz-sol {
text-align: left !important;
}
.neden-biz-ana-baslik {
font-size: 2.2rem !important;
line-height: 1.25 !important;
font-weight: 800 !important;
color: #1a202c !important;
margin: 12px 0 18px 0 !important;
}
.neden-biz-aciklama {
font-size: 1rem !important;
line-height: 1.65 !important;
color: #4a5568 !important;
margin: 0 !important;
}
.neden-biz-sag {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
text-align: left !important;
}
.neden-ozellik-kart {
display: flex !important;
gap: 24px !important;
align-items: center !important;
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: 20px !important;
padding: 24px 28px !important;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.01) !important;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s, box-shadow 0.3s !important;
}
.neden-ozellik-kart:hover {
transform: translateY(-4px) !important;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.03) !important;
border-color: rgba(20, 110, 180, 0.2) !important;
}
.ozellik-ikon-kapsayici {
position: relative !important;
width: 60px !important;
height: 60px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 16px !important;
flex-shrink: 0 !important;
transition: transform 0.3s ease !important;
}
.neden-ozellik-kart:hover .ozellik-ikon-kapsayici {
transform: scale(1.05) !important;
}
.ozellik-ikon-kapsayici.turuncu {
background: rgba(239, 91, 37, 0.08) !important;
color: #ef5b25 !important;
}
.ozellik-ikon-kapsayici.mavi {
background: rgba(20, 110, 180, 0.08) !important;
color: #146eb4 !important;
}
.ozellik-ikon-kapsayici.yesil {
background: rgba(46, 204, 113, 0.08) !important;
color: #2ecc71 !important;
}
.ozellik-sira {
position: absolute !important;
right: -6px !important;
bottom: -6px !important;
background: #111a24 !important;
color: #ffffff !important;
font-size: 0.72rem !important;
font-weight: 800 !important;
width: 20px !important;
height: 20px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border: 2px solid #ffffff !important;
}
.ozellik-metin-grubu h4 {
font-size: 1.1rem !important;
font-weight: 700 !important;
color: #1a202c !important;
margin: 0 0 6px 0 !important;
}
.ozellik-metin-grubu p {
font-size: 0.9rem !important;
line-height: 1.55 !important;
color: #5a6578 !important;
margin: 0 !important;
}
.hakkimizda-cta {
margin-bottom: 40px !important;
}
.cta-kutu {
background: rgba(var(--ana-renk-3-rgb), 0.05) !important;
border-radius: 24px !important;
padding: 50px 60px !important;
display: grid !important;
grid-template-columns: 1.35fr 0.65fr !important;
align-items: center !important;
gap: 40px !important;
color: #1a202c !important;
box-shadow: 0 15px 35px rgba(var(--ana-renk-3-rgb), 0.04) !important;
text-align: left !important;
position: relative !important;
overflow: hidden !important;
border: 1px solid rgba(var(--ana-renk-3-rgb), 0.15) !important;
}
.cta-kutu::after {
content: '' !important;
position: absolute !important;
right: -100px !important;
bottom: -100px !important;
width: 300px !important;
height: 300px !important;
background: radial-gradient(circle, rgba(var(--ana-renk-3-rgb), 0.12) 0%, transparent 70%) !important;
pointer-events: none !important;
z-index: 1 !important;
}
.cta-sol {
position: relative !important;
z-index: 2 !important;
}
.cta-mini-etiket {
font-size: 0.72rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.15em !important;
color: var(--ana-renk-3) !important;
background: rgba(var(--ana-renk-3-rgb), 0.1) !important;
padding: 5px 12px !important;
border-radius: 50px !important;
display: inline-block !important;
margin-bottom: 16px !important;
}
.cta-sol h3 {
font-size: 2rem !important;
font-weight: 800 !important;
color: #1a202c !important;
margin: 0 0 12px 0 !important;
line-height: 1.3 !important;
letter-spacing: -0.01em !important;
}
.cta-sol h3 .vurgu-renk {
color: var(--ana-renk-3) !important;
font-weight: 800 !important;
}
.cta-sol p {
font-size: 0.95rem !important;
line-height: 1.6 !important;
color: #4a5568 !important;
margin: 0 !important;
}
.cta-sag {
text-align: right !important;
position: relative !important;
z-index: 2 !important;
}
.cta-buton {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
padding: 16px 36px !important;
background: var(--ana-renk-3) !important;
color: #ffffff !important;
font-weight: 700 !important;
font-size: 0.98rem !important;
border-radius: 50px !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
box-shadow: 0 8px 20px rgba(var(--ana-renk-3-rgb), 0.2) !important;
}
.cta-buton .buton-ok {
transition: transform 0.3s ease !important;
}
.cta-buton:hover {
background: #111a24 !important;
color: #ffffff !important;
transform: translateY(-3px) !important;
box-shadow: 0 8px 25px rgba(17, 26, 36, 0.25) !important;
}
.cta-buton:hover .buton-ok {
transform: translateX(4px) !important;
}
.cta-buton:hover .buton-ok {
transform: translateX(4px) !important;
}
@media (max-width: 992px) {
.hakkimizda-tanitim {
grid-template-columns: 1fr !important;
gap: 40px !important;
}
.istatistik-izgara {
grid-template-columns: repeat(2, 1fr) !important;
}
.hakkimizda-mv {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
.hakkimizda-neden-biz {
grid-template-columns: 1fr !important;
gap: 40px !important;
}
.cta-kutu {
grid-template-columns: 1fr !important;
text-align: center !important;
padding: 40px !important;
}
.cta-sag {
text-align: center !important;
}
}
@media (max-width: 768px) {
.hakkimizda-baslik {
font-size: 2.2rem !important;
}
.tanitim-baslik {
font-size: 2.2rem !important;
}
.bolum-ana-baslik {
font-size: 1.4rem !important;
}
.neden-biz-ana-baslik {
font-size: 1.8rem !important;
}
.cta-sol h3 {
font-size: 1.5rem !important;
}
.zaman-tuneli {
padding-left: 20px !important;
padding-right: 0 !important;
}
.zaman-duragi {
grid-template-columns: 1fr !important;
gap: 0 !important;
}
.durak-sol {
text-align: left !important;
padding-right: 0 !important;
padding-left: 30px !important;
justify-content: flex-start !important;
height: auto !important;
margin-bottom: 8px !important;
}
.durak-orta {
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 30px !important;
height: auto !important;
}
.durak-cizgi {
left: 14px !important;
}
.durak-halka {
margin-top: 8px !important;
left: 8px !important;
position: absolute !important;
}
.durak-sag {
padding-left: 30px !important;
padding-bottom: 40px !important;
}
}
@media (max-width: 576px) {
.istatistik-izgara {
grid-template-columns: 1fr !important;
}
.istatistik-kart-yeni {
padding: 24px 20px !important;
}
}
.thermovix-toggle-password-btn {
background-color: var(--arkaplan-renk) !important;
color: var(--ana-renk-1) !important; 
border: none !important;
padding: 10px 18px !important;
border-radius: 6px !important;
font-weight: 500 !important;
font-size: 0.9rem !important;
transition: all 0.3s ease !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 20px 0 !important;
cursor: pointer !important;
}
.thermovix-toggle-password-btn:hover {
background-color: var(--ana-renk-1) !important;
color: var(--beyaz) !important;
}
.thermovix-toggle-password-btn.active {
background-color: var(--ana-renk-3) !important;
color: var(--beyaz) !important;
}
.thermovix-toggle-password-btn.active:hover {
background-color: var(--ana-renk-3) !important;
color: var(--beyaz) !important;
}
.woocommerce-EditAccountForm fieldset.thermovix-password-fieldset {
border: 1px solid var(--border-renk) !important;
padding: 24px !important;
border-radius: 8px !important;
background-color: #fbfbfb !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}
.woocommerce-EditAccountForm fieldset.thermovix-password-fieldset legend {
padding: 4px 14px !important;
font-weight: 600 !important;
font-size: 0.88rem !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
background-color: #fbfbfb !important; 
color: var(--yazi-baslik-renk) !important;
border-radius: 6px !important;
border: 1px solid var(--border-renk) !important;
}
.woocommerce-address-fields__field-wrapper {
border: 1px solid var(--border-renk) !important;
border-radius: 12px !important;
padding: 30px !important;
background-color: var(--beyaz) !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
box-sizing: border-box !important;
}
.yardim-sayfa-tasarimi {
padding: 0 0 60px !important;
font-family: 'Jost', sans-serif !important;
}
.yardim-kapsayici {
max-width: 1100px !important;
margin: 0 auto !important;
padding: 0 20px !important;
}
.yardim-mini-badge {
background-color: var(--ana-renk-3-bg) !important;
color: var(--ana-renk-3) !important;
font-size: 0.8rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
padding: 6px 16px !important;
border-radius: 50px !important;
display: inline-block !important;
margin-bottom: 16px !important;
}
.yardim-alt-metin {
font-size: 1.1rem !important;
color: var(--alt-aciklama-renk) !important;
max-width: 600px !important;
margin: 10px auto 40px auto !important;
line-height: 1.5 !important;
}
.yardim-sss-bolumu,
.yardim-destek-bolumu {
margin-bottom: 60px !important;
margin-top: 60px;
}
.section-title {
font-size: 1.5rem !important;
font-weight: 800 !important;
color: var(--yazi-baslik-renk) !important;
margin-bottom: 15px !important;
}
.destek-alt-baslik {
font-size: 1.05rem !important;
color: var(--alt-aciklama-renk) !important;
margin-bottom: 40px !important;
}
.sss-kapsayici {
background: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 12px !important;
overflow: hidden !important;
}
.sss-oge {
border-bottom: 1px solid var(--border-renk) !important;
}
.sss-oge:last-child {
border-bottom: none !important;
}
.sss-baslik {
padding: 22px 28px !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
cursor: pointer !important;
background-color: var(--beyaz) !important;
transition: background-color 0.2s ease !important;
}
.sss-baslik:hover {
background-color: #fafbfc !important;
}
.sss-baslik h3 {
font-size: 1.08rem !important;
font-weight: 600 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 !important;
line-height: 1.4 !important;
}
.sss-ikon {
color: var(--alt-aciklama-renk) !important;
transition: transform 0.3s ease !important;
display: flex !important;
align-items: center !important;
}
.sss-oge.active .sss-ikon {
transform: rotate(180deg) !important;
color: var(--ana-renk-1) !important;
}
.sss-icerik {
display: none;
background-color: var(--beyaz) !important;
}
.sss-icerik-ic {
padding: 0 28px 22px 28px !important;
}
.sss-icerik p {
font-size: 0.95rem !important;
line-height: 1.6 !important;
color: var(--alt-aciklama-renk) !important;
margin: 0 !important;
}
.destek-izgara {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
}
.destek-kart {
background: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 12px !important;
padding: 35px 25px !important;
text-align: center !important;
transition: transform 0.3s ease, border-color 0.3s ease !important;
}
.destek-kart:hover {
transform: translateY(-5px) !important;
border-color: var(--ana-renk-1) !important;
}
.destek-kart h3 {
font-size: 1.25rem !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin: 20px 0 10px 0 !important;
}
.destek-kart p {
font-size: 0.92rem !important;
color: var(--alt-aciklama-renk) !important;
line-height: 1.5 !important;
margin-bottom: 20px !important;
}
.destek-link {
display: inline-block !important;
color: var(--ana-renk-1) !important;
font-weight: 700 !important;
font-size: 1.05rem !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
.destek-link:hover {
color: var(--ana-renk-2) !important;
}
.destek-ikon-kapsayici {
width: 60px !important;
height: 60px !important;
border-radius: 50% !important;
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
margin-bottom: 10px !important;
}
.destek-ikon-kapsayici.turuncu {
background-color: var(--ana-renk-3-bg) !important;
color: var(--ana-renk-3) !important;
}
.destek-ikon-kapsayici.mavi {
background-color: rgba(0, 139, 242, 0.05) !important;
color: var(--ana-renk-1) !important;
}
.destek-ikon-kapsayici.yesil {
background-color: rgba(40, 167, 69, 0.05) !important;
color: #28a745 !important;
}
@media (max-width: 992px) {
.destek-izgara {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 768px) {
.yardim-sayfa-tasarimi {
padding: 40px 0 !important;
}
.destek-izgara {
grid-template-columns: 1fr !important;
}
.section-title {
font-size: 1.7rem !important;
}
.sss-baslik {
padding: 18px 20px !important;
}
.sss-icerik-ic {
padding: 0 20px 18px 20px !important;
}
}
.siparis-takip-sayfa-tasarimi {
padding: 0 0 60px !important;
font-family: 'Jost', sans-serif !important;
}
.siparis-takip-kapsayici {
max-width: 800px !important;
margin: 0 auto !important;
padding: 0 20px !important;
}
.takip-mini-badge {
background-color: rgba(20, 110, 180, 0.05) !important;
color: var(--ana-renk-1) !important;
font-size: 0.8rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
padding: 6px 16px !important;
border-radius: 50px !important;
display: inline-block !important;
margin-bottom: 16px !important;
}
.takip-alt-metin {
font-size: 1.05rem !important;
color: var(--alt-aciklama-renk) !important;
max-width: 600px !important;
margin: 10px auto 40px auto !important;
line-height: 1.5 !important;
}
.takip-form-kapsayici {
background: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 12px !important;
padding: 40px !important;
box-sizing: border-box !important;
margin-bottom: 30px !important;
margin-top: 40px;
}
.takip-form-kapsayici form.track_order {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.takip-form-kapsayici form.track_order p {
margin: 0 !important;
}
.takip-form-kapsayici form.track_order p:not(.form-row) {
font-size: 0.95rem !important;
color: var(--alt-aciklama-renk) !important;
line-height: 1.5 !important;
}
.takip-form-kapsayici form.track_order .form-row {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
width: 100% !important;
float: none !important;
}
.takip-form-kapsayici form.track_order .form-row label {
font-size: 0.92rem !important;
font-weight: 600 !important;
color: var(--yazi-baslik-renk) !important;
}
.takip-form-kapsayici form.track_order .form-row input.input-text {
width: 100% !important;
height: 48px !important;
border: 1px solid var(--border-renk) !important;
border-radius: 8px !important;
padding: 10px 16px !important;
font-size: 0.95rem !important;
font-family: inherit !important;
color: var(--yazi-baslik-renk) !important;
background-color: var(--beyaz) !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
box-sizing: border-box !important;
}
.takip-form-kapsayici form.track_order .form-row input.input-text:focus {
border-color: var(--ana-renk-1) !important;
outline: none !important;
}
.takip-form-kapsayici form.track_order .form-row button.button {
height: 48px !important;
background-color: var(--ana-renk-1) !important;
color: var(--beyaz) !important;
border: none !important;
border-radius: 8px !important;
font-size: 1rem !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: background-color 0.2s ease !important;
width: 100% !important;
margin-top: 10px !important;
}
.takip-form-kapsayici form.track_order .form-row button.button:hover {
background-color: var(--ana-renk-2) !important;
}
.takip-yardim-bilgi p {
font-size: 0.95rem !important;
color: var(--alt-aciklama-renk) !important;
}
.takip-yardim-bilgi a {
color: var(--ana-renk-1) !important;
font-weight: 600 !important;
text-decoration: none !important;
}
.takip-yardim-bilgi a:hover {
color: var(--ana-renk-2) !important;
}
@media (max-width: 768px) {
.takip-form-kapsayici {
padding: 25px 20px !important;
}
}
.anasayfa-tanitim-ozellikler {
padding: 100px 0 !important;
background-color: var(--beyaz) !important;
font-family: 'Jost', sans-serif !important;
}
.tanitim-ozellik-izgara {
display: grid !important;
grid-template-columns: 1.1fr 2fr !important;
gap: 80px !important;
align-items: center !important;
@media(max-width:1024px){
gap: 0 !important;
}
}
.tanitim-sol-alan {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
@media(max-width:1024px){
width: 100%;
.tanitim-link-grubu{
display: none;
}
}
}
.tanitim-ust-badge {
background-color: rgba(20, 110, 180, 0.05) !important;
color: var(--ana-renk-1) !important;
font-size: 0.8rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
padding: 6px 16px !important;
border-radius: 50px !important;
margin-bottom: 10px !important;
display: inline-block !important;
}
.tanitim-büyük-baslik {
font-size: 2.8rem !important;
font-weight: 900 !important;
color: var(--yazi-baslik-renk) !important;
line-height: 1.1 !important;
margin: 0 0 40px 0 !important;
}
.tanitim-paragraf {
font-size: 1.05rem !important;
color: var(--alt-aciklama-renk) !important;
line-height: 1.65 !important;
margin: 0 0 30px 0 !important;
}
.tanitim-incele-link {
font-size: 1rem !important;
font-weight: 700 !important;
color: var(--ana-renk-1) !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
transition: color 0.2s ease, gap 0.2s ease !important;
}
.tanitim-incele-link svg {
transition: transform 0.2s ease !important;
}
.tanitim-incele-link:hover {
color: var(--ana-renk-2) !important;
gap: 12px !important;
}
.tanitim-incele-link:hover svg {
transform: translateX(2px) !important;
}
.tanitim-kartlar-izgara {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 30px !important;
}
.editoryal-ozellik-kart {
background-color: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 16px !important;
padding: 40px 30px !important;
position: relative !important;
transition: transform 0.3s ease, border-color 0.3s ease !important;
box-sizing: border-box !important;
}
.kart-sayac {
position: absolute !important;
top: 30px !important;
right: 30px !important;
font-size: 1.6rem !important;
font-weight: 800 !important;
color: rgba(15, 23, 42, 0.07) !important;
user-select: none !important;
}
.kart-ikon {
width: 48px !important;
height: 48px !important;
border-radius: 12px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin-bottom: 24px !important;
}
.kart-ikon.turuncu {
background-color: var(--ana-renk-3-bg) !important;
color: var(--ana-renk-3) !important;
}
.kart-ikon.mavi {
background-color: rgba(0, 139, 242, 0.05) !important;
color: var(--ana-renk-1) !important;
}
.kart-ikon.yesil {
background-color: rgba(40, 167, 69, 0.05) !important;
color: #28a745 !important;
}
.kart-ikon.lacivert {
background-color: rgba(30, 41, 59, 0.05) !important;
color: #1e293b !important;
}
.editoryal-ozellik-kart h3 {
font-size: 1.15rem !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 0 10px 0 !important;
}
.editoryal-ozellik-kart p {
font-size: 0.92rem !important;
color: var(--alt-aciklama-renk) !important;
line-height: 1.55 !important;
margin: 0 !important;
}
@media (max-width: 1200px) {
.tanitim-ozellik-izgara {
gap: 40px !important;
}
.tanitim-büyük-baslik {
font-size: 2.4rem !important;
}
}
@media (max-width: 1024px) {
.tanitim-ozellik-izgara {
grid-template-columns: 1fr !important;
gap: 0 !important;
}
.tanitim-sol-alan {
align-items: center !important;
text-align: center !important;
}
}
@media (max-width: 640px) {
.anasayfa-tanitim-ozellikler {
padding: 0 !important;
}
.tanitim-kartlar-izgara {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
.tanitim-büyük-baslik {
font-size: 1.7rem !important;
text-wrap: balance !important;
}
.editoryal-ozellik-kart {
padding: 30px 20px !important;
}
}
.hizli-ozellikler-seridi {
position: relative !important;
z-index: 20 !important;
margin-top: -35px !important;
padding: 0 !important;
font-family: 'Jost', sans-serif !important;
@media(max-width:768px){
margin-top: 0 !important;
}
}
.serit-kapsayici {
background-color: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 24px 24px 0 0 !important;
padding: 24px 40px !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 0 !important;
box-sizing: border-box !important;
@media(max-width:768px){
width: calc(100% + 24px);
margin-inline: -12px;
padding-inline: 12px;
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
scroll-snap-type: x mandatory;
border-radius: 0 !important;
}
}
.serit-madde {
display: flex !important;
align-items: center !important;
gap: 16px !important;
flex: 1 !important;
padding: 0 20px !important;
box-sizing: border-box !important;
@media(max-width:768px){
scroll-snap-align: center;
width: max-content;
flex-shrink: 0;
flex: none !important;
}
}
.serit-madde:not(:last-child) {
border-right: 1px solid var(--border-renk) !important;
@media(max-width:768px){
border-right: 0 !important;
}
}
.serit-ikon-cember {
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
flex-shrink: 0 !important;
}
.serit-madde:nth-child(1) .serit-ikon-cember {
background-color: var(--ana-renk-3-bg) !important;
color: var(--ana-renk-3) !important;
}
.serit-madde:nth-child(2) .serit-ikon-cember {
background-color: rgba(0, 139, 242, 0.06) !important;
color: var(--ana-renk-1) !important;
}
.serit-madde:nth-child(3) .serit-ikon-cember {
background-color: rgba(40, 167, 69, 0.06) !important;
color: #28a745 !important;
}
.serit-madde:nth-child(4) .serit-ikon-cember {
background-color: rgba(30, 41, 59, 0.06) !important;
color: #1e293b !important;
}
.serit-icerik {
display: flex !important;
flex-direction: column !important;
}
.serit-baslik {
font-size: 0.95rem !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
line-height: 1.2 !important;
}
.serit-alt {
font-size: 0.78rem !important;
font-weight: 500 !important;
color: var(--alt-aciklama-renk) !important;
line-height: 1.2 !important;
margin-top: 2px !important;
}
@media (max-width: 1200px) {
.serit-kapsayici {
padding: 16px 20px !important;
}
.serit-madde {
padding: 0 10px !important;
gap: 12px !important;
}
}
@media(max-width:768px){
.serit-madde {
padding: 0 25px 0 0 !important;
}
}
.anasayfa-urun-slider-bolumu {
padding: 50px 0 !important;
background-color: var(--beyaz) !important;
font-family: 'Jost', sans-serif !important;
}
.slider-ust-satir {
display: flex !important;
justify-content: space-between !important;
align-items: flex-end !important;
margin-bottom: 40px !important;
}
.slider-baslik-sol {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}
.slider-navigasyon-sag {
display: flex !important;
gap: 12px !important;
}
.urun-swiper-prev,
.urun-swiper-next {
width: 46px !important;
height: 46px !important;
border-radius: 50% !important;
border: 1px solid var(--border-renk) !important;
background-color: var(--beyaz) !important;
color: var(--yazi-baslik-renk) !important;
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
cursor: pointer !important;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
padding: 0 !important;
}
.urun-swiper-prev.swiper-button-disabled,
.urun-swiper-next.swiper-button-disabled {
opacity: 0.3 !important;
pointer-events: none !important;
&.swiper-button-lock{
opacity: 0 !important;
}
}
.urun-swiper-prev:hover,
.urun-swiper-next:hover {
background-color: var(--ana-renk-1) !important;
border-color: var(--ana-renk-1) !important;
color: var(--beyaz) !important;
}
.urun-kategori-slider-yeni {
width: 100% !important;
overflow: hidden !important;
padding: 10px 0 !important;
@media(max-width:768px){
overflow: visible !important;
}
}
.urun-kategori-slider-yeni .swiper-wrapper {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
display: flex !important;
}
.urun-slide-kart {
flex-shrink: 0 !important;
box-sizing: border-box !important;
height: auto !important;
}
.urun-slide-kart li.product {
width: 100% !important;
margin: 0 !important;
float: none !important;
list-style: none !important;
box-sizing: border-box !important;
}
.urun-slide-kart ul.products {
display: block !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
width: 100% !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.no-products-slide {
width: 100% !important;
text-align: center !important;
padding: 40px 0 !important;
color: var(--alt-aciklama-renk) !important;
}
@media (max-width: 768px) {
.anasayfa-urun-slider-bolumu {
padding: 60px 0 30px !important;
overflow: hidden !important;
}
.slider-ust-satir {
margin-bottom: 15px !important;
}
.urun-swiper-prev,
.urun-swiper-next {
width: 40px !important;
height: 40px !important;
}
}
.anasayfa-firsat-alani {
padding: 20px 0 !important;
background-color: var(--beyaz) !important;
font-family: 'Jost', sans-serif !important;
}
.firsat-cerceve {
border: 1px solid rgba(var(--ana-renk-1-rgb), 0.15) !important;
border-radius: 24px !important;
padding: 24px 30px !important;
background-color: rgba(var(--ana-renk-1-rgb), 0.06) !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 24px !important;
}
.firsat-baslik-kapsayici {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
flex-shrink: 0 !important;
}
.firsat-badge {
background-color: var(--ana-renk-3) !important;
color: var(--beyaz) !important;
font-size: 0.65rem !important;
font-weight: 700 !important;
padding: 4px 10px !important;
border-radius: 6px !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
line-height: 1.2 !important;
margin-bottom: 6px !important;
}
.firsat-ana-baslik {
font-size: 1.15rem !important;
font-weight: 800 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 !important;
}
.firsat-urun-grup {
display: flex !important;
align-items: center !important;
gap: 12px !important;
flex: 1 !important;
justify-content: center !important;
box-sizing: border-box !important;
}
.firsat-urun-kart-mini {
display: flex !important;
align-items: center !important;
gap: 14px !important;
flex: 1 !important;
max-width: 290px !important;
background-color: var(--beyaz) !important;
border: 1px solid var(--ana-renk-1) !important;
border-radius: 16px !important;
padding: 10px 16px !important;
box-sizing: border-box !important;
text-decoration: none !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.firsat-urun-kart-mini:hover {
border-color: var(--ana-renk-3) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03) !important;
}
.firsat-urun-gorsel-kutu {
width: 56px !important;
height: 56px !important;
border-radius: 8px !important;
overflow: hidden !important;
background-color: #fafbfc !important;
border: 1px solid var(--border-renk) !important;
flex-shrink: 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.firsat-urun-gorsel {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.firsat-urun-detay {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.firsat-urun-baslik {
font-size: 0.85rem !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 0 3px 0 !important;
line-height: 1.3 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
max-height: 2.6em !important;
}
.firsat-urun-fiyat-html {
font-size: 0.9rem !important;
font-weight: 700 !important;
color: var(--ana-renk-1) !important;
}
.firsat-urun-fiyat-html del {
font-size: 0.78rem !important;
color: var(--alt-aciklama-renk) !important;
margin-right: 6px !important;
text-decoration: line-through !important;
display: inline-block !important;
}
.firsat-urun-fiyat-html ins {
text-decoration: none !important;
font-weight: 700 !important;
color: var(--ana-renk-3) !important;
display: inline-block !important;
}
.firsat-urun-fiyat-html .amount {
color: inherit !important;
}
.firsat-urun-fiyat-html ins .amount {
color: var(--ana-renk-3) !important;
}
.firsat-baglanti-arti {
color: #9ca3af !important;
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
font-size: 1.5rem !important;
font-weight: 300 !important;
flex-shrink: 0 !important;
width: auto !important;
height: auto !important;
}
.firsat-aksiyon-alani {
display: flex !important;
align-items: center !important;
gap: 24px !important;
flex-shrink: 0 !important;
}
.firsat-aksiyon-alani .added_to_cart {
display: none !important;
}
.firsat-toplam-fiyat-kutu {
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
}
.toplam-etiket {
font-size: 0.72rem !important;
font-weight: 600 !important;
color: var(--alt-aciklama-renk) !important;
text-transform: uppercase !important;
letter-spacing: 0.02em !important;
}
.toplam-fiyat {
font-size: 1.35rem !important;
font-weight: 800 !important;
color: var(--yazi-baslik-renk) !important;
margin-top: 2px !important;
}
.firsat-sepet-buton {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
background-color: var(--ana-renk-1) !important;
color: var(--beyaz) !important;
padding: 12px 28px !important;
border-radius: 30px !important;
font-size: 0.85rem !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: background-color 0.2s ease, transform 0.2s ease !important;
}
.firsat-sepet-buton:hover {
background-color: var(--ana-renk-3) !important;
}
.firsat-sepet-buton svg {
transition: transform 0.2s ease !important;
}
.firsat-sepet-buton:hover svg {
transform: scale(1.08) !important;
}
@media (max-width: 1024px) {
.firsat-cerceve {
flex-direction: column !important;
align-items: stretch !important;
padding: 24px !important;
gap: 16px !important;
}
.firsat-baslik-kapsayici {
align-items: center !important;
text-align: center !important;
}
.firsat-urun-grup {
flex-direction: row !important;
justify-content: center !important;
}
.firsat-urun-kart-mini {
max-width: 250px !important;
}
.firsat-baglanti-arti {
margin: 0 4px !important;
transform: none !important;
}
.firsat-aksiyon-alani {
flex-direction: column !important;
align-items: center !important;
gap: 16px !important;
}
.firsat-toplam-fiyat-kutu {
align-items: center !important;
}
}
@media (max-width: 768px) {
.firsat-cerceve {
padding: 20px 16px !important;
}
.firsat-urun-grup {
flex-direction: column !important;
gap: 0 !important;
}
.firsat-baglanti-arti {
transform: rotate(90deg) !important;
}
.firsat-urun-kart-mini {
max-width: 100% !important;
width: 100% !important;
}
}
.firsat-urun-detay{
.thermovix-fiyat-indirim-etiketi{
display: none;
}
}
.anasayfa-vitrin-bannerler {
padding: 60px 0 !important;
background-color: var(--beyaz) !important;
}
.vitrin-izgara {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 30px !important;
box-sizing: border-box !important;
}
.vitrin-kart {
position: relative !important;
border-radius: 24px !important;
padding: 50px 40px !important;
box-sizing: border-box !important;
overflow: hidden !important;
border: 1px solid var(--border-renk) !important;
transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
min-height: 280px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.vitrin-kart.ev-tipi {
background: linear-gradient(135deg, rgba(224, 242, 254, 0.4) 0%, rgba(255, 255, 255, 1) 100%) !important;
border-color: rgba(14, 165, 233, 0.15) !important;
}
.vitrin-kart.ticari-tipi {
background: linear-gradient(135deg, rgba(254, 243, 199, 0.3) 0%, rgba(255, 255, 255, 1) 100%) !important;
border-color: rgba(217, 119, 6, 0.12) !important;
}
.vitrin-kart:hover {
transform: translateY(-5px) !important;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04) !important;
}
.vitrin-kart.ev-tipi:hover {
border-color: var(--ana-renk-1) !important;
}
.vitrin-kart.ticari-tipi:hover {
border-color: var(--ana-renk-3) !important;
}
.vitrin-icerik {
position: relative !important;
z-index: 2 !important;
max-width: 85% !important;
}
.vitrin-badge {
display: inline-block !important;
font-size: 0.72rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
padding: 6px 12px !important;
border-radius: 50px !important;
margin-bottom: 16px !important;
}
.vitrin-kart.ev-tipi .vitrin-badge {
background-color: rgba(14, 165, 233, 0.08) !important;
color: var(--ana-renk-1) !important;
}
.vitrin-kart.ticari-tipi .vitrin-badge {
background-color: rgba(217, 119, 6, 0.08) !important;
color: var(--ana-renk-3) !important;
}
.vitrin-baslik {
font-size: 1.5rem !important;
font-weight: 800 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 0 12px 0 !important;
line-height: 1.3 !important;
}
.vitrin-aciklama {
font-size: 0.92rem !important;
line-height: 1.6 !important;
color: var(--alt-aciklama-renk) !important;
margin: 0 0 24px 0 !important;
}
.vitrin-buton {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 0.88rem !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: gap 0.2s ease !important;
}
.vitrin-kart.ev-tipi .vitrin-buton {
color: var(--ana-renk-1) !important;
}
.vitrin-kart.ticari-tipi .vitrin-buton {
color: var(--ana-renk-3) !important;
}
.vitrin-buton:hover {
gap: 12px !important;
}
@media (max-width: 992px) {
.vitrin-kart {
padding: 40px 30px !important;
min-height: 250px !important;
}
.vitrin-baslik {
font-size: 1.3rem !important;
}
}
@media (max-width: 768px) {
.anasayfa-vitrin-bannerler {
padding: 40px 0 !important;
}
.vitrin-izgara {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
.vitrin-icerik {
max-width: 100% !important;
}
}
.anasayfa-kesif-asistani {
padding: 34px 0 !important; 
transition: padding 0.4s ease !important;
margin-top: -35px;
}
.kesif-kapsayici {
display: flex !important;
flex-direction: column !important;
background-color: var(--beyaz) !important;
border-radius: 0 0 24px 24px !important;
border: 1px solid var(--border-renk) !important;
padding: 24px 35px !important; 
transition: padding 0.4s ease, box-shadow 0.4s ease !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01) !important;
box-sizing: border-box !important;
position: relative !important;
@media(max-width:890px){
padding: 15px !important;
}
}
.anasayfa-kesif-asistani.expanded-state .kesif-kapsayici {
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.03) !important;
}
.kesif-baslik-satiri {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
cursor: pointer !important;
user-select: none !important;
}
.baslik-sol {
display: flex !important;
align-items: center !important;
gap: 20px !important;
}
.baslik-badge-kutu {
flex-shrink: 0 !important;
}
.kesif-badge {
display: inline-block !important;
font-size: 0.72rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
padding: 5px 12px !important;
border-radius: 50px !important;
background-color: rgba(14, 165, 233, 0.08) !important;
color: var(--ana-renk-1) !important;
}
.baslik-metin-grubu {
display: flex !important;
flex-direction: column !important;
gap: 3px !important;
}
.kesif-baslik-minimal {
font-size: 1.15rem !important;
font-weight: 800 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 !important;
line-height: 1.2 !important;
}
.kesif-alt-minimal {
font-size: 0.85rem !important;
color: var(--alt-aciklama-renk) !important;
margin: 0 !important;
@media(max-width:890px){
display: none;
}
}
.baslik-sag {
flex-shrink: 0 !important;
}
.kesif-toggle-btn {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 11px 24px !important;
border-radius: 50px !important;
font-size: 0.85rem !important;
font-weight: 800 !important;
cursor: pointer !important;
outline: none !important;
border: none !important;
position: relative !important;
overflow: hidden !important;
transform: translateY(0) scale(1) !important;
transition: 300ms all !important;
}
.collapsed-state .kesif-toggle-btn::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -80%; 
width: 60% !important;
height: 100% !important;
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.20) 50%,
rgba(255, 255, 255, 0) 100%
) !important;
transform: skewX(-25deg) !important;
animation: btnShine 4s infinite ease-in-out !important;
}
@keyframes btnShine {
0%, 75% {
left: -80%;
}
100% {
left: 80%;
}
}
.collapsed-state .kesif-toggle-btn {
background: linear-gradient(135deg, var(--ana-renk-1) 0%, #0284c7 100%) !important;
color: var(--beyaz) !important;
box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3) !important;
}
.collapsed-state .kesif-toggle-btn:hover {
transform: translateY(-3px) scale(1.03) !important;
box-shadow: 0 8px 22px rgba(14, 165, 233, 0.45) !important;
}
.collapsed-state .kesif-toggle-btn:active {
transform: translateY(-1px) scale(0.97) !important;
box-shadow: 0 4px 12px rgba(14, 165, 233, 0.25) !important;
}
.expanded-state .kesif-toggle-btn {
background-color: var(--ana-renk-3) !important;
color: var(--beyaz) !important;
box-shadow: 0 4px 15px rgba(239, 68, 68, 0.15) !important;
}
.expanded-state .kesif-toggle-btn:hover {
transform: translateY(-3px) scale(1.03) !important;
box-shadow: 0 8px 22px rgba(239, 68, 68, 0.3) !important;
}
.expanded-state .kesif-toggle-btn:active {
transform: translateY(-1px) scale(0.97) !important;
box-shadow: 0 4px 12px rgba(239, 68, 68, 0.15) !important;
}
.toggle-icon {
transition: transform 0.3s ease !important;
}
.kesif-detay-body {
width: 100% !important;
box-sizing: border-box !important;
}
.kesif-body-kapsam {
display: flex !important;
gap: 55px !important;
align-items: center !important;
margin-top: 30px !important;
padding-top: 30px !important;
border-top: 1px solid var(--border-renk) !important;
width: 100% !important;
box-sizing: border-box !important;
}
.kesif-sol {
flex: 1.35 !important;
box-sizing: border-box !important;
}
.kesif-sag {
flex: 1 !important;
box-sizing: border-box !important;
display: flex !important;
justify-content: center !important;
}
.kesif-form-alanlari {
display: flex !important;
flex-direction: column !important;
gap: 25px !important;
}
.kesif-input-grubu {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.kesif-slider-ust {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
.kesif-slider-ust label {
font-size: 0.85rem !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
}
#m2-deger-gosterge {
font-size: 0.9rem !important;
color: var(--ana-renk-1) !important;
}
#m2-deger-gosterge strong {
font-size: 1.15rem !important;
font-weight: 800 !important;
}
.kesif-slider {
-webkit-appearance: none !important;
appearance: none !important;
width: 100% !important;
height: 6px !important;
border-radius: 5px !important;
background: #e2e8f0 !important;
outline: none !important;
margin: 8px 0 !important;
}
.kesif-slider::-webkit-slider-thumb {
-webkit-appearance: none !important;
appearance: none !important;
width: 20px !important;
height: 20px !important;
border-radius: 50% !important;
background: var(--beyaz) !important;
border: 4px solid var(--ana-renk-1) !important;
cursor: pointer !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
transition: transform 0.1s ease !important;
}
.kesif-slider::-webkit-slider-thumb:hover {
transform: scale(1.15) !important;
}
.kesif-input-satir {
display: flex !important;
gap: 20px !important;
}
.kesif-input-grubu.yarim {
flex: 1 !important;
}
.kesif-input-grubu label {
font-size: 0.82rem !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin-bottom: 2px !important;
}
.custom-select-wrapper {
position: relative !important;
width: 100% !important;
user-select: none !important;
}
.custom-select-trigger {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 12px 18px !important;
background-color: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 12px !important;
font-size: 0.88rem !important;
font-weight: 600 !important;
color: var(--yazi-baslik-renk) !important;
cursor: pointer !important;
transition: border-color 0.2s, box-shadow 0.2s !important;
}
.custom-select-wrapper.opened .custom-select-trigger {
border-color: var(--ana-renk-1) !important;
box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.06) !important;
}
.custom-select-trigger svg {
color: #64748b !important;
transition: transform 0.2s ease !important;
}
.custom-select-wrapper.opened .custom-select-trigger svg {
transform: rotate(180deg) !important;
}
.custom-options {
position: absolute !important;
top: 110% !important;
left: 0 !important;
right: 0 !important;
background-color: var(--beyaz) !important;
border: 1px solid var(--border-renk) !important;
border-radius: 12px !important;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
z-index: 99 !important;
margin: 0 !important;
padding: 6px 0 !important;
list-style: none !important;
display: none; 
}
.custom-option {
padding: 10px 18px !important;
font-size: 0.88rem !important;
font-weight: 600 !important;
color: #475569 !important;
cursor: pointer !important;
transition: background-color 0.15s, color 0.15s !important;
}
.custom-option:hover {
background-color: #f8fafc !important;
color: var(--ana-renk-1) !important;
}
.custom-option.selected {
background-color: rgba(14, 165, 233, 0.05) !important;
color: var(--ana-renk-1) !important;
}
.sonuc-kutu {
width: 100% !important;
max-width: 350px !important;
background: linear-gradient(135deg, var(--ana-renk-1) 0%, #0284c7 100%) !important;
color: var(--beyaz) !important;
padding: 35px 28px !important;
border-radius: 20px !important;
text-align: center !important;
box-shadow: 0 12px 30px rgba(14, 165, 233, 0.15) !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.sonuc-etiket {
font-size: 0.78rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
opacity: 0.85 !important;
}
.sonuc-btu-kapsayici {
margin: 15px 0 8px 0 !important;
display: flex !important;
align-items: baseline !important;
justify-content: center !important;
}
#hesaplanan-btu {
font-size: 3rem !important;
font-weight: 900 !important;
line-height: 1 !important;
display: inline-block !important;
text-align: center !important;
}
#hesaplanan-btu small {
display: block !important;
font-size: 1.3rem !important;
font-weight: 700 !important;
margin-top: 4px !important;
margin-left: 0 !important;
opacity: 0.8 !important;
}
.btu-birim {
font-size: 1.1rem !important;
font-weight: 700 !important;
margin-left: 6px !important;
}
.sonuc-bilgi {
font-size: 0.8rem !important;
line-height: 1.5 !important;
opacity: 0.75 !important;
margin: 0 0 25px 0 !important;
}
.sonuc-aksiyonlar {
width: 100% !important;
}
.kesif-sonuc-buton {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
padding: 13px 20px !important;
background-color: var(--beyaz) !important;
color: var(--ana-renk-1) !important;
font-size: 0.9rem !important;
font-weight: 800 !important;
text-decoration: none !important;
border-radius: 50px !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04) !important;
transition: transform 0.2s, box-shadow 0.2s !important;
box-sizing: border-box !important;
}
.kesif-sonuc-buton:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08) !important;
}
@media (max-width: 992px) {
.kesif-body-kapsam {
gap: 30px !important;
}
}
@media (max-width: 768px) {
.kesif-baslik-satiri {
flex-direction: column !important;
align-items: center !important;
text-align: center;
gap: 15px !important;
}
.baslik-sol {
flex-direction: column !important;
align-items: center !important;
gap: 10px !important;
}
.kesif-body-kapsam {
flex-direction: column !important;
gap: 35px !important;
}
.kesif-sol, .kesif-sag {
width: 100% !important;
flex: none !important;
}
.sonuc-kutu {
max-width: 100% !important;
}
.kesif-input-satir {
flex-direction: column !important;
gap: 15px !important;
}
}
.anasayfa-uclu-banner {
padding: 40px 0 20px 0 !important;
box-sizing: border-box !important;
}
.uclu-banner-izgara {
display: grid !important;
grid-template-columns: 1.35fr 1fr !important;
grid-template-rows: repeat(2, 190px) !important;
gap: 25px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.uclu-resim-banner {
position: relative !important;
overflow: hidden !important;
border-radius: 24px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
padding: 30px !important;
text-decoration: none !important;
box-sizing: border-box !important;
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.02) !important;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.uclu-resim-banner.ev-tipi {
grid-row: span 2 !important;
min-height: 405px !important; 
padding: 40px !important;
}
.uclu-resim-banner.ticari-tip,
.uclu-resim-banner.kesif-hizmeti {
min-height: 190px !important;
padding: 22px 30px !important;
}
.banner-gorsel-katman {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-size: cover !important;
background-position: center !important;
transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
z-index: 1 !important;
}
.banner-karartma-katman {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(to top, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.45) 60%, rgba(15, 23, 42, 0.1) 100%) !important;
z-index: 2 !important;
transition: background 0.4s ease !important;
}
.banner-icerik-katman {
position: relative !important;
z-index: 3 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
width: 100% !important;
}
.banner-etiket {
display: inline-block !important;
font-size: 0.68rem !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
padding: 4px 10px !important;
border-radius: 50px !important;
background-color: var(--ana-renk-1) !important;
color: var(--beyaz) !important;
margin-bottom: 12px !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}
.banner-etiket.turuncu {
background-color: var(--ana-renk-3) !important;
}
.banner-etiket.lacivert {
background-color: #2563eb !important;
}
.banner-baslik {
font-weight: 800 !important;
color: var(--beyaz) !important;
margin: 0 0 14px 0 !important;
line-height: 1.35 !important;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}
.ev-tipi .banner-baslik {
font-size: 1.45rem !important;
}
.ticari-tip .banner-baslik,
.kesif-hizmeti .banner-baslik {
font-size: 1.12rem !important;
margin-bottom: 10px !important;
}
.banner-link-metni {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 0.85rem !important;
font-weight: 800 !important;
color: var(--beyaz) !important;
transition: gap 0.2s ease !important;
}
.banner-link-metni svg {
transition: transform 0.2s ease !important;
}
.uclu-resim-banner:hover {
transform: translateY(-4px) !important;
box-shadow: 0 15px 35px rgba(15, 23, 42, 0.12) !important;
}
.uclu-resim-banner:hover .banner-gorsel-katman {
transform: scale(1.06) !important;
}
.uclu-resim-banner:hover .banner-karartma-katman {
background: linear-gradient(to top, rgba(15, 23, 42, 0.96) 0%, rgba(15, 23, 42, 0.55) 60%, rgba(15, 23, 42, 0.15) 100%) !important;
}
.uclu-resim-banner:hover .banner-link-metni {
gap: 10px !important;
}
.uclu-resim-banner:hover .banner-link-metni svg {
transform: translateX(3px) !important;
}
@media (max-width: 992px) {
.uclu-banner-izgara {
grid-template-rows: repeat(2, 170px) !important;
gap: 20px !important;
}
.uclu-resim-banner.ev-tipi {
min-height: 360px !important;
padding: 30px !important;
}
.uclu-resim-banner.ticari-tip,
.uclu-resim-banner.kesif-hizmeti {
min-height: 170px !important;
padding: 20px 25px !important;
}
.ev-tipi .banner-baslik {
font-size: 1.3rem !important;
}
}
@media (max-width: 768px) {
.anasayfa-uclu-banner {
padding: 30px 0 10px 0 !important;
}
.uclu-banner-izgara {
grid-template-columns: 1fr !important;
grid-template-rows: auto !important;
gap: 20px !important;
}
.uclu-resim-banner.ev-tipi,
.uclu-resim-banner.ticari-tip,
.uclu-resim-banner.kesif-hizmeti {
grid-row: auto !important;
min-height: 220px !important;
padding: 25px 20px !important;
}
.ev-tipi .banner-baslik {
font-size: 1.25rem !important;
}
}
.anasayfa-uclu-gorsel-banner {
padding: 0 0 15px 0 !important;
box-sizing: border-box !important;
}
.uclu-gorsel-izgara {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
width: 100% !important;
box-sizing: border-box !important;
@media(max-width:890px){
display: flex !important;
gap: 12px !important;
width: calc(100% + 24px) !important;
margin-inline: -12px !important;
padding-inline: 12px !important;
overflow: auto !important;
scrollbar-width: none;
scroll-snap-type: x mandatory;
&::-webkit-scrollbar{
display: none;
}
}
}
.uclu-gorsel-kart {
display: block !important;
position: relative !important;
overflow: hidden !important;
border-radius: 20px !important;
width: 100% !important;
box-sizing: border-box !important;
top: 0;
transition: 300ms top;
@media(max-width:890px){
width: 60% !important;
flex-shrink: 0;
scroll-snap-align: center;
}
@media(max-width:520px){
width: 90% !important;
}
&:hover{
top: -5px;
@media(max-width:768px){
top: 0;
}
}
}
.banner-img {
width: 100% !important;
height: auto !important;
display: block !important;
object-fit: cover !important;
}
.anasayfa-indirim-seridi {
padding: 20px 0 !important;
box-sizing: border-box !important;
}
.indirim-serit-kutusu {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 16px !important;
background: none !important; 
border: none !important;       
padding: 0 !important;        
width: 100% !important;
margin: 0 auto !important;
box-sizing: border-box !important;
}
.indirim-serit-metin {
font-size: 1.3rem !important; 
font-weight: 500 !important;
color: #000000 !important;
@media(max-width:890px){
font-size: 1.2rem !important;
}
}
.indirim-kod-kapsayici {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
border: 2px solid transparent !important;
border-radius: 999px !important;
padding: 15px 22px !important; 
box-sizing: border-box !important;
background-image: 
linear-gradient(rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.90)), 
linear-gradient(135deg, var(--ana-renk-2) 0%, var(--ana-renk-2) 40%, var(--ana-renk-3) 70%, var(--ana-renk-2) 100%) !important;
background-clip: padding-box, border-box !important;
background-origin: padding-box, border-box !important;
background-size: 100% 100%, 200% 200% !important;
animation: indirimGradient 8s ease infinite !important;
box-shadow: 0 4px 15px rgba(0, 52, 129, 0.04), 0 2px 5px rgba(240, 99, 31, 0.02) !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.indirim-kod-kapsayici:hover {
transform: translateY(-1px) !important;
box-shadow: 0 6px 20px rgba(0, 52, 129, 0.06), 0 3px 8px rgba(240, 99, 31, 0.03) !important;
}
@keyframes indirimGradient {
0% {
background-position: 0% 50%, 0% 50%;
}
50% {
background-position: 0% 50%, 100% 50%;
}
100% {
background-position: 0% 50%, 0% 50%;
}
}
#promo-code {
font-family: 'Outfit', sans-serif !important;
font-size: 1.18rem !important; 
font-weight: 850 !important;
color: var(--yazi-baslik-renk) !important; 
background: none !important;
border: none !important;
padding: 0 !important;
letter-spacing: 0.05em !important;
line-height: 1 !important;
@media(max-width:890px){
font-size: 1rem !important;
}
}
.promo-kopyala-btn {
background: none !important;
border: none !important;
cursor: pointer !important;
padding: 0 !important;
color: var(--ana-renk-3) !important; 
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: transform 0.15s ease !important;
outline: none !important;
}
.promo-kopyala-btn:hover {
transform: scale(1.15) !important;
}
.promo-kopyala-btn:active {
transform: scale(0.9) !important;
}
.promo-kopyala-btn.copied {
color: #10b981 !important;
}
@media (max-width: 768px) {
.indirim-serit-kutusu {
flex-direction: column !important;
gap: 12px !important;
text-align: center !important;
}
}
.tanitim-kartlar-izgara ul.products {
grid-column: span 2 !important;
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 30px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
width: 100% !important;
}
.tanitim-kartlar-izgara ul.products::before,
.tanitim-kartlar-izgara ul.products::after {
display: none !important;
}
.tanitim-kartlar-izgara ul.products li.product {
width: 100% !important;
float: none !important;
margin: 0 !important;
box-sizing: border-box !important;
}
@media (max-width: 768px) {
.tanitim-kartlar-izgara ul.products {
grid-template-columns: 1fr 1fr !important;
gap: 8px !important;
}
}
.tanitim-urunlu-kutu {
padding: 60px 0 !important;
}
.tanitim-urunlu-kutu .tanitim-ozellik-izgara {
background: radial-gradient(circle at -5% -5%, var(--ana-renk-3) 0%, rgba(240, 99, 31, 0.5) 15%, rgba(240, 99, 31, 0.3) 30%, rgba(240, 99, 31, 0) 50%), radial-gradient(circle at 15% 15%, var(--ana-renk-2) 0%, #001f54 100%) !important; 
border-radius: 28px !important;
padding: 65px 55px !important;
box-sizing: border-box !important;
position: relative !important;
overflow: hidden !important;
@media(max-width:1024px){
display: flex !important;
flex-direction: column !important;
}
}
.tanitim-urunlu-kutu .tanitim-ozellik-izgara::before {
content: "" !important;
position: absolute !important;
top: -50px !important;
right: -50px !important;
width: 250px !important;
height: 250px !important;
background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 70%) !important;
z-index: 1 !important;
pointer-events: none !important;
}
.tanitim-urunlu-kutu .tanitim-sol-alan,
.tanitim-urunlu-kutu .tanitim-kartlar-izgara {
position: relative !important;
z-index: 2 !important;
}
.tanitim-urunlu-kutu .tanitim-büyük-baslik {
color: var(--beyaz) !important;
}
.tanitim-firsat-listesi {
list-style: none !important;
margin: 0 0 35px 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
width: 100% !important;
box-sizing: border-box !important;
@media(max-width:1024px){
display: none !important;
}
}
.tanitim-firsat-listesi li {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
}
.tanitim-firsat-listesi .liste-ikon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
height: 24px !important;
background-color: var(--ana-renk-3) !important;
border-radius: 50% !important;
color: var(--beyaz) !important;
flex-shrink: 0 !important;
margin-top: 1px !important;
}
.tanitim-firsat-listesi .liste-detay {
font-size: 0.98rem !important;
color: rgba(255, 255, 255, 0.85) !important;
line-height: 1.5 !important;
}
.tanitim-firsat-listesi .liste-detay strong {
color: var(--beyaz) !important;
font-weight: 700 !important;
}
.tanitim-urunlu-kutu .tanitim-ust-badge {
background-color: var(--ana-renk-3) !important;
color: var(--beyaz) !important;
font-size: 0.78rem !important;
letter-spacing: 0.08em !important;
padding: 5px 14px !important;
}
.tanitim-urunlu-kutu .tanitim-incele-link {
background-color: var(--beyaz) !important;
color: var(--ana-renk-2) !important;
padding: 12px 28px !important;
border-radius: 50px !important;
font-weight: 700 !important;
font-size: 0.92rem !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
text-decoration: none !important;
}
.tanitim-urunlu-kutu .tanitim-incele-link:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(0, 35, 82, 0.2) !important;
background-color: #f8fafc !important;
}
.tanitim-urunlu-kutu .tanitim-incele-link svg {
stroke: var(--ana-renk-2) !important;
transition: transform 0.2s ease !important;
}
.tanitim-urunlu-kutu .tanitim-incele-link:hover svg {
transform: translateX(3px) !important;
}
@media (max-width: 1024px) {
.tanitim-urunlu-kutu .tanitim-ozellik-izgara {
padding: 40px 30px !important;
}
}
@media (max-width: 768px) {
.tanitim-urunlu-kutu .tanitim-ozellik-izgara {
padding: 30px 0 !important;
border-radius: 20px !important;
width: calc(100% + 24px);
margin-inline: -12px;
padding-inline: 12px !important;
border-radius: 0 !important;
}
}
.tanitim-urunlu-kutu .tanitim-kartlar-izgara ul.products li.product {
background-color: var(--beyaz) !important;
padding: 20px !important;
border-radius: 20px !important;
position: relative !important;
@media(max-width:768px){
padding: 8px !important;
border-radius: 6px !important;
}
}
.tanitim-urunlu-kutu .tanitim-kartlar-izgara ul.products li.product .wpcf-loop-btn {
top: 32px !important;
right: 32px !important;
@media(max-width:768px){
top: 10px !important;
right: 10px !important;
}
}
.anasayfa-flas-indirimler {
padding: 80px 0 !important;
background-color: #f8fafc !important;
box-sizing: border-box !important;
}
.anasayfa-flas-indirimler .flas-indirim-izgara {
margin-top: 50px !important; 
}
.flas-indirim-izgara {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 25px !important;
width: 100% !important;
}
.flas-kart {
position: relative !important;
overflow: hidden !important;
border-radius: 20px !important;
min-height: 280px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
padding: 35px 30px !important;
background-color: var(--beyaz) !important; 
border: none !important; 
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.02) !important; 
box-sizing: border-box !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.flas-kart:hover {
transform: translateY(-5px) !important;
box-shadow: 0 15px 35px rgba(15, 23, 42, 0.06) !important;
}
.flas-kart-icerik {
position: relative !important;
z-index: 3 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
width: 100% !important;
}
.flas-badge {
background-color: #f1f5f9 !important; 
color: #475569 !important; 
border: 1px solid #e2e8f0 !important;
font-size: 0.72rem !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
padding: 5px 12px !important;
border-radius: 50px !important;
margin-bottom: 12px !important;
}
.flas-kart h3 {
font-size: 1.2rem !important;
font-weight: 800 !important;
color: #0f172a !important; 
margin: 0 0 15px 0 !important;
line-height: 1.45 !important;
}
.flas-alt-yazi {
font-size: 0.88rem !important;
color: #475569 !important; 
margin: 0 0 20px 0 !important;
line-height: 1.4 !important;
}
.flas-timer-kapsayici {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin-bottom: 20px !important;
color: #334155 !important;
}
.flas-timer-kapsayici .timer-label {
font-size: 0.82rem !important;
opacity: 0.85 !important;
}
.flas-timer-kapsayici .timer-values {
font-size: 0.85rem !important;
font-weight: 800 !important;
background-color: rgba(3, 105, 161, 0.08) !important;
color: #0369a1 !important;
padding: 4px 10px !important;
border-radius: 6px !important;
letter-spacing: 0.03em !important;
border: 1px solid rgba(3, 105, 161, 0.12) !important;
}
.flas-kod-kutusu {
display: flex !important;
align-items: center !important;
background-color: rgba(16, 185, 129, 0.08) !important;
border: 1px solid rgba(16, 185, 129, 0.15) !important;
padding: 6px 12px !important;
border-radius: 8px !important;
margin-bottom: 20px !important;
gap: 10px !important;
}
.flas-kod-kutusu code {
font-size: 0.95rem !important;
color: #065f46 !important; 
font-family: monospace !important;
font-weight: 700 !important;
background: none !important;
padding: 0 !important;
}
.flas-kopyala-btn-yeni {
background: none !important;
border: none !important;
padding: 0 !important;
color: rgba(6, 95, 70, 0.6) !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
transition: color 0.2s !important;
}
.flas-kopyala-btn-yeni:hover {
color: #065f46 !important;
}
.flas-btn {
padding: 11px 24px !important;
border-radius: 50px !important;
font-weight: 700 !important;
font-size: 0.88rem !important;
text-decoration: none !important;
display: inline-block !important;
transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s !important;
}
.flas-kart.klima-kampanya .flas-btn {
background-color: var(--ana-renk-1) !important;
color: var(--beyaz) !important;
}
.flas-kart.klima-kampanya .flas-btn:hover {
background-color: var(--ana-renk-2) !important;
box-shadow: 0 4px 12px rgba(0, 139, 242, 0.2) !important;
}
.flas-kart.kombi-kampanya .flas-btn {
background-color: var(--ana-renk-3) !important;
color: var(--beyaz) !important;
}
.flas-kart.kombi-kampanya .flas-btn:hover {
background-color: #d84f10 !important;
box-shadow: 0 4px 12px rgba(240, 99, 31, 0.2) !important;
}
.flas-kart.sepet-kampanya .flas-btn {
background-color: #10b981 !important;
color: var(--beyaz) !important;
}
.flas-kart.sepet-kampanya .flas-btn:hover {
background-color: #059669 !important;
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2) !important;
}
.anasayfa-sekmeli-urunler {
padding: 60px 0 !important;
background-color: var(--beyaz) !important;
@media(max-width:890px){
padding: 30px 0 !important;
}
}
.anasayfa-sekmeli-urunler .konteyner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.urun-sekme-butonlari {
display: inline-flex !important;
background-color: #f1f5f9 !important; 
padding: 6px !important;
border-radius: 100px !important;
gap: 4px !important;
border: none !important;
margin-bottom: 45px !important;
align-self: center !important;
}
.sekme-btn {
background: none !important;
border: none !important;
font-size: 0.95rem !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #64748b !important; 
padding: 10px 24px !important;
border-radius: 100px !important;
cursor: pointer !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.sekme-btn:hover {
color: #0f172a !important; 
}
.sekme-btn.aktif {
background-color: var(--beyaz) !important; 
color: var(--ana-renk-1) !important; 
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06) !important; 
}
.sekme-icerik-kapsayici {
position: relative !important;
width: 100% !important;
}
.sekme-panel {
display: none !important;
}
.sekme-panel.aktif {
display: block !important;
}
.sekme-panel .no-products {
text-align: center !important;
color: var(--alt-aciklama-renk) !important;
padding: 40px 0 !important;
font-size: 1.1rem !important;
}
.anasayfa-sekmeli-urunler ul.products {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 30px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
width: 100% !important;
@media(max-width:1024px){
grid-template-columns: repeat(3, 1fr) !important;
grid-area: 20px !important;
}
}
.anasayfa-sekmeli-urunler ul.products::before,
.anasayfa-sekmeli-urunler ul.products::after {
display: none !important;
}
.anasayfa-sekmeli-urunler ul.products li.product {
width: 100% !important;
float: none !important;
margin: 0 !important;
box-sizing: border-box !important;
}
@media (max-width: 992px) {
.anasayfa-sekmeli-urunler ul.products {
grid-template-columns: repeat(2, 1fr) !important;
gap: 20px !important;
}
}
@media (max-width: 768px) {
.anasayfa-sekmeli-urunler ul.products {
grid-template-columns: 1fr 1fr !important;
gap: 32px 8px !important;
}
}
.sekmeli-ajax-loader {
pointer-events: none !important;
}
.spinner-dairesel {
width: 40px !important;
height: 40px !important;
border: 3.5px solid rgba(15, 23, 42, 0.08) !important;
border-top: 3.5px solid var(--ana-renk-1) !important;
border-radius: 50% !important;
animation: spinHizi 0.8s linear infinite !important;
}
@keyframes spinHizi {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.bolum-baslik-merkez{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
margin-bottom: 30px;
}
.anasayfa-kombi-ozellikler {
padding: 85px 0 !important;
box-sizing: border-box !important;
width: 100% !important;
@media(max-width:768px){
padding: 30px 0 50px !important;
}
}
.kombi-ozellikler-kapsayici {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 40px !important;
margin-top: 55px !important;
width: 100% !important;
}
.ozellikler-kolon {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
gap: 50px !important;
@media(max-width:992px){
gap: 30px !important;
}
}
.ozellik-madde {
display: flex !important;
gap: 20px !important;
align-items: flex-start !important;
transition: transform 0.3s ease !important;
}
.sol-kolon .ozellik-madde {
text-align: right !important;
justify-content: flex-end !important;
}
.sag-kolon .ozellik-madde {
text-align: left !important;
justify-content: flex-start !important;
}
.ozellik-ikon {
width: 52px !important;
height: 52px !important;
background-color: #f0f9ff !important; 
border: 1px solid rgba(0, 139, 242, 0.08) !important; 
border-radius: 14px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--ana-renk-1) !important; 
box-shadow: 0 6px 15px rgba(0, 139, 242, 0.03) !important;
flex-shrink: 0 !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ozellik-madde:hover .ozellik-ikon {
transform: scale(1.08) !important;
color: var(--beyaz) !important;
background-color: var(--ana-renk-3) !important; 
border-color: var(--ana-renk-3) !important;
box-shadow: 0 8px 20px rgba(240, 99, 31, 0.2) !important;
}
.ozellik-metin {
flex: 1 !important;
}
.ozellik-metin h4 {
font-size: 1.15rem !important;
font-weight: 700 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 0 8px 0 !important;
line-height: 1.3 !important;
}
.ozellik-metin p {
font-size: 0.88rem !important;
color: var(--alt-aciklama-renk) !important;
margin: 0 !important;
line-height: 1.6 !important;
}
.ozellikler-kombi-gorsel {
flex: 1.1 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
position: relative !important;
}
.kombi-gorsel-kapsayici {
position: relative !important;
width: 100% !important;
max-width: 310px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
@media(max-width:1024px){
max-width: 260px !important;
}
}
.kombi-dikey-resim {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
z-index: 2 !important;
position: relative !important;
filter: drop-shadow(0 15px 35px rgba(15, 23, 42, 0.06)) !important;
}
.kombi-arka-parlama {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 280px !important;
height: 280px !important;
background: radial-gradient(circle, rgba(0, 139, 242, 0.08) 0%, rgba(0, 139, 242, 0) 70%) !important;
z-index: 1 !important;
border-radius: 50% !important;
pointer-events: none !important;
}
@media (max-width: 992px) {
.kombi-ozellikler-kapsayici {
flex-direction: column !important;
gap: 30px !important;
max-width: 500px !important;
margin-inline: auto !important;
}
.ozellikler-kombi-gorsel {
order: 1 !important;
max-width: 250px !important;
margin: 0 auto !important;
width: 100% !important;
}
.sol-kolon {
order: 2 !important;
width: 100% !important;
}
.sag-kolon {
order: 3 !important;
width: 100% !important;
}
.sol-kolon .ozellik-madde {
text-align: left !important;
flex-direction: row-reverse !important;
justify-content: flex-start !important;
}
.sol-kolon .ozellik-madde .ozellik-metin {
text-align: left !important;
}
}
.anasayfa-tanitim-ozellikler {
padding: 40px 0 !important;
@media(max-width:768px){
padding: 0 !important;
}
}
.tanitim-ozellik-izgara-yeni {
display: block !important;
width: 100% !important;
padding-block: 30px;
}
.tanitim-kartlar-izgara-yeni {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important; 
gap: 30px !important;
width: 100% !important;
@media(max-width:768px){
display: flex !important;
width: calc(100% + 24px) !important;
margin-inline: -12px !important;
padding-inline: 12px !important;
overflow: auto !important;
scroll-behavior: smooth !important;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
&::-webkit-scrollbar {
display: none;
}
}
}
.tanitim-kartlar-izgara-yeni .editoryal-ozellik-kart {
border: none !important; 
background-color: transparent !important; 
box-shadow: none !important; 
padding: 10px 5px !important; 
transition: transform 0.3s ease !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important; 
text-align: center !important; 
@media(max-width:768px){
scroll-snap-align: center;
flex-shrink: 0;
width: 60%;
}
}
.tanitim-kartlar-izgara-yeni .editoryal-ozellik-kart .kart-ikon {
margin-left: auto !important;
margin-right: auto !important;
width: 58px !important; 
height: 58px !important;
border-radius: 16px !important; 
}
.tanitim-kartlar-izgara-yeni .editoryal-ozellik-kart .kart-ikon svg {
width: 26px !important; 
height: 26px !important;
}
.tanitim-kartlar-izgara-yeni .kart-sayac {
display: none !important; 
}
.tanitim-kartlar-izgara-yeni .editoryal-ozellik-kart h3 {
font-size: 1.12rem !important;
font-weight: 800 !important;
color: var(--yazi-baslik-renk) !important;
margin: 0 0 10px 0 !important;
line-height: 1.35 !important;
}
.tanitim-kartlar-izgara-yeni .editoryal-ozellik-kart p {
font-size: 0.88rem !important;
line-height: 1.6 !important;
color: var(--alt-aciklama-renk) !important;
margin: 0 !important;
}
@media (max-width: 992px) {
.tanitim-kartlar-izgara-yeni {
grid-template-columns: repeat(2, 1fr) !important; 
}
}
@media (max-width: 576px) {
.tanitim-kartlar-izgara-yeni {
grid-template-columns: 1fr !important; 
}
}
.anasayfa-tanitim-ozellikler.maddeler{
border-top: 1px solid var(--border-renk);
}
.kategori-sayfa-tasarimi {
padding: 0 0 60px;
background-color: var(--beyaz);
}
.kategori-aciklama {
font-size: 16px;
line-height: 1.6;
color: var(--alt-aciklama-renk);
margin-top: 12px;
max-width: 700px;
}
.blog-post-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 30px;
@media(max-width:890px){
display: flex;
width: calc(100% + 24px);
margin-inline: -12px;
padding-inline: 12px;
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
scroll-snap-type: x mandatory;
&::-webkit-scrollbar {
display: none;
}
}
}
.blog-card {
position: relative;
display: flex;
flex-direction: column;
@media(max-width:890px){
width: 60%;
flex-shrink: 0;
scroll-snap-align: center;
}
@media(max-width:768px){
width: 85%;
}
}
.blog-card-gorsel {
position: relative;
padding-top: 60%; 
background-color: var(--arkaplan-renk);
border-radius: 12px;
overflow: hidden;
margin-bottom: 20px;
}
.blog-card-gorsel img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.blog-card:hover .blog-card-gorsel img {
transform: scale(1.04);
}
.blog-gorsel-fallback {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: var(--alt-aciklama-renk);
opacity: 0.5;
}
.blog-card-icerik {
padding: 0;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.blog-card-baslik {
font-size: 18px;
font-weight: 700;
line-height: 1.35;
margin: 0 0 10px 0;
}
.blog-card-baslik a {
color: var(--yazi-baslik-renk);
text-decoration: none;
transition: color 0.3s ease;
}
.blog-card-baslik a::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
}
.blog-card:hover .blog-card-baslik a {
color: var(--ana-renk-1);
}
.blog-card-ozet {
font-size: 13.5px;
line-height: 1.6;
color: var(--alt-aciklama-renk);
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 3.2em; 
}
.blog-featured-section {
margin-top: 40px;
margin-bottom: 60px;
border-bottom: 1px solid var(--border-renk);
padding-bottom: 60px;
}
.blog-card-featured {
display: flex;
flex-direction: row;
align-items: center;
gap: 50px;
}
.blog-card-featured .blog-card-gorsel {
flex: 0 0 55%;
padding-top: 33% !important; 
background-color: var(--arkaplan-renk);
border-radius: 16px;
overflow: hidden;
margin-bottom: 0;
}
.blog-card-featured .blog-card-icerik {
flex: 0 0 45%;
padding: 0;
}
.blog-card-badge {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--ana-renk-3);
margin-bottom: 12px;
display: inline-block;
}
.blog-card-featured .blog-card-baslik {
font-size: 32px;
font-weight: 800;
line-height: 1.25;
margin-bottom: 16px;
}
.blog-card-featured .blog-card-ozet {
font-size: 15px;
line-height: 1.7;
color: var(--alt-aciklama-renk);
-webkit-line-clamp: 3;
height: 5.1em;
}
.blog-sayfalama {
margin-top: 60px;
display: flex;
justify-content: center;
border-top: 1px solid var(--border-renk);
padding-top: 40px;
}
.blog-sayfalama .pagination {
display: flex;
gap: 8px;
}
.blog-sayfalama .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 4px;
border: 1px solid var(--border-renk);
background-color: var(--beyaz);
color: var(--yazi-baslik-renk);
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: all 0.2s ease;
}
.blog-sayfalama .page-numbers:hover,
.blog-sayfalama .page-numbers.current {
background-color: var(--ana-renk-1);
border-color: var(--ana-renk-1);
color: var(--beyaz);
}
.blog-sayfalama .page-numbers.dots {
border-color: transparent;
background-color: transparent;
color: var(--alt-aciklama-renk);
}
.blog-bos-uyari {
text-align: center;
padding: 60px 20px;
background-color: var(--beyaz);
border: 1px dashed var(--border-renk);
border-radius: 8px;
margin-top: 40px;
}
.blog-bos-uyari svg {
color: var(--alt-aciklama-renk);
margin-bottom: 20px;
}
.blog-bos-uyari h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
color: var(--yazi-baslik-renk);
}
.blog-bos-uyari p {
font-size: 14px;
color: var(--alt-aciklama-renk);
margin-bottom: 25px;
}
@media (max-width: 992px) {
.blog-card-featured {
flex-direction: column;
gap: 30px;
}
.blog-card-featured .blog-card-gorsel {
flex: 0 0 100%;
width: 100%;
padding-top: 56.25%;
}
.blog-card-featured .blog-card-icerik {
flex: 0 0 100%;
width: 100%;
}
.blog-post-grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px 20px;
}
}
@media (max-width: 576px) {
.blog-card-featured .blog-card-baslik {
font-size: 24px;
}
}
.form-row-modern{
br{
display: none !important;
}
}
.blog-liste-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 30px;
}
.blog-liste-card {
position: relative;
display: flex;
flex-direction: column;
}
.blog-liste-gorsel {
position: relative;
padding-top: 60%; 
background-color: var(--arkaplan-renk);
border-radius: 12px;
overflow: hidden;
margin-bottom: 20px;
}
.blog-liste-gorsel img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.blog-liste-card:hover .blog-liste-gorsel img {
transform: scale(1.04);
}
.blog-liste-gorsel-fallback {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: var(--alt-aciklama-renk);
opacity: 0.5;
}
.blog-liste-icerik {
padding: 0;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.blog-liste-baslik {
font-size: 18px;
font-weight: 700;
line-height: 1.35;
margin: 0 0 10px 0;
}
.blog-liste-baslik a {
color: var(--yazi-baslik-renk);
text-decoration: none;
transition: color 0.3s ease;
}
.blog-liste-baslik a::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
}
.blog-liste-card:hover .blog-liste-baslik a {
color: var(--ana-renk-1);
}
.blog-liste-ozet {
font-size: 13.5px;
line-height: 1.6;
color: var(--alt-aciklama-renk);
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 3.2em; 
}
.blog-liste-card-featured {
display: flex;
flex-direction: row;
align-items: center;
gap: 50px;
}
.blog-liste-card-featured .blog-liste-gorsel {
flex: 0 0 55%;
padding-top: 33%; 
background-color: var(--arkaplan-renk);
border-radius: 16px;
overflow: hidden;
margin-bottom: 0;
}
.blog-liste-card-featured .blog-liste-icerik {
flex: 0 0 45%;
padding: 0;
}
.blog-liste-badge {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--ana-renk-3);
margin-bottom: 12px;
display: inline-block;
}
.blog-liste-card-featured .blog-liste-baslik {
font-size: 32px;
font-weight: 800;
line-height: 1.25;
margin-bottom: 16px;
}
.blog-liste-card-featured .blog-liste-ozet {
font-size: 15px;
line-height: 1.7;
color: var(--alt-aciklama-renk);
-webkit-line-clamp: 3;
height: 5.1em;
}
@media (max-width: 992px) {
.blog-liste-card-featured {
flex-direction: column;
gap: 30px;
}
.blog-liste-card-featured .blog-liste-gorsel {
flex: 0 0 100%;
width: 100%;
padding-top: 56.25%; 
}
.blog-liste-card-featured .blog-liste-icerik {
flex: 0 0 100%;
width: 100%;
}
.blog-liste-grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px 20px;
}
}
@media (max-width: 576px) {
.blog-liste-card-featured .blog-liste-baslik {
font-size: 24px;
}
.blog-liste-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.blog-sayfalama .pagination {
flex-wrap: wrap;
justify-content: center;
}
}
.tek-yazi-sayfası {
padding: 20px 0 100px;
background-color: var(--beyaz);
}
.tek-yazi-kapsam {
max-width: 100%;
}
.yazi-detay-header {
text-align: center;
max-width: 850px;
margin: 0 auto 40px auto;
}
.yazi-detay-header .thermovix-ekmek-kirintisi {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
font-size: 13px;
color: var(--alt-aciklama-renk);
margin-bottom: 24px;
}
.yazi-detay-header .thermovix-ekmek-kirintisi a {
color: var(--alt-aciklama-renk);
text-decoration: none;
transition: color 0.2s ease;
}
.yazi-detay-header .thermovix-ekmek-kirintisi a:hover {
color: var(--ana-renk-1);
}
.yazi-detay-header .thermovix-ekmek-kirintisi .aktif-oge {
color: var(--yazi-baslik-renk);
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 250px;
}
.yazi-kategori-badge {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--ana-renk-3);
margin-bottom: 16px;
display: inline-block;
background-color: var(--ana-renk-3-bg);
padding: 4px 12px;
border-radius: 4px;
}
.yazi-ana-baslik {
font-size: 40px;
font-weight: 800;
line-height: 1.2;
color: var(--yazi-baslik-renk);
margin: 0 0 20px 0;
letter-spacing: -0.5px;
}
.yazi-meta-bilgi {
font-size: 14px;
color: var(--alt-aciklama-renk);
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
font-weight: 500;
}
.yazi-meta-bilgi .meta-ayrac {
color: var(--border-renk);
}
.yazi-detay-gorsel {
max-width: 1000px;
margin: 0 auto 50px auto;
border-radius: 16px;
overflow: hidden;
}
.yazi-detay-gorsel img {
width: 100% !important;
height: auto !important;
}
.yazi-detay-icerik-kapsayici {
max-width: 760px;
margin: 0 auto;
}
.yazi-metin-alani {
font-size: 16.5px;
line-height: 1.8;
color: #2c3038;
}
.yazi-metin-alani p {
margin-bottom: 25px !important;
}
.yazi-metin-alani h2 {
font-size: 26px;
font-weight: 700;
color: var(--yazi-baslik-renk);
margin: 45px 0 20px 0 !important;
line-height: 1.3;
}
.yazi-metin-alani h3 {
font-size: 20px;
font-weight: 700;
color: var(--yazi-baslik-renk);
margin: 35px 0 15px 0 !important;
line-height: 1.3;
}
.yazi-metin-alani ul, 
.yazi-metin-alani ol {
margin: 0 0 25px 24px !important;
}
.yazi-metin-alani li {
margin-bottom: 8px !important;
}
.yazi-metin-alani blockquote {
border-left: 4px solid var(--ana-renk-3) !important;
padding-left: 24px !important;
margin: 40px 0 !important;
font-style: italic !important;
color: #4a5568 !important;
font-size: 18.5px !important;
line-height: 1.6 !important;
}
.yazi-detay-footer {
max-width: 760px;
margin: 50px auto 0 auto;
border-top: 1px solid var(--border-renk);
padding-top: 30px;
}
.yazi-etiketleri {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.etiket-etiketi {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--yazi-baslik-renk);
margin-right: 6px;
}
.yazi-etiket-link {
font-size: 13px;
font-weight: 600;
color: var(--alt-aciklama-renk);
background-color: #f1f3f5;
padding: 6px 14px;
border-radius: 30px;
text-decoration: none;
border: 1px solid transparent;
transition: all 0.25s ease;
}
.yazi-etiket-link:hover {
color: var(--ana-renk-1);
background-color: var(--beyaz);
border-color: rgba(0, 139, 242, 0.2);
}
@media (max-width: 768px) {
.yazi-ana-baslik {
font-size: 28px;
}
.yazi-detay-gorsel {
border-radius: 8px;
margin-bottom: 30px;
}
.yazi-metin-alani {
font-size: 15.5px;
}
}
.yazi-ilgili-postlar-alan {
margin-top: 80px;
border-top: 1px solid var(--border-renk);
padding-top: 60px;
}
.ilgili-postlar-baslik {
font-size: 24px;
font-weight: 800;
color: var(--yazi-baslik-renk);
margin-bottom: 40px;
text-align: left;
letter-spacing: -0.5px;
}
.yazi-ilgili-postlar-alan .blog-post-grid {
margin-top: 0;
}
.blog-tumunu-gor-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
background-color: var(--ana-renk-2) !important;
color: var(--beyaz) !important;
padding: 14px 38px !important;
border-radius: 50px !important;
font-size: 15px !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
box-shadow: 0 4px 12px rgba(0, 52, 129, 0.1) !important;
}
.blog-tumunu-gor-btn:hover {
background-color: var(--ana-renk-3) !important;
color: var(--beyaz) !important;
transform: translateY(-3px) !important;
box-shadow: 0 8px 20px rgba(240, 99, 31, 0.25) !important;
gap: 14px !important;
}
.blog-tumunu-gor-btn svg {
transition: transform 0.3s ease !important;
}
.wc-block-components-notice-snackbar {
position: fixed !important;
bottom: 24px !important;
left: 24px !important;
z-index: 999999 !important;
display: inline-flex !important;
align-items: center !important;
gap: 14px !important;
border: 2px solid transparent !important;
border-radius: 14px !important;
padding: 16px 20px !important;
box-sizing: border-box !important;
width: auto !important;
max-width: 420px !important;
min-width: 300px !important;
background-image: 
linear-gradient(rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.96)), 
linear-gradient(135deg, var(--ana-renk-2) 0%, var(--ana-renk-2) 40%, var(--ana-renk-3) 70%, var(--ana-renk-2) 100%) !important;
background-clip: padding-box, border-box !important;
background-origin: padding-box, border-box !important;
background-size: 100% 100%, 200% 200% !important;
animation: indirimGradient 8s ease infinite !important;
box-shadow: 0 10px 30px rgba(0, 52, 129, 0.1), 0 5px 15px rgba(240, 99, 31, 0.05) !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.wc-block-components-notice-snackbar svg {
width: 22px !important;
height: 22px !important;
flex-shrink: 0 !important;
display: block !important;
}
.wc-block-components-notice-snackbar svg path {
fill: var(--ana-renk-2) !important;
}
.wc-block-components-notice-snackbar.is-info svg path {
fill: var(--ana-renk-2) !important;
}
.wc-block-components-notice-snackbar.is-success svg path {
fill: #10b981 !important;
}
.wc-block-components-notice-snackbar.is-error svg path {
fill: var(--danger-1) !important;
}
.wc-block-components-notice-snackbar .wc-block-components-notice-banner__content {
font-family: 'Outfit', sans-serif !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
color: var(--yazi-baslik-renk) !important;
line-height: 1.4 !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
user-select: text !important;
}
.wc-block-components-notice-snackbar .wc-block-components-notice-banner__dismiss {
background: none !important;
border: none !important;
padding: 4px !important;
margin: 0 0 0 auto !important;
color: #8e9aae !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
border-radius: 50% !important;
transition: all 0.2s ease !important;
min-height: auto !important;
min-width: auto !important;
width: 28px !important;
height: 28px !important;
box-shadow: none !important;
}
.wc-block-components-notice-snackbar .wc-block-components-notice-banner__dismiss::before,
.wc-block-components-notice-snackbar .wc-block-components-notice-banner__dismiss::after {
display: none !important;
}
.wc-block-components-notice-snackbar .wc-block-components-notice-banner__dismiss:hover {
background-color: rgba(0, 82, 129, 0.08) !important;
color: var(--ana-renk-3) !important;
transform: rotate(90deg) !important;
}
.wc-block-components-notice-snackbar .wc-block-components-notice-banner__dismiss svg {
width: 14px !important;
height: 14px !important;
}
.wc-block-components-notice-snackbar .wc-block-components-notice-banner__dismiss svg path {
fill: currentColor !important;
}
@media (max-width: 576px) {
.wc-block-components-notice-snackbar {
left: 16px !important;
right: 16px !important;
bottom: 16px !important;
max-width: calc(100% - 32px) !important;
}
}
.wc-block-components-chip.wc-block-components-chip--radius-large{
background-color: var(--ana-renk-3) !important;
border: 0 !important;
color: var(--beyaz) !important;
font-size: 12px !important;
font-weight: 600 !important;
text-transform: uppercase;
}
.wc-block-components-chip .wc-block-components-chip__remove{
background-color: var(--beyaz) !important;
color: #000 !important;
cursor: pointer;
svg{
fill: #000 !important
}
}
@media (min-width: 1201px) and (max-width: 1366px) {
.ana-menu {
gap: 8px !important;
}
.ana-menu > li > a {
font-size: 13px !important;
letter-spacing: -0.1px !important;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.ana-menu {
gap: 6px !important;
}
.ana-menu > li > a {
font-size: 12px !important;
letter-spacing: -0.2px !important;
}
.ana-menu > li:has(ul) > a::after {
margin-left: 4px !important;
margin-bottom: 2px !important;
}
}
.kullanici-alani{
@media(max-width:768px){
gap: 10px;
}
}
.orta-header .konteyner{
@media(max-width:768px){
gap: 12px 0;
}
}
.wpcf-loop-btn.wpcf-icon-only .wpcf-heart-icon{
@media(max-width:768px){
width: 22px !important;
height: 22px !important;
}
}
.anasayfa-blog-bolumu{
padding: 80px 0; 
border-top: 1px solid var(--border-renk); 
background-color: var(--beyaz);
@media(max-width:768px){
padding: 40px 0 !important;
}
}
.bolum-baslik-merkez{
margin-bottom: 40px; 
text-align: center;
@media(max-width:768px){
margin-bottom: 20px;
}
}
.shop-sidebar-overlay {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
background-color: rgba(0, 0, 0, 0.40) !important;
z-index: 1999 !important; 
opacity: 0 !important;
pointer-events: none !important;
transition: opacity 0.3s ease !important;
}
.shop-sidebar-overlay.aktif {
opacity: 1 !important;
pointer-events: auto !important;
}
body.filter-open {
overflow: hidden !important;
}
.wpcf-toast{
@media(max-width:1024px){
width: 100%;
max-width: 80%;
}
}
.wc-block-components-totals-wrapper{
@media(max-width:640px){
border-top: 0;
}
}
.woocommerce-order > p {
text-align: center;
font-family: 'Jost', sans-serif;
color: var(--yazi-baslik-renk);
font-size: 16px;
line-height: 1.2;
}
.woocommerce-notice--success {
background: #10b981 !important;
color: var(--beyaz) !important;
font-family: 'Jost', sans-serif !important;
font-size: 22px !important;
font-weight: 700 !important;
padding: 20px !important;
border-radius: 12px !important;
box-shadow: 0 6px 20px rgba(16, 185, 129, 0.15) !important;
margin-bottom: 30px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
gap: 15px !important;
}
.variations_form.cart{
flex-direction: column;
.reset_variations{
display: none !important;
}
.single_variation_wrap{
width: 100%;
}
.variations{
tbody{
tr{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
th{
label{
font-size: 12px;
font-weight: 500;
color: var(--yazi-baslik-renk);
text-transform: uppercase;
}
}
}
td{
width: 100%;
}
.thermovix-variation-buttons{
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
}
.variations_button{
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
}
.thermovix-variation-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 5px;
margin-bottom: 10px;
}
.thermovix-variation-btn {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: 'Jost', sans-serif;
font-size: 14px;
font-weight: 600;
color: var(--yazi-baslik-renk);
background-color: var(--beyaz);
border: 1px solid var(--border-renk);
padding: 8px 16px;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.thermovix-variation-btn::before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
border: 1.5px solid var(--alt-aciklama-renk);
background-color: transparent;
transition: all 0.2s ease-in-out;
flex-shrink: 0;
}
.thermovix-variation-btn:hover::before {
border-color: var(--ana-renk-1);
}
.thermovix-variation-btn:hover {
border-color: var(--ana-renk-1);
color: var(--ana-renk-1);
}
.thermovix-variation-btn.active::before {
border-color: var(--ana-renk-3);
background-color: var(--ana-renk-3);
box-shadow: inset 0 0 0 3px var(--beyaz);
}
.thermovix-variation-btn.active {
background-color: var(--ana-renk-3-bg);
border-color: var(--ana-renk-3);
color: var(--ana-renk-3);
font-weight: 600;
}
.thermovix-variation-btn.disabled::before,
.thermovix-variation-btn:disabled::before {
border-color: var(--alt-aciklama-renk);
opacity: 0.5;
}
.thermovix-variation-btn.disabled,
.thermovix-variation-btn:disabled {
background-color: var(--arkaplan-renk);
border-color: var(--border-renk);
color: var(--alt-aciklama-renk);
cursor: not-allowed;
opacity: 0.6;
}
.product-type-variable .summary.entry-summary > .price {
display: none !important;
}