/* Control Panel Settings */
.quickview .mfp-iframe-holder .mfp-content{height:568px}
#more-details[data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
#more-details i:before{content: '\e62c';font-size: 23px;color: rgb(255, 255, 255);top: -1px;left: 2px}
.quickview #content{background-color: rgb(255, 255, 255)}
.quickview #tab-description{padding-right:0px;padding-left:0px;padding-top:0px;padding-bottom:0px}
.quickview h1.heading-title{text-align:left}
.label-latest{color: rgb(255, 255, 255);border-radius: 50%;width: 40px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(68, 67, 73)}
.label-sale{color: rgb(255, 255, 255);border-radius: 50%;width: 40px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(0, 0, 0)}
.label-outofstock{background-color:rgb(0, 0, 0)}
header .links a, .links .no-link, .mm-header-link a{color: rgb(68, 67, 73)}
header .links .no-link{color: rgb(68, 67, 73)}
header .journal-secondary a, header .journal-secondary .links > a, .mm-header-link a{color: rgb(68, 67, 73)}
header .journal-secondary .no-link{color: rgb(68, 67, 73)}
.drop-down ul li a, .fly-drop-down ul li a{color: rgb(255, 255, 255)}
.mega-menu div > h3{font-weight: 400;font-family: "Playfair Display";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(0, 0, 0);border-bottom-width: 1px;border-style: solid;border-color: rgb(205, 204, 182);padding-bottom:5px}
.mega-menu-categories .mega-menu-item ul li a{color: rgb(0, 0, 0);padding-left:0px}
.mega-menu-categories .mega-menu-item ul li a:hover{color: rgb(176, 158, 102)}
.mega-menu-brands div > h3{color: rgb(255, 255, 255);text-align:left}
.mega-menu-html div > h3, .mega-menu-mixed .mega-menu-html > h3{text-align:left;padding-bottom:5px;padding-left:10px;padding-top:5px}
.mega-menu-html .mega-menu-item .wrapper{color: rgb(51, 55, 69);background-color: rgb(255, 255, 255);padding-left:10px;padding-bottom:8px;padding-right:8px;padding-top:5px}
.super-menu > li > a{font-weight: 700;font-family: "Playfair Display";font-style: normal;font-size: 15px;text-transform: uppercase;color: rgb(68, 67, 73)}
.super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-right{border-style:solid}
.drop-down ul li, .mobile-menu .drop-down ul li, .flyout-menu .fly-drop-down ul li{border-bottom-style:solid;border-color: rgb(80, 80, 80)}
.mega-menu-categories .mega-menu div > h3{text-align:left}
.mega-menu-html div > h3{background-color: rgb(255, 255, 255)}
.mobile-trigger:before{content: '\e618';font-size: 20px;color: rgb(68, 67, 73);top: -1px}
.drop-down .menu-plus:before{content: '\e620';font-size: 10px;top: -3px}
.mobile-trigger, .mobile-menu-on-tablet .mobile-trigger{font-weight: 400;font-family: "Abril Fatface";font-style: normal;font-size: 16px;text-transform: uppercase;color: rgb(68, 67, 73)}
.journal-menu .mobile-menu > li .mobile-plus, .tablet.mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus, .mobile.mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus{background-color: rgb(80, 80, 80);color: rgb(255, 255, 255)}
.journal-header-default .links a:hover{background-color: rgb(228, 228, 228)}
.journal-header-default .journal-links{background-color: rgb(244, 244, 244)}
.journal-header-default .links a, .journal-header-default .links .no-link{border-color: rgb(228, 228, 228)}
header .links li:hover a, .mm-header-link li:hover a{color: rgb(176, 158, 102)}
.super-menu{background-color: rgb(255, 255, 255)}
.journal-menu-bg{background-color: rgb(255, 255, 255)}
.super-menu > li:hover, .journal-header-compact #header .journal-menu .super-menu > li:hover > a{background-color: rgb(244, 243, 223)}
.super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-left, .journal-desktop .menu-floated .float-right{border-color: rgb(250, 250, 250)}
.mega-menu, .html-menu{background-color: rgb(244, 243, 223)}
header .journal-secondary a:hover, header .journal-secondary .links > a:hover, .mm-header-link a:hover{color: rgb(176, 158, 102)}
.mega-menu div > h3:hover > a{color: rgb(176, 158, 102)}
.drop-down ul li:hover > a, .fly-drop-down ul li:hover > a{color: rgb(68, 67, 73)}
.drop-down ul li, .fly-drop-down ul li{background-color: rgb(68, 67, 73)}
.drop-down ul li:hover, .drop-down ul > li:hover > a, .fly-drop-down ul > li:hover > a{background-color:rgb(233, 232, 211);border-color:rgb(233, 232, 211);}
.journal-menu .mobile-trigger{background-color: rgb(0, 0, 0)}
.mega-menu .product-grid-item .price{display:inline-block}
.mega-menu{padding:15px}
.mega-menu-item > div, #header .mega-menu .product-wrapper{margin-right:15px}
.mega-menu-categories .mega-menu-item ul li{padding-bottom:3px}
.mega-menu .product-grid-item .price, .mega-menu .product-grid-item .price-new{color: rgb(56, 56, 56)}
.mega-menu-column > div > h3, .mega-menu-column > h3{border-bottom-width: 1px;border-style: solid;border-color: rgb(205, 204, 182);padding-bottom:5px;margin-bottom:10px;font-weight: 400;font-family: "Playfair Display";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(0, 0, 0)}
.mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper h3{padding-bottom:5px}
.mega-menu-column.mega-menu-html .wrapper p, .mega-menu-column.mega-menu-html .wrapper p span, .mega-menu .mega-menu-column .menu-cms-block{color: rgb(56, 56, 56)}
.mega-menu-categories .mega-menu-item ul li.view-more a{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 11px;text-transform: none}
.quote .button{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: uppercase;border-width: 1px;border-style: solid;border-color: rgb(246, 241, 236);padding:0 25px;line-height:38px;background-color: rgba(0, 0, 0, 0)}
.quote .button:hover{border-color: rgb(176, 158, 102)}
.product-info .left .image-additional a{padding:0 15px 15px 0}
.product-info .image .label-latest{display: block}
.product-info .image .label-sale{display: block}
.product-info .image .label-outofstock{display: block}
.product-info .product-options > div, .product-info .product-options > ul, #content .product-info .options h3, .ms-sellerprofile.description h3{border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228)}
.product-options > div, .product-options > ul, .skin-11 .right .heading-title{margin-bottom:13px}
.product-info .right .description .instock{color: rgb(51, 153, 101)}
.product-info .right .description .outofstock{color: rgb(234, 35, 73)}
.product-info .right .price .price-new, .product-info .right .price .product-price, .product-info .right .price li.price-new, .product-info .right .price li.product-price{font-weight: 400;font-family: "Roboto Slab";font-style: normal;font-size: 35px;text-transform: none}
.product-info .right .price .price-old, .product-info .right .price li.price-old{font-weight: 400;font-family: "Roboto Slab";font-style: normal;font-size: 20px;text-transform: none;color: rgb(255, 255, 255)}
.product-info .right .price-old{background-color: rgb(176, 158, 102)}
.product-info .option > ul > li:active, .product-info .option > ul > li.selected{box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.7)}
.product-info .option > ul > li{color: rgb(255, 255, 255);background-color: rgb(52, 73, 94)}
#button-cart, .product-info .right .cart div .button.enquiry-button{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 15px;text-transform: uppercase;color: rgb(255, 255, 255)}
#button-cart, .product-info .right .cart div .button.enquiry-button, .quickview #more-details{background-color: rgb(68, 67, 73)}
.product-info .right .wishlist-compare .links a{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69)}
.product-info .right .wishlist-compare .links a:hover{color: rgb(176, 158, 102)}
#tabs a, #tabs li a{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73);box-shadow:inset 0 -3px 6px -2px rgba(0, 0, 0, 0.5)}
.product-info .tab-content, .tab-content{padding:15px}
.product-info .left .journal-custom-tab h3{font-weight: bold ;font-family: Helvetica, Arial, sans-serif ;font-style: normal ;font-size: 14px ;text-transform: uppercase }
.product-info .right .journal-custom-tab h3{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: uppercase}
.product-info .gallery-text:before{content: '\e015';font-size: 16px}
#product-gallery .swiper-button-prev::before{content: '\e60f';font-size: 20px;color: rgb(176, 158, 102)}
#product-gallery .swiper-button-next::before{content: '\e60e';font-size: 20px;color: rgb(176, 158, 102);left: 1px}
.product-info .right .options .option{border-color: rgb(255, 255, 255)}
.product-info .option > ul > li.selected, .product-info .option > ul > li:hover{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
.product-info .right .cart div .journal-stepper{color: rgb(255, 255, 255);background-color: rgb(68, 67, 73)}
.product-info .right .cart div .journal-stepper:hover{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
#button-cart:hover, .product-info .right .cart div .button.enquiry-button:hover, .quickview #more-details:hover{background-color: rgb(176, 158, 102)}
.product-info .right .wishlist-compare{background-color: rgb(244, 244, 244)}
#tabs a:hover, #tabs a.selected, #tabs li a:hover, #tabs li.active a{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
.tags{text-align:left}
.tags a, .tags b{border-radius: 15px}
.tags b{background-color: rgb(52, 73, 94);color: rgb(255, 255, 255)}
.tags a{background-color: rgb(255, 255, 255)}
.tags a:hover{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
#product-gallery .swiper-button-prev, #product-gallery .swiper-button-next{border-radius: 50%;margin-top:-8px;height:25px; line-height:25px;width:25px}
.product-info .right > div > div, .product-info .right > div > ul{padding-bottom:13px}
.product-info .right .options .option b, .product-info .right .options .option .control-label{font-weight: 400;font-family: "Roboto Slab";font-style: normal;font-size: 14px;text-transform: none}
.product-info .right .options .option label:hover{color: rgb(176, 158, 102)}
.social, .product-options .social, .blog-post .social{background-color: rgb(255, 255, 255)}
#product-gallery .swiper-button-prev:hover::before, #product-gallery .swiper-button-next:hover::before{color: rgb(0, 0, 0)}
.product-info .right .options .option label{color: rgb(66, 139, 202)}
#tab-description{line-height:17px}
.attribute tbody td{text-align:left}
.product-options .product-sold-count-text{background-color: rgb(238, 238, 238);max-width:250px}
#product .product-sold-count-text{padding-left:5px;padding-top:5px;padding-bottom:5px;padding-right:5px}
.product-sold-count-text{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none}
.product-page .heading-title{text-align:left}
.attribute tr td:first-child{text-align:left}
body{font-family: Helvetica, Arial, sans-serif;font-weight: normal;font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69);background-color: rgb(255, 255, 255)}
.heading-title, .box-heading, #blogArticle .articleHeader h1, .oc-filter .panel-heading{text-align:left;border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);line-height:40px; min-height:40px;}
.secondary-title, #content #review-title, #content legend, .checkout-content h2{text-align:left;font-weight: 400;font-family: "Playfair Display";font-style: normal;font-size: 16px;text-transform: none;color: rgb(68, 67, 73);border-bottom-width: 1px;border-style: solid;border-color: rgb(233, 232, 211);padding-top:8px; padding-bottom:8px}
.heading-title, .box-heading, #blogArticle .articleHeader h1, #swipebox-caption, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected, .oc-filter .panel-heading{font-weight: 700;font-family: "Playfair Display";font-style: normal;font-size: 20px;text-transform: uppercase}
.button, .side-column .box-content a.button, #quickcheckout .button, .modal-footer .btn{color: rgb(255, 255, 255)}
.button, #quickcheckout .button, .modal-footer .btn{border-radius: 2px;padding:0 12px;line-height:30px;background-color: rgb(68, 67, 73)}
.breadcrumb{font-family: Helvetica, Arial, sans-serif;font-weight: bold;font-style: normal;font-size: 14px;text-transform: none;background-color: rgb(255, 255, 255)}
.scroll-top:before{content: '\e021';font-size: 45px;color: rgb(63, 87, 101)}
#container{background-color: rgb(255, 255, 255)}
a{color: rgb(69, 115, 143)}
a:hover{color: rgb(0, 0, 0)}
.button:hover, .side-column .box-content a.button:hover, #quickcheckout .button:hover, .modal-footer .btn:hover{color: rgb(255, 255, 255)}
.button:hover, #quickcheckout .button:hover, .modal-footer .btn:hover{background-color: rgb(0, 0, 0)}
.breadcrumb a:hover{color: rgb(0, 0, 0)}
.scroll-top:hover:before{color: rgb(176, 158, 102)}
.box-sections ul li, .custom-sections .box-heading.box-sections{border-style:solid;border-color: rgb(94, 93, 93)}
.custom-sections .box-heading{border-bottom-width: 0px;border-style: solid;background-color: rgb(68, 67, 73)}
.box-sections ul li a{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(255, 255, 255)}
.box-sections, .box-sections ul li a, #top-modules .journal2_custom_sections::before, #bottom-modules .journal2_custom_sections::before{line-height:40px; min-height:40px;}
.box-sections ul li a:hover, .box-sections ul li a.selected{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
#footer{margin-top:20px;margin-bottom:0px;background-color: rgb(255, 255, 255)}
footer .column > h3{border-bottom-style:solid;text-align:left;font-weight: 700;font-family: "Playfair Display";font-style: normal;font-size: 18px;text-transform: uppercase;color: rgb(42, 43, 46);border-color: rgb(244, 244, 244)}
footer .column-menu-wrap > ul li{color: rgb(90, 105, 129)}
footer .contacts{box-shadow:none;background-color: rgb(244, 244, 244)}
footer .contacts [data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(56, 56, 56)}
.bottom-footer{box-shadow:none}
.fullwidth-footer{background-color: rgb(255, 255, 255)}
footer .column-menu-wrap > ul li:hover a{color: rgb(176, 158, 102)}
footer .contacts > div > span > .contact-icon{background-color: rgb(176, 158, 102)}
footer a .contacts-text:hover{color: rgb(176, 158, 102)}
footer .contacts-text{color: rgb(255, 255, 255)}
.column.products .product-grid-item .price, .column.products .product-grid-item .price-new{color: rgb(0, 0, 0)}
.column.products .product-grid-item .name a{white-space:normal}
.column.products .product-grid-item .name a:hover{color: rgb(176, 158, 102)}
.column.products .product-grid-item{border-bottom-style:solid;padding:5px 0;border-color: rgb(244, 244, 244)}
footer .column-text-wrap p{line-height:17px}
.column.products .product-grid-item .name a, .footer-post-title{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none}
.footer-post{border-bottom-style:solid;padding:5px 0;border-color: rgb(244, 244, 244)}
#cart .heading i{border-left-style:solid;background-color: rgb(0, 0, 0);border-color: rgb(244, 244, 244)}
.mini-cart-info table tr{border-bottom-style:solid;border-bottom-color: rgb(80, 80, 80)}
#cart .heading, .ie9 #cart button.heading{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(42, 43, 46)}
.journal-header-center #cart .heading i{border-radius: 50%}
.mini-cart-info, #cart .empty{color: rgb(255, 255, 255)}
.mini-cart-info{max-height:352px}
.mini-cart-total{color: rgb(52, 73, 94);background-color: rgb(233, 232, 211)}
.button-search, .journal-header-center .button-search{border-right-style:solid}
#search input{font-family: Helvetica, Arial, sans-serif!important;font-weight: normal!important;font-style: normal!important;font-size: 14px!important;text-transform: none!important;background-color: rgb(255, 255, 255)}
.journal-header-center .button-search{border-radius: 50px}
.autocomplete2-suggestion .p-name{color: rgb(244, 244, 244)}
.autocomplete2-suggestion span.p-price{color: rgb(255, 255, 255);display:block}
.autocomplete2-suggestions > div{max-height:402px}
.journal-header-center #language, .journal-header-center #currency{border-style:solid;border-color: rgb(244, 244, 244)}
.journal-language .dropdown-menu, .journal-currency .dropdown-menu{background-color: rgb(244, 244, 244);box-shadow:none}
.journal-currency form .currency-symbol{border-radius: 15px;background-color: rgb(176, 158, 102)}
#cart .heading i:before{content: '\e69a';font-size: 22px;color: rgb(255, 255, 255);left: 1px}
.button-search i:before{content: '\e015';font-size: 20px;color: rgb(255, 255, 255)}
.journal-top-header{background-color: rgb(255, 255, 255)}
.header, .boxed-header.default-header .journal-login{background-color: rgb(255, 255, 255)}
.journal-header-default #logo, .journal-header-compact #logo{background-color: rgb(255, 255, 255)}
.journal-header-default #cart{background-color: rgb(234, 35, 73)}
#cart .content .cart-wrapper, .oc2 #cart .checkout{background-color: rgb(68, 67, 73)}
.mini-cart-info table tr td.remove i{color: rgb(0, 0, 0)}
.mini-cart-info table tr td.remove i:hover, .firefox .mini-cart-info table tr td.remove button:hover i{color: rgb(221, 0, 23)}
.autocomplete2-suggestion{border-bottom-style:solid;border-color: rgb(80, 80, 80)}
.autocomplete2-suggestion:hover{background-color: rgb(80, 80, 80)}
.button-search{background-color: rgb(0, 0, 0);border-color:rgb(244, 244, 244)}
.autocomplete2-suggestions{background-color: rgb(68, 67, 73)}
.journal-language .dropdown-menu > li > a:hover, header .journal-currency .dropdown-menu > li > a:hover{color: rgb(255, 255, 255)}
.journal-language .dropdown-menu > li > a:hover, .journal-currency .dropdown-menu > li > a:hover{background-color: rgb(212, 211, 178)}
#cart .checkout .button{background-color: rgb(0, 0, 0)}
#cart .checkout .button:hover{background-color: rgb(169, 184, 192)}
.journal-header-center .journal-top-header, .journal-header-center .journal-secondary{border-color: rgb(255, 255, 255);border-bottom-style:solid; border-top-style:solid;}
.journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li{border-top-style:solid}
.autocomplete2-suggestion .p-image{display:block}
.journal-currency form .currency-symbol, .journal-currency .dropdown-menu > li > a{color: rgb(255, 255, 255)}
.header{box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1)}
html:not(.home-page) .header, html:not(.home-page).boxed-header.default-header .journal-login{background-color: rgb(255, 255, 255)}
.journal-header-center #logo{background-color: rgb(255, 255, 255)}
.product-grid-item .image .label-latest{display: block}
.product-grid-item .image .label-sale{display: block}
.product-grid-item .image .label-outofstock{display: block}
.product-grid-item .name a, .posts h2 a{white-space:nowrap;font-family: Helvetica, Arial, sans-serif;font-weight: normal;font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69)}
.product-grid-item .price{display:block;;border-top-width: 1px;border-style: solid;border-color: rgb(245, 236, 221);padding-top:7px;display:inline-block}
.product-details{background-color: rgb(255, 255, 255);padding-bottom: 15px}
.product-details:before{font-size: 25px;margin-left: -14px;top: -21px;color: rgb(255, 255, 255)}
.product-grid-item .cart .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255)}
.product-grid-item .quickview-button {margin-left: -22px;margin-top: -25px}
.product-grid-item .quickview-button .button{border-radius: 40px;padding:0 14px;;background-color: rgb(176, 158, 102)}
.product-grid-item .quickview-button .button:hover{background-color: rgb(255, 255, 255)}
.product-grid-item .quickview-button .button[data-hint]:after{color: rgb(68, 67, 73);background-color: rgb(255, 255, 255)}
.product-grid-item.display-icon .wishlist > a, .product-grid-item.display-icon .compare > a{border-radius: 50%;width:32px;height:32px; padding:0;;background-color: rgb(176, 158, 102)}
.product-grid-item .wishlist [data-hint]:after, .product-grid-item .compare [data-hint]:after{color: rgb(68, 67, 73);background-color: rgb(255, 255, 255)}
.product-grid-item .cart:not(.enquiry-button) i::before{content: '\e000';font-size: 24px;color: rgb(255, 255, 255)}
.product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before{content: '\e660';font-size: 20px;color: rgb(255, 255, 255)}
.product-grid-item .wishlist-icon:before{content: '\e662';font-size: 16px;color: rgb(255, 255, 255);top: 1px}
.product-grid-item .compare-icon:before{content: '\e025';font-size: 16px;color: rgb(255, 255, 255)}
.product-grid-item .price, .product-grid-item .price-new{font-weight: bold;font-size: 16px}
.product-grid-item .price-old, .compare-info .price-old, .autocomplete2-suggestion span.p-price .price-old{color: rgb(164, 23, 51)}
.product-grid-item .wishlist a, .product-grid-item .compare a{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 11px;text-transform: none;color: rgb(51, 55, 69)}
.product-grid-item.display-icon .wishlist > a:hover, .product-grid-item.display-icon .compare > a:hover{background-color: rgb(255, 255, 255)}
.soft-shadow .product-wrapper{box-shadow:none}
.product-grid-item .rating{margin-left:-47px;top:-35px}
.product-grid-item .cart{margin-bottom:0px}
.product-grid-item .compare a:hover .compare-icon:before, .product-grid-item .wishlist a:hover .wishlist-icon:before{color: rgb(68, 67, 73)}
.product-grid-item .quickview-button .button:hover .button-left-icon:before, .product-grid-item .quickview-button .button:hover .button-right-icon:before{color: rgb(68, 67, 73)}
.category-list ul li a, .refine-category-name{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 13px;text-transform: none;color: rgb(68, 67, 73)}
.category-list ul li:after{color: rgb(228, 228, 228)}
.category-list{background-color: rgb(51, 55, 69)}
.refine-image a{padding:0px}
.product-filter, .product-compare a{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 13px;text-transform: none;color: rgb(42, 43, 46)}
.pagination b, .pagination a:hover, .pagination .active{color: rgb(255, 255, 255)}
.category-list ul li a:hover, .refine-image a:hover .refine-category-name{color: rgb(176, 158, 102)}
.pagination{border-top-width: 1px;border-style: solid;border-color: rgb(244, 244, 244);box-shadow:none}
.product-filter .display a i:hover, .product-filter .display a.active i{color:rgb(176, 158, 102) !important}
.product-filter{background-color: rgb(244, 244, 244)}
.product-compare a:hover{color: rgb(176, 158, 102)}
.pagination a, .pagination b, .pagination li{border-radius: 50%}
.pagination a{background-color: rgb(255, 255, 255);color: rgb(51, 55, 69)}
.pagination b, .pagination a:hover, .pagination li.active {background-color: rgb(176, 158, 102)}
.category-info .image img{border-radius: 50%}
.category-page .heading-title{text-align:left}
.tp-bannertimer, .tp-bannertimer.tp-bottom{height:3px;background-color: rgb(176, 158, 102)}
.tp-bullets.tp-thumbs .bullet:before{opacity:.4}
.tp-bullets.tp-thumbs .bullet.selected:before, .tp-bullets.tp-thumbs .bullet:hover:before{opacity:0}
.tp-bullets.tp-thumbs{border-top-width: 7px;border-right-width: 7px;border-left-width: 7px;border-style: solid;border-color: rgb(255, 255, 255)}
.tp-leftarrow:before, .tp-leftarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:before{content: '\e62b';font-size: 60px;color: rgb(255, 255, 255)}
.tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before{content: '\e62c';font-size: 60px;color: rgb(255, 255, 255)}
.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .journal-simple-slider .owl-controls .owl-page.active span, .journal-simple-slider .owl-controls.clickable .owl-page:hover span{background-color: rgb(176, 158, 102)}
.tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page span{background-color: rgb(255, 255, 255);margin-left:8px;width:25px;height:7px}
.tp-leftarrow:hover:before, .tp-leftarrow.default:hover:before, .tp-rightarrow:hover:before, .tp-rightarrow.default:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:hover:before{color: rgb(176, 158, 102)}
.journal-carousel .htabs a, .side-column .journal-carousel .htabs a{border-right-style:solid;border-color: rgb(255, 255, 255)}
.journal-carousel .htabs a, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected{font-weight: 700;font-family: "Playfair Display";font-style: normal;font-size: 18px;text-transform: uppercase;color: rgb(56, 56, 56)}
.journal-carousel .htabs a{line-height:38px; min-height:38px;}
.journal-carousel.arrows-top .swiper-button-prev::before{content: '\e61f';font-size: 20px;color: rgb(52, 73, 94)}
.journal-carousel.arrows-top .swiper-button-next::before{content: '\e620';font-size: 20px;color: rgb(52, 73, 94)}
.swiper-pagination-bullet{background-color: rgb(52, 73, 94);border-radius: 50%;width:12px;height:12px}
.journal-carousel.arrows-top .swiper-button-prev:hover::before, .journal-carousel.arrows-top .swiper-button-next:hover::before{color: rgb(176, 158, 102)}
.swiper-pagination-bullet:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: rgb(176, 158, 102)}
.journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
.journal-carousel:not(.arrows-top) .swiper-button-next::before{content: '\e620';font-size: 25px;color: rgb(176, 158, 102)}
.journal-carousel:not(.arrows-top) .swiper-button-prev::before{content: '\e61f';font-size: 25px;color: rgb(176, 158, 102)}
.journal-carousel:not(.arrows-top) .swiper-button-prev:hover::before, .journal-carousel:not(.arrows-top) .swiper-button-next:hover::before{color: rgb(69, 115, 143)}
.product-list-item{background-color: rgb(255, 255, 255)}
.product-list-item .image .label-latest{display: block}
.product-list-item .image .label-sale{display: block}
.product-list-item .image .label-outofstock{display: block}
.product-list-item .description{display:block}
.product-list-item .cart .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(66, 139, 202)}
.product-list-item .quickview-button {margin-left: -20px;margin-top: -20px}
.product-list-item .quickview-button .button{border-radius: 50px}
.product-list-item .quickview-button .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
.product-list-item .wishlist a, .product-list-item .compare a{color: rgb(51, 55, 69)}
.product-list-item .cart:not(.enquiry-button) i:before{content: '\e001';font-size: 20px;color: rgb(255, 255, 255)}
.product-list-item .quickview-button .button-left-icon:before, .product-list-item .quickview-button .button-right-icon:before{content: '\e661';font-size: 20px;color: rgb(255, 255, 255)}
.product-list-item .wishlist-icon:before{content: '\e662';font-size: 11px;color: rgb(51, 55, 69);top: -2px}
.product-list-item .compare-icon:before{content: '\e025';font-size: 11px;color: rgb(51, 55, 69);top: -2px}
.product-list-item .wishlist a:hover, .product-list-item .compare a:hover{color: rgb(176, 158, 102)}
.side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr{border-bottom-style:solid}
.side-column .side-category-accordion i{border-radius: 50%;color: rgb(52, 73, 94)}
.side-column .side-category-accordion i:hover{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
.side-column .box-category li a:before, .flyout-menu .flyout > ul > li > a:before, .side-column .box-content li a:before{content: '\e62c';font-size: 15px;color: rgb(169, 184, 192);top: -2px}
.side-column, .side-column .oc-module .product-grid-item .price, .journal-sf ul li label, .side-post-title{color: rgb(51, 55, 69)}
.side-column .box-content li a:hover, .side-column .box-category li a:hover, .flyout-menu .flyout > ul > li:hover > a, .flyout-menu .flyout > ul > li > a:active, .side-column .box-content li a.active, .side-column .box-category li a.active, .side-column .oc-module .product-grid-item .name a:hover, #column-right .recentArticles li > a:hover, #column-right .popularArticles li > a:hover, #column-left .recentArticles li > a:hover, #column-left .popularArticles li > a:hover{color: rgb(176, 158, 102)}
.side-column .box-content li a:hover, .side-column .box-category li a:hover, .flyout-menu .flyout > ul > li:hover > a, .flyout-menu .flyout > ul > li > a:active, .side-column .box-content li a.active, .side-column .box-category li a.active{background-color: rgb(255, 255, 255)}
.side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr {border-color:rgb(255, 255, 255)}
.side-column .heading-title, .side-column .box-heading, .side-column #blogArticle .articleHeader h1, .side-column .journal-carousel .htabs.single-tab a.selected, .oc-filter .panel-heading, .oc-filter a.list-group-item{font-weight: 400;font-family: "Playfair Display";font-style: normal;font-size: 17px;text-transform: none}
.side-column .box-content li a, .side-column .box-category li a{padding-left:0px;padding-top:8px;padding-bottom:2px;padding-right:20px}
.side-column .oc-module .product-grid-item{padding-bottom:0px;padding-right:0px;padding-left:0px;padding-top:7px}
.side-column .side-category i{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 18px;text-transform: none;color: rgb(0, 0, 0);margin-right:0px;width:20px;height:20px;margin-top:7px}
.side-column .oc-module .product-grid-item .name a{white-space:nowrap}
.side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, #column-right .recentArticles li > a, #column-right .popularArticles li > a, #column-left .recentArticles li > a, #column-left .popularArticles li > a, .side-post-title{color: rgb(56, 56, 56)}
.cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type{border-bottom-style:solid}
.action-area h3{background-color: rgb(244, 244, 244)}
.buttons{border-color: rgb(250, 250, 250);padding-top:15px; padding-bottom:15px;;padding-left:15px; padding-right:15px;background-color: rgb(244, 244, 244)}
.cart-info table, .wishlist-info table, .compare-info td, table.list tbody td, .order-list .order-content{background-color: rgb(255, 255, 255)}
.cart-info tbody td, .wishlist-info tbody td, .compare-info td, table.list tbody td, .order-list .order-content{color: rgb(51, 55, 69)}
.cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, .order-list .order-id, .order-list .order-status{color: rgb(52, 73, 94);background-color: rgb(244, 244, 244)}
.cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type, .account-page table.list td, .account-page table.list{border-color: rgb(233, 232, 211)}
.login-content > div, .sitemap-info > div > ul{background-color: rgb(250, 250, 250)}
.login-content hr{background-color: rgb(228, 228, 228)}
#content.sc-page .content p, #content.sc-page .action-area p, .cart-total, table.list tfoot td{background-color: rgb(244, 244, 244)}
table.radio .highlight:hover td label, .action-area .panel-title:hover a{color: rgb(255, 255, 255)}
table.radio .highlight td, .action-area .panel-heading{background-color: rgb(255, 255, 255)}
table.radio .highlight:hover td, .action-area .panel-heading:hover{background-color: rgb(0, 0, 0)}
#content.sc-page .content table.radio .highlight td{border-color: rgb(244, 244, 244)}
.checkout-heading, .checkout .panel-heading, .route-checkout-checkout .panel-heading:hover{background-color: rgb(52, 73, 94)}
.checkout-heading{border-color: rgb(63, 87, 101);border-bottom-style:solid}
.checkout-product thead td, .checkout-product tfoot td{color: rgb(51, 55, 69);background-color: rgb(244, 244, 244)}
.checkout-product tbody td{border-color: rgb(244, 244, 244)}
.checkout-content, .checkout-page .panel-body{background-color: rgb(255, 255, 255)}
.checkout-content, .checkout-page .panel-body {padding:12px}
.checkout-heading, .checkout .panel-title, .route-checkout-checkout .panel-title{color: rgb(255, 255, 255)}
.information-page #content h1.heading-title{text-align:left}
table.radio .highlight td label, .action-area .panel-title{color: rgb(80, 80, 80)}
.sf-icon:after{background-color: rgb(176, 158, 102);color: rgb(244, 244, 244);border-radius: 2px}
.sf-reset:hover{color: rgb(176, 158, 102)}
.sf-price .ui-widget-header{background-color: rgb(52, 73, 94)}
.sf-price .value{color: rgb(255, 255, 255);background-color: rgb(52, 73, 94);border-radius: 2px}
.sf-reset{color: rgb(42, 43, 46)}
.sf-price .ui-slider-handle:hover{background-color: rgb(176, 158, 102)}
.sf-price .ui-slider-handle{background-color: rgb(52, 73, 94);width:15px;height:15px;top:-7px;border-radius: 50%}
.journal-sf ul label.sf-checked img, .journal-sf ul label:hover img{border-color: rgb(176, 158, 102)}
.sf-icon .sf-reset-icon::after, .sf-reset .sf-reset-icon::after{content: '\e602';font-size: 16px}
.side-column .journal-sf .box ul li label.sf-checked, .side-column .journal-sf .box ul li label:hover{color: rgb(176, 158, 102)}
.journal-sf ul label img{border-width: 2px;border-style: solid;border-color: rgb(244, 244, 244)}
.side-column .journal-sf .box ul li{padding-top:3px;padding-bottom:1px;border-bottom-style:solid;border-color: rgb(255, 255, 255)}
.sf-price .box-content{padding-left:17px;padding-bottom:35px;padding-top:20px;padding-right:20px}
.side-column .journal-sf .box{margin-bottom:15px}
.sf-price .ui-widget-content{background: rgb(176, 158, 102)}
.journal-sf .sf-image .box-content ul li{padding-bottom:7px;padding-right:7px;width:16.666666%}
.journal-sf .sf-image .box-content{padding-top:5px}
.sf-price .ui-slider-horizontal{height:1px}
.journal-sf .box-content{max-height:300px}
.side-column .journal-sf .box ul{padding-top:5px}
.journal-sf .sf-manufacturer.sf-image .box-content ul li{width:25%}
.journal-sf .sf-category.sf-image .box-content ul li{width:20%}
.open-filter{background-color: rgb(176, 158, 102)}
.nav-numbers a{width:12px;height:12px;border-radius: 50%;background-color: rgb(255, 255, 255)}
.nav-numbers a:hover, .nav-numbers li.active a{background-color: rgb(176, 158, 102)}
.ui-pnotify {display: block !important;background-color: rgb(68, 67, 73)}
.ui-pnotify-text img {display: block}
.ui-pnotify-title {font-weight: 700;font-family: "Playfair Display";font-style: normal;font-size: 13px;text-transform: uppercase;color: rgb(42, 43, 46);background-color: rgb(233, 232, 211)}
.ui-pnotify-text{color: rgb(255, 255, 255)}
.ui-pnotify-closer{color: rgb(68, 67, 73)}
.journal-desktop .ui-pnotify-closer:hover{color: rgb(176, 158, 102)}
.ui-pnotify-text a{color: rgb(233, 232, 211)}
.ui-pnotify-text a:hover{color: rgb(176, 158, 102)}
.notification-buttons .notification-cart:hover{color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)}
.notification-buttons .notification-cart{color: rgb(80, 80, 80);background-color: rgb(233, 232, 211)}
.notification-buttons .notification-checkout{background-color: rgb(233, 232, 211);color: rgb(80, 80, 80)}
.notification-buttons .notification-checkout:hover{background-color: rgb(176, 158, 102);color: rgb(255, 255, 255)}
.notification-buttons{display:block}
.block-content, .side-block-content, .block-content p, .side-block-content p, .block-content p span, .side-block-content p span{color: rgb(234, 35, 73) }
.side-column .box.cms-blocks .cms-block{margin-bottom:15px}
.gallery-thumb a:before{content: '\e015';font-size: 30px;color: rgb(255, 255, 255)}
.gallery-thumb .item-hover{background-color: rgba(51, 55, 69, 0.5)}
.lg-backdrop{background-color: rgba(0, 0, 0, 0.75)}
.lg-toolbar, .lg-sub-html{background-color: rgb(68, 67, 73)}
.lg-toolbar .lg-icon:hover, #lg-intense-zoom:hover{color: rgb(176, 158, 102)}
.lg-sub-html{color: rgb(255, 255, 255)}
.side-column .journal-gallery .box-content{padding:0px !important}
#content .welcome h1, .side-column .welcome h1{text-align:left;font-weight: 400;font-family: "Roboto Slab";font-style: normal;font-size: 25px;text-transform: none;color: rgb(51, 55, 69);border-bottom-style:solid;border-color: rgb(233, 232, 211)}
#content .welcome p, .side-column .welcome p{text-align:left}
.product-grid-item .compare, .product-filter .product-compare{display:none;}
.product-grid-item .wishlist{display:none}
.product-info .product-options > .cart{display:block}
.product-info .right .description{display:block}
.product-info .right > div > .price{display:block}
.product-info .right > div > .options{display:block}
.product-info .right .wishlist-compare .links a + a{display:none}
.product-info .right .wishlist-compare .links a:first-of-type{display:none;}
.product-grid-item .name{display:table}
.journal-carousel .product-grid-item .cart{display:block}
.journal-carousel .product-grid-item .wishlist{display:none}
.journal-carousel .product-grid-item .compare{display:none}
.journal-carousel .product-grid-item .price{display:inline-block}
.journal-carousel .product-grid-item .name{display:table}
.side-column .journal-carousel .product-grid-item .cart{display:block}
.side-column .journal-carousel .product-grid-item .wishlist{display:none}
.side-column .journal-carousel .product-grid-item .compare{display:none}
.side-column .journal-carousel .product-grid-item .price{display:inline-block}
.side-column .journal-carousel .product-grid-item .name{display:table}
.custom-sections .product-grid-item .cart{display:block}
.custom-sections .product-grid-item .wishlist{display:none}
.custom-sections .product-grid-item .compare{display:none}
.custom-sections .product-grid-item .price{display:inline-block}
.custom-sections .product-grid-item .name{display:table}
.mega-menu .product-grid-item .cart{display:block}
.mega-menu .product-grid-item .wishlist{display:none}
.mega-menu .product-grid-item .compare{display:none}
.mega-menu .product-grid-item .name{display:table}
.product-list-item .cart{display:block}
.product-list-item .wishlist{display:none}
.product-list-item .compare{display:none}
.product-list-item .price{display:inline-block}
.product-list-item .name{display:table}
.countdown > span{border-style:solid}
.product-info .right > div .countdown > span{border-style:solid;border-color: rgb(119, 119, 119)}
.product-page .countdown, .expire-text{max-width:250px}
.expire-text{background-color: rgb(176, 158, 102);text-align:left;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;font-weight: 400;font-family: "Playfair Display";font-style: normal;font-size: 15px;text-transform: none;color: rgb(255, 255, 255)}
.product-info .right > div .countdown{background-color: rgb(80, 80, 80)}
.post-item-details{padding-bottom:0px;text-align:left;padding-top:0px;padding-right:0px;padding-left:0px}
.post-wrapper{background-color: rgb(255, 255, 255)}
span.p-date:before{content: '\e6b3';font-size: 13px;color: rgb(176, 158, 102)}
span.p-author:before{content: '\e1b8';font-size: 13px;color: rgb(176, 158, 102)}
span.p-comment:before{content: '\e1ae';font-size: 13px;color: rgb(176, 158, 102)}
.posts .post-wrapper h2 a{white-space:nowrap;font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 15px;text-transform: none}
.posts.blog-list-view .post-item-details h2 a{white-space:nowrap}
.posts.blog-list-view .post-image{width:30%}
.posts.blog-list-view .post-item-details h2 a span{border-bottom-style:solid}
.side-blog .box-post{padding-top:15px}
.side-blog .side-post + hr{border-bottom-style:solid;border-color: rgb(228, 228, 228)}
.post-module .post-item-details{padding-left:15px;padding-bottom:0px;padding-right:15px;padding-top:0px;text-align:left}
.post-module .post-wrapper .post-item-details h2 a{white-space:nowrap}
.post-module .box-heading{text-align:left}
.blog-post .post-stats .p-category:before{content: '\e6b2';font-size: 14px;color: rgb(176, 158, 102)}
.blog-post .social{text-align:left;border-top-style:solid}
.post-stats.comment-date{padding-bottom:10px}
.blog-post .post-stats.comment-date{border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228)}
blockquote, blockquote font{line-height:20px}
blockquote{border-color: rgb(176, 158, 102)}
.post-details .tags{text-align:left}
.comments > h3{text-align:left;font-weight: 700;font-family: "Playfair Display";font-style: normal;font-size: 17px;text-transform: uppercase;border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);padding-bottom:10px;margin-bottom:20px;margin-top:10px}
.reply-form h3{text-align:left;font-weight: 700;font-family: "Playfair Display";font-style: normal;font-size: 17px;text-transform: uppercase;border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);margin-bottom:20px;margin-top:10px;padding-bottom:10px}
.post-comment h3{text-align:left;font-weight: 700;font-family: "Playfair Display";font-style: normal;font-size: 18px;text-transform: uppercase;border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);margin-bottom:20px;padding-bottom:10px;margin-top:10px}
.blog-post .heading-title{text-align:left}
.comments .reply:nth-of-type(odd){background-color: rgb(244, 244, 244)}
.comments > .comment:nth-of-type(even){background-color: rgb(250, 250, 250)}
.comments > .comment:nth-of-type(odd){background-color: rgb(255, 255, 255)}
.comments .reply:nth-of-type(even){background-color: rgb(244, 244, 244)}
.post-details, .post-details p, .post-details font, .post-details > span, .post-details p font, .post-details p span, .post-details strong{line-height:20px !important}
.journal-checkout input[type='text'], .journal-checkout input[type='email'], .journal-checkout input[type='password'], .journal-checkout input[type='tel'], .journal-checkout textarea{border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228)}
.one-page-checkout h1.heading-title{text-align:center;border-bottom-width: 0px;border-style: solid;font-weight: 700;font-family: "Playfair Display";font-style: normal;font-size: 30px;text-transform: none}
.journal-checkout .checkout-content{background-color: rgb(255, 255, 255);border-width: 1px;border-style: solid;border-color: rgb(233, 232, 211)}
.journal-checkout .left .login-box .radio label, .journal-checkout .spw > div .radio label, .journal-checkout .confirm-order, .journal-checkout .checkout-login .form-group:last-of-type, .is-customer .journal-checkout .checkout-payment-form #payment-new, .is-customer .journal-checkout .checkout-shipping-form #shipping-new, .journal-checkout #payment-confirm-button fieldset legend, .journal-checkout .customer-group label.control-label, .journal-checkout .customer-group{border-style:solid;border-color: rgb(233, 232, 211)}
.journal-checkout .checkout-product thead td{font-weight: 400;font-family: "Playfair Display";font-style: normal;font-size: 15px;text-transform: none}
.journal-checkout .table-responsive{max-height:373px}
.journal-checkout .checkout-cart tbody tr td, .journal-checkout .checkout-cart tbody td:first-of-type, .one-page-checkout .journal-checkout .checkout-product tbody td, .journal-checkout .checkout-cart thead td, .journal-checkout .checkout-cart thead td:first-of-type, .journal-checkout .checkout-cart thead td:last-of-type, .journal-checkout .checkout-cart tfoot tr:last-of-type td, .journal-checkout .checkout-cart tfoot td:first-of-type, .journal-checkout .checkout-cart tfoot td:last-of-type{border-style:solid;border-color: rgb(233, 232, 211)}
.journal-checkout .confirm-order{text-align:left}
.journal-checkout .secondary-title{text-align:left;border-bottom-width: 0px;border-style: solid;background-color: rgb(243, 242, 228);font-weight: 700;font-family: "Playfair Display";font-style: normal;font-size: 17px;text-transform: none;color: rgb(55, 41, 30);padding-left:10px;}
.form-group.company-input{display:none !important}
.form-group.address-2-input{display:none}
#content.one-page-checkout div fieldset > div.fax-input{display:none !important}
.journal-checkout .spw > div p{display:none}
.journal-checkout .checkout-product thead td, .journal-checkout .checkout-product tfoot td{background-color: rgb(255, 255, 255)}
.flyout-menu .flyout > ul > li > a{border-color: rgb(238, 238, 238);padding-left:0%;border-bottom-style:solid}
.fly-drop-down ul{box-shadow:0 1px 8px -3px rgba(0, 0, 0, 0.5)}
.flyout-menu .flyout .fly-drop-down ul li{border-bottom-style:solid}
.flyout .mega-menu-column > div > h3{text-align:left}
.flyout .mega-menu-brands div > h3{text-align:left}
.flyout .mega-menu div > h3{text-align:left}
.fly-mega-menu{box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.4)}
.flyout-menu .flyout > ul > li > a, .fly-drop-down ul li a{font-weight: 400;font-family: "Playfair Display";font-style: normal;font-size: 14px;text-transform: none}
.cart-info .name a:hover, .wishlist-info tbody .name a:hover{color: rgb(0, 0, 0)}
.information-page #content, .information-page #content p{font-weight: 400;font-family: "ABeeZee";font-size: 16px}
#cart .heading i:hover::before, .firefox #cart .heading:hover i::before{color: rgb(255, 255, 255)}
.refine-image a span{white-space:nowrap}
.side-column .block-content p{color: rgb(221, 0, 23)}
.journal-checkout .check-newsletter {display:none}
#column-left{width:260px}
/* Swipebox Loader */
#swipebox-slider .slide {
background-image: url('image/data/journal2/loader.gif');
}
.mfp-iframe-scaler iframe{
background-image: url('image/data/journal2/loader.gif');
background-repeat: no-repeat;
background-position: center;
}
.social{
background-image: url('image/data/journal2/loader.gif');
}
@media only screen and (min-width: 760px){
.ui-pnotify{
width:350px !important;
}
}
/* Site width */
#container, #header, #footer, .bottom-footer > div, .bottom-footer.boxed-bar {
max-width: 1390px;
}
.product-page div.lg-sub-html{
top:auto;
bottom:0;
padding: 13px 70px;
background-color:;
}
.product-page .lg-toolbar{
background-color:;
}
/*Notification Position*/
.ui-pnotify{
right:20px;
}
html[dir="rtl"] .ui-pnotify{
left:20px;
right:auto;
}
.ui-pnotify-closer{
opacity:1;
}
.breadcrumb{
text-align:center
}
html[dir="rtl"] .breadcrumb{
text-align:center;
}
/* Product Grid Shadow */
.product-grid-item .enquiry-button .button i{
color:rgb(255, 255, 255);
}
.product-list-item .enquiry-button .button i{
color:rgb(255, 255, 255);
}
footer .contacts > div > span .contact-icon:hover{
background-color:rgb(56, 56, 56);
}
.product-grid-item .cart .button-left-icon::before,
.product-grid-item .enquiry-button i::before{
margin-right: 6px;
}
.product-grid-item .cart .button-right-icon{
display:none !important;
}
/* BLOG */
.post-wrapper{
box-shadow: none;
}
.post-item .post-wrapper{
box-shadow: none !important;
}
.blog-list-view .post-wrapper{
box-shadow: none !important;
}
.product-details:before {
display:none;
}
/* Product Grid Quickview*/
.product-grid-item:hover .quickview-button {
opacity: 1;
visibility: visible;
}
.product-grid-item .quickview-button .button-right-icon{
display:none;
}
.product-grid-item .quickview-button .button-left-icon:before{
float:none;
}
.product-grid-item .quickview-button .button-right-icon:before{
margin-left:0;
}
.product-grid-item .quickview-button .button-cart-text{
display:none;
}
.product-grid-item .quickview-button [data-hint]:after,
.product-grid-item .quickview-button .hint--top:before{
display:block;
}
.product-grid-item .quickview-button .hint--top:before{
border-top-color: rgb(255, 255, 255);
}
.product-grid-item .quickview-button .hint--right:before{
border-right-color: rgb(255, 255, 255);
}
.product-grid-item .quickview-button .hint--left:before{
border-left-color: rgb(255, 255, 255);
}
/* Product Grid Wishlist/Compare */
.product-grid-item .button-wishlist-text,
.product-grid-item .button-compare-text{
display: none;
}
.product-grid-item .wishlist [data-hint]:after,
.product-grid-item .wishlist .hint--top:before,
.product-grid-item .compare [data-hint]:after,
.product-grid-item .compare .hint--top:before{
display:block;
}
.product-grid-item .wishlist .hint--top:before,
.product-grid-item .compare .hint--top:before{
border-top-color: rgb(255, 255, 255);
}
.product-grid-item .wishlist .hint--right:before,
.product-grid-item .compare .hint--right:before{
border-right-color: rgb(255, 255, 255);
}
.product-grid-item .wishlist .hint--left:before,
.product-grid-item .compare .hint--left:before{
border-left-color: rgb(255, 255, 255);
}
.product-list-item .quickview-button .button{
width:40px;
height:40px;
line-height:40px;
padding:0;
}
.product-grid-item .quickview-button .button{
width:40px;
height:40px;
line-height:40px;
padding:0;
}
/* Product List */
.product-list-item{
box-shadow: none;
}
.product-list-item .cart .button-left-icon:before{
display:none;
}
.product-list-item .cart .button-right-icon{
display:none;
}
/* Product List Quickview*/
.product-list-item:hover .quickview-button {
opacity: 1;
visibility: visible;
}
.product-list-item .quickview-button .button-right-icon{
display:none;
}
.product-list-item .quickview-button .button-left-icon:before{
float:none;
}
.product-list-item .quickview-button .button-right-icon:before{
margin-left:0;
}
.product-list-item .quickview-button .button-cart-text{
display:none;
}
.product-list-item .quickview-button .button[data-hint]:after,
.product-list-item .quickview-button .hint--top:before{
display:block;
}
.product-list-item .quickview-button .hint--top:before{
border-top-color: rgb(176, 158, 102);
}
.product-list-item .quickview-button .hint--right:before{
border-right-color: rgb(176, 158, 102);
}
.product-list-item .quickview-button .hint--left:before{
border-left-color: rgb(176, 158, 102);
}
/* Product Page */
#product-gallery.image-additional-grid a{
width: 25%;
}
#button-cart .button-cart-text:after{
display:none;
}
.compare-info td{
border-right-style:solid;
}
table.list{
border-bottom-style:solid;
border-left-style:solid;
}
table.list td{
border-right-style:solid;
border-top-style:solid;
}
/* Product Labels*/
.label-latest + .label-sale{
top: 40px;
}
#more-details.hint--top:before{
border-top-color: rgb(176, 158, 102);
}
.boxed-header header{
max-width:1390px;
}
.boxed-header .super-menu > li:first-of-type{
border-left-width:0;
}
.boxed-header .super-menu > li:last-of-type{
border-right-width:0;
}
@media only screen and (max-width: 760px){
.journal-language .dropdown-toggle,
.journal-currency .dropdown-toggle{
color:;
}
.journal-header-center #language,
.journal-header-center #currency{
border-color:;
}
}
.sticky-menu .is-sticky .journal-header-default .header{
background-color: rgb(255, 255, 255);
}
html[dir="rtl"] .journal-carousel .htabs a:last-of-type{
border-left-color:rgb(255, 255, 255);
}
.boxed-header .journal-header-center .journal-links{
padding-left: 10px;
}
.boxed-header .journal-header-center .journal-search{
padding-left: 20px;
}
.boxed-header .journal-header-center .journal-secondary{
padding-right: 10px;
}
#cart{
box-shadow:none;
}
.journal-header-center .journal-center-bg{
top:40px;
}
#cart .cart-wrapper{
box-shadow:none;
}
#search input{
box-shadow:none;
}
.autocomplete2-suggestions{
box-shadow:none;
}
@media only screen and (max-width: 760px) {
ul.super-menu > li > a,
ul.super-menu > li:hover > a{
color:;
}
ul.super-menu > li,
ul.super-menu > li:hover{
background-color:;
}
.boxed-header .journal-header-center .journal-search,
.boxed-header .journal-header-center .journal-links{
padding-left: 0;
}
.boxed-header .journal-header-center .journal-cart,
.boxed-header .journal-header-center .journal-secondary{
padding-right: 0;
}
.button-search{
background-color:;
}
.button-search i:before{
color: !important;
}
}
@media only screen and (max-width: 980px) {
.mobile-menu-on-tablet ul.super-menu > li > a,
.mobile-menu-on-tablet ul.super-menu > li:hover > a{
color:;
}
.mobile-menu-on-tablet ul.super-menu > li,
.mobile-menu-on-tablet ul.super-menu > li:hover{
background-color:;
}
}
@media only screen and (min-width:760px) and (max-width:1405px) {
.journal-header-center .journal-search{
padding-left: 15px;
}
.journal-header-center .journal-cart{
padding-right: 15px;
}
.journal-header-center .journal-cart{
width:calc(25% - 20px);
padding-right:0;
}
html[dir="rtl"] .journal-header-center .journal-search{
padding-right: 15px;
}
}
@media only screen and (max-width:760px) {
.journal-header-center .journal-search,
html[dir="rtl"] .journal-header-center .journal-search{
padding-left: 0;
padding-right: 0;
}
.journal-header-center .journal-cart,
html[dir="rtl"] .journal-header-center .journal-cart{
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (min-width: 760px){
.boxed-header .journal-header-center .journal-cart{
padding-right:15px;
}
html[dir="rtl"] .boxed-header .journal-header-center .journal-cart{
padding-right:0;
padding-left:15px;
}
}
@media only screen and (min-width: 1390px) {
.sticky-menu:not(.boxed-header) .is-sticky .journal-header-compact #header .journal-menu .super-menu > li:first-of-type > a {
margin-left: 0;
}
.skin-16 .journal-header-mega .journal-search {
padding-right: 0;
}
}
@media only screen and (max-width: 1405px) {
.super-menu, .mega-menu, .html-menu{
border-radius:0;
}
.bottom-footer.fullwidth-bar .copyright{
padding-left: 15px;
}
.bottom-footer.fullwidth-bar .payments{
padding-right: 15px;
}
#top-modules > div:not(.gutter),
#bottom-modules > div:not(.gutter){
padding-left: 20px;
padding-right: 20px;
}
#top-modules .journal2_slider,
#bottom-modules .journal2_slider,
#top-modules .journal2_headline_rotator{
padding-left: 0 !important;
padding-right: 0 !important;
}
.no-secondary .journal-header-center #currency{
border-right-width:0;
}
.no-secondary .journal-header-center #language{
border-left-width:0;
}
html[dir="rtl"].no-secondary .journal-header-center #currency{
border-left-width:0;
border-right-width:1px;
}
html[dir="rtl"].no-secondary .journal-header-center #language{
border-right-width:0;
border-left-width:1px;
}
.journal-header-compact #header .journal-search {
padding-right:15px !important;
}
html[dir="rtl"] .journal-header-compact #header .journal-search {
padding-right:0 !important;
padding-left:15px !important;
}
.sticky-menu .is-sticky .journal-header-default .journal-menu .super-menu > li:first-of-type{
border-left-width:0;
}
.sticky-menu .is-sticky .journal-header-default .journal-menu .super-menu > li:last-of-type{
border-right-width:0;
}
.boxed-header body{
padding:0;
}
.fullwidth-footer .columns{
padding-left: 15px;
}
.copyright{
padding-left: 15px;
}
.journal-header-mega .journal-logo{
padding-left:15px;
}
html[dir="rtl"] .journal-header-mega .journal-logo{
padding-left:0;
padding-right:15px;
}
}
@media only screen and (max-width: 760px){
.journal-header-mega .journal-logo{
padding-left:0;
}
html[dir="rtl"] .journal-header-mega .journal-logo{
padding-left:0;
padding-right:0;
}
}
.boxed-header .journal-header-mega .journal-logo{
padding-left:15px;
}
html[dir="rtl"].boxed-header .journal-header-mega .journal-logo{
padding-left:0;
padding-right:15px;
}
@media only screen and (min-width : 760px) {
.side-blocks-active .journal-fullwidth-slider .tp-leftarrow,
.side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default {
left: 60px !important;
}
.side-blocks-active .journal-fullwidth-slider .tp-rightarrow,
.side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default {
right: 60px !important;
}
html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-leftarrow,
html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default {
right: 60px !important;
left: auto !important;
}
html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-rightarrow,
html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default {
left: 60px !important;
right: auto !important;
}
}
header .links a,
header .links .no-link{
border-bottom-color:#e4e4e4;
}
.boxed-header.default-header .journal-top-header{
clip: rect(0px,1390px,45px,0px);
}
.journal-header-default .links .no-link{
border-color:rgb(228, 228, 228)}
.journal-header-center #cart .content:before,
.oc2 #cart .content .cart-wrapper:before{
color:rgb(68, 67, 73)}
.journal-header-center .autocomplete2-suggestions:before{
color:rgb(68, 67, 73)}
.journal-language .dropdown-menu:before,
.journal-currency .dropdown-menu:before{
color:rgb(244, 244, 244)}
#header .top-menu .top-dropdown li:first-of-type {
border-top-left-radius: px;
border-top-right-radius: px;
}
#header .top-menu .top-dropdown li:last-of-type {
border-bottom-left-radius: px;
border-bottom-right-radius: px;
}
#header .top-menu .top-dropdown li:first-of-type::before{
color:}
#search ::-webkit-input-placeholder {
color:;
font-family: inherit;
}
#search :-moz-placeholder {
color:;
font-family: inherit;
}
#search ::-moz-placeholder {
color:;
font-family: inherit;
}
#search :-ms-input-placeholder {
color:;
font-family: inherit;
}
.compare-info tbody td{
border-left-style:solid;
}
@media only screen and (max-width: 760px){
#search ::-webkit-input-placeholder {
color:;
font-family: inherit;
}
#search :-moz-placeholder {
color:;
font-family: inherit;
}
#search ::-moz-placeholder {
color:;
font-family: inherit;
}
#search :-ms-input-placeholder {
color:;
font-family: inherit;
}
}
.button-search{
border-right-style:solid;
border-right-color:rgb(244, 244, 244);
}
html[dir="rtl"] .button-search{
border-left-style:solid;
border-left-color:rgb(244, 244, 244);
}
html[dir="rtl"].journal-desktop .menu-floated .float-left{
border-left-style: solid;
}
header .journal-login{
border-bottom-color:rgb(244, 244, 244);
}
.super-menu > li:last-of-type{
border-right-color:rgb(250, 250, 250);
border-right-style:solid;
}
@media only screen and (max-width: 760px) {
.default-header .journal-login{
background-color: }
.journal-header-center #search input,
.journal-header-center .button-search{
border-radius:0;
}
.center-header #search input, .default-header #search input{
background-color:rgb(244, 244, 244);
}
.center-header header #cart, .default-header header #cart{
background-color:rgb(244, 244, 244);
}
.journal-menu .mobile-menu > li{
border-color:rgb(250, 250, 250);
border-style:solid;
}
}
.inline-button .product-details{
padding-bottom:0;
}
.product-info .right .options h3{
display:none;
}
.product-info .right .option-image:first-of-type{
margin-top:0;
}
.product-info .right .options.push-1 .option-image li.selected span img{
border-color:;
}
.mega-menu-categories .mega-menu-item,
.mega-menu-brands .mega-menu-item,
.mega-menu-html .mega-menu-item,
#header .mega-menu .product-grid-item{
margin-bottom:15px;
}
html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{
border-right-style:solid;
}
html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{
border-color:rgb(250, 250, 250);
}
.mega-menu > div{
margin-bottom:-15px !important;
margin-right:-15px;
}
html[dir="rtl"] .mega-menu-item > div,
html[dir="rtl"] #header .mega-menu .product-wrapper{
margin-right:0;
margin-left:15px;
}
.mega-menu .mega-menu-column:last-of-type > div{
margin-right:-15px;
}
html[dir="rtl"] .mega-menu .mega-menu-column.mega-menu-products > div{
margin-left:-15px;
}
.mega-menu-column > div > h3, .mega-menu .mega-menu-column .menu-cms-block{
margin-right:15px;
}
html[dir="rtl"] .mega-menu-column > div > h3, html[dir="rtl"] .mega-menu .mega-menu-column .menu-cms-block{
margin-right:0;
margin-left:15px;
}
.mega-menu .mega-menu-column:last-of-type > h3,
.mega-menu .mega-menu-column:last-of-type > div > h3,
.mega-menu .mega-menu-column:last-of-type > .menu-cms-block,
.mega-menu .mega-menu-column.mega-menu-html-block > div{
margin-right:0;
}
@media only screen and (max-width: 760px) {
.super-menu{
border-width:0;
}
.mega-menu .mega-menu-column > div{
margin-right:-15px;
}
html[dir="rtl"] .mega-menu .mega-menu-column > div{
margin-left:-15px;
margin-right:0;
}
}
.journal-sf .sf-image .box-content ul{
margin-bottom:-7px;
margin-right:-7px;
}
.journal-checkout .coupon-voucher .cvr .checkout-voucher{
display:none;
}
.journal-checkout .coupon-voucher .cvr div.checkout-reward{
margin-top:0;
padding-right:0;
}
html[dir="rtl"] .journal-checkout .coupon-voucher .cvr div.checkout-coupon{
padding-right:0;
padding-left: 12px;
}
.journal-checkout .coupon-voucher .cvr .checkout-reward{
display:none;
}
.journal-checkout .coupon-voucher .cvr div.checkout-voucher,
.journal-checkout .coupon-voucher .cvr div.checkout-reward{
display:none;
}
.journal-checkout .coupon-voucher .cvr div.checkout-coupon {
padding-right: 0;
margin-top: 0;
width:100%;
}
.drop-down ul{
box-shadow:none !important;
}
.product-info .right .wishlist-compare{
display:none;
}
footer .contacts{
text-align:center;
}
footer .contacts-left,
html[dir="rtl"] footer .contacts-left{
float: none;
}
footer .contacts-right{
display: none;
}
.has-cta .rotator-tex{
line-height:38px;
}
footer .contacts .hint--top:before{
border-top-color: rgb(56, 56, 56);
}
.side-column .box-category,
.side-column .box-content,
.side-column .box-content > div,
.side-column .box-content > ul > li:last-of-type,
.side-column .oc-module .product-grid-item:last-of-type{
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
border-radius:inherit;
}
.journal-sf ul li label:hover{
color:rgb(176, 158, 102);
}
.sf-icon:before{
border-top-color:rgb(176, 158, 102);
}
/*
.journal-sf ul li label:hover img{
border-color:rgb(176, 158, 102);
} */
.sf-price .value:after{
border-bottom-color:rgb(52, 73, 94);
}
.mobile-trigger{
background-color:rgb(255, 255, 255);
}
.journal-header-default .links > a{
border-bottom-color: transparent;
}
@media only screen and (max-width: 760px) {
.super-menu{
background-color:rgb(244, 243, 223);
}
.journal-header-default .links > a{
border-bottom-color: rgb(228, 228, 228);
}
}
.nav-numbers a:hover,
.nav-numbers li.active a{
-webkit-backface-visibility: hidden;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.headline-mode .nav-numbers a:hover,
.headline-mode .nav-numbers li.active a{
-webkit-backface-visibility: hidden;
-webkit-transform: scale();
-moz-transform: scale();
-ms-transform: scale();
transform: scale();
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover,
.journal-simple-slider .owl-controls .owl-page.active span,
.journal-simple-slider .owl-controls.clickable .owl-page:hover span{
transform: scale(1);
}
.swiper-pagination-bullet:hover, .swiper-pagination-bullet-active{
transform: scale(1);
}
@media only screen and (max-width: 980px) {
.journal-header-default .mega-menu{
width: 100%;
}
}
@media only screen and (max-width: 760px) {
.journal-header-center .journal-secondary{
background-color:rgb(255, 255, 255);
}
}
.mega-menu{
max-width:1390px;
}
@media only screen and (max-width: 760px){
.bottom-menu-bar #header .top-menu > li{
border-color:rgb(228, 228, 228);
}
.bottom-menu-bar #header .journal-links{
background-color:rgb(244, 244, 244);
}
.bottom-menu-bar .journal-header-center .journal-secondary {
border-top-width: 0;
}
.bottom-menu-bar #header .journal-links ul.top-menu > li{
border-color:;
}
.bottom-menu-bar #header div.journal-links, .bottom-menu-bar #header .journal-links a:hover{
background-color:;
}
.bottom-menu-bar #header .journal-links ul.top-menu > li > a,
.bottom-menu-bar #header .journal-links ul.top-menu > li > a:hover,
.bottom-menu-bar #header .journal-links ul.top-menu > li > .no-link{
color:;
}
}
.boxed-header .is-sticky .header {
max-width:1390px;
left: 50%;
transform: translateX(-50%);
}
.bottom-menu-bar #header .journal-links .top-menu .top-dropdown li:last-of-type::after{
color:;
}
@media only screen and (min-width : 760px) and (max-width: 980px) {
.mobile-menu-on-tablet .mobile-menu > li > ul,
.mobile-menu-on-tablet .mobile-menu > li > .mega-menu{
border-style:;
border-color:;
}
.mobile-menu-on-tablet ul.menu-centered{
height:auto;
}
}
@media only screen and (max-width: 760px){
.mobile-menu > li > ul,
.mobile-menu > li > .mega-menu{
border-style:;
border-color:;
}
}
@media only screen and (min-width: 760px) {
.journal-header-mega #search {
max-width: 100%;
left: 0px;
}
.journal-header-center .j-100{
height:99px;
}
.journal-header-center .journal-menu-bg{
top:139px;
}
.journal-header-center .top-bar > .j-min, .journal-header-center .top-menu > li > .m-item, .journal-header-center .journal-top-header{
height:40px;
}
.journal-header-center .journal-menu,
.journal-header-center .journal-menu-bg,
.journal-header-center .mobile-trigger,
ul.menu-centered{
height:51px;
}
.journal-header-center .mobile-trigger,
.journal-header-center .super-menu > li > a{
line-height:51px;
}
.journal-header-center .journal-language form .dropdown-menu,
.journal-header-center .journal-currency form .dropdown-menu{
top:40px;
}
.sticky-default.center-header .is-sticky .journal-header-center .j-100{
height:px;
}
.sticky-default.center-header .is-sticky .journal-menu-bg{
top:px;
}
.is-sticky .journal-header-center .journal-menu,
.is-sticky .journal-header-center .journal-menu-bg,
.is-sticky .journal-header-center .mobile-trigger{
height:40px;
}
.is-sticky .journal-header-center .mobile-trigger,
.is-sticky .journal-header-center .super-menu > li > a{
line-height:40px;
}
}
@media only screen and (max-width: 760px){
#header .journal-logo{
height:px !important;
}
}
.center-header body.is-sticky .header-assets.top-bar{
background-color:rgb(255, 255, 255);
}
@media only screen and (min-width : 760px) and (max-width: 980px) {
.mobile-menu-on-tablet .journal-header-center .journal-menu{
height:auto;
}
.mobile-menu-on-tablet .journal-header-center .super-menu > li > a{
line-height:40px;
}
}
@media only screen and (min-width: 760px){
.header-assets.top-bar,
.journal-top-header{
display:none;
}
.journal-header-center .journal-menu-bg{
top:99px;
}
}
.product-grid-item .price{
width:100%;
}
#tabs{
top:;
}
.product-grid-item.display-icon .wishlist-icon:before,
.product-grid-item.display-icon .compare-icon:before{
line-height:32px;
}
.journal-header-center #cart .heading i{
height:40px;
}
.journal-desktop .menu-floated .float-left{
border-right-style:solid;
}
.column.products > h3{
margin-bottom:7px;
}
.column.products{
padding-bottom:7px;
}
.side-column .journal-gallery .box-heading{
margin-bottom:10px;
}
.side-column .box-category > ul li ul li a{
padding-left: 8px;
}
.side-column .box-category > ul li ul li ul li a{
padding-left: 16px;
}
.side-column .box-category > ul li ul li ul li ul li a{
padding-left: 24px;
}
.side-column .box-category > ul li ul li ul li ul li ul li a{
padding-left: 32px;
}
.side-column .box-category > ul li ul li ul li ul li ul li ul li a{
padding-left: 40px;
}
@media only screen and (max-width: 1405px) {
.breadcrumb{
padding-left:10px;
}
.super-menu > li:first-of-type{
border-left-width:0;
}
.super-menu > li:last-of-type{
border-right-width:0;
}
html[dir="rtl"] .super-menu > li:first-of-type{
border-left-width:1px;
border-right-width:0;
}
html[dir="rtl"] .super-menu > li:last-of-type{
border-left-width:0;
}
html[dir="rtl"] .super-menu.menu-floated > li:first-of-type
border-right-width:0;
}
}
.super-menu.menu-floated{
border-right-width:1px;
border-left-width:1px;
border-color:rgb(250, 250, 250);
border-style:solid;
}
.custom-sections .box-heading.box-sections{
border-left-style:solid;
}
.journal-carousel:not(.journal-gallery) .box-content .swiper-container{
padding: px;
margin: -px;
}
.journal-carousel.arrows-top .swiper-button-prev,
.journal-carousel.arrows-top .swiper-button-next{
margin-top:px;
}
.side-column .journal-carousel.arrows-top .swiper-button-prev,
.side-column .journal-carousel.arrows-top .swiper-button-next,
.related-products.journal-carousel.arrows-top .swiper-button-prev,
.related-products.journal-carousel.arrows-top .swiper-button-next{
margin-top:0;
}
div#footer{
margin-top:20px;
}
.extended-container + .boxed-footer #footer{
margin-top:0px;
}
.side-column .journal-carousel .box-content .swiper-container{
padding:0;
margin:0;
}
html[dir="rtl"] .journal-carousel.arrows-top .swiper-button-next{
right:auto;
left:px;
}
html[dir="rtl"] .journal-carousel.arrows-top .swiper-button-prev{
right:auto;
left:px;
}
html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-next{
right:auto;
left:px;
}
html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-prev{
left:auto;
right:px;
}
html[dir="rtl"] footer .column-menu-wrap > ul li{
text-align:right;
}
html[dir="rtl"] footer .column>h3{
text-align:right;
}
.posts.blog-list-view .post-item-details{
width: 70%;
}
.side-column .box.cms-blocks .box-heading{
margin-bottom:15px;
}
@media only screen and (min-width: 1405px) {
.safari5 #footer,
.safari5.boxed-header header{
width: 1390px;
}
.tp-banner{
height:100% !important;
}
}
@media only screen and (max-width: 1405px) {
.tp-banner-container{
height:auto !important;
}
.side-column .oc-module .product-details {
max-width: 130px;
}
.checkout-page #content {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 760px){
.product-grid-item .has-countdown + .product-details .rating{
top:-50px;
}
.product-grid-item .image.has-countdown .wishlist,
.product-grid-item .image.has-countdown .compare{
margin-bottom:42px;
}
}
.option li.hint--top:before{
border-top-color:;
}
@media only screen and (max-width: 470px) {
.phone-sticky-cart.menu-cart-off .journal-menu .mobile-trigger{
width:100%;
}
header .journal-menu .mobile-trigger {
width: 50%;
margin-top: -40px;
z-index: 3;
background-color:transparent;
}
.journal-cart{
z-index:2;
background-color:rgb(234, 35, 73) }
}
.phone-sticky-cart.phone-sticky-menu:not(.menu-cart-off) .journal-menu{
z-index:1;
}
@media only screen and (max-width: 470px){
div.mobile-trigger, .mobile-menu-on-tablet div.mobile-trigger{
color:;
}
div.mobile-trigger:before, .mobile-menu-on-tablet div.mobile-trigger:before{
color:;
}
}
.journal-header-center #header .menu-dropdown::before{
border-bottom-color:}
.header-notice > div{
max-width:1390px;
}
@media only screen and (max-width:1405px){
.header-notice > div{
padding-left:15px;
padding-right: 15px;
}
.header-notice.floated-icon > div{
padding-bottom:10px;
}
button.close-notice {
right: 8px;
}
html[dir="rtl"] button.close-notice {
right: auto;
left: 8px;
}
}
footer{
box-shadow: none;
}
.journal-top-header{
box-shadow:none;
}
/* Content Margin */
@media only screen and (min-width: 760px){
#column-left + #content {
margin-left: 260px;
}
#column-right + #content {
margin-right: 220px;
}
#column-left + #column-right + #content{
margin-left: 260px;
margin-right: 220px;
}
}
/* Tablet Column Width + Content Margin */
@media only screen and (min-width:760px) and (max-width:980px) {
#column-left {
width: 220px;
}
#column-right{
width: 220px;
}
#column-left + #content {
margin-left: 220px;
}
#column-right + #content {
margin-right: 220px;
}
#column-left + #column-right + #content{
margin-left: 220px;
margin-right: 220px;
}
}
/* Extended Layout Margins */
@media only screen and (min-width:760px) and (max-width: 1405px) {
.skin-16 .journal-header-center .journal-search {
padding-left: 30px;
}
.extended-layout #column-left{
padding-left:20px;
}
.extended-layout #column-right{
padding-right:20px;
}
.extended-layout #content,
.extended-layout #column-left + #content,
.extended-layout #column-right + #content{
padding-left:20px;
padding-right:20px;
}
html[dir="rtl"].extended-layout #column-left{
padding-right:20px!important;
}
html[dir="rtl"].extended-layout #column-right{
padding-left:20px !important;
}
html[dir="rtl"].extended-layout #column-left + #content {
margin-right: 260px;
margin-left: 0;
}
html[dir="rtl"].extended-layout #column-right + #content {
margin-right: 0;
}
}
.mega-menu .mega-menu-column .menu-cms-block{
margin-bottom:15px;
}
.fly-drop-down ul li{
min-height:40px;
}
@media only screen and (max-width: 760px){
.product-grid-item .rating{
margin-left:px;
}
.product-grid-item .rating{
top:px;
}
}
/* RTL Columns */
html[dir="rtl"] .flyout-left .fly-mega-menu,
html[dir="rtl"] .flyout-left .fly-drop-down > ul {
left: auto;
right: 100%;
}
html[dir="rtl"] .flyout-right .fly-mega-menu,
html[dir="rtl"] .flyout-right .fly-drop-down > ul {
left: 100% !important;
right: auto;
}
html[dir="rtl"] .flyout-menu .flyout > ul > li > a i.menu-plus {
left: 5px;
right: auto;
transform: scale(-1);
}
html[dir="rtl"] #column-right .flyout-menu .flyout > ul > li > a i.menu-plus {
left: auto;
right: 8px;
transform: scale(1);
}
html[dir="rtl"] .flyout-menu .flyout > ul > li > a {
padding: 7px 12px 7px 25px;
}
html[dir="rtl"] #column-right .flyout-menu .flyout > ul > li > a {
padding: 7px 25px 7px 12px;
text-align:left;
}
html[dir="rtl"] #column-left {
float: right;
}
html[dir="rtl"] #column-right {
float: left;
}
@media only screen and (min-width: 760px){
html[dir="rtl"] #column-left {
padding: 20px 20px 20px 0;
}
html[dir="rtl"] #column-right {
padding: 20px 0 20px 20px;
}
html[dir="rtl"] #column-left + #content {
margin-right: 260px;
margin-left: 0;
}
html[dir="rtl"] #column-right + #content {
margin-left: 220px;
margin-right: 0;
}
html[dir="rtl"] #column-left + #column-right + #content{
margin-right: 260px;
margin-left: 220px;
}
}
@media only screen and (min-width : 760px) and (max-width: 980px) {
html[dir="rtl"] #column-left + #content {
margin-right: 220px;
margin-left:0;
}
html[dir="rtl"] #column-right + #content {
margin-left: 220px;
margin-right:0;
}
html[dir="rtl"] #column-left + #column-right + #content{
margin-right: 220px;
margin-left: 220px;
}
html[dir="rtl"].extended-layout #column-left + #content {
margin-right: 220px;
margin-left: 0;
}
}
@media only screen and (min-width: 1405px) {
html[dir="rtl"].extended-layout #column-left{
padding-right:0;
}
html[dir="rtl"].extended-layout #column-right{
padding-left:0;
}
html[dir="rtl"].extended-layout #column-right + #content {
padding-left: 20px;
padding-right: 0;
}
html[dir="rtl"].extended-layout #column-left + #content {
padding-right: 20px;
padding-left: 0;
}
}
.refine-images::before,
#refine-images::before,
.category-list::before{
content:"";
margin-right:px;
}
.refine-images::before,
#refine-images::before,
.category-list::before{
display:none;
}
.refine-image {
padding-right: 15px;
margin-bottom: 15px;
}
.refine-images {
margin-right: -15px;
margin-bottom: 0px;;
}
.product-grid-item {
margin-bottom: 10px;
}
.product-wrapper,
.ias-button,
.ias-loader,
.ias-noneleft{
margin-right: 10px;
}
.ias-button,
.ias-loader,
.ias-noneleft{
margin-top: 10px;
}
.product-grid, #content .box-product{
margin-right: -10px;
}
/* Mobile Product Spacing */
@media only screen and (max-width: 760px){
#cart .heading i::before{
color:;
}
#cart .heading i{
background-color:;
}
div#container,
.home-page div#container {
margin-top: 0;
margin-bottom: 0;
box-shadow:none;
}
.product-grid-item:not(.swiper-slide) {
margin-bottom: 10px;
}
.product-grid-item:not(.swiper-slide) .product-wrapper,
.ias-button,
.ias-loader,
.ias-noneleft{
margin-right: 10px;
}
.product-grid, #content .box-product{
margin-right: -10px;
}
}
.button:active{
box-shadow:;
}
#column-left .oc-module .product-details{
max-width:185px;
}
#column-right .oc-module .product-details{
max-width:145px;
}
/* Custom CSS */
/* Quicksand (Google Fonts) — şablon yerine Custom CSS'ten */
@font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(https://fonts.gstatic.com/s/quicksand/v37/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(https://fonts.gstatic.com/s/quicksand/v37/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* ===== VM HEADER (veramuu tarzı) ===== */
.journal-header-mega, .journal-header-mega *, .header-notice { font-family: 'Quicksand', sans-serif !important; }
/* Duyuru bandı */
.header-notice.journal-header-notice-247 { background: #0a0a0a !important; color: #fff !important; min-height: 41px; display: flex; align-items: center; justify-content: center; }
.header-notice.journal-header-notice-247 .notice-text, .header-notice.journal-header-notice-247 .notice-text span { color: #fff !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: .2px; }
.header-notice.journal-header-notice-247 .close-notice { filter: invert(1); opacity: .7; }
/* Ana header alanı */
.journal-header-mega .journal-center-bg { background: #fff !important; }
.journal-header-mega .header-assets:not(.top-bar) { display: flex; align-items: center; }
.journal-header-mega .journal-logo { display: flex; align-items: center; }
.journal-header-mega .journal-logo #logo { text-align: left; }
.journal-header-mega .journal-logo #logo img { max-height: 46px; width: auto; }
/* Arama */
.journal-header-mega .journal-search { display: flex; align-items: center; }
.journal-header-mega #search { position: relative; width: 100%; max-width: 580px; margin: 0 auto; height: 46px; }
.journal-header-mega #search input { height: 46px !important; width: 100% !important; background: #f3f6f9 !important; border: 2px solid #dadde0 !important; border-radius: 5px !important; padding: 0 52px 0 16px !important; font-size: 13px !important; font-weight: 700 !important; color: #4a4a4a !important; box-shadow: none !important; }
.journal-header-mega #search input::placeholder { color: #8a8a8a; font-weight: 600; }
.journal-header-mega #search .button-search { position: absolute !important; right: 6px; top: 6px; left: auto !important; width: 34px; height: 34px; border-radius: 5px !important; background: #000 !important; margin: 0 !important; display: flex; align-items: center; justify-content: center; z-index: 2; }
.journal-header-mega #search .button-search button { width: 34px; height: 34px; padding: 0; background: transparent !important; border: 0; display: flex; align-items: center; justify-content: center; }
.journal-header-mega #search .button-search i:before { color: #fff !important; font-size: 15px !important; }
/* Sağ ikonlar + sepet */
.journal-header-mega .journal-cart { display: flex !important; align-items: center; justify-content: flex-end; gap: 18px; }
.vm-icons { display: flex; align-items: center; gap: 18px; }
.vm-icon { color: rgba(74,74,74,.85) !important; display: inline-flex; line-height: 0; transition: color .2s; }
.vm-icon:hover { color: #0a0a0a !important; }
.journal-header-mega #cart { width: auto !important; position: relative; }
.journal-header-mega #cart .heading { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; width: auto !important; height: auto !important; min-width: 0 !important; }
.journal-header-mega #cart .heading a { display: inline-flex !important; align-items: center; position: relative; padding: 0 !important; background: transparent !important; }
.journal-header-mega #cart #cart-total { display: none !important; }
.journal-header-mega #cart .heading i { position: static !important; display: block !important; width: 24px !important; height: 24px !important; margin: 0 !important; background: rgba(74,74,74,.85) !important; border-radius: 0 !important; border: 0 !important;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l1 14H5L6 7z'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") center/contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l1 14H5L6 7z'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") center/contain no-repeat; }
.journal-header-mega #cart .heading i:before { display: none !important; }
.journal-header-mega #cart .heading:hover i { background: #0a0a0a !important; }
.journal-header-mega #cart .heading { position: relative !important; overflow: visible !important; }
.journal-header-mega #cart .heading .vm-badge { position: absolute; top: -7px; right: -9px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: #0a0a0a; color: #fff !important; font-size: 10px !important; font-weight: 700; line-height: 17px !important; text-align: center; box-sizing: border-box; pointer-events: none; z-index: 3; }
.journal-header-mega #cart .heading[data-count="0"] .vm-badge { display: none; }
.journal-header-mega #cart .content { right: 0; left: auto; }
/* Menü barı */
.journal-header-mega .journal-menu-bg, .journal-header-mega .journal-menu { background: #f1f1f1 !important; }
.journal-header-mega .journal-menu-bg { border-top: 1px solid #f4f4f4; }
.journal-header-mega .journal-menu .super-menu { display: flex !important; justify-content: center; flex-wrap: wrap; table-layout: auto !important; }
.journal-header-mega .journal-menu .super-menu > li { display: block !important; width: auto !important; flex: 0 0 auto; border: 0 !important; background: transparent !important; }
.journal-header-mega .journal-menu .super-menu > li:before, .journal-header-mega .journal-menu .super-menu > li:after { display: none !important; }
.journal-header-mega .journal-menu .super-menu > li > a { background: transparent !important; border: 0 !important; color: #0a0a0a !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: .3px !important; text-transform: uppercase; padding: 0 16px !important; box-shadow: none !important; }
.journal-header-mega .journal-menu .super-menu > li > a .main-menu-text { font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: inherit !important; }
.journal-header-mega .journal-menu .super-menu > li:hover > a, .journal-header-mega .journal-menu .super-menu > li > a:hover { color: #c00 !important; background: transparent !important; }
.journal-header-mega .journal-menu .super-menu > li > a i { color: #0a0a0a !important; }
/* ===== /VM HEADER ===== */
/* düzeltmeler */
.journal-header-mega .journal-menu .super-menu { background: transparent !important; }
.journal-header-mega #cart { display: flex !important; align-items: center; margin: 0 !important; }
.journal-header-mega #cart .heading { display: flex !important; align-items: center; margin: 0 !important; line-height: 1 !important; }
.journal-header-mega #search .button-search i { display: block; width: 16px; height: 16px; background: #fff; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat; }
.journal-header-mega #search .button-search i:before { display: none !important; }
/* tam genişlik gri menü + düzen */
.journal-header-mega .journal-menu-bg { display: none !important; }
.journal-header-mega .header { background: linear-gradient(to bottom, #fff calc(100% - 51px), #f1f1f1 calc(100% - 51px)) !important; border-bottom: 1px solid #ececec; }
.journal-header-mega .journal-center-bg { display: none !important; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-logo { flex: 0 0 25%; width: 25% !important; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-search { flex: 1 1 auto; width: auto !important; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-cart { flex: 0 0 25%; width: 25% !important; padding-right: 10px; gap: 20px; }
.vm-icon svg { width: 24px; height: 24px; }
.journal-header-mega #cart .heading i { width: 25px !important; height: 25px !important; }
.vm-icon, .journal-header-mega #cart .heading i { color: #222 !important; }
.journal-header-mega #cart .heading i { background: #222 !important; }
/* alt menü oku */
.journal-header-mega .journal-menu .super-menu > li:has(> ul) > a:after, .journal-header-mega .journal-menu .super-menu > li.mega-menu-categories > a:after { content: ""; display: inline-block; width: 5px; height: 5px; margin-left: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-3px); opacity: .6; }
.journal-header-mega #cart .content { position: absolute !important; top: calc(100% + 14px); right: -10px; left: auto !important; float: none !important; z-index: 999; }
/* açılır menüler beyaz (veramuu) */
.journal-header-mega .journal-menu .super-menu > li > ul, .journal-header-mega .journal-menu .super-menu > li ul ul { background: #fff !important; box-shadow: 1px 1px 15px rgba(0,0,0,.15) !important; border: 0 !important; padding: 10px 0 !important; min-width: 220px; }
.journal-header-mega .journal-menu .super-menu > li ul li { background: transparent !important; border: 0 !important; }
.journal-header-mega .journal-menu .super-menu > li ul li a { background: transparent !important; color: #4a4a4a !important; font-size: 13px !important; font-weight: 600 !important; text-transform: uppercase; padding: 9px 20px !important; border: 0 !important; }
.journal-header-mega .journal-menu .super-menu > li ul li a:hover { color: #0a0a0a !important; background: #f7f7f7 !important; }
.journal-header-mega #cart .content { background: #fff !important; box-shadow: 1px 1px 15px rgba(0,0,0,.15) !important; border-radius: 4px; }
.journal-header-mega #cart .content, .journal-header-mega #cart .content p, .journal-header-mega #cart .content a, .journal-header-mega #cart .content td { color: #4a4a4a !important; }
.journal-header-mega #cart .content .cart-wrapper, .journal-header-mega #cart .content table, .journal-header-mega #cart .content .mini-cart-total { background: #fff !important; }
.journal-header-mega #cart .heading:after, .journal-header-mega #cart .heading:before { border-bottom-color: #fff !important; }
/* mini sepet içeriği (veramuu tarzı beyaz) */
.journal-header-mega #cart .content { width: 360px !important; line-height: 1.4 !important; padding: 0 !important; overflow: hidden; }
.journal-header-mega #cart .content * { line-height: 1.4 !important; }
.journal-header-mega #cart .content .mini-cart-info table td { padding: 10px 8px !important; vertical-align: middle !important; border: 0 !important; background: #fff !important; font-size: 13px !important; }
.journal-header-mega #cart .content .mini-cart-info tr + tr td { border-top: 1px solid #eee !important; }
.journal-header-mega #cart .content .mini-cart-info .name a { font-weight: 600 !important; color: #0a0a0a !important; }
.journal-header-mega #cart .content .mini-cart-info .name div, .journal-header-mega #cart .content .mini-cart-info .name small { display: block; font-size: 11px !important; color: #888 !important; }
.journal-header-mega #cart .content .mini-cart-info .image img { width: 56px !important; height: auto !important; max-width: none; }
.journal-header-mega #cart .content .mini-cart-info .total { font-weight: 700 !important; color: #0a0a0a !important; white-space: nowrap; }
.journal-header-mega #cart .content .remove button i:before { color: #999 !important; }
.journal-header-mega #cart .content .mini-cart-total { border-top: 1px solid #eee !important; padding: 8px 12px !important; }
.journal-header-mega #cart .content .mini-cart-total table, .journal-header-mega #cart .content .mini-cart-total td { border: 0 !important; background: #fff !important; padding: 3px 0 !important; font-size: 13px !important; }
.journal-header-mega #cart .content .checkout { background: #fff !important; padding: 12px !important; margin: 0 !important; display: flex !important; gap: 10px; border-top: 1px solid #eee; }
.journal-header-mega #cart .content .checkout a.button { flex: 1; text-align: center; padding: 11px 10px !important; border-radius: 4px !important; font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase; border: 1px solid #f37a20 !important; background: #f37a20 !important; color: #fff !important; box-shadow: none !important; margin: 0 !important; }
.journal-header-mega #cart .content .checkout a.button:last-child { border-color: #0a0a0a !important; background: #0a0a0a !important; color: #fff !important; }
.journal-header-mega #cart .content .checkout a.button:hover { opacity: .85; }
/* arama önerileri (beyaz) */
.journal-search .autocomplete2-suggestions { background: #fff !important; border: 1px solid #ececec !important; border-radius: 0 0 5px 5px; box-shadow: 1px 6px 15px rgba(0,0,0,.12) !important; margin-top: 2px; overflow: hidden; z-index: 9999 !important; }
.journal-search .autocomplete2-suggestions > div { background: #fff !important; border-bottom: 1px solid #f0f0f0 !important; padding: 0 !important; }
.journal-search .autocomplete2-suggestions > div a { display: flex !important; align-items: center; gap: 12px; padding: 8px 12px !important; color: #0a0a0a !important; font-family: 'Quicksand', sans-serif; }
.journal-search .autocomplete2-suggestions > div .p-image { width: 48px !important; flex: 0 0 48px; padding: 0 !important; }
.journal-search .autocomplete2-suggestions > div .p-image img { width: 48px; height: 48px; object-fit: cover; border-radius: 3px; }
.journal-search .autocomplete2-suggestions > div .p-name { width: auto !important; flex: 1; font-size: 13px !important; font-weight: 600; line-height: 1.35 !important; color: #0a0a0a !important; }
.journal-search .autocomplete2-suggestions > div .p-price { display: block; width: auto !important; font-size: 13px !important; font-weight: 700; color: #0a0a0a !important; margin-top: 2px; }
.journal-search .autocomplete2-suggestions > div .price-old { color: #999 !important; text-decoration: line-through; margin-right: 6px; font-weight: 500; }
.journal-search .autocomplete2-suggestions > div .price-new { color: #c00 !important; }
.journal-search .autocomplete2-selected, .journal-search .autocomplete2-suggestions > div:hover { background: #f7f7f7 !important; }
.journal-search .autocomplete2-selected a, .journal-search .autocomplete2-suggestions > div:hover a { background: transparent !important; }
.journal-search .autocomplete2-suggestions > div .view-more-link, .journal-search .autocomplete2-suggestions > div .no-results { display: block !important; text-align: center; padding: 11px !important; font-size: 13px !important; font-weight: 700; text-transform: uppercase; color: #0a0a0a !important; background: #f3f6f9 !important; }
/* kayan yazı bandı */
.journal-header-notice-247 .close-notice { display: none !important; }
.journal-header-notice-247 > div { padding: 0 !important; width: 100% !important; max-width: none !important; }
.journal-header-notice-247 .notice-text, .journal-header-notice-247 .notice-text > span { display: block !important; width: 100%; padding: 0 !important; margin: 0 !important; }
.vm-marquee { overflow: hidden; width: 100%; white-space: nowrap; line-height: 41px; }
.vm-mq-track { display: inline-flex; animation: vmMarquee 32s linear infinite; will-change: transform; }
.vm-marquee:hover .vm-mq-track { animation-play-state: paused; }
.vm-mq-group { display: inline-flex; flex-shrink: 0; }
.vm-mq-item { display: inline-flex; align-items: center; padding: 0 44px; font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: .3px; color: #fff !important; text-transform: uppercase; }
.vm-mq-item:after { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #fff; opacity: .5; margin-left: 88px; margin-right: -44px; }
.vm-mq-item a { color: #fff !important; margin-left: 5px; text-decoration: none; }
@keyframes vmMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .vm-mq-track { animation-duration: 90s; } }
/* sepet: ikon ile kutu arasındaki boşlukta kapanmasın */
.journal-header-mega #cart { position: relative !important; }
.journal-header-mega #cart:after { content: ''; position: absolute; left: -30px; right: -20px; top: 100%; height: 22px; }
.journal-header-mega #cart:not(.active):after { display: none; }
/* ===== VM MOBİL HEADER (≤979px) ===== */
.vm-mobile-left, .vm-drawer, .vm-overlay { display: none; }
@media (max-width: 979px) {
.journal-header-mega .header-assets.top-bar, .journal-header-mega .journal-top-header, .journal-header-mega .journal-menu { display: none !important; }
.journal-header-mega .header { background: #fff !important; border-bottom: 1px solid #ececec; }
.journal-header-mega .header-assets:not(.top-bar) { display: flex !important; flex-wrap: wrap; align-items: center; padding: 0 12px !important; min-height: 64px; height: auto !important; }
.journal-header-mega .header-assets:not(.top-bar) > div { width: auto !important; float: none !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center; }
.vm-mobile-left { flex: 1 1 0 !important; gap: 4px; justify-content: flex-start; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-logo { flex: 0 0 auto !important; justify-content: center; }
.journal-header-mega .journal-logo #logo, .journal-header-mega .journal-logo #logo a { display: flex !important; align-items: center; justify-content: center; height: auto !important; padding: 0 !important; }
.journal-header-mega .journal-logo #logo a { overflow: visible !important; }
.journal-header-mega .journal-logo img { position: static !important; transform: none !important; left: auto !important; margin: 0 !important; height: 34px !important; max-height: none !important; width: auto !important; max-width: none !important; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-cart { flex: 1 1 0 !important; justify-content: flex-end !important; gap: 14px !important; padding: 0 !important; }
.journal-header-mega .vm-wishlist { display: none !important; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-search { flex: 0 0 100% !important; order: 5; display: none !important; padding: 0 0 12px !important; }
.journal-header-mega .header.vm-search-open .header-assets:not(.top-bar) > .journal-search { display: flex !important; }
.journal-header-mega #search { max-width: none !important; width: 100% !important; margin: 0 !important; }
.journal-header-mega #cart .content { position: fixed !important; top: 105px !important; right: 10px !important; left: auto !important; width: calc(100vw - 20px) !important; max-width: 400px !important; }
.vm-mbtn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; margin: 0; border: 0; background: none; color: #222; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.vm-mbtn:focus-visible { outline: 2px solid #0a0a0a; outline-offset: 2px; border-radius: 4px; }
.journal-header-notice-247 .vm-mq-item { font-size: 12px !important; padding: 0 28px; }
.journal-header-notice-247 .vm-mq-item:after { margin-left: 56px; margin-right: -28px; }
.vm-marquee { line-height: 36px; }
.vm-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.45); z-index: 100000; opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; }
.vm-drawer { display: flex; flex-direction: column; position: fixed; top: 0; left: 0; bottom: 0; width: 86%; max-width: 330px; background: #fff; z-index: 100001; transform: translateX(-100%); visibility: hidden; transition: transform .3s ease, visibility .3s; font-family: 'Quicksand', sans-serif; box-shadow: 2px 0 20px rgba(0,0,0,.15); }
html.vm-drawer-open .vm-overlay { opacity: 1; visibility: visible; }
html.vm-drawer-open .vm-drawer { transform: none; visibility: visible; }
html.vm-drawer-open, html.vm-drawer-open body { overflow: hidden !important; }
}
.vm-drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 0 8px 0 20px; height: 58px; border-bottom: 1px solid #ececec; font-size: 15px; font-weight: 700; letter-spacing: .5px; color: #0a0a0a; text-transform: uppercase; flex-shrink: 0; }
.vm-drawer-body { overflow-y: auto; -webkit-overflow-scrolling: touch; flex: 1; }
.vm-drawer ul { list-style: none; margin: 0; padding: 0; }
.vm-drawer li { border-bottom: 1px solid #f1f1f1; }
.vm-drawer .vm-row { display: flex; align-items: stretch; }
.vm-drawer .vm-row > a { flex: 1; display: block; padding: 15px 20px; font-size: 14px; font-weight: 600; letter-spacing: .3px; color: #0a0a0a; text-transform: uppercase; text-decoration: none; }
.vm-drawer .vm-sub-toggle { width: 52px; border: 0; border-left: 1px solid #f1f1f1; background: none; color: #4a4a4a; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
.vm-drawer .vm-sub-toggle svg { transition: transform .25s; }
.vm-drawer li.vm-open > .vm-row .vm-sub-toggle svg { transform: rotate(180deg); }
.vm-drawer .vm-sub { display: none; background: #f7f7f7; }
.vm-drawer li.vm-open > .vm-sub { display: block; }
.vm-drawer .vm-sub li { border-bottom: 1px solid #ececec; }
.vm-drawer .vm-sub a { display: block; padding: 12px 20px 12px 32px; font-size: 13px; font-weight: 600; color: #4a4a4a; text-transform: uppercase; text-decoration: none; }
.vm-drawer-links { padding: 14px 20px 24px; display: grid; gap: 2px; border-top: 1px solid #ececec; }
.vm-drawer-links a { display: flex; align-items: center; gap: 10px; padding: 9px 0; font-size: 13px; font-weight: 600; color: #4a4a4a; text-decoration: none; }
/* topbar yazı ölçüsü + aralık */
.vm-mq-item { font-size: 12.5px !important; letter-spacing: .4px !important; padding: 0 26px !important; }
.vm-mq-item:after { margin-left: 52px !important; margin-right: -26px !important; width: 4px !important; height: 4px !important; }
/* sepet ikonunda gri zemin olmasın */
.journal-header-mega #cart, .journal-header-mega #cart .heading, .journal-header-mega #cart .heading a, .journal-header-mega #cart.active .heading, .journal-header-mega #cart .heading:hover { background: transparent !important; box-shadow: none !important; border: 0 !important; }
@media (max-width: 979px) {
.journal-header-notice-247.vm-notice-below { border-top: 0 !important; }
.journal-header-notice-247 .vm-mq-item { font-size: 11px !important; letter-spacing: .3px !important; padding: 0 18px !important; }
.journal-header-notice-247 .vm-mq-item:after { margin-left: 36px !important; margin-right: -18px !important; width: 3px !important; height: 3px !important; }
.vm-marquee { line-height: 32px !important; }
.vm-mq-track { animation-duration: 26s; }
/* ikonlar: aynı ölçü, aynı çizgi kalınlığı */
.vm-mobile-left { gap: 0 !important; margin-left: -8px !important; }
.vm-mbtn { width: 38px; height: 38px; }
.vm-mbtn svg, .journal-header-mega .vm-icon svg { width: 22px !important; height: 22px !important; stroke-width: 1.6 !important; }
.vm-search-toggle svg { width: 21px !important; height: 21px !important; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-cart { gap: 0 !important; margin-right: -8px !important; }
.journal-header-mega .vm-icons { gap: 0 !important; }
.journal-header-mega .vm-icon, .journal-header-mega #cart .heading a { width: 38px !important; height: 38px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
.journal-header-mega #cart .heading i { width: 22px !important; height: 22px !important; }
.journal-header-mega #cart .heading .vm-badge { top: 2px; right: 0; min-width: 16px; height: 16px; line-height: 16px !important; font-size: 9.5px !important; }
}
/* mobil alt bar */
.vm-bottom-bar { display: none; }
@media (max-width: 979px) {
.vm-bottom-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; display: flex; align-items: stretch; height: calc(56px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: #fff; border-top: 1px solid #e5e5e5; box-shadow: 0 0 9px rgba(0,0,0,.12); font-family: 'Quicksand', sans-serif; }
.vm-bottom-bar .vmb-item { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #0a0a0a !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent; }
.vm-bottom-bar .vmb-item:active { background: #f7f7f7; }
.vm-bottom-bar .vmb-ic { position: relative; display: flex; line-height: 0; }
.vm-bottom-bar .vmb-tx { font-size: 11px; font-weight: 600; line-height: 1.1; letter-spacing: .2px; }
.vm-bottom-bar .vmb-badge { position: absolute; top: -5px; right: -9px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: #0a0a0a; color: #fff; font-size: 9.5px; font-weight: 700; line-height: 16px; text-align: center; box-sizing: border-box; }
body { padding-bottom: calc(56px + env(safe-area-inset-bottom)) !important; }
.scroll-top, #scroll-top { bottom: calc(70px + env(safe-area-inset-bottom)) !important; }
html.vm-drawer-open .vm-bottom-bar { z-index: 99999; }
}
@media (max-width: 979px) { .journal-header-mega .vm-icons .vm-wishlist { display: none !important; } }
@media (max-width: 979px) { header.journal-header-mega { position: relative !important; z-index: 1000 !important; } .journal-header-notice-247.vm-notice-below { position: relative !important; z-index: 1 !important; } .journal-header-mega .autocomplete2-suggestions { z-index: 1001 !important; max-height: 60vh; } }
/* Ana sayfa banner: tam genişlik + görsel oranında yükseklik (kırpma yok) */
.journal-slider-66.journal-fullwidth-slider { height: auto !important; aspect-ratio: 2048 / 742; }
.journal-slider-250.journal-fullwidth-slider { height: auto !important; aspect-ratio: 1095 / 1436; }
.journal-slider-66 .tp-banner, .journal-slider-66 .tp-banner > ul, .journal-slider-66 .tp-banner > ul > li, .journal-slider-66 .slotholder, .journal-slider-66 .tp-bgimg,
.journal-slider-250 .tp-banner, .journal-slider-250 .tp-banner > ul, .journal-slider-250 .tp-banner > ul > li, .journal-slider-250 .slotholder, .journal-slider-250 .tp-bgimg { height: 100% !important; }
.journal-slider-66 .tp-bgimg, .journal-slider-250 .tp-bgimg { background-size: cover !important; background-position: center center !important; }
/* Ana sayfa: yuvarlak marka carousel (journal2_carousel 251) */
.journal-carousel.carousel-category .product-wrapper { background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; text-align: center; }
.journal-carousel.carousel-category .product-grid-item { padding: 0 10px !important; }
.journal-carousel.carousel-category .image { border-radius: 50% !important; overflow: hidden; border: 5px solid #ececec; aspect-ratio: 1/1; background: #fff; transition: border-color .25s; }
.journal-carousel.carousel-category .image a, .journal-carousel.carousel-category .image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.journal-carousel.carousel-category .image img { transition: transform .4s; }
.journal-carousel.carousel-category .product-wrapper:hover .image { border-color: #c9c9c9; }
.journal-carousel.carousel-category .product-wrapper:hover .image img { transform: scale(1.06); }
.journal-carousel.carousel-category .product-details { background: transparent !important; padding: 12px 0 0 !important; border: 0 !important; }
.journal-carousel.carousel-category .name a { font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #222 !important; text-transform: none !important; letter-spacing: .2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.journal-carousel.carousel-category .name a:first-letter { text-transform: uppercase; }
.journal-carousel.carousel-category .swiper-button-prev, .journal-carousel.carousel-category .swiper-button-next { background: none !important; color: #222 !important; }
@media (max-width: 767px) { .journal-carousel.carousel-category .product-grid-item { padding: 0 6px !important; } .journal-carousel.carousel-category .image { border-width: 3px; } .journal-carousel.carousel-category .name a { font-size: 12.5px !important; } }
.journal-carousel.carousel-category .swiper { position: relative; padding: 0 34px; }
.journal-carousel.carousel-category .swiper > .swiper-button-prev, .journal-carousel.carousel-category .swiper > .swiper-button-next { top: 38% !important; width: 28px !important; height: 44px !important; margin: 0 !important; opacity: 1 !important; display: flex !important; align-items: center; justify-content: center; }
.journal-carousel.carousel-category .swiper > .swiper-button-prev { left: 0 !important; right: auto !important; }
.journal-carousel.carousel-category .swiper > .swiper-button-next { right: 0 !important; left: auto !important; }
.journal-carousel.carousel-category .swiper > .swiper-button-prev:before, .journal-carousel.carousel-category .swiper > .swiper-button-next:before { content: '' !important; width: 14px; height: 14px; border: solid #222; border-width: 0 0 1.6px 1.6px; transform: rotate(45deg); font-size: 0 !important; }
.journal-carousel.carousel-category .swiper > .swiper-button-next:before { transform: rotate(-135deg); }
.journal-carousel.carousel-category .swiper > .swiper-button-disabled { opacity: .25 !important; }
@media (max-width: 767px) { .journal-carousel.carousel-category .swiper { padding: 0 22px; } .journal-carousel.carousel-category .swiper > .swiper-button-prev, .journal-carousel.carousel-category .swiper > .swiper-button-next { width: 20px !important; } }
/* ==== Ürün kartları (tüm site) — veramuu tarzı ==== */
.product-grid-item:not(.carousel-category *) .product-wrapper { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; border-radius: 5px; transition: transform .25s, box-shadow .25s; }
.product-grid-item:not(.carousel-category *) .product-wrapper:hover { box-shadow: 0 6px 18px rgba(0,0,0,.08) !important; }
.product-grid-item:not(.carousel-category *) .product-wrapper .image { border-radius: 5px 5px 0 0; overflow: hidden; background: #fff; }
.product-grid-item:not(.carousel-category *) .product-wrapper .image img { transition: transform .5s; }
.product-grid-item:not(.carousel-category *) .product-wrapper:hover .image img { transform: scale(1.04); }
.product-grid-item:not(.carousel-category *) .product-details { background: #fff !important; border: 0 !important; border-radius: 0 0 5px 5px; padding: 10px 15px 13px !important; text-align: left !important; }
.product-grid-item:not(.carousel-category *) .product-details .caption { text-align: left !important; }
.product-grid-item:not(.carousel-category *) .name { margin: 0 !important; padding: 0 !important; text-align: left !important; }
.product-grid-item:not(.carousel-category *) .name a { font-family: 'Quicksand', sans-serif !important; font-size: 14.4px !important; font-weight: 500 !important; line-height: 1.3 !important; color: #000 !important; text-transform: none !important; letter-spacing: 0 !important; white-space: normal !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; text-align: left !important; }
.product-grid-item:not(.carousel-category *) .description { display: none !important; }
.product-grid-item:not(.carousel-category *) .price { font-family: 'Quicksand', sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: #111 !important; text-align: left !important; border: 0 !important; background: none !important; padding: 0 !important; margin: 5px 0 0 !important; display: block !important; }
.product-grid-item:not(.carousel-category *) .price-old { font-weight: 500 !important; opacity: .6; text-decoration: line-through; margin-right: 4px; font-size: 15px !important; color: #111 !important; }
.product-grid-item:not(.carousel-category *) .price-new { color: #111 !important; font-weight: 700 !important; }
.product-grid-item:not(.carousel-category *) .price-tax { display: none !important; }
.product-grid-item:not(.carousel-category *) .button-group, .product-grid-item:not(.carousel-category *) .product-details .rating { display: none !important; }
.product-grid-item:not(.carousel-category *) .label-sale, .product-grid-item:not(.carousel-category *) .label-latest, .product-grid-item:not(.carousel-category *) .label-outofstock { position: absolute; top: 0 !important; right: 0 !important; left: auto !important; border-radius: 0 5px 0 8px !important; background: #c00 !important; color: #fff !important; font-family: 'Quicksand', sans-serif !important; font-size: 12.5px !important; font-weight: 700 !important; padding: 5px 10px !important; width: auto !important; height: auto !important; line-height: 1.2 !important; transform: none !important; }
.product-grid-item:not(.carousel-category *) .label-latest { background: #111 !important; }
.product-grid-item:not(.carousel-category *) .label-outofstock { background: #777 !important; }
.product-grid-item:not(.carousel-category *) { margin-bottom: 15px !important; }
/* ==== Kategori sayfası ==== */
html.route-product-category body, html.route-product-category #container, html.route-product-category .extended-container { background: #f3f6f9 !important; }
html.route-product-category #container { font-family: 'Quicksand', sans-serif; padding-top: 18px; }
html.route-product-category #container > .breadcrumb, html.route-product-category .breadcrumb { text-align: left !important; background: none !important; padding: 0 !important; margin: 0 0 14px !important; font-family: 'Quicksand', sans-serif !important; }
html.route-product-category .breadcrumb li, html.route-product-category .breadcrumb li a, html.route-product-category .breadcrumb li span { font-family: 'Quicksand', sans-serif !important; font-size: 15px !important; font-weight: 400 !important; color: rgba(74,74,74,.8) !important; text-transform: none !important; }
html.route-product-category .breadcrumb li:last-child a, html.route-product-category .breadcrumb li:last-child span { color: #222 !important; font-weight: 700 !important; }
html.route-product-category .breadcrumb > li + li:before { content: '/' !important; color: #b5b5b5 !important; padding: 0 8px !important; }
html.route-product-category #content > .heading-title { font-family: 'Quicksand', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; letter-spacing: .3px !important; color: #111 !important; border: 0 !important; margin: 0 0 6px !important; padding: 0 !important; background: none !important; text-transform: none !important; }
html.route-product-category #content > .heading-title:after { display: none !important; }
html.route-product-category .category-info { background: none !important; border: 0 !important; padding: 0 !important; color: #555; font-size: 14px; }
html.route-product-category .category-info .image { display: none !important; }
html.route-product-category .product-filter { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 0 16px !important; display: flex !important; align-items: center; justify-content: flex-end; gap: 14px; flex-wrap: wrap; }
html.route-product-category .product-filter .display, html.route-product-category .product-filter .product-compare { display: none !important; }
html.route-product-category .product-filter .limit, html.route-product-category .product-filter .sort { float: none !important; margin: 0 !important; display: flex; align-items: center; gap: 8px; }
html.route-product-category .product-filter b { font-family: 'Quicksand', sans-serif !important; font-weight: 500 !important; font-size: 14px !important; color: #4a4a4a !important; }
html.route-product-category .main-products.product-grid { margin-left: -6px !important; margin-right: -6px !important; }
html.route-product-category .main-products .product-grid-item { padding-left: 6px !important; padding-right: 6px !important; }
/* sol kategori menüsü */
html.route-product-category #column-left .side-category { background: #fff !important; border: 1px solid #e2e6eb !important; border-radius: 5px !important; padding: 15px !important; box-shadow: none !important; }
html.route-product-category #column-left .side-category .box-heading { font-family: 'Quicksand', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: .8px !important; color: #4a4a4a !important; background: none !important; border: 0 !important; padding: 0 0 8px !important; margin: 0 !important; height: auto !important; line-height: 1.3 !important; text-transform: uppercase; }
html.route-product-category #column-left .side-category .box-heading:after { display: none !important; }
html.route-product-category #column-left .box-category { background: none !important; padding: 0 !important; border: 0 !important; }
html.route-product-category #column-left .box-category > ul > li { border-top: 1px solid #ececec !important; border-bottom: 0 !important; background: none !important; }
html.route-product-category #column-left .box-category li a { font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; color: #000 !important; padding: 7px 0 !important; background: none !important; text-transform: none !important; display: flex !important; align-items: center; justify-content: space-between; }
html.route-product-category #column-left .box-category li a:before { display: none !important; }
html.route-product-category #column-left .box-category li a.active, html.route-product-category #column-left .box-category li a:hover { color: #000 !important; font-weight: 700 !important; }
html.route-product-category #column-left .box-category li ul { padding: 0 0 6px 6px !important; background: none !important; }
html.route-product-category #column-left .box-category li ul li a { font-size: 13.5px !important; font-weight: 500 !important; color: #333 !important; padding: 4px 0 !important; border: 0 !important; }
html.route-product-category #column-left .box-category li a i { position: static !important; font-style: normal; color: #777 !important; font-size: 15px; width: 16px; text-align: center; background: none !important; border: 0 !important; }
/* sayfalama */
html.route-product-category .pagination { text-align: center; }
html.route-product-category .pagination li span, html.route-product-category .pagination li a { width: 34px; height: 34px; line-height: 30px !important; padding: 0 !important; border-radius: 99px !important; border: 2px solid #ddd !important; background: #fff !important; color: #111 !important; font-family: 'Quicksand', sans-serif; font-weight: 700; margin: 0 3px; text-align: center; }
html.route-product-category .pagination li.active span { background: #000 !important; border-color: #000 !important; color: #fff !important; }
/* özel açılır seçim (sırala / göster) */
.vm-dd { position: relative; font-family: 'Quicksand', sans-serif; }
.vm-dd-btn { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-width: 210px; height: 39px; padding: 0 12px; border: 1px solid #ddd; background: #fff; color: #222; font-size: 14.5px; font-weight: 500; cursor: pointer; font-family: inherit; }
.vm-dd.vm-dd-sm .vm-dd-btn { min-width: 70px; }
.vm-dd-btn svg { flex: 0 0 auto; transition: transform .2s; }
.vm-dd.open .vm-dd-btn svg { transform: rotate(180deg); }
.vm-dd-list { position: absolute; top: calc(100% + 4px); right: 0; min-width: 100%; z-index: 50; background: #fff; border: 1px solid #ddd; box-shadow: 0 8px 22px rgba(0,0,0,.1); margin: 0; padding: 4px 0; list-style: none; display: none; }
.vm-dd.open .vm-dd-list { display: block; }
.vm-dd-list a { display: block; padding: 8px 14px; color: #222 !important; font-size: 14px; white-space: nowrap; text-decoration: none !important; }
.vm-dd-list a:hover, .vm-dd-list a.sel { background: #f3f6f9; font-weight: 700; }
@media (max-width: 767px) {
html.route-product-category .product-filter { justify-content: space-between; }
html.route-product-category .product-filter .limit { display: none !important; }
html.route-product-category .product-filter .sort { flex: 1; } html.route-product-category .product-filter .sort b { display: none; }
html.route-product-category .vm-dd, html.route-product-category .vm-dd-btn { width: 100%; }
.product-grid-item:not(.carousel-category *) .product-details { padding: 8px 10px 11px !important; }
.product-grid-item:not(.carousel-category *) .name a { font-size: 13px !important; }
.product-grid-item:not(.carousel-category *) .price { font-size: 14.5px !important; }
}
.product-grid-item:not(.carousel-category *) .product-wrapper { margin: 0 !important; }
.product-grid-item:not(.carousel-category *) .name a { padding: 0 !important; margin: 0 !important; }
html.route-product-category #column-left .box-category li > a > i { margin-left: 8px; line-height: 1 !important; height: auto !important; top: auto !important; }
html .product-filter .sort, html .product-filter .limit { overflow: visible !important; }
html .product-filter { position: relative; z-index: 30; }
html .product-filter { overflow: visible !important; }
.vm-dd-list li { padding: 0 !important; margin: 0 !important; border: 0 !important; line-height: 1.3 !important; }
.vm-dd-list li a { font-weight: 500 !important; padding: 8px 14px !important; line-height: 1.3 !important; }
.vm-dd-list li a.sel { font-weight: 700 !important; }
.vm-dd.open .vm-dd-btn svg { transform: none; }
/* kategori üst satırı */
html.route-product-category .vm-cat-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 0 20px; margin: 4px 0 28px; }
html.route-product-category .vm-cat-top .breadcrumb { margin: 0 !important; }
html.route-product-category .vm-cat-top .breadcrumb li, html.route-product-category .vm-cat-top .breadcrumb li a, html.route-product-category .vm-cat-top .breadcrumb li span { font-size: 15.5px !important; }
html.route-product-category .vm-cat-top .breadcrumb li:last-child a, html.route-product-category .vm-cat-top .breadcrumb li:last-child span { text-transform: capitalize !important; }
html.route-product-category .vm-cat-tools { display: flex; align-items: center; gap: 16px; }
html.route-product-category .vm-cat-count { font-family: 'Quicksand', sans-serif; font-size: 14.5px; color: #4a4a4a; }
html.route-product-category .vm-cat-tools .sort { display: block !important; float: none !important; margin: 0 !important; overflow: visible !important; position: relative; z-index: 40; }
html.route-product-category .vm-cat-tools .sort b { display: none !important; }
html.route-product-category .vm-cat-tools .vm-dd-btn { min-width: 246px; height: 38px; border-color: #ddd; border-radius: 0; font-size: 14.5px; }
html.vm-cat-ready.route-product-category #content > .heading-title { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; margin: -1px !important; }
html.vm-cat-ready.route-product-category #content .product-filter { display: none !important; }
html.route-product-category #content { padding-top: 0 !important; }
html.route-product-category #content .category-info:empty { display: none !important; }
html.route-product-category #container { padding-top: 22px !important; }
@media (max-width: 767px) {
html.route-product-category .vm-cat-top { padding: 0 10px; margin-bottom: 16px; }
html.route-product-category .vm-cat-count { display: none; }
html.route-product-category .vm-cat-tools, html.route-product-category .vm-cat-tools .sort, html.route-product-category .vm-cat-tools .vm-dd, html.route-product-category .vm-cat-tools .vm-dd-btn { width: 100%; min-width: 0; }
}
html.vm-cat-ready.route-product-category #content > *:not(.main-products):not(.pagination):not(.category-info) { margin-top: 0 !important; }
html.vm-cat-ready.route-product-category #content .main-products { margin-top: 0 !important; padding-top: 0 !important; }
html.route-product-category .vm-cat-top { margin-bottom: 22px; }
/* ==== Footer — veramuu tarzı (içerik: Journal > Footer) ==== */
footer, footer #footer, footer .bottom-footer, footer .bottom-footer > div { background: #fff !important; }
footer { border-top: 1px solid #e9ecef; margin-top: 30px !important; font-family: 'Quicksand', sans-serif !important; }
footer #footer { padding: 34px 20px 10px !important; max-width: 1430px; margin: 0 auto; box-shadow: none !important; }
footer #footer > .row { padding: 0 !important; margin: 0 !important; background: none !important; }
footer #footer > .row:first-child { border-bottom: 1px solid #e9ecef !important; padding-bottom: 22px !important; margin-bottom: 28px !important; }
footer #footer > .row:first-child .column { width: 100% !important; padding: 0 !important; }
footer #footer > .row:first-child h3 { font-size: 20px !important; margin: 0 0 8px !important; }
footer #footer > .row:first-child .column-text-wrap, footer #footer > .row:first-child .column-text-wrap * { font-family: 'Quicksand', sans-serif !important; font-size: 14.5px !important; line-height: 1.7 !important; color: #555 !important; }
footer #footer > .row:first-child .column-text-wrap p:empty, footer #footer > .row:first-child .column-text-wrap p:last-child:not(:first-child) { display: none; }
footer #footer .column h3 { font-family: 'Quicksand', sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: #111 !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; padding: 0 !important; margin: 0 0 14px !important; background: none !important; }
footer #footer .column h3:after, footer #footer .column h3:before { display: none !important; }
footer #footer .column.menu { padding: 0 15px 24px 0 !important; }
footer #footer .column.menu ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
footer #footer .column.menu li { padding: 0 !important; margin: 0 0 9px !important; border: 0 !important; background: none !important; list-style: none !important; }
footer #footer .column.menu li:before { display: none !important; }
footer #footer .column.menu li a, footer #footer .column.menu li { font-family: 'Quicksand', sans-serif !important; font-size: 14.5px !important; font-weight: 500 !important; color: #4a4a4a !important; text-transform: none !important; }
footer #footer .column.menu li a:hover { color: #000 !important; text-decoration: underline !important; }
footer #footer .column.menu li i { display: none !important; }
/* sosyal ikonlar (Kurumsal altında) */
footer #footer .row.contacts { display: none !important; }
footer .vm-f-social { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
footer .vm-f-social > span { position: relative; margin: 0 !important; float: none !important; }
footer .vm-f-social a.contact-icon { display: flex !important; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50% !important; background: #f1f2f4 !important; border: 0 !important; margin: 0 !important; padding: 0 !important; transition: background .2s; }
footer .vm-f-social a.contact-icon:hover { background: #e2e4e8 !important; }
footer .vm-f-social a.contact-icon i { color: #333 !important; font-size: 16px !important; margin: 0 !important; top: 0 !important; }
footer .vm-f-social .contacts-text, footer .vm-f-social > span > a:not(.contact-icon) { display: none !important; }
/* iletişim kutuları */
footer #footer .column.vm-f-contact li { margin: 0 0 8px !important; }
footer #footer .column.vm-f-contact li { border: 1px solid #e3e6ea !important; border-radius: 6px; padding: 9px 12px !important; line-height: 1.35; transition: border-color .2s; }
footer #footer .column.vm-f-contact li:hover { border-color: #111 !important; }
footer #footer .column.vm-f-contact li a:hover { text-decoration: none !important; }
footer #footer .column.vm-f-contact li:first-child { border-color: #25d366 !important; }
footer #footer .column.vm-f-contact li:first-child a { color: #128c4b !important; font-weight: 700 !important; }
/* alt şerit: ödeme solda, telif sağda */
footer .bottom-footer { border-top: 1px solid #e9ecef; }
footer .bottom-footer > div { display: flex !important; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; max-width: 1430px; margin: 0 auto; padding-top: 18px !important; padding-bottom: 18px !important; }
footer .bottom-footer .copyright { float: none !important; font-family: 'Quicksand', sans-serif !important; font-size: 13.5px !important; color: #666 !important; margin: 0 !important; }
footer .bottom-footer .payments { float: none !important; display: flex; gap: 6px; margin: 0 !important; }
footer .bottom-footer .payments img { height: 26px !important; width: auto !important; }
@media (max-width: 767px) {
footer #footer { padding: 26px 16px 4px !important; }
footer #footer .column.menu { width: 50% !important; }
footer #footer .column.vm-f-contact { width: 100% !important; }
footer .bottom-footer > div { flex-direction: column; text-align: center; }
}
/* ==== Ürün sayfası — veramuu tarzı ==== */
html.route-product-product body, html.route-product-product #container, html.route-product-product .extended-container { background: #f3f6f9 !important; }
html.route-product-product #container { font-family: 'Quicksand', sans-serif; padding-top: 18px; }
html.route-product-product .breadcrumb { text-align: left !important; background: none !important; padding: 0 !important; margin: 0 0 14px !important; }
html.route-product-product .breadcrumb li, html.route-product-product .breadcrumb li a, html.route-product-product .breadcrumb li span { font-family: 'Quicksand', sans-serif !important; font-size: 15px !important; font-weight: 400 !important; color: rgba(74,74,74,.8) !important; text-transform: none !important; }
html.route-product-product .breadcrumb li:last-child a, html.route-product-product .breadcrumb li:last-child span { color: #222 !important; font-weight: 700 !important; }
html.route-product-product .breadcrumb > li + li:before { content: '/' !important; color: #b5b5b5 !important; padding: 0 8px !important; }
html.route-product-product #content > h1.heading-title { display: none; }
html.route-product-product .product-info { background: none !important; border: 0 !important; box-shadow: none !important; }
html.route-product-product .product-info .left, html.route-product-product .product-info .right { background: none !important; border: 0 !important; box-shadow: none !important; }
/* galeri: dikey küçük görseller */
html.route-product-product .product-info .left.vm-gal { display: flex !important; gap: 12px; align-items: flex-start; }
html.route-product-product .vm-thumbs { flex: 0 0 76px; display: flex; flex-direction: column; gap: 10px; max-height: 560px; overflow-y: auto; scrollbar-width: thin; }
html.route-product-product .vm-thumbs a { display: block; border: 1px solid transparent; opacity: .65; transition: opacity .2s, border-color .2s; background: #fff; }
html.route-product-product .vm-thumbs a.on, html.route-product-product .vm-thumbs a:hover { opacity: 1; border-color: #111; }
html.route-product-product .vm-thumbs img { display: block; width: 100%; height: auto; }
html.route-product-product .left.vm-gal .image { flex: 1; min-width: 0; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff; }
html.route-product-product .left.vm-gal .image img { width: 100%; height: auto; }
html.route-product-product .left.vm-gal .image-additional, html.route-product-product .left.vm-gal .gallery-text { display: none !important; }
/* başlık + fiyat */
html.route-product-product .right .vm-title { font-family: 'Quicksand', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #111 !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; background: none !important; margin: 0 0 8px !important; padding: 0 !important; text-align: left !important; display: block !important; }
html.route-product-product .right .vm-title:after, html.route-product-product .right .vm-title:before { display: none !important; }
html.route-product-product .product-options { background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; }
html.route-product-product .product-options .price { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 0 10px !important; }
html.route-product-product .product-options .price li, html.route-product-product .product-options .product-price, html.route-product-product .product-options .price-new { font-family: 'Quicksand', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: #111 !important; background: none !important; padding: 0 !important; text-align: left !important; }
html.route-product-product .product-options .price-old { font-size: 20px !important; font-weight: 500 !important; opacity: .6; text-decoration: line-through; color: #111 !important; }
html.route-product-product .product-options .price-tax { display: none !important; }
html.route-product-product .product-options .description { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 0 14px !important; }
html.route-product-product .product-options .description li { font-family: 'Quicksand', sans-serif !important; font-size: 13.5px !important; color: #666 !important; border: 0 !important; padding: 2px 0 !important; background: none !important; }
html.route-product-product .product-options .description .product-views-count { display: none !important; }
/* sepet satırı */
html.route-product-product .form-group.cart { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 0 12px !important; }
html.route-product-product .form-group.cart > div { display: flex !important; align-items: stretch; gap: 12px; flex-wrap: nowrap; }
html.route-product-product .form-group.cart .qty { display: flex !important; align-items: stretch; margin: 0 !important; flex: 0 0 auto; width: auto !important; min-width: 0 !important; padding: 0 !important; float: none !important; }
html.route-product-product .form-group.cart .qty label { display: none !important; }
html.route-product-product .form-group.cart .journal-stepper { width: 26px !important; height: 40px !important; line-height: 38px !important; border: 1px solid #ddd !important; background: #fff !important; color: #333 !important; text-align: center; font-size: 14px !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; }
html.route-product-product .form-group.cart #input-quantity { width: 36px !important; height: 40px !important; border: 1px solid #ddd !important; border-left: 0 !important; border-right: 0 !important; text-align: center; padding: 0 !important; margin: 0 !important; font-size: 14px !important; background: #fff !important; border-radius: 0 !important; box-shadow: none !important; }
html.route-product-product #button-cart, html.route-product-product .vm-buynow { flex: 1 1 0; height: 40px !important; padding: 0 12px !important; margin: 0 !important; border: 0 !important; border-radius: 3px !important; font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: .5px; text-transform: uppercase; cursor: pointer; box-shadow: none !important; transition: filter .2s; }
html.route-product-product #button-cart { background: #000 !important; color: #fff !important; }
html.route-product-product #button-cart:before { display: none !important; }
html.route-product-product #button-cart .button-cart-text { color: #fff !important; font: inherit !important; }
html.route-product-product .vm-buynow { background: #f27a1a !important; color: #fff !important; }
html.route-product-product #button-cart:hover, html.route-product-product .vm-buynow:hover { filter: brightness(.92); }
html.route-product-product .wishlist-compare { margin: 0 0 12px !important; padding: 0 !important; background: none !important; border: 0 !important; }
html.route-product-product .wishlist-compare a { font-family: 'Quicksand', sans-serif !important; font-size: 13.5px !important; font-weight: 600 !important; color: #4a4a4a !important; margin-right: 16px; cursor: pointer; }
html.route-product-product .wishlist-compare a:hover { color: #000 !important; text-decoration: underline; }
/* whatsapp */
html.route-product-product div.inova { margin: 0 0 12px !important; }
html.route-product-product div.inova a { display: block; }
html.route-product-product div.inova .btn { width: 100% !important; height: 42px; border: 0 !important; border-radius: 3px !important; background: #25d366 !important; color: #fff !important; font-family: 'Quicksand', sans-serif !important; font-size: 14.5px !important; font-weight: 700 !important; }
/* bilgi kutuları (panel: Journal Custom Tabs) */
html.route-product-product .right .journal-custom-tab:not(.tab-pane) { display: flex !important; align-items: center; gap: 12px; background: #fff !important; border: 1px solid #e3e6ea !important; border-radius: 5px !important; padding: 12px 16px !important; margin: 0 0 10px !important; box-shadow: none !important; position: relative; }
html.route-product-product .right .journal-custom-tab:not(.tab-pane) .block-icon { float: none !important; margin: 0 !important; background: #f3f6f9 !important; border-radius: 50% !important; width: 40px !important; height: 40px !important; min-width: 40px; display: flex !important; align-items: center; justify-content: center; }
html.route-product-product .right .journal-custom-tab:not(.tab-pane) .block-icon i { color: #111 !important; margin: 0 !important; font-size: 18px !important; }
html.route-product-product .right .journal-custom-tab:not(.tab-pane) h3 { font-family: 'Quicksand', sans-serif !important; font-size: 14.5px !important; font-weight: 700 !important; color: #111 !important; margin: 0 0 2px !important; text-transform: none !important; background: none !important; padding: 0 !important; }
html.route-product-product .right .journal-custom-tab:not(.tab-pane) p { font-family: 'Quicksand', sans-serif !important; font-size: 13.5px !important; color: #4a4a4a !important; margin: 0 !important; }
html.route-product-product .right .journal-custom-tab:not(.tab-pane).vm-ship { padding-bottom: 24px !important; }
html.route-product-product .right .journal-custom-tab:not(.tab-pane).vm-ship:after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 10px; height: 7px; border-radius: 9px; background: #128a12; }
/* paylaş */
html.route-product-product .right .social.share-this { display: none !important; }
.vm-share { display: flex; align-items: center; gap: 7px; margin: 4px 0 16px; font-family: 'Quicksand', sans-serif; }
.vm-share span { font-size: 13.5px; font-weight: 600; color: #777; margin-right: 4px; }
.vm-share a { width: 32px; height: 32px; border-radius: 50%; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; color: #9a9a9a !important; background: #fff; transition: all .2s; }
.vm-share a:hover { background: #111; border-color: #111; color: #fff !important; }
/* sekmeler -> akordeon */
html.route-product-product .vm-acc { margin: 0 0 20px; font-family: 'Quicksand', sans-serif; }
html.route-product-product .vm-acc-item { background: #fff; border: 1px solid #e3e6ea; margin-top: -1px; }
html.route-product-product .vm-acc-head { width: 100%; display: flex; align-items: center; gap: 10px; padding: 11px 16px; background: none; border: 0; font-family: inherit; font-size: 15px; font-weight: 700; color: #111; text-align: left; cursor: pointer; }
html.route-product-product .vm-acc-head svg { flex: 0 0 auto; transition: transform .2s; transform: rotate(-90deg); }
html.route-product-product .vm-acc-item.open .vm-acc-head svg { transform: none; }
html.route-product-product .vm-acc-body { display: none; padding: 4px 16px 16px; }
html.route-product-product .vm-acc-item.open .vm-acc-body { display: block; }
html.route-product-product .vm-acc-body .tab-content { display: block !important; opacity: 1 !important; background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
html.route-product-product .vm-acc-body, html.route-product-product .vm-acc-body p, html.route-product-product .vm-acc-body span, html.route-product-product .vm-acc-body li, html.route-product-product .vm-acc-body strong, html.route-product-product .vm-acc-body b, html.route-product-product .vm-acc-body div, html.route-product-product .vm-acc-body h1, html.route-product-product .vm-acc-body h2, html.route-product-product .vm-acc-body h3, html.route-product-product .vm-acc-body h4 { font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; line-height: 1.6 !important; color: #4a4a4a !important; font-weight: 500 !important; }
html.route-product-product .vm-acc-body iframe { max-width: 100%; }
html.route-product-product .vm-acc-body img { max-width: 100%; height: auto; }
html.route-product-product #content > .product-tabs { display: none !important; }
html.route-product-product #content > .tags { font-family: 'Quicksand', sans-serif; font-size: 13px; color: #777; }
@media (max-width: 767px) {
html.route-product-product .product-info .left.vm-gal { flex-direction: column-reverse; }
html.route-product-product .vm-thumbs { flex: none; flex-direction: row; max-height: none; overflow-x: auto; width: 100%; }
html.route-product-product .vm-thumbs a { flex: 0 0 64px; }
html.route-product-product .form-group.cart > div { flex-wrap: wrap; }
html.route-product-product .vm-buynow { flex-basis: 100%; }
html.route-product-product .right .vm-title { font-size: 19px !important; margin-top: 14px !important; }
}
/* ==== Ürün sayfası v2: oran, kompakt bilgi kutuları ==== */
html.route-product-product #container { max-width: 1390px !important; width: auto !important; margin-left: auto !important; margin-right: auto !important; padding-left: 15px !important; padding-right: 15px !important; }
html.route-product-product .product-info .left { width: 52% !important; padding-right: 24px !important; }
html.route-product-product .product-info .right { width: 48% !important; padding-left: 8px !important; }
html.route-product-product .vm-thumbs { flex-basis: 72px; max-height: none; }
html.route-product-product .vm-info { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 0 12px; }
html.route-product-product .vm-info .journal-custom-tab:not(.tab-pane) { display: grid !important; grid-template-columns: 34px 1fr; column-gap: 10px; align-items: center; padding: 10px 12px !important; margin: 0 !important; }
html.route-product-product .vm-info .journal-custom-tab:not(.tab-pane) .block-icon { grid-column: 1; grid-row: 1 / span 2; width: 34px !important; height: 34px !important; min-width: 34px; }
html.route-product-product .vm-info .journal-custom-tab:not(.tab-pane) .block-icon i { font-size: 15px !important; }
html.route-product-product .vm-info .journal-custom-tab:not(.tab-pane) h3 { font-size: 13.5px !important; line-height: 1.2 !important; margin: 0 !important; align-self: end; }
html.route-product-product .vm-info .journal-custom-tab:not(.tab-pane) p { font-size: 12.5px !important; line-height: 1.3 !important; color: #666 !important; align-self: start; }
html.route-product-product .vm-info .journal-custom-tab:not(.tab-pane).vm-ship { padding-bottom: 20px !important; }
html.route-product-product .vm-info .journal-custom-tab:not(.tab-pane).vm-ship:after { left: 12px; right: 12px; bottom: 7px; height: 4px; }
html.route-product-product .vm-acc-body ul, html.route-product-product .vm-acc-body ol { padding-left: 18px !important; margin: 6px 0 !important; }
html.route-product-product .vm-acc-body li { padding: 1px 0 !important; margin: 0 !important; }
html.route-product-product .vm-acc-body p { margin: 0 0 6px !important; }
html.route-product-product .vm-share { margin: 2px 0 14px; }
@media (max-width: 767px) {
html.route-product-product #container { padding-left: 12px !important; padding-right: 12px !important; padding-top: 10px; }
html.route-product-product .product-info .left, html.route-product-product .product-info .right { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; float: none !important; }
html.route-product-product .breadcrumb li, html.route-product-product .breadcrumb li a, html.route-product-product .breadcrumb li span { font-size: 13px !important; }
html.route-product-product .vm-info { gap: 8px; }
html.route-product-product .vm-info .journal-custom-tab:not(.tab-pane) { grid-template-columns: 28px 1fr; column-gap: 8px; padding: 8px 9px !important; }
html.route-product-product .vm-info .journal-custom-tab:not(.tab-pane) .block-icon { width: 28px !important; height: 28px !important; min-width: 28px; }
html.route-product-product .vm-info .journal-custom-tab:not(.tab-pane) h3 { font-size: 12.5px !important; }
html.route-product-product .vm-info .journal-custom-tab:not(.tab-pane) p { font-size: 11.5px !important; }
html.route-product-product #button-cart, html.route-product-product .vm-buynow { font-size: 13px !important; }
}
/* ==== Footer alt şerit + hazırlayan bandı ==== */
footer .bottom-footer { height: auto !important; min-height: 0 !important; background: #fff !important; }
footer .bottom-footer > div { height: auto !important; }
.vm-credit { background: #ececec; text-align: center; padding: 8px 15px; font-family: 'Quicksand', sans-serif; }
.vm-credit a { display: inline-flex; align-items: center; gap: 7px; color: #555 !important; font-size: 12.5px; font-weight: 500; text-decoration: none !important; }
.vm-credit a:hover { color: #000 !important; }
.vm-credit svg { width: 18px; height: 18px; flex: 0 0 auto; }
/* ==== Giriş / Sepet / Ödeme — veramuu tarzı (OpenCart yapısı korunur) ==== */
html.route-account-login body, html.route-account-login #container, html.route-account-login .extended-container,
html.route-checkout-cart body, html.route-checkout-cart #container, html.route-checkout-cart .extended-container,
html.route-checkout-checkout body, html.route-checkout-checkout #container, html.route-checkout-checkout .extended-container { background: #f3f6f9 !important; }
html.route-account-login #container, html.route-checkout-cart #container, html.route-checkout-checkout #container { font-family: 'Quicksand', sans-serif; padding-top: 14px; padding-bottom: 30px; }
html.route-account-login #content, html.route-checkout-cart #content, html.route-checkout-checkout #content,
html.route-account-login #content *, html.route-checkout-cart #content *, html.route-checkout-checkout #content * { font-family: 'Quicksand', sans-serif !important; }
html.route-account-login #content .fa, html.route-checkout-cart #content .fa, html.route-checkout-checkout #content .fa,
html.route-account-login #content [class^="fa-"], html.route-checkout-cart #content [class*=" fa-"], html.route-checkout-checkout #content [class*=" fa-"] { font-family: FontAwesome !important; }
html.route-account-login .breadcrumb, html.route-checkout-cart .breadcrumb, html.route-checkout-checkout .breadcrumb { background: none !important; padding: 0 !important; margin: 0 0 14px !important; text-align: left !important; }
html.route-account-login .breadcrumb li, html.route-account-login .breadcrumb a, html.route-checkout-cart .breadcrumb li, html.route-checkout-cart .breadcrumb a, html.route-checkout-checkout .breadcrumb li, html.route-checkout-checkout .breadcrumb a { font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; color: rgba(74,74,74,.8) !important; text-transform: none !important; font-weight: 500 !important; }
html.route-account-login .breadcrumb > li + li:before, html.route-checkout-cart .breadcrumb > li + li:before, html.route-checkout-checkout .breadcrumb > li + li:before { content: '/' !important; color: #b5b5b5 !important; padding: 0 8px !important; }
html.route-account-login #content h1.heading-title, html.route-checkout-cart #content h1.heading-title, html.route-checkout-checkout #content h1.heading-title { font-size: 24px !important; font-weight: 700 !important; color: #111 !important; text-transform: none !important; text-align: left !important; letter-spacing: 0 !important; border: 0 !important; background: none !important; padding: 0 !important; margin: 0 0 16px !important; }
html.route-account-login #content h1.heading-title:after, html.route-checkout-cart #content h1.heading-title:after, html.route-checkout-checkout #content h1.heading-title:after { display: none !important; }
/* kart başlıkları */
html.route-account-login .secondary-title, html.route-checkout-cart .secondary-title, html.route-checkout-checkout .secondary-title { font-size: 16px !important; font-weight: 700 !important; color: #111 !important; text-transform: none !important; letter-spacing: 0 !important; background: none !important; border: 0 !important; border-bottom: 1px solid #edf0f3 !important; padding: 0 0 12px !important; margin: 0 0 16px !important; }
/* alanlar */
html.route-account-login #content .form-control, html.route-checkout-cart #content .form-control, html.route-checkout-checkout #content .form-control { height: 42px !important; border: 1px solid #dcdfe4 !important; border-radius: 4px !important; background: #fff !important; box-shadow: none !important; font-size: 14px !important; color: #222 !important; padding: 0 12px !important; transition: border-color .2s; }
html.route-checkout-checkout #content textarea.form-control, html.route-checkout-cart #content textarea.form-control { height: 110px !important; padding: 10px 12px !important; }
html.route-account-login #content .form-control:focus, html.route-checkout-cart #content .form-control:focus, html.route-checkout-checkout #content .form-control:focus { border-color: #111 !important; outline: 0; }
html.route-account-login #content label, html.route-checkout-cart #content label, html.route-checkout-checkout #content label { font-size: 13.5px !important; font-weight: 600 !important; color: #4a4a4a !important; }
html.route-checkout-checkout #content .required .control-label:before, html.route-account-login #content .required .control-label:before { color: #e0383e !important; }
/* butonlar */
html.route-account-login #content .button, html.route-account-login #content .btn-primary,
html.route-checkout-checkout #content .button, html.route-checkout-checkout #content .btn-primary:not(.btn-update) { display: inline-flex !important; align-items: center; justify-content: center; min-height: 42px; height: auto !important; padding: 0 22px !important; border: 0 !important; border-radius: 4px !important; background: #111 !important; color: #fff !important; font-size: 13.5px !important; font-weight: 700 !important; letter-spacing: .4px; text-transform: uppercase; box-shadow: none !important; line-height: 1.2 !important; transition: filter .2s; }
html.route-account-login #content .button:hover, html.route-checkout-cart #content .button:hover, html.route-checkout-checkout #content .button:hover, html.route-checkout-checkout #content .btn-primary:hover { filter: brightness(1.35); }
html.route-account-login #content .button:before, html.route-checkout-cart #content .button:before, html.route-checkout-checkout #content .button:before { display: none !important; }
/* radyo / onay kutusu */
html.route-checkout-checkout #content input[type=radio], html.route-checkout-checkout #content input[type=checkbox],
html.route-checkout-cart #content input[type=radio], html.route-checkout-cart #content input[type=checkbox],
html.route-account-login #content input[type=checkbox] { -webkit-appearance: none; appearance: none; position: relative !important; float: none !important; display: inline-block; vertical-align: middle; flex: 0 0 auto; width: 18px !important; height: 18px !important; margin: -2px 8px 0 0 !important; border: 1.5px solid #b9bec5; border-radius: 50%; background: #fff; cursor: pointer; transition: all .15s; }
html.route-checkout-checkout #content input[type=checkbox], html.route-checkout-cart #content input[type=checkbox], html.route-account-login #content input[type=checkbox] { border-radius: 4px; }
html.route-checkout-checkout #content input[type=radio]:checked, html.route-checkout-cart #content input[type=radio]:checked { border-color: #111; background: #111; box-shadow: inset 0 0 0 4px #fff; }
html.route-checkout-checkout #content input[type=checkbox]:checked, html.route-checkout-cart #content input[type=checkbox]:checked, html.route-account-login #content input[type=checkbox]:checked { border-color: #111; background: #111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat; }
html.route-checkout-checkout #content .radio label, html.route-checkout-checkout #content .checkbox label, html.route-checkout-cart #content .radio label, html.route-checkout-cart #content .checkbox label { padding-left: 0 !important; display: inline-flex !important; align-items: center; cursor: pointer; font-weight: 500 !important; }
/* özel açılır seçim */
.vm-sel-native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; overflow: hidden; }
.vm-sel { position: relative; width: 100%; font-family: 'Quicksand', sans-serif; }
.vm-sel-btn { width: 100%; height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 12px; border: 1px solid #dcdfe4; border-radius: 4px; background: #fff; color: #222; font: 500 14px 'Quicksand', sans-serif; text-align: left; cursor: pointer; }
.vm-sel-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vm-sel-btn svg { flex: 0 0 auto; transition: transform .2s; }
.vm-sel.open .vm-sel-btn { border-color: #111; }
.vm-sel.open .vm-sel-btn svg { transform: rotate(180deg); }
.vm-sel-list { display: none; position: absolute; z-index: 60; top: calc(100% + 4px); left: 0; right: 0; max-height: 260px; overflow-y: auto; margin: 0; padding: 4px 0; list-style: none; background: #fff; border: 1px solid #dcdfe4; border-radius: 4px; box-shadow: 0 10px 28px rgba(0,0,0,.1); }
.vm-sel.open .vm-sel-list { display: block; }
.vm-sel-list li { padding: 8px 12px; font-size: 14px; color: #333; cursor: pointer; }
.vm-sel-list li:hover { background: #f3f6f9; }
.vm-sel-list li.sel { font-weight: 700; color: #111; background: #eef1f4; }
/* ---- Giriş ---- */
html.route-account-login #column-right { display: none !important; }
html.route-account-login #content { width: 100% !important; float: none !important; max-width: 980px; margin: 0 auto; }
html.route-account-login .login-content { display: flex; flex-wrap: wrap; margin: 0 -10px; }
html.route-account-login .login-content > div { display: flex; padding: 0 10px; margin-bottom: 20px; }
html.route-account-login .login-content .well { flex: 1; display: flex; flex-direction: column; background: #fff !important; border: 1px solid #e3e6ea !important; border-radius: 6px !important; box-shadow: none !important; padding: 26px 28px !important; margin: 0 !important; min-height: 0 !important; }
html.route-account-login .login-content .left .well > a.button { margin-top: auto; align-self: flex-start; }
html.route-account-login .login-content .well hr { border-color: #edf0f3; margin: 16px 0; }
html.route-account-login .login-content p, html.route-account-login .login-content p * { font-size: 14px !important; line-height: 1.6 !important; color: #4a4a4a !important; }
html.route-account-login .login-content p strong, html.route-account-login .login-content p b { color: #111 !important; }
html.route-account-login .login-content .form-group { margin-bottom: 14px; }
html.route-account-login .login-content .form-group > a { display: inline-block; margin-top: 8px; font-size: 13px !important; color: #4a4a4a !important; text-decoration: underline; }
html.route-account-login .login-content .right .well form input[type=submit], html.route-account-login .login-content .right .well form .button { width: 100%; }
/* ---- Sepet ---- */
html.route-checkout-cart #content .btn-update, html.route-checkout-cart #content .btn-delete, html.route-checkout-checkout #content .btn-update, html.route-checkout-checkout #content .btn-delete { width: 38px !important; height: 38px !important; padding: 0 !important; border-radius: 4px !important; border: 1px solid #dcdfe4 !important; background: #fff !important; color: #555 !important; box-shadow: none !important; display: inline-flex !important; align-items: center; justify-content: center; margin: 0 !important; }
html.route-checkout-cart #content .btn-update:hover, html.route-checkout-checkout #content .btn-update:hover { border-color: #111 !important; color: #111 !important; }
html.route-checkout-cart #content .btn-delete:hover, html.route-checkout-checkout #content .btn-delete:hover { border-color: #e0383e !important; color: #e0383e !important; }
html.route-checkout-cart #content .panel-group .panel { background: #fff !important; border: 1px solid #e3e6ea !important; border-radius: 6px !important; box-shadow: none !important; margin: 0 0 10px !important; }
html.route-checkout-cart #content .panel-heading { background: none !important; border: 0 !important; padding: 13px 16px !important; }
html.route-checkout-cart #content .panel-title, html.route-checkout-cart #content .panel-title a { font-size: 14.5px !important; font-weight: 700 !important; color: #111 !important; text-transform: none !important; }
html.route-checkout-cart #content .panel-body { border-top: 1px solid #edf0f3 !important; padding: 16px !important; }
/* ---- Ödeme ---- */
html.route-checkout-checkout #content { width: 100% !important; }
html.route-checkout-checkout #content h1.heading-title { text-align: left !important; }
html.route-checkout-checkout .journal-checkout .checkout-content { background: #fff !important; border: 1px solid #e3e6ea !important; border-radius: 6px !important; box-shadow: none !important; padding: 18px 20px !important; margin: 0 0 16px !important; }
html.route-checkout-checkout .journal-checkout .checkout-content .checkout-content { border: 0 !important; padding: 0 !important; }
html.route-checkout-checkout .journal-checkout fieldset { border: 0 !important; padding: 0 !important; margin: 0 0 6px !important; }
html.route-checkout-checkout .journal-checkout fieldset > legend, html.route-checkout-checkout .journal-checkout fieldset > h2 { margin-top: 10px !important; }
html.route-checkout-checkout .journal-checkout .form-group { margin-bottom: 12px !important; }
html.route-checkout-checkout .journal-checkout .radio, html.route-checkout-checkout .journal-checkout .checkbox { margin: 0 0 10px !important; }
html.route-checkout-checkout .journal-checkout .radio label, html.route-checkout-checkout .journal-checkout .checkbox label { font-size: 14px !important; color: #333 !important; }
html.route-checkout-checkout .journal-checkout p, html.route-checkout-checkout .journal-checkout small { font-size: 12.5px !important; color: #777 !important; }
html.route-checkout-checkout .journal-checkout .checkout-cart table, html.route-checkout-checkout .journal-checkout table { background: #fff !important; border: 0 !important; margin: 0 !important; }
html.route-checkout-checkout .journal-checkout table td, html.route-checkout-checkout .journal-checkout table th { border: 0 !important; border-bottom: 1px solid #f0f2f5 !important; background: #fff !important; font-size: 13.5px !important; color: #333 !important; padding: 10px 8px !important; vertical-align: middle !important; }
html.route-checkout-checkout .journal-checkout table thead td { font-size: 12px !important; font-weight: 700 !important; color: #777 !important; text-transform: uppercase; background: #fafbfc !important; }
html.route-checkout-checkout .journal-checkout table td a { color: #111 !important; font-weight: 700 !important; }
html.route-checkout-checkout .journal-checkout table img { width: 56px; height: auto; border-radius: 4px; }
html.route-checkout-checkout .journal-checkout table tfoot td, html.route-checkout-checkout .journal-checkout .checkout-cart tfoot td { border: 0 !important; padding: 6px 8px !important; }
html.route-checkout-checkout .journal-checkout table tfoot tr:last-child td { font-size: 16px !important; font-weight: 700 !important; color: #111 !important; }
html.route-checkout-checkout .journal-checkout .input-group { display: inline-flex !important; align-items: center; gap: 4px; }
html.route-checkout-checkout .journal-checkout .input-group .form-control { width: 44px !important; height: 38px !important; text-align: center; padding: 0 4px !important; }
html.route-checkout-checkout .journal-checkout .input-group-btn { display: inline-flex !important; gap: 4px; width: auto !important; }
html.route-checkout-checkout .journal-checkout .confirm-section .button, html.route-checkout-checkout #journal-checkout-confirm-button { width: 100%; min-height: 48px; font-size: 15px !important; background: #f27a1a !important; margin-top: 8px; }
html.route-checkout-checkout .journal-checkout .confirm-section a { color: #111 !important; font-weight: 700 !important; text-decoration: underline; }
/* ---- Mobil ---- */
@media (max-width: 767px) {
html.route-product-product div.inova .btn { height: auto !important; min-height: 42px; white-space: normal !important; font-size: 13px !important; line-height: 1.3 !important; padding: 9px 10px !important; }
html.route-account-login #content h1.heading-title, html.route-checkout-cart #content h1.heading-title, html.route-checkout-checkout #content h1.heading-title { font-size: 20px !important; }
html.route-account-login .login-content > div { width: 100% !important; }
html.route-account-login .login-content .well { padding: 20px 18px !important; }
html.route-checkout-checkout .journal-checkout .left, html.route-checkout-checkout .journal-checkout .right, html.route-checkout-checkout .journal-checkout section { width: 100% !important; float: none !important; padding-left: 0 !important; padding-right: 0 !important; }
html.route-checkout-checkout .journal-checkout .checkout-content { padding: 14px !important; }
html.route-checkout-checkout .journal-checkout .form-group > label.control-label, html.route-checkout-checkout .journal-checkout .form-group > div { width: 100% !important; float: none !important; text-align: left !important; padding: 0 !important; }
html.route-checkout-checkout .journal-checkout .form-group > label.control-label { margin-bottom: 5px; }
html.route-checkout-checkout .journal-checkout .checkout-cart table thead { display: none; }
html.route-checkout-checkout .journal-checkout .checkout-cart table td { padding: 8px 4px !important; font-size: 12.5px !important; }
}
html.route-checkout-cart #content table .btn.btn-update, html.route-checkout-cart #content table .btn.btn-delete, html.route-checkout-checkout #content table .btn.btn-update, html.route-checkout-checkout #content table .btn.btn-delete { width: 38px !important; height: 38px !important; min-height: 0 !important; padding: 0 !important; border-radius: 4px !important; border: 1px solid #dcdfe4 !important; background: #fff !important; color: #555 !important; box-shadow: none !important; }
html.route-checkout-cart #content table .btn.btn-update:hover, html.route-checkout-checkout #content table .btn.btn-update:hover { border-color: #111 !important; color: #111 !important; filter: none; }
html.route-checkout-cart #content table .btn.btn-delete:hover, html.route-checkout-checkout #content table .btn.btn-delete:hover { border-color: #e0383e !important; color: #e0383e !important; filter: none; }
html.route-checkout-cart #content table .btn i, html.route-checkout-checkout #content table .btn i { color: inherit !important; font-size: 14px !important; margin: 0 !important; }
html.route-checkout-checkout #content .confirm-section .button, html.route-checkout-checkout #content #journal-checkout-confirm-button, html.route-checkout-checkout #content #button-confirm { width: 100%; min-height: 48px; font-size: 15px !important; background: #f27a1a !important; }
@media (max-width: 767px) {
html.route-account-login .breadcrumb, html.route-checkout-cart .breadcrumb, html.route-checkout-checkout .breadcrumb { padding: 0 15px !important; }
}
html.route-checkout-checkout .journal-checkout .form-group, html.route-checkout-checkout .journal-checkout .checkout-payment-form, html.route-checkout-checkout .journal-checkout .checkout-shipping-form, html.route-checkout-cart #content .panel-body .form-group { overflow: visible !important; }
html.route-checkout-checkout .journal-checkout .radio label, html.route-checkout-cart #content .radio label { align-items: flex-start !important; line-height: 1.35 !important; }
html.route-checkout-checkout .journal-checkout .radio input[type=radio], html.route-checkout-cart #content .radio input[type=radio] { margin-top: 0 !important; }
/* ==== v3: ürün galerisi kaydırma + yatay sekmeler ==== */
html.route-product-product .vm-thw { position: relative; flex: 0 0 72px; align-self: flex-start; }
html.route-product-product .vm-thw .vm-thumbs { max-height: 482px !important; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; }
html.route-product-product .vm-thw .vm-thumbs::-webkit-scrollbar { display: none; }
html.route-product-product .vm-thw button { position: absolute; left: 0; right: 0; z-index: 2; height: 26px; display: flex; align-items: center; justify-content: center; padding: 0; border: 1px solid #e3e6ea; background: rgba(255,255,255,.94); color: #111; cursor: pointer; transition: opacity .2s; }
html.route-product-product .vm-thw .vm-th-up { top: 0; }
html.route-product-product .vm-thw .vm-th-dn { bottom: 0; }
html.route-product-product .vm-thw button[disabled] { opacity: 0; pointer-events: none; }
html.route-product-product .vm-ptabs { clear: both; margin: 28px 0 10px; background: #fff; border: 1px solid #e3e6ea; border-radius: 6px; font-family: 'Quicksand', sans-serif; }
html.route-product-product .vm-ptabs-nav { display: flex; gap: 4px; border-bottom: 1px solid #e3e6ea; padding: 0 12px; overflow-x: auto; scrollbar-width: none; }
html.route-product-product .vm-ptabs-nav::-webkit-scrollbar { display: none; }
html.route-product-product .vm-ptabs-nav button { flex: 0 0 auto; position: relative; padding: 15px 16px 14px; background: none; border: 0; font: 600 15px 'Quicksand', sans-serif; color: #777; cursor: pointer; white-space: nowrap; }
html.route-product-product .vm-ptabs-nav button:after { content: ''; position: absolute; left: 12px; right: 12px; bottom: -1px; height: 2px; background: transparent; transition: background .2s; }
html.route-product-product .vm-ptabs-nav button:hover { color: #111; }
html.route-product-product .vm-ptabs-nav button.on { color: #111; font-weight: 700; }
html.route-product-product .vm-ptabs-nav button.on:after { background: #111; }
html.route-product-product .vm-ptabs .vm-acc-body { display: none; padding: 20px 24px 24px; }
html.route-product-product .vm-ptabs .vm-acc-body.on { display: block; }
@media (max-width: 767px) {
html.route-product-product .vm-thw { display: contents; }
html.route-product-product .vm-thw button { display: none; }
html.route-product-product .vm-thw .vm-thumbs { max-height: none !important; overflow-y: hidden; }
html.route-product-product .vm-ptabs { margin-top: 20px; }
html.route-product-product .vm-ptabs-nav { padding: 0 4px; }
html.route-product-product .vm-ptabs-nav button { padding: 13px 12px 12px; font-size: 14px; }
html.route-product-product .vm-ptabs .vm-acc-body { padding: 16px 14px 18px; }
}
/* ==== v3: kategori alt kategori kartları ==== */
html.route-product-category #content > .heading-title { display: block !important; }
html.route-product-category .refine-images { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; margin: 6px 0 26px !important; padding: 0 !important; }
html.route-product-category .refine-images:before, html.route-product-category .refine-images:after { display: none !important; }
html.route-product-category .refine-image { width: auto !important; float: none !important; padding: 0 !important; margin: 0 !important; }
html.route-product-category .refine-image a { display: flex !important; flex-direction: column; height: 100%; background: #fff !important; border: 1px solid #e3e6ea !important; border-radius: 8px; overflow: hidden; padding: 0 !important; transition: box-shadow .2s, transform .2s, border-color .2s; }
html.route-product-category .refine-image a:hover { border-color: #cfd4da !important; box-shadow: 0 8px 22px rgba(17,17,17,.08); transform: translateY(-2px); }
html.route-product-category .refine-image img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: cover; display: block !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid #eef0f3 !important; transition: transform .35s; }
html.route-product-category .refine-image a:hover img { transform: scale(1.04); }
html.route-product-category .refine-category-name { display: flex !important; align-items: center; justify-content: center; min-height: 46px; padding: 8px 10px !important; margin: 0 !important; font: 700 13px/1.3 'Quicksand', sans-serif !important; color: #111 !important; text-align: center; text-transform: none !important; letter-spacing: .2px; background: #fff !important; position: relative; z-index: 1; }
@media (max-width: 767px) {
html.route-product-category .refine-images { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0 12px !important; }
html.route-product-category .refine-category-name { min-height: 42px; font-size: 13px !important; padding: 8px 6px !important; }
}
/* ==== v3: giriş arka plan farkı ==== */
html.route-account-login .login-content > div, html.route-account-register #content .content { background: transparent !important; }
/* ==== v3: ödeme kutuları arası boşluk ==== */
html.route-checkout-checkout .journal-checkout .spw { display: flex !important; gap: 16px; width: 100% !important; }
html.route-checkout-checkout .journal-checkout .spw > div { display: block !important; flex: 1 1 0; min-width: 0; width: auto !important; margin-bottom: 0 !important; }
@media (max-width: 767px) {
html.route-checkout-checkout .journal-checkout .spw { flex-direction: column; }
}
/* ==== v3: sepet (veramuu düzeni) ==== */
html.route-checkout-cart #content.vm-cart-on .action-area { display: none !important; }
html.route-checkout-cart .vm-cart { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 22px; align-items: start; margin-bottom: 30px; }
html.route-checkout-cart .vm-cart-main, html.route-checkout-cart .vm-cart-side { background: #fff; border: 1px solid #e3e6ea; border-radius: 6px; padding: 20px 22px; }
html.route-checkout-cart .vm-cart-side { position: sticky; top: 90px; }
html.route-checkout-cart .vm-free { margin-bottom: 16px; }
html.route-checkout-cart .vm-free p { margin: 0 0 8px !important; font-size: 14px !important; color: #333 !important; font-weight: 500; }
html.route-checkout-cart .vm-free span { display: block; height: 6px; border-radius: 9px; background: #1f9d3a; }
html.route-checkout-cart #content .vm-cart .table-responsive { border: 0 !important; overflow: visible !important; margin: 0 !important; background: none !important; }
html.route-checkout-cart #content .vm-cart .cart-info table { width: 100%; margin: 0 !important; border: 0 !important; background: #fff !important; }
html.route-checkout-cart #content .vm-cart .cart-info thead td { background: #fff !important; border: 0 !important; border-bottom: 1px solid #e6e8eb !important; padding: 10px 8px !important; font-size: 12.5px !important; font-weight: 700 !important; color: #222 !important; text-transform: uppercase; letter-spacing: .4px; }
html.route-checkout-cart #content .vm-cart .cart-info tbody td { border: 0 !important; border-bottom: 1px solid #f0f2f5 !important; padding: 16px 8px !important; vertical-align: middle !important; background: none !important; font-size: 14px !important; color: #333 !important; }
html.route-checkout-cart #content .vm-cart .cart-info tbody tr:last-child td { border-bottom: 0 !important; }
html.route-checkout-cart #content .vm-cart .cart-info .vm-hide { display: none !important; }
html.route-checkout-cart #content .vm-cart .cart-info .vm-rm { width: 30px; padding-left: 0 !important; padding-right: 0 !important; }
html.route-checkout-cart #content .vm-cart .cart-info td.image { width: 86px; }
html.route-checkout-cart #content .vm-cart .cart-info td.image img { width: 72px !important; height: auto; border: 0 !important; border-radius: 4px; padding: 0 !important; background: none !important; }
html.route-checkout-cart #content .vm-cart .cart-info td.name a { color: #222 !important; font-weight: 600 !important; font-size: 14px !important; line-height: 1.4; }
html.route-checkout-cart #content .vm-cart .cart-info td.name small { display: block; font-size: 12px !important; color: #888 !important; margin-top: 3px; }
html.route-checkout-cart #content .vm-cart .cart-info td.price { white-space: nowrap; color: #555 !important; }
html.route-checkout-cart #content .vm-cart .cart-info td.total { white-space: nowrap; font-weight: 700 !important; color: #111 !important; text-align: right !important; }
html.route-checkout-cart #content .vm-cart .cart-info thead td:last-child { text-align: right !important; }
html.route-checkout-cart #content .vm-cart table .btn.vm-del { width: 22px !important; height: 22px !important; min-height: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; border: 1px solid #c4c8cd !important; border-radius: 50% !important; background: #fff !important; color: #888 !important; box-shadow: none !important; }
html.route-checkout-cart #content .vm-cart table .btn.vm-del:hover { border-color: #e0383e !important; color: #e0383e !important; }
html.route-checkout-cart #content .vm-cart .cart-info .input-group { display: block !important; max-width: none !important; width: auto !important; }
html.route-checkout-cart #content .vm-cart .cart-info .input-group-btn { display: none !important; }
html.route-checkout-cart #content .vm-step { display: inline-flex; align-items: stretch; height: 34px; border: 1px solid #dcdfe4; border-radius: 4px; overflow: hidden; background: #fff; }
html.route-checkout-cart #content .vm-step button { width: 30px; border: 0; background: #f6f7f9; color: #333; font-size: 16px; line-height: 1; cursor: pointer; padding: 0; }
html.route-checkout-cart #content .vm-step button:hover { background: #eceef1; color: #000; }
html.route-checkout-cart #content .vm-cart .vm-step .form-control { width: 40px !important; height: 32px !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; text-align: center; font-weight: 600; float: none !important; }
html.route-checkout-cart #content .vm-cart .panel-group { margin: 18px 0 0 !important; }
html.route-checkout-cart #content .vm-cart .panel-group .panel { border-color: #e6e8eb !important; box-shadow: none !important; margin-top: 10px !important; }
html.route-checkout-cart .vm-cart-side h2 { margin: 0 0 12px !important; padding: 0 0 12px !important; border-bottom: 1px solid #edf0f3; font: 700 16px 'Quicksand', sans-serif !important; color: #111 !important; text-transform: uppercase; letter-spacing: .6px; }
html.route-checkout-cart #content .vm-cart-side #total { width: 100%; margin: 0 0 16px !important; border: 0 !important; background: none !important; }
html.route-checkout-cart #content .vm-cart-side #total td { border: 0 !important; border-bottom: 1px solid #f0f2f5 !important; padding: 10px 0 !important; background: none !important; font-size: 14px !important; color: #555 !important; white-space: nowrap; }
html.route-checkout-cart #content .vm-cart-side #total td:first-child { text-align: left !important; white-space: normal; }
html.route-checkout-cart #content .vm-cart-side #total td:last-child { text-align: right !important; color: #111 !important; font-weight: 700 !important; }
html.route-checkout-cart #content .vm-cart-side #total tr:last-child td { border-bottom: 0 !important; padding-top: 14px !important; font-size: 16px !important; color: #111 !important; font-weight: 700 !important; }
html.route-checkout-cart #content .vm-cart-side a.vm-go { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 48px; padding: 0 16px !important; border: 0 !important; border-radius: 4px !important; background: #111 !important; color: #fff !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .5px; text-decoration: none !important; }
html.route-checkout-cart #content .vm-cart-side a.vm-go:hover { background: #333 !important; }
html.route-checkout-cart #content .vm-cart-side a.vm-go:before { display: none !important; }
html.route-checkout-cart #content .vm-cart-side a.vm-back { display: block; margin-top: 12px; text-align: center; font-size: 13.5px !important; color: #555 !important; text-decoration: underline !important; background: none !important; border: 0 !important; height: auto !important; padding: 0 !important; }
@media (max-width: 991px) {
html.route-checkout-cart .vm-cart { grid-template-columns: minmax(0, 1fr); }
html.route-checkout-cart .vm-cart-side { position: static; }
}
@media (max-width: 767px) {
html.route-checkout-cart .vm-cart { gap: 14px; }
html.route-checkout-cart .vm-cart-main, html.route-checkout-cart .vm-cart-side { padding: 16px 14px; }
html.route-checkout-cart #content .vm-cart .cart-info thead { display: none; }
html.route-checkout-cart #content .vm-cart .cart-info table, html.route-checkout-cart #content .vm-cart .cart-info tbody { display: block; width: 100%; }
html.route-checkout-cart #content .vm-cart .cart-info tbody tr { display: grid; grid-template-columns: 70px minmax(0, 1fr) auto; grid-template-areas: "img name rm" "img price price" "img qty total"; gap: 6px 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid #f0f2f5; }
html.route-checkout-cart #content .vm-cart .cart-info tbody tr:last-child { border-bottom: 0; }
html.route-checkout-cart #content .vm-cart .cart-info tbody td { display: block; padding: 0 !important; border: 0 !important; width: auto !important; text-align: left !important; }
html.route-checkout-cart #content .vm-cart .cart-info tbody td.vm-hide { display: none !important; }
html.route-checkout-cart #content .vm-cart .cart-info td.vm-rm { grid-area: rm; align-self: start; }
html.route-checkout-cart #content .vm-cart .cart-info td.image { grid-area: img; align-self: start; }
html.route-checkout-cart #content .vm-cart .cart-info td.image img { width: 70px !important; }
html.route-checkout-cart #content .vm-cart .cart-info td.name { grid-area: name; }
html.route-checkout-cart #content .vm-cart .cart-info td.name a { font-size: 13.5px !important; }
html.route-checkout-cart #content .vm-cart .cart-info td.price { grid-area: price; font-size: 13px !important; }
html.route-checkout-cart #content .vm-cart .cart-info td.quantity { grid-area: qty; }
html.route-checkout-cart #content .vm-cart .cart-info td.total { grid-area: total; text-align: right !important; }
}
/* ==== v3: kayıt sayfası ==== */
html.route-account-register body, html.route-account-register #container, html.route-account-register .extended-container { background: #f3f6f9 !important; }
html.route-account-register #container { font-family: 'Quicksand', sans-serif; padding-top: 14px; padding-bottom: 30px; }
html.route-account-register #column-right { display: none !important; }
html.route-account-register #content { width: 100% !important; float: none !important; max-width: 980px; margin: 0 auto; }
html.route-account-register #content, html.route-account-register #content * { font-family: 'Quicksand', sans-serif !important; }
html.route-account-register #content .fa, html.route-account-register #content [class*=" fa-"], html.route-account-register #content [class^="fa-"] { font-family: FontAwesome !important; }
html.route-account-register .breadcrumb { background: none !important; padding: 0 !important; margin: 0 0 14px !important; text-align: left !important; }
html.route-account-register .breadcrumb li, html.route-account-register .breadcrumb a { font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; color: rgba(74,74,74,.8) !important; text-transform: none !important; font-weight: 400 !important; }
html.route-account-register .breadcrumb li:last-child a { color: #222 !important; font-weight: 700 !important; }
html.route-account-register .breadcrumb > li + li:before { content: '/' !important; color: #b5b5b5 !important; padding: 0 8px !important; }
html.route-account-register #content h1.heading-title { font-size: 24px !important; font-weight: 700 !important; color: #111 !important; text-transform: none !important; text-align: left !important; letter-spacing: 0 !important; border: 0 !important; background: none !important; padding: 0 !important; margin: 0 0 6px !important; }
html.route-account-register #content h1.heading-title:after { display: none !important; }
html.route-account-register #content .account-text { font-size: 14px !important; color: #555 !important; margin: 0 0 18px !important; }
html.route-account-register #content .account-text a { color: #111 !important; font-weight: 700 !important; text-decoration: underline !important; }
html.route-account-register #content form > br { display: none; }
html.route-account-register #content fieldset { background: #fff; border: 1px solid #e3e6ea !important; border-radius: 6px; padding: 22px 24px 8px !important; margin: 0 0 16px !important; display: grid; grid-template-columns: 1fr 1fr; column-gap: 18px; }
html.route-account-register #content fieldset > .secondary-title, html.route-account-register #content fieldset > legend { grid-column: 1 / -1; font-size: 16px !important; font-weight: 700 !important; color: #111 !important; text-transform: none !important; letter-spacing: 0 !important; background: none !important; border: 0 !important; border-bottom: 1px solid #edf0f3 !important; padding: 0 0 12px !important; margin: 0 0 16px !important; width: 100%; }
html.route-account-register #content fieldset > .secondary-title:after { display: none !important; }
html.route-account-register #content .form-group { margin: 0 0 14px !important; display: flex; flex-direction: column; }
html.route-account-register #content .form-group[style*="none"] { display: none !important; }
html.route-account-register #content .form-group > .control-label, html.route-account-register #content .form-group > [class*="col-sm-"] { width: 100% !important; float: none !important; padding: 0 !important; text-align: left !important; }
html.route-account-register #content .control-label { margin: 0 0 6px !important; font-size: 13.5px !important; font-weight: 600 !important; color: #4a4a4a !important; }
html.route-account-register #content .required .control-label:before { color: #e0383e !important; }
html.route-account-register #content .form-control { height: 42px !important; border: 1px solid #dcdfe4 !important; border-radius: 4px !important; background: #fff !important; box-shadow: none !important; font-size: 14px !important; color: #222 !important; padding: 0 12px !important; width: 100% !important; }
html.route-account-register #content .form-control:focus { border-color: #111 !important; outline: 0; }
html.route-account-register #content .text-danger { font-size: 12.5px !important; margin-top: 5px; }
html.route-account-register #content .radio-inline, html.route-account-register #content .radio label, html.route-account-register #content label.radio-inline { display: inline-flex !important; align-items: center; margin-right: 18px; padding-left: 0 !important; font-weight: 500 !important; cursor: pointer; }
html.route-account-register #content input[type=radio], html.route-account-register #content input[type=checkbox] { -webkit-appearance: none; appearance: none; position: relative !important; float: none !important; display: inline-block; vertical-align: middle; flex: 0 0 auto; width: 18px !important; height: 18px !important; margin: -2px 8px 0 0 !important; border: 1.5px solid #b9bec5; border-radius: 50%; background: #fff; cursor: pointer; }
html.route-account-register #content input[type=checkbox] { border-radius: 4px; }
html.route-account-register #content input[type=radio]:checked { border-color: #111; background: #111; box-shadow: inset 0 0 0 4px #fff; }
html.route-account-register #content input[type=checkbox]:checked { border-color: #111; background: #111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat; }
html.route-account-register #content form > .form-group { background: #fff; border: 1px solid #e3e6ea; border-radius: 6px; padding: 18px 24px; margin: 0 0 16px !important; }
html.route-account-register #content .buttons { background: #fff !important; border: 1px solid #e3e6ea !important; border-radius: 6px; padding: 16px 24px !important; margin: 0 !important; display: flex; justify-content: flex-end; }
html.route-account-register #content .buttons .pull-right { float: none !important; display: flex; align-items: center; justify-content: flex-end; gap: 14px; flex-wrap: wrap; font-size: 14px; color: #4a4a4a; }
html.route-account-register #content .buttons .pull-right a { color: #111 !important; font-weight: 700; text-decoration: underline; }
html.route-account-register #content .buttons .button, html.route-account-register #content .buttons input[type=submit], html.route-account-register #content .buttons .btn-primary { display: inline-flex !important; align-items: center; justify-content: center; min-height: 46px; height: auto !important; padding: 0 34px !important; border: 0 !important; border-radius: 4px !important; background: #111 !important; color: #fff !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .5px; box-shadow: none !important; margin: 0 !important; }
html.route-account-register #content .buttons .button:hover { background: #333 !important; }
html.route-account-register #content .buttons .button:before { display: none !important; }
@media (max-width: 767px) {
html.route-account-register .breadcrumb { padding: 0 15px !important; }
html.route-account-register #content { padding-left: 12px !important; padding-right: 12px !important; }
html.route-account-register #content h1.heading-title { font-size: 20px !important; }
html.route-account-register #content fieldset { grid-template-columns: 1fr; padding: 18px 16px 6px !important; }
html.route-account-register #content form > .form-group, html.route-account-register #content .buttons { padding: 16px !important; }
html.route-account-register #content .buttons .pull-right { justify-content: flex-start; }
html.route-account-register #content .buttons .button, html.route-account-register #content .buttons input[type=submit] { width: 100%; }
}
html.route-checkout-cart #column-right { display: none !important; }
html.route-checkout-cart #content { width: 100% !important; float: none !important; }
html.route-product-category .refine-category-name { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; word-break: break-word; height: auto !important; line-height: 1.3 !important; }
html #content .vm-sel ul.vm-sel-list { position: absolute !important; top: calc(100% + 4px) !important; left: 0 !important; right: 0 !important; margin: 0 !important; padding: 4px 0 !important; z-index: 60 !important; }
html #content .vm-sel ul.vm-sel-list li { padding: 8px 12px !important; margin: 0 !important; list-style: none !important; }
html #content .vm-sel ul.vm-sel-list li:before { display: none !important; }
html.route-account-register #content fieldset { overflow: visible !important; }
html.route-account-register #content .form-group, html.route-account-register #content .form-group > [class*="col-sm-"] { overflow: visible !important; }
/* ==== v3: hesap sayfaları (veramuu Hesabım düzeni) ==== */
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) body, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #container, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .extended-container { background: #f3f6f9 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #container { font-family: 'Quicksand', sans-serif; padding-top: 14px; padding-bottom: 36px; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content *, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right * { font-family: 'Quicksand', sans-serif !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .fa, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content [class^="fa-"], html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content [class*=" fa-"] { font-family: FontAwesome !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .breadcrumb { background: none !important; padding: 0 !important; margin: 0 0 16px !important; text-align: left !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .breadcrumb li, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .breadcrumb a { font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; color: rgba(74,74,74,.8) !important; text-transform: none !important; font-weight: 400 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .breadcrumb li:last-child a { color: #222 !important; font-weight: 700 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .breadcrumb > li + li:before { content: '/' !important; color: #b5b5b5 !important; padding: 0 8px !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right { display: block !important; float: left !important; width: 260px !important; padding: 0 !important; margin: 0 26px 0 0 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content { float: left !important; width: calc(100% - 286px) !important; padding: 0 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box { background: #fff !important; border: 1px solid #e3e6ea !important; border-radius: 6px; padding: 0 !important; margin: 0 !important; overflow: hidden; box-shadow: none !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-heading { display: none !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .vm-acc-user { display: flex; align-items: center; gap: 12px; padding: 18px 18px 16px; border-bottom: 1px solid #edf0f3; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .vm-acc-user i { flex: 0 0 46px; height: 46px; border-radius: 50%; background: #eef1f4; display: flex; align-items: center; justify-content: center; color: #9aa0a8; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .vm-acc-user b { display: block; font-size: 15px; color: #111; font-weight: 700; line-height: 1.2; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .vm-acc-user small { display: block; font-size: 12px; color: #888; margin-top: 2px; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content { padding: 6px 0 !important; background: none !important; border: 0 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li:before { display: none !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a { display: block !important; position: relative; padding: 11px 18px !important; border: 0 !important; border-bottom: 1px solid #f1f3f5 !important; border-radius: 0 !important; background: none !important; font-size: 12.5px !important; font-weight: 600 !important; color: #555 !important; text-transform: uppercase; letter-spacing: .5px; transition: color .2s, background .2s; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li:last-child a { border-bottom: 0 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a:before { display: none !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 3px; background: transparent; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a:hover { color: #111 !important; background: #f8f9fb !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a.vm-on { color: #111 !important; font-weight: 700 !important; background: #f8f9fb !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a.vm-on:after { background: #111; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a.vm-out { color: #c0392b !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content > h1.heading-title, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content > h2:first-child { font-size: 22px !important; font-weight: 700 !important; color: #111 !important; text-transform: uppercase !important; letter-spacing: .5px !important; text-align: left !important; border: 0 !important; background: none !important; padding: 0 !important; margin: 0 0 14px !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content > h1.heading-title:after { display: none !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .vm-acc-card { background: #fff; border: 1px solid #e3e6ea; border-radius: 6px; padding: 26px 28px; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .vm-acc-card > *:last-child { margin-bottom: 0 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content p { font-size: 14.5px !important; line-height: 1.7 !important; color: #444 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content p a, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .vm-acc-card a:not(.button):not(.btn) { color: #111 !important; font-weight: 700; text-decoration: underline !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content h2.secondary-title, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content legend { font-size: 15px !important; font-weight: 700 !important; color: #111 !important; text-transform: none !important; letter-spacing: 0 !important; background: none !important; border: 0 !important; border-bottom: 1px solid #edf0f3 !important; padding: 0 0 10px !important; margin: 18px 0 12px !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content h2.secondary-title:after { display: none !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .buttons { background: none !important; border: 0 !important; border-top: 1px solid #edf0f3 !important; padding: 18px 0 0 !important; margin: 22px 0 0 !important; display: flex; justify-content: flex-end; gap: 10px; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .buttons > div { float: none !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .buttons .button, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .buttons .btn, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .buttons input[type=submit], html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .vm-acc-card .btn-primary { display: inline-flex !important; align-items: center; justify-content: center; min-height: 44px; height: auto !important; padding: 0 30px !important; border: 0 !important; border-radius: 4px !important; background: #111 !important; color: #fff !important; font-size: 13.5px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .5px; box-shadow: none !important; text-decoration: none !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .buttons .pull-left .button, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .buttons .btn-default { background: #fff !important; color: #111 !important; border: 1px solid #cfd3d8 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .buttons .button:hover, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .buttons .btn:hover { background: #333 !important; color: #fff !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .buttons .button:before { display: none !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .form-control { height: 42px !important; border: 1px solid #dcdfe4 !important; border-radius: 4px !important; background: #fff !important; box-shadow: none !important; font-size: 14px !important; color: #222 !important; padding: 0 12px !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content textarea.form-control { height: auto !important; padding: 10px 12px !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .form-control:focus { border-color: #111 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .control-label { font-size: 13.5px !important; font-weight: 600 !important; color: #4a4a4a !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .table-responsive { border: 0 !important; margin: 0 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content table.table, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .list table, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content table.list { width: 100%; border: 0 !important; background: #fff !important; margin: 0 0 6px !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content table thead td, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content table thead th { background: #fff !important; border: 0 !important; border-bottom: 1px solid #e6e8eb !important; padding: 10px 10px !important; font-size: 12px !important; font-weight: 700 !important; color: #222 !important; text-transform: uppercase; letter-spacing: .4px; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content table tbody td { border: 0 !important; border-bottom: 1px solid #f0f2f5 !important; padding: 14px 10px !important; background: none !important; font-size: 14px !important; color: #444 !important; vertical-align: middle !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content table tbody tr:last-child td { border-bottom: 0 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content table .btn { width: 34px; height: 34px; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 4px !important; border: 0 !important; background: #111 !important; color: #fff !important; box-shadow: none !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content table .btn-danger { background: #fff !important; color: #c0392b !important; border: 1px solid #e3c3bf !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .vm-acc-ok { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: #e8f6ec; color: #1f9d3a; margin: 0 0 16px; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .alert { border-radius: 6px !important; }
@media (max-width: 767px) {
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .breadcrumb { padding: 0 15px !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content { float: none !important; width: auto !important; margin: 0 12px 14px !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .vm-acc-user { padding: 14px; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content { padding: 0 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content ul { display: flex; overflow-x: auto; scrollbar-width: none; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content ul::-webkit-scrollbar { display: none; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li { flex: 0 0 auto; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a { border-bottom: 0 !important; padding: 12px 14px !important; white-space: nowrap; font-size: 11.5px !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a:after { top: auto; left: 10px; right: 10px; width: auto; height: 2px; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content > h1.heading-title { font-size: 18px !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .vm-acc-card { padding: 20px 16px; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .buttons { flex-direction: column-reverse; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .buttons .button, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .buttons input[type=submit], html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .buttons .btn { width: 100%; }
}
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content { margin-left: 0 !important; margin-right: 0 !important; }
@media (max-width: 767px) { html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content { margin: 0 12px 14px !important; } }
/* ==== v3: anasayfa ürün kartları (kategori kartı görünümü) ==== */
.journal-carousel.carousel-product .product-grid-item { padding-left: 7px !important; padding-right: 7px !important; padding-bottom: 8px !important; }
.journal-carousel.carousel-product .product-grid-item .product-wrapper { background: #fff !important; border: 1px solid #e3e6ea !important; border-radius: 6px !important; overflow: hidden; height: 100%; transition: box-shadow .25s, border-color .25s, transform .25s; }
.journal-carousel.carousel-product .product-grid-item .product-wrapper:hover { border-color: #d3d8de !important; box-shadow: 0 8px 22px rgba(17,17,17,.08) !important; }
.journal-carousel.carousel-product .product-grid-item .product-wrapper .image { border-radius: 0 !important; border-bottom: 1px solid #eef0f3; }
.journal-carousel.carousel-product .product-grid-item .product-details { border-radius: 0 !important; min-height: 92px; display: flex; flex-direction: column; }
.journal-carousel.carousel-product .product-grid-item .product-details .caption { flex: 1; display: flex; flex-direction: column; }
.journal-carousel.carousel-product .product-grid-item .name { min-height: 37px; }
.journal-carousel.carousel-product .product-grid-item .price { margin-top: auto !important; padding-top: 8px !important; }
@media (max-width: 767px) {
.journal-carousel.carousel-product .product-grid-item { padding-left: 5px !important; padding-right: 5px !important; }
.journal-carousel.carousel-product .product-grid-item .product-details { min-height: 80px; }
}
/* ==== v3: hesap tablolarında yazılı butonlar ==== */
html[class*="route-account-"] #content table .btn, html[class*="route-account-"] #content table a.button { width: auto !important; min-width: 34px; height: 34px !important; padding: 0 14px !important; font-size: 13px !important; font-weight: 600 !important; white-space: nowrap; text-transform: none !important; line-height: 34px !important; }
html[class*="route-account-"] #content table td.text-right, html[class*="route-account-"] #content table td:last-child { white-space: nowrap; }
html[class*="route-account-"] #content table td.text-right .btn + .btn, html[class*="route-account-"] #content table td a + a { margin-left: 6px; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content table .btn { width: auto !important; padding: 0 14px !important; }
/* ==== v3: Hesabım panosu kutuları ==== */
html.route-account-account #content ul.vm-dash { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; margin: 0 0 8px !important; padding: 0 !important; }
html.route-account-account #content ul.vm-dash li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
html.route-account-account #content ul.vm-dash li:before { display: none !important; }
html.route-account-account #content .vm-acc-card ul.vm-dash a { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 12px; height: 100%; min-height: 128px; padding: 20px 12px !important; background: #fff !important; border: 1px solid #e3e6ea !important; border-radius: 14px !important; text-align: center; text-decoration: none !important; color: #222 !important; font-weight: 600 !important; transition: border-color .2s, box-shadow .2s, transform .2s; }
html.route-account-account #content .vm-acc-card ul.vm-dash a:before { display: none !important; }
html.route-account-account #content .vm-acc-card ul.vm-dash a:hover { border-color: #111 !important; box-shadow: 0 8px 22px rgba(17,17,17,.08); transform: translateY(-2px); }
html.route-account-account .vm-dash-ic { width: 54px; height: 54px; border-radius: 50%; background: #f1f3f6; color: #111; display: flex; align-items: center; justify-content: center; transition: background .2s, color .2s; }
html.route-account-account #content .vm-acc-card ul.vm-dash a:hover .vm-dash-ic { background: #111; color: #fff; }
html.route-account-account .vm-dash-tx { font-size: 13.5px !important; line-height: 1.35; color: #222 !important; text-decoration: none !important; }
html.route-account-account #content .vm-acc-card h2.secondary-title:first-child { margin-top: 0 !important; }
@media (max-width: 767px) {
html.route-account-account #content ul.vm-dash { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
html.route-account-account #content .vm-acc-card ul.vm-dash a { min-height: 112px; padding: 16px 8px !important; }
html.route-account-account .vm-dash-ic { width: 46px; height: 46px; }
html.route-account-account .vm-dash-tx { font-size: 12.5px !important; }
}
html.route-account-account[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #content .vm-acc-card ul.vm-dash a { text-decoration: none !important; }
/* ==== v3: menü okları hizası ==== */
.journal-header-mega .journal-menu .super-menu > li:has(> ul) > a:after, .journal-header-mega .journal-menu .super-menu > li.mega-menu-categories > a:after { width: 6px !important; height: 6px !important; line-height: 0 !important; vertical-align: middle !important; position: relative !important; top: -3px !important; margin-left: 7px !important; box-sizing: border-box; border-width: 0 1.5px 1.5px 0 !important; transform: rotate(45deg) !important; }
/* ==== v3: ürün kodu / stok etiketi kalın ==== */
html.route-product-product .product-info .description li.p-model, html.route-product-product .product-info .description li.p-stock { font-weight: 700 !important; color: #222 !important; }
html.route-product-product .product-info .description li.p-model > span, html.route-product-product .product-info .description li.p-stock > span { font-weight: 500 !important; }
html.route-product-product .product-info .description li.p-model > span { color: #555 !important; }
/* ==== v3: seçenek kutuları (beden/numara) ==== */
html.route-product-product .product-info .options .option > label.control-label { display: block; margin: 0 0 10px !important; font-size: 15px !important; font-weight: 700 !important; color: #222 !important; text-transform: none !important; letter-spacing: 0 !important; }
html.route-product-product .product-info .options .option > label.control-label:first-letter { text-transform: uppercase; }
html.route-product-product .product-info .options .option.required > label.control-label:before { color: #c0392b !important; }
html.route-product-product .product-info .options .option > ul { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 0 !important; padding: 0 !important; }
html.route-product-product .product-info .options .option > ul > li { float: none !important; margin: 0 !important; padding: 0 !important; list-style: none !important; background: none !important; border: 0 !important; }
html.route-product-product .product-info .options .option > ul > li:before { display: none !important; }
html.route-product-product .product-info .options .option > ul > li > span { display: flex !important; align-items: center; justify-content: center; min-width: 54px; height: 40px; padding: 0 12px !important; background: #fff !important; border: 1px solid #c9ccd1 !important; border-radius: 4px !important; box-shadow: 0 1px 2px rgba(0,0,0,.06); color: #111 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; cursor: pointer; transition: border-color .15s, background .15s, color .15s; }
html.route-product-product .product-info .options .option > ul > li:hover > span { border-color: #111 !important; }
html.route-product-product .product-info .options .option > ul > li.selected > span, html.route-product-product .product-info .options .option > ul > li.active > span { background: #111 !important; border-color: #111 !important; color: #fff !important; }
html.route-product-product .product-info .options .option > label.control-label { font-family: "Quicksand", sans-serif !important; }
/* ==== v3: Teslimat Bilgisi sola yaslı ==== */
.vm-ptabs-panels .vm-pt-ship, .vm-ptabs-panels .vm-pt-ship * { text-align: left !important; }
.vm-ptabs-panels .vm-pt-ship ul, .vm-ptabs-panels .vm-pt-ship ol { padding-left: 20px !important; margin: 0 !important; }
.vm-ptabs-panels .vm-pt-ship li { margin: 0 0 6px !important; padding: 0 !important; line-height: 1.6 !important; }
.vm-ptabs-panels .vm-pt-ship li > * { margin: 0 !important; padding: 0 !important; display: inline !important; }
html.route-product-product .product-info .options .option > ul > li, html.route-product-product .product-info .options .option > ul > li.selected { box-shadow: none !important; border-radius: 4px !important; outline: 0 !important; }
/* ==== v3: sepete eklendi bildirimi ==== */
.ui-pnotify { width: 360px !important; max-width: calc(100vw - 24px) !important; top: 16px !important; right: 16px !important; }
.ui-pnotify .ui-pnotify-container { position: relative; background: #fff !important; border: 1px solid #e3e6ea !important; border-radius: 10px !important; box-shadow: 0 14px 40px rgba(17,17,17,.16) !important; padding: 16px 16px 16px !important; color: #444 !important; font-family: 'Quicksand', sans-serif !important; text-shadow: none !important; }
.ui-pnotify .ui-pnotify-container:before { content: 'Ürün sepetinize eklendi'; display: flex; align-items: center; gap: 8px; margin: 0 0 12px; padding: 0 0 12px 30px; border-bottom: 1px solid #eef0f3; font-size: 14px; font-weight: 700; color: #111; min-height: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231f9d3a'/%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0 / 22px 22px; }
.ui-pnotify .ui-pnotify-icon, .ui-pnotify .ui-pnotify-sticker, .ui-pnotify .ui-pnotify-title { display: none !important; }
.ui-pnotify .ui-pnotify-closer { visibility: visible !important; position: absolute; top: 14px; right: 14px; width: 24px; height: 24px; display: flex !important; align-items: center; justify-content: center; border-radius: 50%; color: #888 !important; }
.ui-pnotify .ui-pnotify-closer:hover { background: #f1f3f6; color: #111 !important; }
.ui-pnotify .ui-pnotify-closer span { font-size: 0 !important; }
.ui-pnotify .ui-pnotify-closer span:before { content: '\00d7'; font: 400 20px/1 Arial, sans-serif !important; }
.ui-pnotify .ui-pnotify-text { font-family: 'Quicksand', sans-serif !important; font-size: 13.5px !important; line-height: 1.5 !important; color: #555 !important; overflow: hidden; }
.ui-pnotify .ui-pnotify-text > a:first-child { float: left; margin: 0 12px 6px 0; }
.ui-pnotify .ui-pnotify-text > a:first-child img { display: block; width: 68px !important; height: 68px !important; object-fit: cover; border: 1px solid #eef0f3 !important; border-radius: 6px !important; margin: 0 !important; }
.ui-pnotify .ui-pnotify-text a:not(.button) { color: #111 !important; font-weight: 700 !important; text-decoration: none !important; }
.ui-pnotify .ui-pnotify-text a:not(.button):hover { text-decoration: underline !important; }
.ui-pnotify .notification-buttons { clear: both; display: flex !important; gap: 8px; margin: 14px 0 0 !important; padding: 0 !important; }
.ui-pnotify .notification-buttons .button { flex: 1; display: flex !important; align-items: center; justify-content: center; height: 42px !important; margin: 0 !important; padding: 0 10px !important; border-radius: 4px !important; font-family: 'Quicksand', sans-serif !important; font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .4px; box-shadow: none !important; text-shadow: none !important; text-decoration: none !important; transition: background .2s, color .2s; }
.ui-pnotify .notification-buttons .notification-cart { background: #fff !important; color: #111 !important; border: 1px solid #cfd3d8 !important; }
.ui-pnotify .notification-buttons .notification-cart:hover { border-color: #111 !important; }
.ui-pnotify .notification-buttons .notification-checkout { background: #111 !important; color: #fff !important; border: 1px solid #111 !important; }
.ui-pnotify .notification-buttons .notification-checkout:hover { background: #333 !important; }
@media (max-width: 767px) { .ui-pnotify { right: 12px !important; left: 12px !important; width: auto !important; top: 12px !important; } }
.ui-pnotify { background: transparent !important; box-shadow: none !important; }
.ui-pnotify .ui-pnotify-closer:before { display: none !important; content: none !important; }
.ui-pnotify .ui-pnotify-container:before { font-family: 'Quicksand', sans-serif !important; }
/* ==== v3: header mini sepet ==== */
#cart .content { border-radius: 10px !important; box-shadow: 0 14px 40px rgba(17,17,17,.14) !important; border: 1px solid #e3e6ea !important; overflow: hidden; }
#cart .content .mini-cart-info { max-height: 340px; overflow-y: auto; padding: 4px 0 !important; }
#cart .content .mini-cart-info table, #cart .content .mini-cart-info tbody { display: block !important; width: 100% !important; margin: 0 !important; border: 0 !important; background: none !important; }
#cart .content .mini-cart-info tr { display: grid !important; grid-template-columns: 64px minmax(0,1fr) auto 26px; grid-template-areas: "img name name rm" "img qty tot tot"; column-gap: 12px; row-gap: 6px; align-items: start; padding: 14px 16px !important; border-bottom: 1px solid #eef0f3 !important; background: #fff !important; }
#cart .content .mini-cart-info tr:last-child { border-bottom: 0 !important; }
#cart .content .mini-cart-info td { display: block !important; padding: 0 !important; border: 0 !important; background: none !important; text-align: left !important; }
#cart .content .mini-cart-info td.image { grid-area: img; }
#cart .content .mini-cart-info td.image img { display: block; width: 64px !important; height: 64px !important; max-width: none !important; object-fit: cover; padding: 0 !important; border: 1px solid #eef0f3 !important; border-radius: 6px !important; }
#cart .content .mini-cart-info td.name { grid-area: name; font-size: 0 !important; line-height: 1.35 !important; }
#cart .content .mini-cart-info td.name > a { display: block; font-family: 'Quicksand', sans-serif !important; font-size: 13px !important; font-weight: 700 !important; color: #111 !important; text-transform: none !important; letter-spacing: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#cart .content .mini-cart-info td.name br { display: none; }
#cart .content .mini-cart-info td.name small { display: inline-block; margin-top: 4px; padding: 2px 8px; background: #f1f3f6; border-radius: 4px; font-family: 'Quicksand', sans-serif !important; font-size: 11.5px !important; font-weight: 600; color: #555 !important; text-transform: none; }
#cart .content .mini-cart-info td.quantity { grid-area: qty; align-self: end; font-family: 'Quicksand', sans-serif !important; font-size: 12.5px !important; color: #777 !important; }
#cart .content .mini-cart-info td.total { grid-area: tot; align-self: end; text-align: right !important; font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #111 !important; white-space: nowrap; }
#cart .content .mini-cart-info td.remove { grid-area: rm; justify-self: end; }
#cart .content .mini-cart-info td.remove button { width: 24px; height: 24px; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #f1f3f6 !important; color: #888 !important; display: flex !important; align-items: center; justify-content: center; box-shadow: none !important; cursor: pointer; }
#cart .content .mini-cart-info td.remove button:hover { background: #fde8e6 !important; color: #c0392b !important; }
#cart .content .mini-cart-info td.remove button i { font-size: 0 !important; }
#cart .content .mini-cart-info td.remove button i:before { content: '\00d7' !important; font: 400 17px/1 Arial, sans-serif !important; }
#cart .content .mini-cart-info td { line-height: 1.35 !important; height: auto !important; min-height: 0 !important; }
#cart .content .mini-cart-info td.image a { display: block; line-height: 0 !important; }
#cart .content .mini-cart-info td.name > div { line-height: 0 !important; margin: 0 !important; padding: 0 !important; }
#cart .content .mini-cart-info td.name > div:empty, #cart .content .mini-cart-info td.name > div:not(:has(small)) { display: none !important; }
#cart .content .mini-cart-info td.name small { line-height: 1.4 !important; }
#cart .content .mini-cart-info td.remove, #cart .content .mini-cart-info td.remove button { line-height: 1 !important; }
#cart .content .mini-cart-info tr { grid-template-rows: auto 1fr; min-height: 92px; }
#cart .content .mini-cart-info tr { grid-template-rows: auto auto !important; min-height: 0 !important; row-gap: 8px !important; } #cart .content .mini-cart-info td.quantity, #cart .content .mini-cart-info td.total { align-self: center !important; }
html body #cart .content .mini-cart-info table tbody tr td { padding: 0 !important; }
header.journal-header-mega #cart .content .cart-wrapper .mini-cart-info table td { padding: 0 !important; }
/* ==== v3: sepet — hediye çeki / kargo hesapla kutuları ==== */
html.route-checkout-cart #accordion { margin: 16px 0 0 !important; display: grid; gap: 14px; }
html.route-checkout-cart #accordion .panel { margin: 0 !important; background: #fff !important; border: 1px solid #e3e6ea !important; border-radius: 8px !important; box-shadow: none !important; overflow: visible; }
html.route-checkout-cart #accordion .panel-heading { padding: 0 !important; background: none !important; border: 0 !important; }
html.route-checkout-cart #accordion .panel-title a { display: flex !important; align-items: center; gap: 12px; padding: 16px 20px !important; font-family: 'Quicksand', sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #111 !important; text-decoration: none !important; text-transform: none !important; }
html.route-checkout-cart #accordion .panel-title a:before { content: ''; flex: 0 0 36px; height: 36px; border-radius: 50%; background: #f1f3f6 no-repeat center / 18px 18px; }
html.route-checkout-cart #accordion .sc-voucher .panel-title a:before, html.route-checkout-cart #accordion .sc-coupon .panel-title a:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='13' rx='2'/%3E%3Cpath d='M12 8v13M3 12h18M12 8S10.5 3 8 3.5 6.5 8 12 8zM12 8s1.5-5 4-4.5S17.5 8 12 8z'/%3E%3C/svg%3E"); }
html.route-checkout-cart #accordion .sc-shipping .panel-title a:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h13v10H1zM14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='5.5' cy='17.5' r='1.8'/%3E%3Ccircle cx='17.5' cy='17.5' r='1.8'/%3E%3C/svg%3E"); }
html.route-checkout-cart #accordion .panel-title a i.fa { margin-left: auto; width: 28px; height: 28px; border-radius: 50%; display: flex !important; align-items: center; justify-content: center; font-size: 0 !important; transition: transform .2s; }
html.route-checkout-cart #accordion .panel-title a i.fa:before { content: '' !important; width: 7px; height: 7px; border-right: 1.8px solid #555; border-bottom: 1.8px solid #555; transform: rotate(45deg) translate(-2px,-2px); }
html.route-checkout-cart #accordion .panel-title a:not(.collapsed) i.fa { transform: rotate(180deg); }
html.route-checkout-cart #accordion .panel-collapse > .panel-body { padding: 4px 20px 20px !important; border-top: 0 !important; font-family: 'Quicksand', sans-serif !important; }
html.route-checkout-cart #accordion .panel-body > p { margin: 0 0 14px !important; font-size: 13.5px !important; color: #777 !important; }
html.route-checkout-cart #accordion .panel-body .control-label { display: block; float: none !important; width: auto !important; padding: 0 !important; margin: 0 0 6px !important; text-align: left !important; font-size: 13px !important; font-weight: 600 !important; color: #444 !important; }
html.route-checkout-cart #accordion .panel-body .input-group { display: flex !important; gap: 8px; width: 100% !important; }
html.route-checkout-cart #accordion .panel-body .input-group .form-control { flex: 1; width: auto !important; border-radius: 4px !important; }
html.route-checkout-cart #accordion .panel-body .input-group-btn { display: block !important; width: auto !important; }
html.route-checkout-cart #accordion .form-control, html.route-checkout-cart #accordion .vm-sel-btn { height: 46px !important; border: 1px solid #dcdfe4 !important; border-radius: 4px !important; background: #fff !important; box-shadow: none !important; padding: 0 14px !important; font-size: 14px !important; color: #222 !important; }
html.route-checkout-cart #accordion .form-control:focus { border-color: #111 !important; }
html.route-checkout-cart #accordion .btn, html.route-checkout-cart #accordion input[type=submit], html.route-checkout-cart #accordion input[type=button] { height: 46px !important; padding: 0 22px !important; border: 0 !important; border-radius: 4px !important; background: #111 !important; color: #fff !important; font-family: 'Quicksand', sans-serif !important; font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .4px; box-shadow: none !important; white-space: nowrap; }
html.route-checkout-cart #accordion .btn:hover, html.route-checkout-cart #accordion input[type=submit]:hover, html.route-checkout-cart #accordion input[type=button]:hover { background: #333 !important; }
html.route-checkout-cart #accordion .sc-shipping .form-horizontal { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-bottom: 14px; }
html.route-checkout-cart #accordion .sc-shipping .form-group { margin: 0 !important; overflow: visible !important; }
html.route-checkout-cart #accordion .sc-shipping .form-group > [class*="col-sm-"] { float: none !important; width: auto !important; padding: 0 !important; overflow: visible !important; }
html.route-checkout-cart #accordion .sc-shipping .form-group.required .control-label:before { color: #c0392b !important; }
html.route-checkout-cart #accordion .sc-shipping .panel-body > .btn, html.route-checkout-cart #accordion .sc-shipping .panel-body > input, html.route-checkout-cart #accordion .sc-shipping #button-quote { width: 100%; }
@media (max-width: 767px) {
html.route-checkout-cart #accordion .sc-shipping .form-horizontal { grid-template-columns: 1fr; }
html.route-checkout-cart #accordion .panel-body .input-group { flex-direction: column; }
html.route-checkout-cart #accordion .panel-body .input-group .btn, html.route-checkout-cart #accordion .panel-body .input-group input[type=submit] { width: 100%; }
}
html.route-checkout-cart #accordion .sc-shipping .form-horizontal { align-items: end; }
html.route-checkout-cart #accordion .sc-shipping .form-horizontal > button, html.route-checkout-cart #accordion .sc-shipping .form-horizontal > input { grid-column: 1 / -1; width: 100% !important; margin-top: 4px; }
html.route-checkout-cart #accordion .vm-sel-btn, html.route-checkout-cart #accordion .form-control { box-sizing: border-box !important; }
html.route-checkout-cart #accordion .sc-shipping .control-label { line-height: 20px !important; height: 20px; }
html.route-checkout-cart #accordion .sc-shipping .vm-sel { margin: 0 !important; }
/* ==== v3: mini sepet hizalama düzeltmesi ==== */
header.journal-header-mega #cart .content .cart-wrapper .mini-cart-info table td { border: 0 !important; }
header.journal-header-mega #cart .content .mini-cart-info td.remove, header.journal-header-mega #cart .content .mini-cart-info td.name { align-self: start !important; }
header.journal-header-mega #cart .content .mini-cart-info td.name small { display: inline-block !important; width: auto !important; max-width: 100%; }
/* ==== v3: üst kayan şerit kenar geçişi ==== */
.journal-header-notice-247 .vm-marquee { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%); }
/* ==== v3: sepet kutuları — sol kolonda ayrı, eşit boşluk ==== */
html.route-checkout-cart .vm-cart-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
html.route-checkout-cart .vm-cart-col > #accordion { display: flex !important; flex-direction: column; gap: 14px !important; margin: 0 !important; padding: 0 !important; }
html.route-checkout-cart .vm-cart-col > #accordion > .panel + .panel { margin-top: 0 !important; }
html.route-checkout-cart .vm-cart-col > #accordion > :not(.panel) { display: none !important; }
html.route-checkout-cart #accordion .panel { border-radius: 6px !important; }
/* ==== v3: uyarılar (alert) — modern kart ==== */
#container .alert { position: relative; display: flex; align-items: center; gap: 12px; padding: 14px 52px 14px 16px !important; margin: 0 0 18px !important; background: #fff !important; border: 1px solid #e6e8eb !important; border-left: 4px solid #111 !important; border-radius: 8px !important; box-shadow: 0 6px 18px rgba(17,17,17,.06) !important; font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.45 !important; color: #222 !important; text-shadow: none !important; }
#container .alert > .fa:first-child { flex: 0 0 30px; height: 30px; border-radius: 50%; display: inline-flex !important; align-items: center; justify-content: center; font-size: 15px !important; margin: 0 !important; background: #f1f3f6; }
#container .alert-success { border-left-color: #1f9d55 !important; }
#container .alert-success > .fa:first-child { background: #e7f6ee; color: #1f9d55 !important; }
#container .alert-warning { border-left-color: #e67e22 !important; }
#container .alert-warning > .fa:first-child { background: #fdf1e5; color: #e67e22 !important; }
#container .alert-danger { border-left-color: #d64545 !important; }
#container .alert-danger > .fa:first-child { background: #fbeaea; color: #d64545 !important; }
#container .alert-info { border-left-color: #2f6fdf !important; }
#container .alert-info > .fa:first-child { background: #e9f0fc; color: #2f6fdf !important; }
#container .alert .close { position: absolute !important; top: 50% !important; right: 12px !important; transform: translateY(-50%); width: 28px; height: 28px; margin: 0 !important; padding: 0 !important; border-radius: 50%; background: #f3f4f6 !important; border: 0 !important; opacity: 1 !important; font-size: 18px !important; line-height: 28px !important; color: #666 !important; text-shadow: none !important; float: none !important; }
#container .alert .close:hover { background: #111 !important; color: #fff !important; }
/* ==== v3: stokta yok — sepet butonları kapalı ==== */
.vm-oos #button-cart, .vm-oos .vm-buynow { opacity: .45 !important; cursor: not-allowed !important; pointer-events: none; filter: grayscale(.6); }
.vm-oos-note { display: block; width: 100%; margin: 8px 0 0; font-size: 13px; font-weight: 600; color: #d64545; font-family: 'Quicksand', sans-serif; }
/* ==== v3: hesap açılır menü (masaüstü) ==== */
.vm-accw { position: relative; display: flex; align-items: center; }
.vm-acc-dd { display: none; }
@media (min-width: 980px) {
.vm-acc-dd { display: block; position: absolute; top: 100%; right: -14px; z-index: 1000; min-width: 220px; padding-top: 12px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s, transform .18s, visibility .18s; }
.vm-accw:hover .vm-acc-dd, .vm-accw:focus-within .vm-acc-dd { opacity: 1; visibility: visible; transform: none; }
.vm-acc-dd ul { list-style: none; margin: 0; padding: 6px 0; background: #fff; border: 1px solid #e6e8eb; border-radius: 10px; box-shadow: 0 14px 34px rgba(17,17,17,.12); }
.vm-acc-dd li { margin: 0; padding: 0 18px; }
.vm-acc-dd li + li a { border-top: 1px solid #eef0f3; }
.vm-acc-dd a { display: block; padding: 11px 0; font-family: 'Quicksand', sans-serif !important; font-size: 14.5px; font-weight: 600; color: #444 !important; text-decoration: none !important; white-space: nowrap; transition: color .15s, padding .15s; }
.vm-acc-dd a:hover { color: #111 !important; padding-left: 4px; }
.vm-acc-dd li.vm-dd-head a { font-weight: 700; color: #111 !important; }
.vm-acc-dd li.vm-dd-out a { color: #c0392b !important; }
}
/* ==== v3: anasayfa — ürün carousel başlık, ok, nokta ==== */
.journal-carousel.carousel-product .htabs.box-heading { border: 0 !important; background: none !important; padding: 0 7px !important; margin: 0 0 16px !important; height: auto !important; display: flex !important; align-items: center; gap: 16px; }
.journal-carousel.carousel-product .htabs.box-heading:after { content: ''; flex: 1; height: 1px; background: #e6e8eb; order: 2; }
.journal-carousel.carousel-product .htabs.box-heading .atab { order: 1; float: none !important; padding: 0 !important; margin: 0 !important; height: auto !important; line-height: 1.2 !important; background: none !important; border: 0 !important; font-family: 'Quicksand', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; font-style: normal !important; letter-spacing: 0 !important; text-transform: none !important; color: #111 !important; }
.journal-carousel.carousel-product .htabs.box-heading .atab:after, .journal-carousel.carousel-product .htabs.box-heading .atab:before { display: none !important; }
.journal-carousel.carousel-product .swiper > .swiper-button-prev, .journal-carousel.carousel-product .swiper > .swiper-button-next, .journal-carousel.carousel-product .swiper-button-prev, .journal-carousel.carousel-product .swiper-button-next { width: 42px !important; height: 42px !important; margin-top: -40px !important; top: 42% !important; border-radius: 50% !important; background: #fff no-repeat center / 16px 16px !important; border: 1px solid #e3e6ea !important; box-shadow: 0 6px 16px rgba(17,17,17,.12) !important; opacity: 1; font-size: 0 !important; color: transparent !important; transition: background-color .2s, box-shadow .2s, opacity .2s; z-index: 5; }
.journal-carousel.carousel-product .swiper-button-prev { left: -4px !important; right: auto !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important; }
.journal-carousel.carousel-product .swiper-button-next { right: -4px !important; left: auto !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important; }
.journal-carousel.carousel-product .swiper-button-prev:before, .journal-carousel.carousel-product .swiper-button-next:before, .journal-carousel.carousel-product .swiper-button-prev:after, .journal-carousel.carousel-product .swiper-button-next:after { display: none !important; }
.journal-carousel.carousel-product .swiper-button-prev:hover, .journal-carousel.carousel-product .swiper-button-next:hover { box-shadow: 0 8px 22px rgba(17,17,17,.2) !important; }
.journal-carousel.carousel-product .swiper-button-disabled { opacity: 0 !important; pointer-events: none; }
.journal-carousel .swiper-pagination { position: static !important; display: flex !important; justify-content: center; align-items: center; gap: 6px; margin: 14px 0 0 !important; }
.journal-carousel .swiper-pagination-bullet { width: 8px !important; height: 8px !important; margin: 0 !important; border-radius: 4px !important; background: #cfd3d8 !important; opacity: 1 !important; border: 0 !important; box-shadow: none !important; transition: width .25s, background .25s; }
.journal-carousel .swiper-pagination-bullet-active { width: 24px !important; background: #111 !important; }
/* ==== v3: anasayfa — "Kategoriye göre alışveriş" başlığı ==== */
.journal-headline-rotator-95 { padding: 26px 0 6px !important; background: none !important; }
.journal-headline-rotator-95 .rotator-text, .journal-headline-rotator-95 .rotator-text span { font-family: 'Quicksand', sans-serif !important; font-size: 26px !important; font-weight: 700 !important; font-style: normal !important; color: #111 !important; letter-spacing: 0 !important; line-height: 1.25 !important; text-transform: none !important; }
/* ==== v3: anasayfa — İlginizi Çekebilir / Son Görüntülenenler ==== */
.custom-sections .box-heading.box-sections { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 0 20px !important; height: auto !important; }
.custom-sections .box-heading.box-sections ul { display: flex !important; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
.custom-sections .box-heading.box-sections li { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; flex: 0 0 auto !important; }
.custom-sections .box-heading.box-sections li a { display: block !important; height: auto !important; padding: 11px 24px !important; line-height: 1.2 !important; border: 1px solid #d9dde2 !important; border-radius: 999px !important; background: #fff !important; font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; color: #444 !important; box-shadow: none !important; transition: all .2s; }
.custom-sections .box-heading.box-sections li a:hover { border-color: #111 !important; color: #111 !important; }
.custom-sections .box-heading.box-sections li a.selected, .custom-sections .box-heading.box-sections li.active a, .custom-sections .box-heading.box-sections li a.active { background: #111 !important; border-color: #111 !important; color: #fff !important; }
.custom-sections .box-heading.box-sections li a:before, .custom-sections .box-heading.box-sections li a:after, .custom-sections .box-heading.box-sections:after { display: none !important; }
.custom-sections .box-content { background: none !important; border: 0 !important; padding: 0 !important; }
.custom-sections .product-grid-item { padding: 7px !important; margin: 0 !important; }
.custom-sections .product-grid-item .product-wrapper { background: #fff !important; border: 1px solid #e3e6ea !important; border-radius: 8px !important; overflow: hidden; transition: box-shadow .25s, border-color .25s !important; }
.custom-sections .product-grid-item .product-wrapper:hover { border-color: #d3d8de !important; box-shadow: 0 8px 22px rgba(17,17,17,.08) !important; }
.custom-sections .product-grid-item .product-wrapper .image { border-radius: 0 !important; border-bottom: 1px solid #eef0f3; }
.custom-sections .product-grid-item .product-details { border-radius: 0 !important; min-height: 92px; }
.custom-sections .product-grid-item .name { min-height: 37px; }
/* ==== v3: ürün etiketleri (Stokta Yok / Rezerve / Yeni / İndirim) — hap ==== */
.product-grid-item:not(.carousel-category *) .label-sale, .product-grid-item:not(.carousel-category *) .label-latest, .product-grid-item:not(.carousel-category *) .label-outofstock { top: 10px !important; left: 10px !important; right: auto !important; border-radius: 999px !important; padding: 5px 11px !important; font-size: 11px !important; letter-spacing: .3px; text-transform: uppercase; background: rgba(17,17,17,.82) !important; box-shadow: 0 2px 8px rgba(0,0,0,.12); z-index: 3; }
.product-grid-item:not(.carousel-category *) .label-outofstock b { font-weight: 700 !important; font-size: inherit !important; }
.product-grid-item:not(.carousel-category *) .label-sale { background: #d64545 !important; }
.product-grid-item:not(.carousel-category *) .product-wrapper.outofstock .image img { opacity: .85; }
/* ==== v3: anasayfa — Hakiki deri güven bandı ==== */
.journal-headline-rotator-126 { padding: 10px 0 !important; background: none !important; }
.journal-headline-rotator-126 .quote > div { display: flex !important; justify-content: center; }
.journal-headline-rotator-126 .rotator-text { display: inline-flex !important; align-items: center; gap: 14px; max-width: 100%; padding: 18px 28px !important; background: #fff !important; border: 1px solid #e3e6ea !important; border-radius: 12px !important; box-shadow: 0 6px 18px rgba(17,17,17,.05); }
.journal-headline-rotator-126 .rotator-text:before { content: ''; flex: 0 0 44px; height: 44px; border-radius: 50%; background: #111 no-repeat center / 22px 22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.3-7 10-4-1.7-7-5.5-7-10V6l7-3z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E"); }
.journal-headline-rotator-126 .rotator-text, .journal-headline-rotator-126 .rotator-text * { font-family: 'Quicksand', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; font-style: normal !important; letter-spacing: .3px !important; line-height: 1.35 !important; color: #111 !important; text-align: left !important; text-transform: none !important; }
/* ==== v3: sabit WhatsApp butonu ==== */
.vm-wa-float { position: fixed; right: 22px; bottom: 22px; z-index: 9980; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff !important; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 22px rgba(37,211,102,.4); text-decoration: none !important; transition: transform .2s, box-shadow .2s; }
.vm-wa-float:hover { transform: scale(1.07); box-shadow: 0 10px 26px rgba(37,211,102,.5); }
.vm-wa-float:before { content: ''; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #25d366; animation: vmWaPulse 2.2s ease-out infinite; }
@keyframes vmWaPulse { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(1.5); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .vm-wa-float:before { animation: none; display: none; } }
.scroll-top, #scroll-top { bottom: 92px !important; right: 30px !important; }
@media (max-width: 979px) {
.vm-wa-float { right: 14px; bottom: calc(70px + env(safe-area-inset-bottom)); width: 50px; height: 50px; }
.vm-wa-float svg { width: 26px; height: 26px; }
.scroll-top, #scroll-top { bottom: calc(132px + env(safe-area-inset-bottom)) !important; right: 20px !important; }
}
@media (max-width: 767px) {
.journal-carousel.carousel-product .htabs.box-heading .atab { font-size: 19px !important; }
.journal-carousel.carousel-product .swiper-button-prev, .journal-carousel.carousel-product .swiper-button-next { width: 34px !important; height: 34px !important; background-size: 13px 13px !important; }
.journal-headline-rotator-95 .rotator-text, .journal-headline-rotator-95 .rotator-text span { font-size: 20px !important; }
.custom-sections .box-heading.box-sections li a { padding: 9px 16px !important; font-size: 13px !important; }
.custom-sections .product-grid-item { padding: 5px !important; }
.journal-headline-rotator-126 .rotator-text { padding: 14px 16px !important; gap: 12px; margin: 0 12px; }
.journal-headline-rotator-126 .rotator-text:before { flex-basis: 36px; height: 36px; background-size: 18px 18px; }
.journal-headline-rotator-126 .rotator-text, .journal-headline-rotator-126 .rotator-text * { font-size: 14px !important; }
}
.product-grid-item:not(.carousel-category *) .label-sale, .product-grid-item:not(.carousel-category *) .label-latest, .product-grid-item:not(.carousel-category *) .label-outofstock { min-width: 0 !important; max-width: calc(100% - 20px); white-space: nowrap; }
.journal-carousel.carousel-product .swiper > .swiper-button-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important; left: -4px !important; right: auto !important; }
.journal-carousel.carousel-product .swiper > .swiper-button-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important; right: -4px !important; left: auto !important; }
@media (max-width: 767px) { .journal-carousel.carousel-product .swiper > .swiper-button-prev, .journal-carousel.carousel-product .swiper > .swiper-button-next { width: 34px !important; height: 34px !important; background-size: 13px 13px !important; } .journal-carousel.carousel-product .swiper > .swiper-button-prev { left: 2px !important; } .journal-carousel.carousel-product .swiper > .swiper-button-next { right: 2px !important; } }
@media (max-width: 767px) { .custom-sections .box-heading.box-sections ul { flex-wrap: nowrap !important; padding: 0 12px !important; } .custom-sections .box-heading.box-sections ul li { width: auto !important; max-width: 180px !important; flex: 1 1 0 !important; min-width: 0 !important; } .custom-sections .box-heading.box-sections ul li a { padding: 10px 8px !important; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }
#container .alert .vm-alert-txt { flex: 1; min-width: 0; } #container .alert .vm-alert-txt span { color: #d64545; font-weight: 700; margin-right: 4px; } @media (max-width: 767px) { #container > .alert { margin: 0 12px 16px !important; } }
/* ==== v3: sticky header (Full) ==== */
.is-sticky header .journal-header { background: #fff !important; box-shadow: 0 6px 18px rgba(17,17,17,.07) !important; }
.is-sticky header .journal-logo > div { background: transparent !important; }
/* ==== v3: sözleşme / bilgi metni ortak tipografi ==== */
.vm-info-text, .vm-info-text *, #modal-agree .modal-body, #modal-agree .modal-body * { font-family: 'Quicksand', sans-serif !important; letter-spacing: 0 !important; }
.vm-info-text, #modal-agree .modal-body { font-size: 15px !important; line-height: 1.75 !important; color: #444 !important; }
.vm-info-text h1, .vm-info-text h2, .vm-info-text h3, .vm-info-text h4, .vm-info-text h5, .vm-info-text p, .vm-info-text li, .vm-info-text span, .vm-info-text strong, .vm-info-text b, .vm-info-text div,
#modal-agree .modal-body h1, #modal-agree .modal-body h2, #modal-agree .modal-body h3, #modal-agree .modal-body h4, #modal-agree .modal-body p, #modal-agree .modal-body li, #modal-agree .modal-body span, #modal-agree .modal-body div { font-size: 15px !important; line-height: 1.75 !important; font-weight: 500 !important; color: #444 !important; background: none !important; text-transform: none; }
.vm-info-text h1, .vm-info-text h2, .vm-info-text h3, .vm-info-text h4, .vm-info-text p, #modal-agree .modal-body h1, #modal-agree .modal-body h2, #modal-agree .modal-body h3, #modal-agree .modal-body h4, #modal-agree .modal-body p { margin: 0 0 12px !important; padding: 0 !important; }
.vm-info-text p:empty, .vm-info-text h2:empty, .vm-info-text h3:empty, #modal-agree .modal-body p:empty, #modal-agree .modal-body h2:empty, #modal-agree .modal-body h3:empty { display: none !important; }
.vm-info-text strong, .vm-info-text b, #modal-agree .modal-body strong, #modal-agree .modal-body b { font-weight: 700 !important; color: #111 !important; }
.vm-info-text span[style*="255, 0, 0"], .vm-info-text span[style*="ff0000"], .vm-info-text font[color], #modal-agree .modal-body span[style*="255, 0, 0"], #modal-agree .modal-body span[style*="ff0000"] { color: #111 !important; font-weight: 700 !important; }
.vm-info-text span[style*="color"]:not([style*="255, 0, 0"]):not([style*="0, 0, 0"]) { color: #111 !important; font-weight: 700 !important; }
.vm-info-text ul, #modal-agree .modal-body ul { margin: 0 0 6px !important; padding: 0 0 0 20px !important; list-style: disc !important; }
.vm-info-text li, #modal-agree .modal-body li { margin: 0 0 8px !important; padding-left: 2px !important; }
.vm-info-text li::marker, #modal-agree .modal-body li::marker { color: #111; }
.vm-info-text a { color: #111 !important; text-decoration: underline !important; text-underline-offset: 3px; }
.vm-info-text img { max-width: 100%; height: auto; }
/* ==== v3: bilgi sayfaları — Kurumsal yan menü + kart ==== */
html.vm-info-page #content { width: 100% !important; float: none !important; }
html.vm-info-page #content > .heading-title { display: none !important; }
html.vm-info-page .vm-info { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 28px; align-items: start; margin: 6px 0 40px; }
.vm-info-side { position: sticky; top: 170px; background: #111; border-radius: 10px; padding: 20px 18px 12px; }
.vm-info-side h4 { margin: 0 0 8px !important; padding: 0 0 12px !important; border-bottom: 1px solid rgba(255,255,255,.18); font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: .6px !important; text-transform: uppercase; color: #fff !important; }
.vm-info-side ul { list-style: none; margin: 0; padding: 0; }
.vm-info-side li a { display: block; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.08); font-family: 'Quicksand', sans-serif !important; font-size: 14.5px; font-weight: 500; color: rgba(255,255,255,.78) !important; text-decoration: none !important; transition: color .15s, padding .15s; }
.vm-info-side li:last-child a { border-bottom: 0; }
.vm-info-side li a:hover { color: #fff !important; padding-left: 4px; }
.vm-info-side li.active a { color: #fff !important; font-weight: 700; }
.vm-info-side li.active a:before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #fff; margin: 0 8px 2px 0; vertical-align: middle; }
.vm-info-main { background: #fff; border: 1px solid #e6e8eb; border-radius: 10px; padding: 30px 34px 26px; box-shadow: 0 6px 20px rgba(17,17,17,.04); min-width: 0; }
.vm-info-main > h1 { margin: 0 0 18px !important; padding: 0 0 16px !important; border-bottom: 1px solid #eef0f3; font-family: 'Quicksand', sans-serif !important; font-size: 26px !important; font-weight: 700 !important; line-height: 1.3 !important; text-transform: none !important; letter-spacing: 0 !important; color: #111 !important; background: none !important; }
.vm-info-main > h1:after { display: none !important; }
html.vm-info-page .buttons { display: none !important; }
@media (max-width: 979px) {
html.vm-info-page .vm-info { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 0; }
html.vm-info-page #content { padding-left: 0 !important; padding-right: 0 !important; }
.vm-info-side { min-width: 0; }
.vm-info-side { position: static; padding: 14px 14px 12px; }
.vm-info-side h4 { font-size: 12.5px !important; padding-bottom: 10px !important; margin-bottom: 10px !important; }
.vm-info-side ul { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.vm-info-side ul::-webkit-scrollbar { display: none; }
.vm-info-side li { flex: 0 0 auto; }
.vm-info-side li a { padding: 7px 14px; border: 1px solid rgba(255,255,255,.22) !important; border-radius: 999px; white-space: nowrap; font-size: 13px; }
.vm-info-side li a:hover { padding-left: 14px; }
.vm-info-side li.active a { background: #fff; color: #111 !important; }
.vm-info-side li.active a:before { display: none; }
.vm-info-main { padding: 20px 16px 14px; border-radius: 10px; }
.vm-info-main > h1 { font-size: 21px !important; margin-bottom: 14px !important; padding-bottom: 12px !important; }
.vm-info-text, .vm-info-text * { font-size: 14px !important; }
html.vm-info-page #container { padding-left: 12px !important; padding-right: 12px !important; }
}
/* ==== v3: şartlar modalı (iade formu vb.) ==== */
.modal-backdrop.in { background: #111 !important; opacity: .55 !important; }
#modal-agree { background: rgba(17,17,17,.5); }
#modal-agree .modal-dialog { width: 720px; max-width: calc(100% - 24px); margin: 6vh auto !important; }
#modal-agree .modal-content { border: 0 !important; border-radius: 14px !important; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.25) !important; }
#modal-agree .modal-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 22px !important; border-bottom: 1px solid #eef0f3 !important; background: #fff !important; }
#modal-agree .modal-title { order: 1; margin: 0 !important; font-family: 'Quicksand', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; color: #111 !important; }
#modal-agree .modal-header .close { order: 2; float: none !important; margin: 0 !important; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; background: #f3f4f6 !important; opacity: 1 !important; font-size: 22px !important; line-height: 34px !important; color: #555 !important; text-shadow: none !important; transition: background .15s, color .15s; }
#modal-agree .modal-header .close:hover { background: #111 !important; color: #fff !important; }
#modal-agree .modal-body { max-height: 66vh; overflow-y: auto; padding: 22px 26px 12px !important; scrollbar-width: thin; scrollbar-color: #c9cdd2 transparent; }
#modal-agree .modal-body::-webkit-scrollbar { width: 6px; }
#modal-agree .modal-body::-webkit-scrollbar-thumb { background: #c9cdd2; border-radius: 3px; }
@media (max-width: 767px) {
#modal-agree .modal-dialog { margin: 12px auto !important; }
#modal-agree .modal-body { max-height: 74vh; padding: 16px 16px 8px !important; }
#modal-agree .modal-body, #modal-agree .modal-body * { font-size: 14px !important; }
}
html.vm-info-page body, html.vm-info-page #container, html.vm-info-page .extended-container { background-color: #f4f5f7 !important; }
html.vm-info-page #container > .breadcrumb { background: transparent !important; box-shadow: none !important; border: 0 !important; }
.product-info.vm-oos .journal-stock { color: #d64545 !important; }
/* ==== v4: mini sepet × ortalı (SVG) ==== */
#cart .content .mini-cart-info td.remove button { background: #f1f3f6 no-repeat center / 10px 10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' stroke='%23777' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M1.5 1.5l7 7M8.5 1.5l-7 7'/%3E%3C/svg%3E") !important; }
#cart .content .mini-cart-info td.remove button:hover { background: #fde8e6 no-repeat center / 10px 10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' stroke='%23c0392b' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M1.5 1.5l7 7M8.5 1.5l-7 7'/%3E%3C/svg%3E") !important; }
#cart .content .mini-cart-info td.remove button i { display: none !important; }
/* ==== v4: mobil footer — akordeon + alt bant ==== */
@media (max-width: 767px) {
footer #footer { padding: 22px 16px 6px !important; }
footer #footer > .row:first-child { padding-bottom: 16px !important; margin-bottom: 4px !important; }
footer #footer .column.menu, footer #footer .column.vm-f-contact { width: 100% !important; float: none !important; padding: 0 !important; border-bottom: 1px solid #e9ecef; }
footer #footer .column.menu > h3, footer #footer .vm-f-sub > h3 { position: relative; display: flex !important; align-items: center; justify-content: space-between; margin: 0 !important; padding: 15px 2px !important; font-size: 15px !important; cursor: pointer; -webkit-tap-highlight-color: transparent; }
footer #footer .column.menu > h3:after, footer #footer .vm-f-sub > h3:after { content: '' !important; display: block !important; position: static !important; width: 22px; height: 22px; border-radius: 50%; background: #f1f3f6 no-repeat center / 11px 11px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); transition: transform .2s; font-size: 0 !important; }
footer #footer .column.menu > h3.column-open:after, footer #footer .vm-f-sub > h3.column-open:after { transform: rotate(180deg); }
footer #footer .column.menu > h3 + div, footer #footer .vm-f-sub > h3 + div { padding: 0 2px 12px !important; }
footer #footer .column.menu li { margin: 0 0 11px !important; }
footer #footer .column.menu .vm-f-social { margin: 0 0 16px !important; }
footer .bottom-footer > div { padding: 18px 16px 16px !important; gap: 12px !important; }
footer .bottom-footer .copyright { width: 100%; white-space: normal !important; line-height: 1.5 !important; font-size: 12.5px !important; padding: 0 !important; }
footer .bottom-footer .payments { justify-content: center; flex-wrap: wrap; }
.vm-credit { padding: 10px 16px !important; margin-bottom: calc(66px + env(safe-area-inset-bottom)); }
footer { background: #fff; }
.vm-credit a { white-space: normal; line-height: 1.4; text-align: left; font-size: 12px; }
}
/* ==== v4: yukarı çık butonu — siyah daire, beyaz ok ==== */
.scroll-top, #scroll-top { width: 46px !important; height: 46px !important; border-radius: 50% !important; background: #000 no-repeat center / 18px 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E") !important; box-shadow: 0 6px 16px rgba(0,0,0,.22) !important; border: 0 !important; opacity: 1; cursor: pointer; transition: transform .2s, background-color .2s; }
.scroll-top:hover, #scroll-top:hover { transform: translateY(-2px); background-color: #222 !important; }
.scroll-top:before, .scroll-top:after, #scroll-top:before, #scroll-top:after, .scroll-top i, #scroll-top i { display: none !important; }
@media (max-width: 979px) { .scroll-top, #scroll-top { width: 42px !important; height: 42px !important; right: 18px !important; } }
/* ==== v4: İletişim sayfası ==== */
html.vm-ct-page body, html.vm-ct-page #container, html.vm-ct-page .extended-container { background-color: #f4f5f7 !important; }
html.vm-ct-page #container > .breadcrumb { background: transparent !important; box-shadow: none !important; border: 0 !important; }
html.vm-ct-page #content { width: 100% !important; float: none !important; }
.vm-ct, .vm-ct * { font-family: 'Quicksand', sans-serif !important; letter-spacing: 0 !important; box-sizing: border-box; }
.vm-ct { margin: 4px 0 44px; }
.vm-ct-head { text-align: center; max-width: 640px; margin: 0 auto 26px; }
.vm-ct-head h1 { margin: 0 0 8px !important; padding: 0 !important; font-size: 30px !important; font-weight: 700 !important; color: #111 !important; text-transform: none !important; line-height: 1.25 !important; background: none !important; border: 0 !important; }
.vm-ct-head h1:after { display: none !important; }
.vm-ct-head p { margin: 0; font-size: 15px; line-height: 1.6; color: #555; }
.vm-ct-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.vm-ct-card { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 20px 18px; background: #fff; border: 1px solid #e6e8eb; border-radius: 12px; text-decoration: none !important; transition: border-color .2s, box-shadow .2s, transform .2s; min-width: 0; }
.vm-ct-card:hover { border-color: #111; box-shadow: 0 10px 24px rgba(17,17,17,.08); transform: translateY(-2px); }
.vm-ct-ic { width: 42px; height: 42px; border-radius: 50%; background: #111; color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.vm-ct-ic svg { width: 20px; height: 20px; }
.vm-ct-card:first-child .vm-ct-ic { background: #25d366; }
.vm-ct-t { font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px !important; color: #888; }
.vm-ct-v { font-size: 16px; font-weight: 700; color: #111; line-height: 1.35; overflow-wrap: anywhere; }
.vm-ct-s { font-size: 13px; color: #666; margin-top: 2px; }
.vm-ct-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 24px; align-items: stretch; }
.vm-ct-form, .vm-ct-box, .vm-ct-map { background: #fff; border: 1px solid #e6e8eb; border-radius: 12px; }
.vm-ct-form { padding: 28px 30px 24px; }
.vm-ct-form h2, .vm-ct-box h3 { margin: 0 0 6px !important; padding: 0 !important; font-size: 21px !important; font-weight: 700 !important; color: #111 !important; text-transform: none !important; border: 0 !important; background: none !important; }
.vm-ct-form h2:after, .vm-ct-box h3:after { display: none !important; }
.vm-ct-sub { margin: 0 0 18px; font-size: 14px; color: #666; }
.vm-ct-form form fieldset > h2.secondary-title, .vm-ct-form form legend { display: none !important; }
.vm-ct-form fieldset { border: 0 !important; margin: 0 !important; padding: 0 !important; }
.vm-ct-form .form-group { margin: 0 0 14px !important; display: block !important; }
.vm-ct-form .form-group:before, .vm-ct-form .form-group:after { display: none !important; }
.vm-ct-form .form-group > div { width: 100% !important; float: none !important; padding: 0 !important; }
.vm-ct-form .control-label { display: block !important; float: none !important; width: auto !important; text-align: left !important; padding: 0 !important; margin: 0 0 6px !important; font-size: 13.5px !important; font-weight: 700 !important; color: #222 !important; }
.vm-ct-form .form-group.required .control-label:before { color: #d64545 !important; }
.vm-ct-form .form-control { width: 100% !important; height: 46px !important; padding: 0 14px !important; border: 1px solid #dfe2e6 !important; border-radius: 8px !important; background: #fafbfc !important; font-size: 14.5px !important; color: #111 !important; box-shadow: none !important; transition: border-color .2s, background .2s; }
.vm-ct-form textarea.form-control { height: auto !important; min-height: 140px; padding: 12px 14px !important; resize: vertical; line-height: 1.55; }
.vm-ct-form .form-control:focus { border-color: #111 !important; background: #fff !important; outline: 0; }
.vm-ct-form .vm-ct-cap { display: flex !important; align-items: center; flex-wrap: wrap; gap: 10px; }
.vm-ct-form .vm-ct-cap .form-control { flex: 1; min-width: 0; width: auto !important; }
.vm-ct-form .vm-ct-cap img { height: 46px; border-radius: 8px; border: 1px solid #dfe2e6; flex: 0 0 auto; }
.vm-ct-form .vm-ct-cap .text-danger { flex-basis: 100%; }
.vm-ct-form .text-danger { font-size: 12.5px; margin-top: 5px; }
html.vm-ct-page .vm-ct-form .buttons { display: block !important; margin: 6px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.vm-ct-form .buttons .pull-right { float: none !important; }
.vm-ct-form .buttons .button, .vm-ct-form .buttons input[type=submit] { width: 100%; height: 48px !important; border: 0 !important; border-radius: 8px !important; background: #111 !important; color: #fff !important; font-size: 15px !important; font-weight: 700 !important; text-transform: none !important; box-shadow: none !important; cursor: pointer; transition: background .2s; }
.vm-ct-form .buttons .button:hover { background: #333 !important; }
.vm-ct-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.vm-ct-box { padding: 24px 24px 22px; }
.vm-ct-box p { margin: 8px 0 14px; font-size: 14.5px; line-height: 1.6; color: #555; }
.vm-ct-box ul { list-style: none; margin: 0 0 18px; padding: 0; }
.vm-ct-box li { padding: 9px 0; border-bottom: 1px solid #eef0f3; font-size: 14.5px; color: #444; line-height: 1.45; }
.vm-ct-box li:last-child { border-bottom: 0; }
.vm-ct-box li strong { color: #111; font-weight: 700; margin-right: 4px; }
.vm-ct-wa { display: flex; align-items: center; justify-content: center; height: 46px; border-radius: 8px; background: #25d366; color: #fff !important; font-size: 15px; font-weight: 700; text-decoration: none !important; transition: filter .2s; }
.vm-ct-wa:hover { filter: brightness(.93); }
.vm-ct-map { flex: 1; min-height: 240px; overflow: hidden; }
.vm-ct-map iframe { display: block; width: 100%; height: 100%; min-height: 240px; border: 0; }
@media (max-width: 979px) {
.vm-ct-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.vm-ct-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
html.vm-ct-page #content { padding-left: 0 !important; padding-right: 0 !important; }
html.vm-ct-page #container { padding-left: 12px !important; padding-right: 12px !important; }
}
@media (max-width: 767px) {
.vm-ct-head { margin-bottom: 18px; }
.vm-ct-head h1 { font-size: 24px !important; }
.vm-ct-head p { font-size: 14px; }
.vm-ct-card { padding: 14px 12px; }
.vm-ct-ic { width: 36px; height: 36px; margin-bottom: 8px; }
.vm-ct-ic svg { width: 17px; height: 17px; }
.vm-ct-t { font-size: 11px; }
.vm-ct-v { font-size: 14px; }
.vm-ct-s { font-size: 12px; }
.vm-ct-form { padding: 20px 16px 18px; }
.vm-ct-box { padding: 20px 16px 18px; }
.vm-ct-form .form-control { font-size: 16px !important; }
}
/* ==== v4: sticky header tam genişlik ==== */
@media (min-width: 980px) {
.is-sticky header .header { background: #fff !important; box-shadow: 0 6px 18px rgba(17,17,17,.07) !important; }
.is-sticky header .journal-header { box-shadow: none !important; }
.is-sticky header .journal-menu { box-shadow: none !important; clip-path: none !important; position: relative; }
.is-sticky header .journal-menu:before, .is-sticky header .journal-menu:after { content: "" !important; display: block !important; position: absolute; top: 0; bottom: 0; width: 100vw; background: rgb(241,241,241); pointer-events: none; }
.is-sticky header .journal-menu:before { right: 100%; }
.is-sticky header .journal-menu:after { left: 100%; }
}
/* ==== v4: mobil footer alt boşluk ==== */
@media (max-width: 767px) {
.vm-credit { margin-bottom: 0 !important; }
}
/* ==== v4: ürün adı tam görünsün ==== */
html.route-product-product .right .vm-title { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; height: auto !important; overflow-wrap: anywhere; }
/* ==== v4: sekme başlıkları (yalnız mobil akordeon) ==== */
html.route-product-product .vm-pt-h { display: none; }
@media (max-width: 767px) {
html.route-product-product #content { padding-left: 0 !important; padding-right: 0 !important; }
html.route-product-product #container { padding-left: 12px !important; padding-right: 12px !important; }
html.route-product-product .vm-ptabs-nav { display: none !important; }
html.route-product-product .vm-pt-h { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; margin: 0; background: #fff; border: 0; border-top: 1px solid #eef0f3; font-family: 'Quicksand', sans-serif; font-size: 15px; font-weight: 700; color: #111; text-align: left; cursor: pointer; }
html.route-product-product .vm-ptabs-panels > .vm-pt-h:first-child { border-top: 0; }
html.route-product-product .vm-pt-h svg { flex: 0 0 auto; transition: transform .2s; }
html.route-product-product .vm-pt-h.open svg { transform: rotate(180deg); }
html.route-product-product .vm-ptabs .vm-acc-body, html.route-product-product .vm-ptabs .vm-acc-body.on { display: none; padding: 2px 16px 18px; }
html.route-product-product .vm-ptabs .vm-acc-body.vm-open { display: block; }
html.route-product-product .vm-thumbs { scroll-behavior: smooth; }
}
/* ==== v4: WhatsApp sipariş butonu diğerleriyle aynı ==== */
html.route-product-product div.inova .btn { height: 40px !important; border: 1px solid #1fb457 !important; border-radius: 3px !important; font-size: 14px !important; line-height: 38px !important; padding: 0 12px !important; box-shadow: none !important; }
html.route-product-product div.inova .btn:hover { filter: brightness(.94); }
/* ==== v4: breadcrumb — tek satır, son öğe kısalır ==== */
html .breadcrumb { display: flex !important; align-items: center; flex-wrap: nowrap !important; overflow: hidden; white-space: nowrap; min-height: 22px; }
html .breadcrumb > li { display: flex !important; align-items: center; flex: 0 0 auto; min-width: 0; float: none !important; padding: 0 !important; }
html .breadcrumb > li:last-child { flex: 0 1 auto; overflow: hidden; }
html .breadcrumb > li:last-child a, html .breadcrumb > li:last-child span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html .breadcrumb > li + li:before { content: '' !important; flex: 0 0 auto; width: 6px; height: 6px; padding: 0 !important; margin: 0 10px 0 8px; border-top: 1.5px solid #9aa0a6; border-right: 1.5px solid #9aa0a6; transform: rotate(45deg); }
html .breadcrumb li a, html .breadcrumb li span { font-family: 'Quicksand', sans-serif !important; text-transform: none !important; transition: color .15s; }
html .breadcrumb li:not(:last-child) a:hover, html .breadcrumb li:not(:last-child) a:hover span { color: #111 !important; }
html .breadcrumb > li:first-child a span { display: inline-flex; align-items: center; gap: 5px; }
html .breadcrumb > li:first-child a span:before { content: ''; width: 13px; height: 13px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3z'/%3E%3C/svg%3E") center / contain no-repeat; }
/* ==== v4: yukarı çık butonu mobilde küçük ==== */
@media (max-width: 979px) { .scroll-top, #scroll-top { width: 36px !important; height: 36px !important; right: 22px !important; background-size: 15px 15px !important; } }
/* ==== v4: etiketler ==== */
html.route-product-product #content > .tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 22px 0 8px !important; padding: 16px 0 0 !important; border-top: 1px solid #e6e8eb; font-size: 0 !important; background: none !important; }
html.route-product-product #content > .tags b { font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #111 !important; background: none !important; padding: 0 !important; margin: 0 4px 0 0 !important; border: 0 !important; border-radius: 0 !important; }
html.route-product-product #content > .tags a { display: inline-flex; align-items: center; height: 30px; padding: 0 13px !important; margin: 0 !important; border: 1px solid #dfe2e6 !important; border-radius: 999px !important; background: #fff !important; font-family: 'Quicksand', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: #333 !important; text-decoration: none !important; text-transform: lowercase; transition: background .15s, color .15s, border-color .15s; }
html.route-product-product #content > .tags a:hover { background: #111 !important; border-color: #111 !important; color: #fff !important; }
@media (max-width: 767px) { html.route-product-product .vm-info { grid-template-columns: minmax(0, 1fr) !important; gap: 8px; } }
html[class][class][class][class] body ul.breadcrumb > li + li:before { content: '\203A' !important; width: auto !important; height: auto !important; border: 0 !important; transform: none !important; margin: 0 !important; padding: 0 9px !important; font: 400 17px/1 'Quicksand', sans-serif !important; color: #b5b5b5 !important; background: none !important; position: static !important; }
html.route-product-product #content { padding-top: 0 !important; }
/* ==== v4: mobil arama paneli ==== */
.vm-s-close, .vm-s-ic { display: none; }
@media (max-width: 979px) {
.journal-header-mega .header.vm-search-open .header-assets:not(.top-bar) > .journal-search { display: flex !important; align-items: center; gap: 8px; padding: 10px 0 12px !important; border-top: 1px solid #eef0f3; animation: vmSearchIn .22s ease-out; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-search #search { flex: 1 1 auto; height: 44px !important; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-search #search input { height: 44px !important; padding: 0 84px 0 40px !important; background: #f4f5f7 !important; border: 1px solid #e3e6ea !important; border-radius: 999px !important; font-size: 14px !important; font-weight: 500 !important; color: #111 !important; box-shadow: none !important; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-search #search input:focus { background: #fff !important; border-color: #111 !important; outline: 0 !important; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-search #search input::placeholder { font-weight: 500 !important; color: #8d939a !important; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-search .vm-s-ic { display: flex; position: absolute; left: 14px; top: 0; bottom: 0; align-items: center; color: #8d939a; z-index: 3; pointer-events: none; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-search #search .button-search { top: 5px !important; right: 5px !important; width: auto !important; height: 34px !important; border-radius: 999px !important; background: #111 !important; z-index: 3; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-search #search .button-search button { width: auto !important; height: 34px !important; padding: 0 16px !important; gap: 0; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-search #search .button-search i { display: none !important; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-search #search .button-search button:after { content: 'Ara'; font: 700 13px/1 'Quicksand', sans-serif; color: #fff; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-search .vm-s-close { display: inline-flex; flex: 0 0 36px; width: 36px; height: 36px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: #f4f5f7; color: #222; cursor: pointer; }
.journal-header-mega .header-assets:not(.top-bar) > .journal-search .autocomplete2-suggestions { width: 100% !important; left: 0 !important; top: 50px !important; border-radius: 10px !important; border: 1px solid #e3e6ea !important; box-shadow: 0 14px 30px rgba(17,17,17,.12) !important; overflow: hidden; }
.vm-search-toggle[aria-expanded="true"] { background: #f4f5f7; border-radius: 50%; }
}
@keyframes vmSearchIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
/* ==== v4: mobil hesap menüsü ==== */
.vm-acc-tg, #column-right .box-content a .vm-ai { display: none; }
@media (max-width: 767px) {
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box { overflow: hidden; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .vm-acc-tg { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; margin: 0; border: 0; border-top: 1px solid #eef0f3; background: #fff; text-align: left; cursor: pointer; font-family: 'Quicksand', sans-serif; color: #111; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .vm-acc-tg small { display: block; font-size: 11.5px; color: #8d939a; font-weight: 600; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .vm-acc-tg b { display: block; font-size: 14.5px; font-weight: 700; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .vm-acc-tg svg { flex: 0 0 auto; transition: transform .2s; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) .vm-acc-open .vm-acc-tg svg { transform: rotate(180deg); }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content { display: none !important; padding: 0 12px 12px !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .vm-acc-open .box-content { display: block !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content ul { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; overflow: visible !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li { min-width: 0; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li:last-child:nth-child(odd) { grid-column: 1 / -1; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a, html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li:last-child a { display: flex !important; align-items: center; gap: 9px; height: 100%; min-height: 48px; padding: 8px 10px !important; border: 1px solid #e6e8eb !important; border-radius: 8px !important; background: #fff !important; white-space: normal !important; font-size: 12.5px !important; line-height: 1.25 !important; text-transform: none !important; letter-spacing: 0 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a:after { display: none !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a .vm-ai { display: inline-flex; flex: 0 0 28px; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 50%; background: #f2f4f6; color: #222; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a.vm-on { border-color: #111 !important; font-weight: 700 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a.vm-on .vm-ai { background: #111; color: #fff; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a.vm-out { justify-content: center; border-color: #f0d6d2 !important; }
html[class*="route-account-"]:not(.route-account-login):not(.route-account-register) #column-right .box-content li a.vm-out .vm-ai { background: #fbecea; color: #c0392b; }
}
html.route-product-category #content > .category-info.vm-empty { display: none !important; }
@media (max-width: 767px) { html.route-product-category .vm-cat-top { margin-bottom: 14px !important; } }
.journal-carousel .swiper[style*="--vmat"] > .swiper-button-next, .journal-carousel .swiper[style*="--vmat"] > .swiper-button-prev { top: var(--vmat) !important; margin-top: 0 !important; }
/* ==== v4: header içeriği 1390px'e yayılır (masaüstü) ==== */
@media (min-width: 980px) {
.journal-header .header-assets > .journal-logo a, .journal-header .header-assets > .journal-logo a img { margin-left: 0 !important; text-align: left !important; }
.journal-header .header-assets > .journal-logo a img { left: 0 !important; transform: translateY(-50%) !important; }
.journal-header .header-assets > .journal-cart { padding-right: 0 !important; }
header .journal-menu > ul { justify-content: space-between !important; }
}
/* ==== v4: sol bar üst boşluğu içerikle eşit, alt kategori 5'li ==== */
@media (min-width: 980px) {
#column-left.side-column { padding-top: 0 !important; }
html.route-product-category .refine-images { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
.journal-headline-rotator-126 .rotator-text { display: flex !important; flex: 1 1 auto !important; width: auto !important; box-sizing: border-box; text-align: left !important; }
/* ==== v4: liste sayfaları mobilde yan boşluk 10px ==== */
@media (max-width: 767px) {
html.route-product-category #content, html.route-product-search #content, html.route-product-special #content, html.route-product-manufacturer-info #content { padding-left: 10px !important; padding-right: 10px !important; }
html.route-product-category .refine-images { padding-left: 0 !important; padding-right: 0 !important; }
}
/* ==== v4: yukarı çık küçük, mobil uyarı kutusu kartlarla hizalı ==== */
.scroll-top, #scroll-top { width: 40px !important; height: 40px !important; padding: 0 !important; box-sizing: border-box !important; background-size: 16px 16px !important; }
@media (max-width: 979px) { .scroll-top, #scroll-top { width: 32px !important; height: 32px !important; right: 24px !important; background-size: 13px 13px !important; } }
@media (max-width: 767px) { .journal-headline-rotator-126 .rotator-text { margin: 0 !important; } }
/* ==== v4: mobil — sabit header, carousel aralıkları, sepet boşlukları ==== */
@media (max-width: 979px) {
html body header.journal-header-mega, html body > header { position: sticky !important; top: 0; z-index: 1000; }
}
@media (max-width: 767px) {
.journal-carousel { margin-bottom: 32px !important; }
.journal-carousel .htabs.box-heading { margin-bottom: 14px !important; }
.journal-carousel .swiper-pagination { margin-top: 16px !important; }
html.route-checkout-cart #container > .alert.vm-al { width: auto !important; max-width: none !important; margin-left: 20px !important; margin-right: 20px !important; }
html.route-checkout-cart #content .vm-cart #accordion { margin: 0 !important; gap: 14px !important; }
html.route-checkout-cart #content .vm-cart #accordion > .panel { margin: 0 !important; }
}
/* ==== v4: anasayfa mobil yan boşluk 10px, sekmeli bölüm ==== */
@media (max-width: 767px) {
html.route-common-home [class^="journal2_"], html.route-common-home [class*=" journal2_"] { padding-left: 10px !important; padding-right: 10px !important; }
html.route-common-home .journal2_custom_sections { padding-top: 0 !important; }
.custom-sections .box-heading.box-sections { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; height: auto !important; }
}
/* ==== v4: mobil — "Kategoriye Göre Alışveriş" üst boşluk ==== */
@media (max-width: 767px) {
html.route-common-home #bottom-modules > .journal2_headline_rotator:first-child { padding-top: 0 !important; }
html.route-common-home .journal-headline-rotator-95 { padding-top: 0 !important; }
}
/* ==== v4: carousel kart arası 10px (aralık ayarı 10 + iç dolgu 0) ==== */
.journal-carousel .swiper .product-grid-item { padding-left: 0 !important; padding-right: 0 !important; }
/* ==== v4: mobil sepet — sağdan açılan çekmece (veramuu gibi) ==== */
.vm-cd-head, .vm-cd-ship { display: none; }
@media (max-width: 979px) {
html.vm-cd-open header, html.vm-cd-open header .journal-header, html.vm-cd-open header .journal-cart { z-index: 100002 !important; }
html.vm-cd-open, html.vm-cd-open body { overflow: hidden !important; }
.journal-header-mega #cart:before { content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(11,11,11,.6); opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; z-index: 998; }
.journal-header-mega #cart.open:before { opacity: 1; visibility: visible; }
.journal-header-mega #cart .content { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: 88% !important; min-width: 0 !important; max-width: 400px !important; height: 100% !important; height: 100dvh !important; margin: 0 !important; display: flex !important; flex-direction: column; border: 0 !important; border-radius: 0 !important; box-shadow: -6px 0 30px rgba(0,0,0,.18) !important; background: #fff !important; opacity: 1 !important; visibility: hidden !important; transform: translateX(100%); transition: transform .3s ease, visibility .3s !important; z-index: 999 !important; overflow: hidden !important; }
.journal-header-mega #cart.open .content { visibility: visible !important; transform: none; }
.journal-header-mega #cart .content .vm-cd-head { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; position: relative; padding: 22px 50px 16px; }
.journal-header-mega #cart .content .vm-cd-head span { font-family: 'Quicksand', sans-serif; font-size: 16px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #333 !important; }
.journal-header-mega #cart .content .vm-cd-head span:after { content: ''; display: block; width: 30px; height: 3px; margin: 10px auto 0; background: rgba(0,0,0,.1); }
.journal-header-mega #cart .content .vm-cd-close { position: absolute; top: 12px; right: 10px; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; background: none; color: #333; cursor: pointer; }
.journal-header-mega #cart .content .cart-wrapper { flex: 1 1 auto; min-height: 0; display: flex !important; flex-direction: column; margin: 0 !important; padding: 0 !important; }
.journal-header-mega #cart .content .cart-wrapper > li { list-style: none; }
.journal-header-mega #cart .content .mini-cart-info { flex: 1 1 auto; min-height: 0; max-height: none !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; padding: 0 18px !important; }
.journal-header-mega #cart .content .mini-cart-info tr { padding: 14px 0 !important; }
.journal-header-mega #cart .content .cart-wrapper > li:last-child:not(.mini-cart-info) { flex: 0 0 auto; border-top: 1px solid #eee; background: #fff; padding-bottom: env(safe-area-inset-bottom); }
.journal-header-mega #cart .content .mini-cart-total { border-top: 0 !important; padding: 14px 18px 6px !important; }
.journal-header-mega #cart .content .vm-cd-ship { display: block; margin: 0 0 10px; padding: 10px 12px; background: #f4f5f7; border-radius: 6px; font-family: 'Quicksand', sans-serif; font-size: 12.5px; font-weight: 600; color: #111 !important; }
.journal-header-mega #cart .content .vm-cd-ship:after { content: ''; display: block; height: 6px; margin-top: 7px; border-radius: 3px; background: #1a8a2e; }
.journal-header-mega #cart .content .mini-cart-total table { width: 100% !important; margin: 0 !important; }
.journal-header-mega #cart .content .mini-cart-total td { font-size: 14px !important; }
.journal-header-mega #cart .content .mini-cart-total td:first-child { text-align: left !important; }
.journal-header-mega #cart .content .mini-cart-total tr:last-child td { font-weight: 700 !important; color: #111 !important; }
.journal-header-mega #cart .content .checkout { flex-direction: column; gap: 8px !important; padding: 10px 0 14px !important; border-top: 0 !important; font-size: 0; }
.journal-header-mega #cart .content .checkout a.button { display: block; width: 100%; padding: 13px 10px !important; border: 0 !important; border-radius: 4px !important; font-size: 13.5px !important; letter-spacing: .06em; background: #f37a20 !important; color: #fff !important; }
.journal-header-mega #cart .content .checkout a.button:last-child { background: #0a0a0a !important; }
.journal-header-mega #cart .content .empty { padding: 40px 18px !important; font-family: 'Quicksand', sans-serif; font-size: 14px; color: #777 !important; }
}
@media (max-width: 979px) {
.journal-header-mega #cart .heading:after, .journal-header-mega #cart .heading:before { display: none !important; }
.journal-header-mega #cart .content .vm-cd-ship { text-align: left !important; }
.journal-header-mega #cart .content .mini-cart-total td:last-child { text-align: right !important; }
.journal-header-mega #cart .content .mini-cart-total td:first-child strong { font-weight: 600 !important; }
}
@media (max-width: 979px) {
.journal-header-mega #cart .content .cart-wrapper:before { display: none !important; }
.journal-header-mega #cart .content .mini-cart-total table { display: table !important; }
}
/* ==== bilgi sayfaları: boş sağ sütun kaldırıldı, kart tam genişlik ==== */
@media (min-width: 980px) {
html.vm-info-page #column-right { display: none !important; }
html.vm-info-page #content { margin-right: 0 !important; width: 100% !important; }
}
/* ==== footer: marka metni + sosyal ilk sütunda, Kurumsal Sözleşmeler altında ==== */
footer #footer .row.vm-hide-row { display: none !important; }
footer #footer .column.vm-f-brand .column-text-wrap, footer #footer .column.vm-f-brand .column-text-wrap p { font-size: 13.5px !important; line-height: 1.6 !important; margin: 0 !important; }
footer #footer .column.vm-f-brand .column-text-wrap p:empty, footer #footer .column.vm-f-brand .column-text-wrap p:last-child:not(:first-child) { display: none; }
footer #footer .column.vm-f-brand .vm-f-social { margin-top: 16px; }
footer #footer .vm-f-sub { margin-top: 22px; }
/* ==== footer: içerik kenarları sayfa içeriğiyle hizalı ==== */
@media (min-width: 980px) {
footer #footer, footer .bottom-footer > div { padding-left: 40px !important; padding-right: 40px !important; }
}
@media (min-width: 980px) {
footer #footer .column.menu { width: 16% !important; }
footer #footer .column.menu.vm-f-brand { width: 26% !important; padding-right: 40px !important; }
footer #footer .column.menu.vm-f-cats { width: 20% !important; }
footer #footer .column.menu.vm-f-contact { width: 22% !important; }
}
footer #footer .vm-f-logo { display: inline-block; margin: 0 0 12px; }
footer #footer .vm-f-logo img { display: block; width: 170px; height: auto; }
footer .bottom-footer .copyright, footer .bottom-footer .payments { padding: 0 !important; line-height: 1 !important; }
footer .bottom-footer .payments img, footer .bottom-footer .payments a { display: block; margin: 0 !important; }
footer .bottom-footer .copyright strong { font-weight: 700 !important; color: #111 !important; }
/* ==== sepet: boşluklar sıkılaştırıldı ==== */
html.route-checkout-cart #content { padding-top: 0 !important; }
html.route-checkout-cart .breadcrumb { margin-bottom: 8px !important; }
html.route-checkout-cart #content > h1.heading-title { margin-bottom: 14px !important; }
html.route-checkout-cart #content .vm-cart .panel-group { margin-top: 0 !important; display: flex; flex-direction: column; gap: 10px; }
html.route-checkout-cart #content .vm-cart .panel-group > .panel { margin: 0 !important; }
/* ==== arama önerileri: Journal öğe seçicisi (.autocomplete2-suggestion) — sade beyaz liste ==== */
.journal-search .autocomplete2-suggestions { background: #fff !important; border: 1px solid #e3e6ea !important; border-radius: 10px !important; box-shadow: 0 14px 30px rgba(17,17,17,.12) !important; overflow: hidden !important; padding: 6px !important; }
.journal-search .autocomplete2-suggestions > div { background: #fff !important; border: 0 !important; scrollbar-width: thin; scrollbar-color: #d5d9de transparent; }
.journal-search .autocomplete2-suggestions > div::-webkit-scrollbar { width: 6px; }
.journal-search .autocomplete2-suggestions > div::-webkit-scrollbar-thumb { background: #d5d9de; border-radius: 3px; }
.journal-search .autocomplete2-suggestions > div::-webkit-scrollbar-track { background: transparent; }
.journal-search .autocomplete2-suggestion { background: #fff !important; border: 0 !important; border-bottom: 1px solid #f0f2f4 !important; border-radius: 8px; padding: 0 !important; margin: 0 !important; transition: background .15s; }
.journal-search .autocomplete2-suggestion:last-child { border-bottom: 0 !important; }
.journal-search .autocomplete2-suggestion a { display: flex !important; align-items: center; gap: 12px; padding: 8px 10px !important; background: transparent !important; color: #111 !important; text-decoration: none !important; font-family: 'Quicksand', sans-serif !important; }
.journal-search .autocomplete2-suggestion .p-image { width: 48px !important; flex: 0 0 48px; padding: 0 !important; }
.journal-search .autocomplete2-suggestion .p-image img { display: block; width: 48px !important; height: 48px !important; object-fit: cover; border-radius: 6px; border: 1px solid #eef0f3; }
.journal-search .autocomplete2-suggestion .p-name, .journal-search .autocomplete2-suggestion .p-name * { width: auto !important; flex: 1; font-size: 13px !important; font-weight: 600 !important; line-height: 1.35 !important; color: #111 !important; text-transform: none !important; }
.journal-search .autocomplete2-suggestion .p-price, .journal-search .autocomplete2-suggestion .p-price * { width: auto !important; font-size: 13px !important; font-weight: 700 !important; color: #111 !important; }
.journal-search .autocomplete2-suggestion .price-old { color: #9aa1ae !important; text-decoration: line-through; font-weight: 500 !important; margin-right: 6px; }
.journal-search .autocomplete2-suggestion .price-new { color: #c0392b !important; }
.journal-search .autocomplete2-suggestion:hover, .journal-search .autocomplete2-suggestion.autocomplete2-selected { background: #f4f5f7 !important; border-bottom-color: transparent !important; }
.journal-search .autocomplete2-suggestion:hover a, .journal-search .autocomplete2-suggestion.autocomplete2-selected a, .journal-search .autocomplete2-suggestion:hover a *, .journal-search .autocomplete2-suggestion.autocomplete2-selected a * { background: transparent !important; color: #111 !important; }
.journal-search .autocomplete2-suggestion .view-more-link, .journal-search .autocomplete2-suggestion .no-results { justify-content: center; margin-top: 4px; padding: 11px !important; border-radius: 8px; background: #111 !important; color: #fff !important; font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: .04em; text-transform: uppercase; }
.journal-search .autocomplete2-suggestion:hover .view-more-link, .journal-search .autocomplete2-suggestion.autocomplete2-selected .view-more-link { background: #333 !important; color: #fff !important; }
.journal-search .autocomplete2-suggestion .no-results { background: transparent !important; color: #666 !important; text-transform: none; }
/* ==== ürün sayfası: çapraz "Stokta Yok" şeridi → sade hap etiket ==== */
.product-info .image .label-outofstock, .product-info .image .label-sale, .product-info .image .label-latest { position: absolute !important; top: 16px !important; left: 16px !important; right: auto !important; bottom: auto !important; width: auto !important; min-width: 0 !important; height: auto !important; transform: none !important; display: inline-flex !important; align-items: center; gap: 7px; padding: 7px 14px !important; margin: 0 !important; border-radius: 999px !important; background: rgba(17,17,17,.85) !important; color: #fff !important; font: 700 12px/1 'Quicksand', sans-serif !important; letter-spacing: .4px; text-transform: uppercase; text-align: left !important; box-shadow: 0 4px 14px rgba(0,0,0,.14); backdrop-filter: blur(4px); z-index: 5; }
.product-info .image .label-outofstock:before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #e05a4f; flex: 0 0 auto; }
.product-info .image .label-outofstock b { font: inherit !important; }
.product-info .image .label-sale { background: #d64545 !important; }
/* ==== footer iletişim: ikonlu satırlar ==== */
footer .vm-f-contact li.vm-ci-li, footer .vm-f-contact li.vm-ci-li > a { display: flex !important; align-items: center; gap: 10px; }
footer .vm-f-contact .vm-ci { display: inline-flex; flex: 0 0 28px; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 50%; background: #f2f4f6; color: #222; }
footer .vm-f-contact li:first-child .vm-ci { background: #e8f7ee; color: #1f9d55; }
footer .vm-f-contact li.vm-ci-li > a { flex: 1 1 auto; min-width: 0; padding: 0 !important; border: 0 !important; background: none !important; }
footer .vm-f-contact li .vm-ct, footer .vm-f-contact li .vm-ci { margin: 0 !important; padding: 0; position: static !important; }
footer .vm-f-contact li .vm-ct { display: block; flex: 1 1 auto; min-width: 0; }
/* ==== iade formu: kart seçenekler + onay satırı ==== */
html.route-account-return-add #content input[type=radio], html.route-account-return-add #content input[type=checkbox] { -webkit-appearance: none; appearance: none; position: relative !important; float: none !important; display: inline-block; flex: 0 0 auto; width: 18px !important; height: 18px !important; margin: 0 !important; border: 1.5px solid #b9bec5; border-radius: 50%; background: #fff; cursor: pointer; transition: border-color .15s, background .15s; }
html.route-account-return-add #content input[type=checkbox] { border-radius: 4px; }
html.route-account-return-add #content input[type=radio]:checked { border-color: #111; background: #111; box-shadow: inset 0 0 0 4px #fff; }
html.route-account-return-add #content input[type=checkbox]:checked { border-color: #111; background: #111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat; }
html.route-account-return-add #content .form-group .col-sm-10:has(> .radio) { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
html.route-account-return-add #content .radio { margin: 0 !important; padding: 0 !important; }
html.route-account-return-add #content .radio label { display: flex !important; align-items: center; gap: 10px; min-height: 46px; margin: 0 !important; padding: 10px 14px !important; border: 1px solid #e3e6ea; border-radius: 8px; background: #fff; font-size: 14px !important; font-weight: 500 !important; line-height: 1.35 !important; color: #222 !important; cursor: pointer; transition: border-color .15s, background .15s; }
html.route-account-return-add #content .radio label:hover { border-color: #b9bec5; }
html.route-account-return-add #content .radio.vm-on label { border-color: #111; background: #f7f8f9; font-weight: 700 !important; color: #111 !important; }
html.route-account-return-add #content .buttons { display: flex !important; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
html.route-account-return-add #content .buttons .pull-right { float: none !important; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-left: auto; }
html.route-account-return-add #content .vm-agree { display: inline-flex !important; align-items: center; gap: 10px; margin: 0 !important; font-size: 14px !important; font-weight: 500 !important; color: #4a4a4a; cursor: pointer; }
html.route-account-return-add #content .vm-agree a.agree, html.route-account-return-add #content .vm-agree a.agree b { color: #111 !important; font-weight: 700 !important; text-decoration: underline; text-transform: none !important; margin-right: -6px; }
@media (max-width: 767px) {
html.route-account-return-add #content .form-group .col-sm-10:has(> .radio) { grid-template-columns: 1fr; }
html.route-account-return-add #content .buttons .pull-right { margin-left: 0; width: 100%; }
}
/* ==== iade formu: Ürün Açıldı (Evet/Hayır) kart + boşluk, onay satırı tek satır ==== */
html.route-account-return-add #content .form-group:has(input[name=return_reason_id]) { margin-bottom: 22px !important; }
html.route-account-return-add #content .form-group:has(input[name=opened]) .col-sm-10 { display: flex; flex-wrap: wrap; gap: 10px; }
html.route-account-return-add #content label.radio-inline { display: inline-flex !important; align-items: center; gap: 10px; min-width: 120px; min-height: 46px; margin: 0 !important; padding: 10px 16px !important; border: 1px solid #e3e6ea; border-radius: 8px; background: #fff; font-size: 14px !important; font-weight: 500 !important; color: #222 !important; cursor: pointer; }
html.route-account-return-add #content label.radio-inline:has(input:checked) { border-color: #111; background: #f7f8f9; font-weight: 700 !important; color: #111 !important; }
html.route-account-return-add #content label.radio-inline + label.radio-inline { margin-left: 0 !important; }
html.route-account-return-add #content .vm-agree { white-space: nowrap; }
html.route-account-return-add #content .vm-agree a.agree { white-space: nowrap; margin-right: 0 !important; }
@media (max-width: 767px) { html.route-account-return-add #content .vm-agree { white-space: normal; flex-wrap: wrap; } }
/* ==== mini sepet (mobil): butonlar arası boşluk azaltıldı ==== */
@media (max-width: 979px) {
.journal-header-mega #cart .content .checkout { gap: 6px !important; }
.journal-header-mega #cart .content .checkout a.button, .journal-header-mega #cart .content .checkout a.button + a.button { margin: 0 !important; }
}
html.route-account-return-add #content .form-group:has(input[name=opened]) label.radio-inline { flex: 1 1 0; width: auto !important; max-width: 200px; }
.vm-mq-item .vm-mq-ic { flex: 0 0 auto; margin-right: 9px; opacity: .9; }
@media (max-width: 767px) { .vm-mq-item .vm-mq-ic { width: 13px; height: 13px; margin-right: 7px; } }
html.route-account-return-add #content .form-group:has(input[name=opened]) { margin-bottom: 22px !important; }
/* ==== ana sayfa kategori daireleri: daha hafif ==== */
.journal-carousel.carousel-category .product-grid-item { padding: 0 20px !important; }
.journal-carousel.carousel-category .image { border: 1px solid #e3e6ea !important; padding: 5px; background: #fff !important; box-shadow: 0 4px 14px rgba(17,17,17,.05); transition: border-color .25s, box-shadow .25s, transform .25s; }
.journal-carousel.carousel-category .image a, .journal-carousel.carousel-category .image img { border-radius: 50% !important; overflow: hidden; }
.journal-carousel.carousel-category .product-wrapper:hover .image { border-color: #111 !important; box-shadow: 0 8px 20px rgba(17,17,17,.10); transform: translateY(-2px); }
.journal-carousel.carousel-category .product-wrapper:hover .image img { transform: scale(1.04); }
.journal-carousel.carousel-category .product-details { padding: 10px 0 0 !important; }
.journal-carousel.carousel-category .name a { font-size: 13px !important; font-weight: 600 !important; color: #333 !important; letter-spacing: .1px; }
.journal-carousel.carousel-category .product-wrapper:hover .name a { color: #111 !important; }
@media (max-width: 767px) { .journal-carousel.carousel-category .product-grid-item { padding: 0 7px !important; } .journal-carousel.carousel-category .image { padding: 3px; } .journal-carousel.carousel-category .name a { font-size: 12px !important; } }
@media (max-width: 767px) {
footer #footer .vm-f-sub { margin: 0 !important; border-top: 1px solid #e9ecef; }
footer #footer .vm-f-sub > h3 + div { display: none; }
}
/* ==== kategori daireleri: kaydırma yok, hepsi görünür ==== */
.journal-carousel.carousel-category .swiper { padding: 0 !important; }
.journal-carousel.carousel-category .swiper-container { overflow: visible !important; }
.journal-carousel.carousel-category .swiper-wrapper { display: grid !important; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 0; transform: none !important; width: 100% !important; height: auto !important; }
.journal-carousel.carousel-category .swiper-slide { width: auto !important; margin: 0 !important; }
.journal-carousel.carousel-category .swiper-slide-duplicate, .journal-carousel.carousel-category .swiper > .swiper-button-prev, .journal-carousel.carousel-category .swiper > .swiper-button-next, .journal-carousel.carousel-category .swiper-pagination { display: none !important; }
.journal-carousel.carousel-category .product-grid-item { padding: 0 12px !important; }
@media (max-width: 1100px) { .journal-carousel.carousel-category .swiper-wrapper { grid-template-columns: repeat(5, minmax(0, 1fr)); row-gap: 18px; } }
@media (max-width: 767px) { .journal-carousel.carousel-category .swiper-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 16px; } .journal-carousel.carousel-category .product-grid-item { padding: 0 8px !important; } }
/* mobil: 2'li kaydırmalı şerit (native scroll) */
@media (max-width: 767px) {
.journal-carousel.carousel-category .swiper-wrapper { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 4px; }
.journal-carousel.carousel-category .swiper-wrapper::-webkit-scrollbar { display: none; }
.journal-carousel.carousel-category .swiper-slide { flex: 0 0 50% !important; width: 50% !important; scroll-snap-align: start; }
.journal-carousel.carousel-category .product-grid-item { padding: 0 14px !important; }
}
footer #footer .vm-f-social, footer #footer .column .vm-f-social, footer #footer .column.vm-f-brand .vm-f-social { margin-top: 18px !important; }
@media (max-width: 767px) {
.journal-carousel.carousel-category .swiper-slide { flex: 0 0 33.333% !important; width: 33.333% !important; }
.journal-carousel.carousel-category .product-grid-item { padding: 0 8px !important; }
}
/* 2026-11-08: ödeme sayfası alışveriş kartı — mobil kart düzeni */
@media (max-width: 767px) {
html.route-checkout-checkout .journal-checkout .checkout-product { overflow: visible !important; border: 0 !important; margin: 0 !important; }
html.route-checkout-checkout .journal-checkout .checkout-product table, html.route-checkout-checkout .journal-checkout .checkout-product tbody, html.route-checkout-checkout .journal-checkout .checkout-product tfoot { display: block !important; width: 100% !important; }
html.route-checkout-checkout .journal-checkout .checkout-product thead { display: none !important; }
html.route-checkout-checkout .journal-checkout .checkout-product tbody tr { display: grid !important; grid-template-columns: 64px 1fr auto; gap: 8px 12px; align-items: center; padding: 0 0 14px !important; margin: 0 0 12px; border-bottom: 1px solid #f0f2f5; }
html.route-checkout-checkout .journal-checkout .checkout-product tbody td { display: block !important; border: 0 !important; padding: 0 !important; text-align: left !important; }
html.route-checkout-checkout .journal-checkout .checkout-product td.image { grid-column: 1; grid-row: 1 / 3; align-self: start; }
html.route-checkout-checkout .journal-checkout .checkout-product td.image img { width: 64px !important; padding: 0 !important; border: 0 !important; }
html.route-checkout-checkout .journal-checkout .checkout-product td.name { grid-column: 2 / 4; font-size: 13px !important; line-height: 1.35; word-break: break-word; }
html.route-checkout-checkout .journal-checkout .checkout-product td.name small { display: inline-block; margin-top: 2px; }
html.route-checkout-checkout .journal-checkout .checkout-product td.quantity { grid-column: 2; }
html.route-checkout-checkout .journal-checkout .checkout-product td.price { display: none !important; }
html.route-checkout-checkout .journal-checkout .checkout-product td.total { grid-column: 3; text-align: right !important; font-weight: 700 !important; color: #111 !important; white-space: nowrap; }
html.route-checkout-checkout .journal-checkout .checkout-product tfoot tr { display: flex !important; justify-content: space-between; align-items: baseline; gap: 12px; }
html.route-checkout-checkout .journal-checkout .checkout-product tfoot td { display: block !important; padding: 5px 0 !important; text-align: left !important; }
html.route-checkout-checkout .journal-checkout .checkout-product tfoot td:last-child { text-align: right !important; white-space: nowrap; }
}
@media (max-width: 767px) {
html.route-checkout-checkout .journal-checkout .checkout-product, html.route-checkout-checkout .journal-checkout .checkout-product table { min-width: 0 !important; width: 100% !important; max-height: none !important; height: auto !important; }
html.route-checkout-checkout .journal-checkout .checkout-product td.name br { display: none !important; }
html.route-checkout-checkout .journal-checkout .checkout-product td.name small { display: block !important; margin-top: 4px !important; font-size: 12px !important; }
html.route-checkout-checkout .journal-checkout .checkout-product td.quantity .input-group { max-width: none !important; width: auto !important; }
}
@media (max-width: 767px) { html.route-checkout-checkout .journal-checkout .checkout-product td.name { width: auto !important; max-width: none !important; } }
/* Slider Marka Alanı (static banners 253) — yuvarlak marka şeridi */
.static-banners-253 { background: transparent !important; }
.static-banners-253 .box-heading { display: none !important; }
.static-banners-253 .swiper { position: relative; padding: 0 34px; }
.static-banners-253 .static-banner { padding: 0 10px !important; text-align: center; }
.static-banners-253 .static-banner > a:first-child { display: block; border-radius: 50% !important; overflow: hidden; border: 5px solid #ececec; aspect-ratio: 1/1; background: #fff; transition: border-color .25s; }
.static-banners-253 .static-banner img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 50% !important; transition: transform .4s; }
.static-banners-253 .banner-overlay { display: none !important; }
.static-banners-253 .static-banner:hover > a:first-child { border-color: #c9c9c9; }
.static-banners-253 .static-banner:hover img { transform: scale(1.06); }
.static-banners-253 .vm-sb-name { display: block; padding-top: 12px; font-family: 'Quicksand', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #222 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none !important; }
.static-banners-253 .swiper > .swiper-button-prev, .static-banners-253 .swiper > .swiper-button-next { top: 38% !important; width: 28px !important; height: 44px !important; margin: 0 !important; opacity: 1 !important; display: flex !important; align-items: center; justify-content: center; background: none !important; }
.static-banners-253 .swiper > .swiper-button-prev { left: 0 !important; right: auto !important; }
.static-banners-253 .swiper > .swiper-button-next { right: 0 !important; left: auto !important; }
.static-banners-253 .swiper > .swiper-button-prev:before, .static-banners-253 .swiper > .swiper-button-next:before { content: '' !important; width: 14px; height: 14px; border: solid #222; border-width: 0 0 1.6px 1.6px; transform: rotate(45deg); font-size: 0 !important; }
.static-banners-253 .swiper > .swiper-button-next:before { transform: rotate(-135deg); }
.static-banners-253 .swiper > .swiper-button-disabled { opacity: .25 !important; }
@media (max-width: 767px) { .static-banners-253 .swiper { padding: 0 22px; } .static-banners-253 .static-banner { padding: 0 6px !important; } .static-banners-253 .static-banner > a:first-child { border-width: 3px; } .static-banners-253 .vm-sb-name { font-size: 12.5px !important; } .static-banners-253 .swiper > .swiper-button-prev, .static-banners-253 .swiper > .swiper-button-next { width: 20px !important; } }
Warning: fwrite(): supplied resource is not a valid stream resource in /home2/bircanta/public_html/system/library/log.php on line 10
Warning: fwrite(): supplied resource is not a valid stream resource in /home2/bircanta/public_html/system/library/log.php on line 10