/* Global */
html { overflow-x: clip; }
body { font-family: 'Poppins', sans-serif; padding: 0px; margin: 0px; font-size: 14px; overflow-x: clip; }
*a {cursor:pointer!important;}
a { color: #000; text-decoration: none; }
.fullHorizontalMenuRow{background: var(--menuBgColor) !important; padding:10px;}
header {padding: 2rem 0rem;}
.m-b-35 {margin-bottom: 35px;}
.swal2-container { zoom: 0.7; }
.form-control:focus { border-color: #000 !important; box-shadow: none !important; }
.banner { padding: 0rem 0.7rem; }
.topBanner { text-align: center; padding: 7px 0px; }
.topBanner a { color: #fff; text-decoration: none; font-size: 14px; }
.topBanner a:hover { color: #fff; }
.cartIconBox { padding: 0px; margin: 0px; }
.cartIconBox li { list-style-type: none; float: right; margin-right: 0px; font-size: 25px; line-height:0px; }
.cartIconBox li a { text-decoration: none; color: #000!important;}
.cartIconBox li a:hover { color: #8e8400; }
.header-top{font-size:12px; border-bottom:1px solid #e1e1e1; padding: 7px 0px !important;}
.header-top p{padding-bottom:0px; margin-bottom: 0px;}
.social-link {width: 20px;height: 20px;border: unset !important;display: inline-block !important;color: #666666;}
.hemenAl{background-color: var(--productNowBtBgColor)!important; border: 1px solid var(--productNowBtBgColor)!important; color: var(--productBtNowTextColor)!important;}
.hemenAl:hover{background-color:var(--productNowBtBgColorHover)!important; color: var(--productBtNowTextColorHover)!important;}
/* Currency / Lang Select */
.ny-lang-selector-wrapper {list-style: none !important;margin: 0 !important;padding: 0 !important;}
.ny-lang-dropdown {position: relative !important;}
.ny-lang-btn {display: inline-flex !important;align-items: center !important;gap: 5px !important;padding: 2px 5px !important;color: black !important;text-decoration: none !important;cursor: pointer !important;font-size: 14px !important;line-height: 1.5 !important;}
.ny-lang-btn:hover {color: black !important;text-decoration: none !important;}
.ny-lang-btn::after {display: none !important;}
.ny-flag-img {width: 24px !important;height: 24px !important;border-radius: 50% !important;object-fit: cover !important;border: 2px solid rgba(255, 255, 255, 0.3) !important;display: block !important;}
.ny-currency {font-size: 13px !important;color: black !important;}
.ny-arrow {font-size: 12px !important;color: black !important;}
.dropdown-toggle[aria-expanded="true"] .ny-arrow {transform: rotate(180deg) !important;}
.ny-dropdown-content {min-width: 200px !important;border-radius: 16px !important;border: none !important;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;padding: 16px !important;margin-top: 8px !important;background: white !important;}
.ny-section {margin-bottom: 12px !important;}
.ny-section-title {display: flex !important;align-items: center !important;gap: 8px !important;color: #4a5568 !important;font-size: 12px !important;font-weight: 700 !important;margin-bottom: 12px !important;text-transform: uppercase !important;letter-spacing: 0.5px !important;}
.ny-section-title i {color: black !important;font-size: 14px !important;}
.ny-lang-list {display: grid !important;gap: 8px !important;}
.ny-lang-option {display: flex !important;align-items: center !important;gap: 5px !important;padding: 5px 10px !important;border-radius: 10px !important;text-decoration: none !important;color: #2d3748 !important;font-size: 12px !important;font-weight: 500 !important;border: 1px solid #d3d3d3 !important;}
.ny-lang-option:hover {background: #f7f7f7;}
.ny-lang-option img {width: 22px !important;height: 22px !important;border-radius: 50% !important;object-fit: cover !important;border: 2px solid rgba(102, 126, 234, 0.2) !important;}
.ny-lang-option:hover img{border-color:rgba(255,255,255,.5)!important}
.ny-country-wrapper{position:relative!important}
.ny-country-select{border-radius:10px!important;padding:7px 10px!important;font-size:12px!important;font-weight:500!important;color:#2d3748!important;background:#fff!important;cursor:pointer!important;width:100%!important;height:auto!important}
/* Header */
.menu-right-area{display:flex; flex-flow: row-reverse;justify-content: flex-start;align-items: center; gap: 10px;}
.s-list-mob{width: 100%;}
.logoImg{max-width: 200px}
.hleft-link{color:#666;text-decoration:none;margin-right:15px;display:inline-flex;align-items:center}
.hleft-link:hover{color:#333}
.hleft-icon{margin-right:3px;font-size:14px}
.hright-main{float:right}
.vr{width:1px;height:10px;background-color:#ddd;margin:0 3px}
.vr-space{margin-right:10px}
.fullHorizontalMenuRow{padding:10px;}
.ccenter-number{line-height: 10px; font-size:13px;}
.ccenter-title{line-height: 15px; font-size:12px; font-weight: unset;}
.ccenter-content{text-align:center; display:grid;}
.header-fav-icon{position: relative;}
.dropdownAc-btn {padding-left: 0;padding-right: 0;}
.dropdownAc-icon {font-size: 32px;}
.dropdownAc-item-icon {font-size: 24px;margin-right: 3px;}
.dropdownAc-item-icon.people {margin-right: 4px;}
.dropdownAc {position: relative;display: inline-block;}
.dropdownAc:hover .dropdownAc-menu {display: block;}
.dropdownAc-menu {display: none;position: absolute;z-index: 1000;background-color: #fff;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);min-width: 250px;padding: 5px;left: auto;right: -50px;width: max-content;white-space: nowrap;}
.dropdownAc-item {display: flex;width: 100%;padding: 5px 10px;clear: both;font-weight: normal;line-height: 1.5;color: #212529;text-align: left;align-items: center;}
.dropdownAc-item:hover, .dropdownAc-item:focus {color: #16181b;text-decoration: none;background-color: #f8f9fa;}
.header-cart-icon{position: relative}
@keyframes nySlideDown{
from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}
/* Top Banner */
.sdiv{display:inline-block;line-height:1;font-size:20px;color:var(--sayac-color);padding:1px 0;top:0;position:absolute;right:20px}
.sspan{display:block;font-size:12px}
.nytpb>p{width:100%;margin-bottom:0;padding:14px}
.nytpb{position:relative; cursor: pointer;padding: 0px}
.top-link{color:#666;padding:0 5px;text-decoration:none}
.top-link:hover{color:#333}
.countdown-row{align-items:center}
.countdown-item{position:unset;width:unset;padding-left:unset;padding-right:unset}
.countdown-space{margin-left:10px}
.top-banner-counter-text{font-size:11px;margin:auto;display:block}
.topbannerImg{min-height:50px}
@media only screen and (max-width:600px){
.sdiv{display:inline-block;line-height:1;font-size:14px;color:var(--sayac-color);padding:2px 5px;top:unset!important;float:right;position:absolute;right:10px}
.sdvcx>.row{margin-left:0;margin-right:0}
.sdvcx{padding:0}
.sspan{display:block;font-size:9px}
.nytpb>p{margin-top:20px}
}
/* Empty Cart */
.cartBos .cartBosDiv{height: 300px; display: flex ; flex-direction: column; align-items: center; justify-content: center; width: 100%; border-radius: 10px; background-color: #f9f9f9; border: 1px solid #e0e0e0;}
.cartBos .cartIcon{width: 60px; height: 60px; display: flex ; align-items: center; justify-content: center; border: 1px solid #dedede; margin-bottom: 20px; border-radius: 10px;}
.cartBos .cartTitle{color: #313132; font-size: 24px; font-weight: 500; margin: 14px 0px 0px;}
.cartBos .cartDesc{font-size: 14px; font-weight: 300; color: #000; margin-bottom: 20px; margin-top: 5px;}
/* Slider */
.owl-carousel .owl-nav { overflow: hidden; height: 0px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #4b4b4b; }
.owl-carousel .nav-btn { height: 47px; position: absolute; width: 26px; cursor: pointer; top: 150px !important; }
.owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled { pointer-events: none; opacity: 0.2; }
.owl-carousel .prev-slide { background: url("../owl/nav-icon2.webp") no-repeat scroll 0 0; left: -10px; }
.owl-carousel .next-slide { background: url("../owl/nav-icon2.webp") no-repeat scroll -24px 0px; right: -10px; }
.owl-carousel .prev-slide:hover { background-position: 0px -53px; }
.owl-carousel .next-slide:hover { background-position: -24px -53px; }
span.img-text { text-decoration: none; outline: none; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; cursor: pointer; width: 100%; font-size: 23px; display: block; text-transform: capitalize; }
span.img-text:hover { color: #2caae1; }
.swiper-button-next{color: #444444!important;transition: all 0.25s ease;}
.swiper-button-next:hover{color: #ded700 !important;}
.swiper-button-prev{color: #444444!important;transition: all 0.25s ease;}
.swiper-button-prev:hover{color: #ded700 !important;}
.homeComp .swiper-button-prev, .homeComp .swiper-button-next{width: 38px;height: 38px;background: #fff;border-radius: 50%;box-shadow: 0 2px 10px rgba(0,0,0,.12);margin-top: -19px;z-index: 10;}
.homeComp .swiper-button-prev:after, .homeComp .swiper-button-next:after{font-size: 14px!important;font-weight: 700;}
.homeComp .swiper-button-prev:hover, .homeComp .swiper-button-next:hover{transform: scale(1.06);box-shadow: 0 4px 14px rgba(0,0,0,.18);}
.homeComp .swiper-button-prev{left: -22px!important;}
.homeComp .swiper-button-next{right: -22px!important;}
@media (max-width: 1199px){
.homeComp .swiper-button-prev{left: 6px!important;}
.homeComp .swiper-button-next{right: 6px!important;}
}
@media (max-width: 768px){
.swiper-button-prev{display: none;}
.swiper-button-next{display: none;}
.dropdownAc-menu {box-sizing: border-box;}
.ny-dropdown-content {min-width: 280px !important;}
.ny-lang-list {grid-template-columns: 1fr !important;}
}
/* Scroll To Top */
.scroll-top{ position:fixed;text-align:center;bottom:30px;left:auto;right:30px;width:60px;height:60px;font-size:27px;opacity:0;visibility:hidden;transition:transform .3s, visibility .3s, opacity .3s;color:#222;transform:translateY(40px);border-radius:3px;z-index:9999;box-shadow:0 0 20px 0 rgba(0,0,0,0.1);line-height:60px;background-color:#fff; }
.scroll-top:hover{ color:#222; }
.scroll-top i{ font-weight:900;line-height:inherit; }
@media (min-width: 768px){
.scroll-top.show{ visibility:visible;opacity:1;transform:translateY(0); }
}
/* Product Item */
.productTitle { font-size: 31px; font-family: 'Poppins', sans-serif; font-weight: 700; text-align: center; padding: 10px 0px 20px 0px; display: block; }
.productTitle span { color: #000; text-decoration: none; }
.productTitle span a { color: #000; text-decoration: none; }
.productBox {background-color: #fff; border: 1px solid #fff; display:flex; flex-direction: column; width: 100%; height: 100%; margin: 0.5rem 0rem;}
.item-product-info {min-height:180px; padding: 10px 0px; display:flex; flex-grow: 1 !important; align-items: normal; flex-direction: column; justify-content: flex-start; }
.item-product-brand { font-size: 16px; font-weight: 600; color: #000; margin-bottom: 3px; }
.item-product-brand a { font-size: 16px; font-weight: 600; color: #000; margin-bottom: 3px; text-decoration: none; }
.item-product-brand a:first-of-type {padding-right: 5px;}
.item-product-brand a:nth-of-type(n+2) {padding-left: 5px;padding-right: 5px;border-left: 1px solid #ccc;}
.item-product-name a { font-size: 14px; font-weight: 400; color: #000; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.35; word-break: break-word; overflow-wrap: anywhere; }
.productPhoto_250 { object-fit: contain !important; max-height: 250px !important; min-height: 250px !important; max-width: 250px !important; }
.item-product-image-box { position: relative }
/*.product-label-new-ticket { position: absolute }*/
/*.product-label-new-ticket label { top: 10px; left: 25px; background-color: #E74C3F; padding: 2px 10px; color: white; font-size: 10px; border-radius: 2px; position: absolute }*/
.product-label-new-ticket label {background-color: #E74C3F; padding: 2px 10px; color: white; font-size: 10px; border-radius: 2px; }
/* Information */
.bilgiItem { position: relative; }
.bilgiItem:not(:last-child) .bilgiBox::after { content: ''; height: 37px; width: 1px; background: #e1e1e1; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.bilgiBox { display: flex; align-items: center; justify-content: center; }
.bilgiBox i { font-size: 31px; color: #000; float: left; margin-right: 15px; }
.bilgiBox .title { display: block; width: 100%; font-size: 14px; font-weight: 600; }
.bilgiBox .subtitle { display: block; width: 100%; font-size: 13px; font-weight: 300; }
/* Brands */
.brandsBox .item p { text-align: center; }
.brandsBox .item img { border: 1px solid #d3d3d3; border-radius: 7px; padding: 7px; }
.brandsBox .item p { margin-bottom: 0px; margin-top: 5px; font-size: 15px; }
/* Menu */
.menuBox { padding: 0px; margin: 0px; }
.menuBox > li.nav-item { float: left; padding: 0px 15px; margin: 0px }
.menuBox > li.nav-item a { color: var(--menuTextColor); padding: 0px; margin: 0px; font-family: 'Poppins', sans-serif; font-size: var(--menuFontSize, 14px); font-weight: var(--menuFontWeight, 300); border-bottom: 1px solid transparent; }
.menuBox > li.nav-item a:hover { color: var(--menuTextHoverColor); border-bottom: 1px solid var(--menuTextHoverColor); }
.submenu-ny { min-width: 25%; list-style-type: none; padding-left: 0; }
.submenu-ny li { display: block; list-style-type: none; margin-bottom: 5px;}
.submenu-ny li:nth-child(1) a { font-weight: 600; font-size:14px; color:#000;}
.submenu-ny li a {text-decoration: none; color:#000!important;}
.submenu-ny li a:hover {color:#000!important;}
.dropdown-menu { width: 100%; }
.mobile-menu-toggler { color: black !important; }
/* Add Cart */
.addSptBt { display: block; margin: auto; margin-top: 5px; background-color: var(--productBtBgColor); border:1px solid var(--productBtBgColor); font-size: 15px; padding: 7px 24px; color: var(--productBtTextColor); width: 100%; text-align: center; letter-spacing: initial; cursor: pointer !important; border-radius: 0px; transition: all 0.3s ease; }
.addSptBt:hover { background-color: var(--productBtBgColorHover); border:1px solid var(--productBtTextColorHover); color: var(--productBtTextColorHover); }
.dontStokBt { display: block; margin: auto; margin-top: 5px; background-color: var(--dontStockBgColor); border:1px solid var(--dontStockBgColor); font-size: 15px; padding: 7px 24px; color: var(--dontStockTextColor); width: 100%; text-align: center; letter-spacing: initial; cursor: pointer !important; border-radius: 0px; transition: all 0.3s ease; }
.dontStokBt:hover { background-color: var(--dontStockBgColorHover); border:1px solid var(--dontStockTextColorHover); color: var(--dontStockTextColorHover); }
/* Footer */
.footer { background-color: var(--footerBgColor); }
.widget { padding-top: 25px; }
.widget .widget-title { color: var(--footerTextColor) !important; font-size: 17px; font-weight: 400; padding-bottom: 20px; display: block; }
.widget .widget-body { padding-left: 0px; }
.widget .widget-body li { list-style-type: none; }
.widget .widget-body li a { text-decoration: none; color: var(--footerTextColor) !important; font-weight: 400; font-size: 13px; }
.widget .widget-body li label {color: var(--footerTextColor) !important;}
.ny-sub-box-desc {color: var(--footerTextColor) !important;}
.widget .widget-body li a:hover { color: var(--footerTitleColor) !important; }
.widget p { color: #999; line-height: 19px; font-size: 13px; }
.etbisdiv > img { width: 90px !important; margin-left: auto; margin-right: auto; }
.mobileApp a { display: block; text-align: left; }
.mobileApp img { margin-bottom: 10px; opacity: 0.7; }
.mobileApp img:hover { opacity: 1; }
.socialLinks { display: block; text-align: left;}
.socialLinks a { font-size: 25px; color: var(--footerTextColor) !important; text-decoration: none; padding-right: 7px; }
.formSbs { border-radius: 0px; height: 29px; font-size: 13px; margin-bottom: 5px; }
.formSbs:focus { outline: none; border-color: #feed02 !important; box-shadow: none !important; }
.subsBoxForm .btn { width: 100%; background-color: var(--siteBtBgColor); color: var(--siteBtTextColor); height: 30px; line-height: 15px; font-size: 13px; border-radius: 0px; }
.ny-checkout-bt { width: 100%; background-color: var(--checkoutBtBg); color: var(--checkoutBtText);border-color:var(--checkoutBtBg) }
.ny-checkout-bt:hover { width: 100%; background-color: var(--checkoutBtHoverBg); color: var(--checkoutBtHoverText);border-color:var(--checkoutBtHoverBg) }
.footerBottom { margin-top: 25px; padding: 10px 0px; }
.copyrightText { font-size: 13px; color: var(--footerTextColor); margin-bottom: 0px; line-height: 24px; }
/* Category Header */
.categoriTitle { padding: 30px 0px 30px 0px; }
.categoriTitle h1 { font-size: 23px; text-align: left; }
.sariLine { border-bottom: 2px solid #000; width: 75px; margin-left: auto; margin-right: auto; }
/* Category Filter */
.panel-filtre { font-family: 'Poppins', sans-serif; margin-bottom: 30px; }
.panel-filtre .panel-heading { margin-bottom: 10px; border-bottom: 1px solid #f5f5f5; }
.panel-filtre .panel-title { font-size: 17px; font-weight: 600; text-decoration: none; color: #000; }
.filtreBox { }
.filtreIcon { float: right; margin-top: 5px; margin-right: 15px; }
.filtreBox .filtre-group { list-style: none; padding-left: 0px; margin-bottom: 0px; }
.filtreBox .filtre-group li { margin-bottom: 5px; }
.filtreBox .filtre-group li label { font-size: 13px; }
.filtreBox .filtre-group li label input[type="checkbox"] { -webkit-appearance: none; appearance: none; background-color: #fff; margin: 0; font: inherit; width: 1.15em; height: 1.15em; border: 0.15em solid #d3d3d3; border-radius: 10px; transform: translateY(-0.075em); display: grid; place-content: center; }
.filtreBox .filtre-group li label input[type="checkbox"]:checked { border: 0.1em solid #6e6e6e; }
.filtreBox .filtre-group li label input[type="checkbox"]::before { content: ""; width: 0.65em; height: 0.7em; transform: scale(0); border-radius: 10px; transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em #000; }
.filtreBox .filtre-group li label input[type="checkbox"]:checked::before { transform: scale(1); }
.filtreBox .filtre-group li label { display: grid; grid-template-columns: 1em auto; gap: 0.5em; align-items: center; }
.filterGroupBox { max-height: 300px; overflow-x: hidden; overflow-y: auto; padding-bottom: 0; }
.filterGroupBox::-webkit-scrollbar { border-radius: 90px; width: 8px; }
.filterGroupBox::-webkit-scrollbar-thumb { border-radius: 90px; min-height: 50px; background-color: #000; }
.filterGroupBox::-webkit-scrollbar-track { background: #000; border-radius: 90px; }
/* Product Item */
.productPhoto_200_x { object-fit: contain !important; max-height: 200px; min-height: 200px; max-width: 100% !important; }
.productTitle { font-size: 29px; font-family: 'Poppins', sans-serif; font-weight: 700; text-align: center; padding: 10px 0px 20px 0px; display: block; }
.item-product-name { display: flex; margin-bottom: 10px; flex-grow:1; overflow: hidden; max-height: 2.7em; }
.last-blogs-name { max-height: none !important; min-height: 0; overflow: visible; align-items: flex-start; }
.last-blogs-name a { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; }
.item-product-priceSale { font-size: 17px; font-weight: 600; color: var(--priceTextColor) !important; }
.default-price { color: var(--priceTextColor) !important; }
.disc-price { color: #e74c3c; }
.item-product-price { display: flex; flex-direction: row; justify-content: flex-start; align-items: end; margin-top: auto; }
.item-product-price .item-product-disc { display: flex; justify-content: center; align-items: center; font-weight: 400; color: #e74c3c; margin-right: 5px; border: 1px solid #e74c3c; padding: 1px 7px; font-size: 12px; }
.item-product-price .item-product-disc i { display: inline-block; width: 10px; height: auto; margin-right: 3px; }
.item-product-priceOld { color: #a7a7a7; font-size: 13px; margin-right: 5px; text-decoration: line-through; font-weight: 500; }
.item-product-image { display: block; margin-left: auto; margin-right: auto; }
/* Filter Top */
.sortfiltre { padding-bottom: 2px; padding-top: 2px; width: 140px; font-size: 13px; }
.filtreSelectGroup { float: right; }
.filtreSelectGroup label { font-size: 14px; line-height: 15px; margin-right: 10px; }
.catProductCount { font-size: 14px; }
.filterTop { font-family: 'Poppins', sans-serif; margin-bottom: 19px; }
.filterTop strong { font-weight: 600; }
.filtreSelectGroup label { display: grid; grid-template-columns: 1em auto; gap: 0.5em; }
.filtreSelectGroup input[type="checkbox"] { -webkit-appearance: none; appearance: none; background-color: #fff; margin: 0; font: inherit; width: 1.15em; height: 1.15em; border: 0.15em solid #d3d3d3; border-radius: 10px; transform: translateY(-0.075em); display: grid; place-content: center; }
.filtreSelectGroup input[type="checkbox"]:checked { border: 0.1em solid #6e6e6e; }
.filtreSelectGroup input[type="checkbox"]::before { content: ""; width: 0.65em; height: 0.7em; transform: scale(0); border-radius: 10px; transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em #000; }
.filtreSelectGroup input[type="checkbox"]:checked::before { transform: scale(1); }
/* Pagination */
.pagination { font-family: 'Poppins', sans-serif; list-style-type: none; padding: 30px 0px 50px 0px; margin: 0px; float: right; }
.pagination li { margin-right: 10px; }
.pagination li a { border-radius: 99px; border: 1px solid #e3e3e3; color: #000; padding: 8px 13px; text-decoration: none; }
.pagination li a:hover { color: #000; border: 1px solid #000; }
.pagination .active a { color: #000; border: 1px solid #000; border-bottom-left-radius: var(--bs-pagination-border-radius) !important; background-color: unset }
/* Category Text Box */
.catTextBox { font-family: 'Poppins', sans-serif; font-size: 13px; max-height: 200px; overflow-x: hidden; overflow-y: auto; padding: 15px 20px; border: 1px solid #ececec; border-radius: 9px; }
.catTextBox a { text-decoration: underline; color: #000; font-weight: 600; }
.catTextBox::-webkit-scrollbar { border-radius: 90px; width: 8px; }
.catTextBox::-webkit-scrollbar-thumb { border-radius: 90px; min-height: 50px; background-color: #000; }
.catTextBox::-webkit-scrollbar-track { background: #e1e1e1; border-radius: 90px; }
/* catTextBox */
.catTextBox a{color:#0000EE!important;}
.catTextBox a:visited{color:#551A8B!important;}
.catTextBox h1{font-size:17px!important;font-weight: 600;}
.catTextBox h2{font-size:17px!important;font-weight: 600;}
.catTextBox h3{font-size:16px!important;font-weight: 600;}
.catTextBox h4{font-size:15px!important;font-weight: 600;}
.catTextBox h5{font-size:14px!important;font-weight: 600;}
.catTextBox h6{font-size:13px!important;font-weight: 600;}
/* textshort */
.textshort a{color:#0000EE!important;}
.textshort a:visited{color:#551A8B!important;}
.textshort h1{font-size:17px!important; font-weight: 600;}
.textshort h2{font-size:17px!important; font-weight: 600;}
.textshort h3{font-size:16px!important; font-weight: 600;}
.textshort h4{font-size:15px!important; font-weight: 600;}
.textshort h5{font-size:14px!important; font-weight: 600;}
.textshort h6{font-size:13px!important; font-weight: 600;}
/* Breadcrumb */
.breadcrumbBox { font-family: 'Poppins', sans-serif; padding: 0px 0px 0px 1rem; margin: 0px; }
.breadcrumb { }
.breadcrumb li.breadcrumb-item { }
.breadcrumb li.breadcrumb-item a { text-decoration: none; font-size: 14px; color: #999; }
.breadcrumb li.breadcrumb-item a:hover { text-decoration: underline; color: #000; }
/* Product Details */
.productDetails { font-family: 'Poppins', sans-serif; padding: 30px 20px; }
.productDetails .product-brand { font-weight: 600; font-size: 19px; }
.productDetails .product-title { font-size: 21px; font-weight: 300; padding: 5px 0px; margin-bottom: 0px; }
.productDetails .product-stockcode { font-size: 13px; }
.productPrices { display: flex; justify-content: flex-start; align-items: center; margin-top: 25px; }
.productPrices .product-discount { display: flex; justify-content: center; align-items: center; font-weight: 400; color: #fff; background-color: var(--productsaleBgColor) !important; margin-right: 5px; border: 1px solid var(--productsaleBgColor) !important; border-radius: 5px; padding: 1px 7px; font-size: 13px; width: 38px; height: 38px; }
.productPrices .product-discount i { display: inline-block; width: 10px; height: auto; margin-right: 3px; }
.product-price-old { color: #a7a7a7; font-size: 17px; margin-right: 5px; text-decoration: line-through; font-weight: 500; padding-top: 5px; }
.product-price-sale { font-size: 24px; font-weight: 600; }
.default-price { color: #000; }
.discount { color: #000; }
/* Product Variant */
.productVariants { font-family: 'Poppins', sans-serif; }
.variantGroup { display: flex; flex-direction: column; margin-bottom: 21px; }
.variantGroup .group-label { font-weight: 600; font-family: 'Poppins', sans-serif; font-size: 16px; color: #000; margin-bottom: 10px; }
.group-variants { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 8px 10px; }
.varyantRadioLabel { display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #000; min-height: 35px; text-align: center; font-size: 14px; text-decoration: none !important; transition: all .3s ease-out; min-width: 60px; cursor: pointer; outline: none; padding: 0px 10px; }
.varyantRadio input[type=radio] { visibility: hidden; position: absolute; margin-left: -20px; }
.varyantRadio input[type=radio]:checked + label { color: #fff; background-color: #000; border-radius: 0px; line-height: 23px; }
.varyantRadioLabel:hover { background-color: #000; color: #fff; }
.varyantRadio.active { background-color: #000; color: #fff; }
.productImageBox { border: 1px solid #cdcdcd52; padding: 7px; border-radius: 13px; }
/* Product Count & Cart */
.productCart { font-family: 'Poppins', sans-serif; padding: 15px;}
.productCount { height: 40px; position: relative; display: flex; align-items: stretch; width: 100%; margin-top:10px;}
.ny-soico { width: 2rem !important; margin-left: 2px !important; }
.quantity-left-minus { padding: 5px; border-radius: 0px; border: 1px solid #ccc; color: #222; background-color: transparent; cursor: pointer; }
.quantity-right-plus { padding: 5px; border-radius: 0px; border: 1px solid #ccc; color: #222; background-color: transparent; cursor: pointer; }
.quantity-left-minus:hover { background-color: #d3d3d3; }
.quantity-right-plus:hover { background-color: #d3d3d3; }
.product-cart-add { text-align: center; text-decoration: none; color: var(--productBtTextColor); padding: 8px 35px; font-size: 15px; display: inline-block; background-color: var(--productBtBgColor); border: 1px solid var(--productBtBgColor); height: 40px; margin-right: 10px; }
.product-cart-add:hover { background-color: var(--productBtBgColorHover); color: var(--productBtTextColorHover); border: 1px solid var(--productBtTextColorHover); }
.product-cart-heart:hover { color: var(--favBtTxtColorHover); background-color: var(--favBtBgColorHover)!important; border-color: var(--favBtBgColorHover); }
.product-cart-heart { text-align: center; text-decoration: none; color: var(--favBtTxtColor); background-color: var(--favBtBgColor)!important; border: 1px solid var(--favBtBgColor); padding: 3px 20px 0px 20px; font-size: 20px; display: inline-block; height: 40px; }
.favorite-selected { background-color: var(--favBtBgSelect)!important; border-color: var(--favBtBgSelect); color: var(--favBtIcnSelect); }
.talepUrun { background-color: var(--productBtBgColor); color: var(--productBtTextColor); border: 1px solid var(--productBtBgColor); border-radius: 0px; }
.talepUrun:hover { color: var(--productBtTextColorHover) !important; background-color: var(--productBtBgColorHover) !important; border: 1px solid var(--productBtTextColorHover) !important; }
.input-number { border-radius: 0px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; text-align: center; min-height: unset; outline: none; }
.input-number:focus { border-color: #d3d3d3; box-shadow: none; }
.productCount input::-webkit-outer-spin-button, .productCount input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.productCount input[type=number] { -moz-appearance: textfield; }
/* Product Info */
.productInfo { font-family: 'Poppins', sans-serif; padding: 30px 20px; border-bottom: 1px solid #cdcdcd52; }
.info-title { text-decoration: none; color: #000; font-size: 17px; font-weight: 600; display: block; cursor: pointer; }
.info-title:hover { color: #999; }
.info-title::before { float: right; padding-right: 10px; color: #000; content: '\F280'; display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; }
.infoBox .collapse { padding: 25px 0px; word-wrap: break-word; white-space: normal;}
.infoBox h1{font-size:19px!important;}
.infoBox h2{font-size:19px!important;}
.infoBox table a { text-decoration: none; color: #000; }
.productImages .product-image { padding: 7px; }
.productImages .product-image img { border: 1px solid #cdcdcd52; border-radius: 13px; }
/* Mobile Menu */
.mobile-menu-container { position: fixed; display: flex; flex-direction: column; top: 0; bottom: 0; left: 0; width: 100%; max-width: 75%; transform: translateX(-100%); transition: all .25s; background-color: #fff!important; font-size: 1.2rem; line-height: 1.5; box-shadow: 0.1rem 0 0.6rem 0 rgba(50, 50, 50, 0.65); visibility: hidden; z-index: 1001; overflow-y: auto; padding: 0rem 0.7rem;}
.mmenu-active .mobile-menu-container { transform: translateX(0); visibility: visible; }
.mobile-menu-container .social-icons { display: flex ; flex-direction: row; justify-content: space-between; align-items: center; text-align: center;}
.mobile-menu-container .social-icon { margin-bottom: 0; border: 0; background-color: transparent; font-size: 1.5rem; }
.mobile-menu-wrapper { position: relative; padding: 1rem 0 1rem; flex-grow: 1;}
.mobile-menu-wrapper .social-icons{color:#000;}
.mobile-menu-close { color: #000; font-size: 1.3rem; line-height: 1; cursor: pointer; z-index: 9; }
.mobile-menu-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; transition: all .25s; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; z-index: 1000; }
.mobile-menu-close-header{display: flex; flex-direction: row; justify-content: space-between; padding:1rem 0 0 0; margin-bottom: 1rem;}
.mobile-menu-close-title{font-size: 0.9rem; font-weight: bold;}
.mobile-menu-buttons{display: flex; flex-direction: row; gap: 0.5rem; justify-content: space-between; }
.mobile-menu-buttons a{display: flex; align-items: center; justify-content: center; gap: 10px; height: 40px; border: 1px solid #e8e8e8; border-radius: 10px; font-size: 12px; font-weight: 500; color: #494949; width: 100%;}
.mobile-menu-buttons a i{font-size: 1.2rem;color: #494949;}
.mmenu-active .mobile-menu-overlay { opacity: 1; visibility: visible; }
.mmenu-active .sidebar-product { display: none; }
.mobile-nav { margin: 0; padding: 0; }
.mobile-menu { margin: 0; padding: 0; list-style: none; }
.mobile-menu > li > a { text-transform: uppercase; }
.mobile-menu li { display: block; position: relative; border-bottom: 1px solid #f4f4f4; }
.mobile-menu li a { font-size: 14px; display: block; position: relative; margin-right: 4.5rem; padding: 14px 10px; color: #000; }
.mobile-menu li a:hover, .mobile-menu li a:focus { color: #000; font-weight: bold; text-decoration: none; }
.mobile-menu li.open > a, .mobile-menu li.active > a { font-weight: bold; }
.mobile-menu li ul { display: none; margin: 0; padding: 0; }
.mobile-menu li ul li a { padding-left: 1rem; }
.mobile-menu li ul ul li a { padding-left: 1.8rem; }
.mmenu-btn { display: block; position: absolute; top: 50%; right: -4.7rem; width: 3rem; height: 3rem; margin-top: -1.5rem; text-align: center; border-radius: 0; outline: none; background-color: transparent; color: #808080; font-size: 1.5rem; line-height: 3rem; cursor: pointer; }
.pageSmallTitle { text-align: center; font-size: 23px; display: block; margin-bottom: 25px; }
#regform .form-group { margin-bottom: 15px; }
#logform .form-group { margin-bottom: 15px; }
#profilUpdateForm { margin-top: 35px; margin-bottom: 15px; }
#profilUpdateForm .form-group { margin-bottom: 15px; }
#frmsrl { margin-top: 35px; margin-bottom: 15px; }
#frmsrl .form-group { margin-bottom: 15px; }
.widget-titleNy { text-align: center; font-size: 23px; display: block; margin-bottom: 5px; }
.popupClose { border-radius: 36px; width: 30px; height: 30px; }
.bi-arrow-right-short::before { content: "\f282" !important; font-size: 16px; }
.cartcountBox { position: absolute; right: -9px; top: -4px; width: 1.1rem; height: 1.1rem; font-size: .6rem; line-height: 1.8; text-align: center; border-radius: 50%; background-color: #000; color: #fff; z-index: 1; }
.menuBox .dropdown:hover .dropdown-menu { display: block; position: absolute; margin: 0px; left: 0px; right: 0px; width: 100%;}
.overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 9999999999; top: 0; left: 0; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.9); }
.overlay-content { position: relative; top: 15%; width: 90%; text-align: center; margin-top: 30px; margin: auto; }
.overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 39px; cursor: pointer; color: white; }
.overlay .closebtn:hover { color: #ccc; }
.overlay input[type=text] { padding: 15px; font-size: 17px; border: none; float: left; width: 80%; background: transparent; border-bottom: 1px solid #d3d3d3; color: #fff; border-radius: 0px; }
.overlay input:hover { }
.overlay input:focus { border-color: #fff !important; box-shadow: none !important; }
.overlay input:focus-visible { outline: none; box-shadow: none !important; }
.overlay button { float: left; width: 5%; padding: 15px; background: transparent; border: none; border-bottom: 1px solid #d3d3d3; color: #fff; font-size: 17px; cursor: pointer; }
.overlay button:hover { color: #000; }
.searchlist {display:none; list-style: none; position: absolute; z-index: 1005; background-color: white; margin-top: 40px; border: 1px solid rgb(211, 211, 211); padding-left: 0px; padding-right: 0px; left:0px; right:0px;}
.salePrice { color: var(--priceTextColor) !important; line-height:16px;}
.salePriceBox { width: 38px; height: 38px; font-size: 12px; color: #FFFFFF !important; background-color: var(--productsaleBgColor) !important; border: 1px solid var(--productsaleBgColor) !important; }
.sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1; }
.ny-add-cart-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.5); }
.ny-add-cart-modal-content { background-color: #fff; margin: 15% auto; padding: 20px; border-radius: 10px; border: 1px solid #888; width: 40%; position: relative; }
.ny-add-cart-modal-main-title { display: block; font-weight: 600; font-size: 1.9rem; margin-bottom: 20px; color: #069804; border-bottom: 1px solid #40ad3f; width: 100%; }
.ny-add-cart-modal-main-announce { display: block; font-weight: 600; font-size: 2.8rem; color: #069804; width: 100%; text-align: center; height: 160px; padding-top: 20px; }
.ny-add-cart-modal-close-btn { display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-color: #ffffff; text-align: center; line-height: 37px; font-size: 23px; cursor: pointer; position: absolute; top: -18px; right: -13px; color: #7c7c7c; }
.ny-add-cart-modal-close-btn:hover, .ny-add-cart-modal-close-btn:focus { color: black; text-decoration: none; cursor: pointer; }
.ny-add-cart-modal-container { display: flex; align-items: start; flex-direction: column; }
.ny-add-cart-success-title { color: #40ad3f; }
.ny-add-cart-modal-img { width: 100%; object-fit: cover; border-radius: 7px; border: 1px solid #d7d7d7; }
.ny-add-cart-modal-title { font-weight: 600; font-size: 15px; width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ny-add-cart-modal-info { font-weight: 400; font-size: 14px; }
.ny-add-cart-modal-btn { padding: 7px 10px 7px 10px; border-radius: 4px; font-weight: 600; font-size: 12px; margin-top: 7px; width: 100%; text-align: center; }
.ny-add-cart-modal-btnzone { justify-content: center; flex-direction: column; }
.ny-add-cart-modal-cart-btn { background-color: #40ad3f; border: 1px solid #40ad3f; color: #fff; transition: all 0.3s ease-in; }
.ny-add-cart-modal-cart-btn:hover { background-color: rgb(255, 255, 255); border: 1px solid #40ad3f; color: #40ad3f !important; }
.ny-add-cart-modal-cont-btn { background-color: #f5f5f5; border: 1px solid #d9d9d9; color: #2a2a2a; transition: all 0.3s ease-in; font-weight: normal; }
.ny-add-cart-modal-cont-btn:hover { background-color: rgb(255, 255, 255); border: 1px solid #40ad3f; color: #40ad3f !important; }
@media screen and (min-width: 300px) and (max-width: 500px) { .ny-add-cart-modal-content { margin: 50% auto; width: 90%; } .ny-add-cart-modal-title { font-weight: 600; font-size: 1.5rem; width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .ny-add-cart-modal-container { display: flex; align-items: center; justify-content: center; margin-top: 5px; margin-bottom: 5px; } .ny-add-cart-modal-img { display: block; width: 90px; margin: 0 auto; } .ny-add-cart-modal-btnzone { margin-top: 15px; } .ny-add-cart-modal-main-announce { margin-bottom: 30px; } }
.item-product-box{display:flex; flex-direction: column;}
.item-product-box .item-product-name a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.35; word-break: break-word; overflow-wrap: anywhere; }
.font-weight-bold { font-weight: bold !important; }
/* Product & Review */
.productLine{flex-direction: row;justify-content: space-between;}
.flex-comment-bar{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.comment-count:after {content: '|';margin: 0 10px;}
.rating-reviews {display: none;}
.review-info{padding-left:0px;display: flex;flex-direction: row;}
.review-name{display:block;width: 100%;}
.review-date{font-size:13px; color:#000;}
.hide { display: none !important; }
.clear { float: none !important; clear: both !important; }
.rating { width: auto; unicode-bidi: bidi-override !important; direction: rtl !important; text-align: center !important; position: relative !important; }
.rating > label { float: right !important; display: inline !important; padding: 0 !important; margin: 0 !important; position: relative !important; width: 1.1em !important; cursor: pointer !important; color: #000 !important; font-size: 18px; }
.rating > label:hover, .rating > label:hover ~ label, .rating > input.radio-btn:checked ~ label { color: transparent !important; font-size: 18px; }
.rating > label:hover:before, .rating > label:hover ~ label:before, .rating > input.radio-btn:checked ~ label:before, .rating > input.radio-btn:checked ~ label:before { content: "\2605" !important; position: absolute !important; left: 0 !important; color: #FFD700 !important; font-size: 18px; }
.product-card-discount-price{display: flex ; align-items: center; gap: 5px; color: #008040; font-size: 13px; font-weight:400; padding: 2px 0px 2px 5px; border-radius: 5px; background: linear-gradient(90deg, rgba(0, 128, 64, 0.1) 0%, rgba(0, 128, 64, 0) 100%);}
.ny-card-disc-days{display:inline-flex;align-items:center;font-size:10px;font-weight:700;color:#fff;background:#dc2626;padding:1px 7px;border-radius:10px;white-space:nowrap;line-height:1.5;flex-shrink:0;}
.ny-pd-cart-disc-text-bottomcard{width: -webkit-fit-content;color: #fff;font-size: 12px;background-color: rgb(0, 138, 9);border-radius: 5px;padding: 0.2rem 1rem;}
.ny-pd-cart-disc-text,.ny-pd-cart-disc-text-bottomcard{position:relative;}
.ny-pd-cart-disc-text > span.ny-cart-disc-enddate,.ny-pd-cart-disc-text-bottomcard > span.ny-cart-disc-enddate{position:absolute;top:0;right:0;transform:translate(50%,-70%);display:inline-flex;align-items:center;gap:4px;font-size:10.5px !important;font-weight:700;color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444);padding:3px 9px;border-radius:20px;box-shadow:0 3px 8px rgba(220,38,38,.32);white-space:nowrap;z-index:3;line-height:1.15;}
.ny-pd-cart-disc-text > span.ny-cart-disc-enddate i,.ny-pd-cart-disc-text-bottomcard > span.ny-cart-disc-enddate i{font-size:10.5px !important;}
.nyDontStock{background-color:var(--dontStockBgColor)!important;color:var(--dontStockTextColor)!important;}
.nyDontStock:hover{background-color:var(--dontStockBgColorHover)!important;color:var(--dontStockTextColorHover)!important}
/* infoBox */
.infoBox .collapse a{color:#0000EE!important;}
.infoBox .collapse a:visited{color:#551A8B!important;}
.infoBox h1{font-size: 21px!important;font-weight: 600;}
.infoBox h2{font-size: 20px!important;font-weight: 600;}
.infoBox h3{font-size: 19px!important;font-weight: 600;}
.infoBox h4{font-size: 18px!important;font-weight: 600;}
.infoBox h5{font-size: 17px!important;font-weight: 600;}
.infoBox h6{font-size: 16px!important;font-weight: 600;}
.productInfo .infoBox img{max-width:100%; height: auto!important;}
.productInfo .infoBox iframe{max-width:100%;}
/* Popup */
.ny-bottom-center {position: absolute; bottom: 15px; left: 5%;}
.ny-coupon-info-col{position: relative; padding:0rem 2rem; display: flex; flex-direction: column; justify-content: flex-start; align-items: normal;}
.ny-popup-img{width:100%;border-top-left-radius:.4rem;border-bottom-left-radius:.4rem;object-fit:cover;height:100%}
.ny-popup-bottom-center{font-size:12px;display:flex;flex-direction:row;padding:1rem 0}
.ny-coupon-copy{display:flex;gap:10px;align-items:center;background-color:var(--kuponColor);border:1px dashed var(--kuponButtonColor);padding:10px 12px;border-radius:12px;color:var(--kuponTextColor);margin-top:5px;margin-bottom:5px}
.ny-coupon-title{line-height:2rem;font-weight: bold;padding: 0rem 1.5rem;}
.ny-coupon-name{margin:3px;font-size:1.3rem}
.ny-button-url{text-decoration:none;text-transform:none;background-color:var(--kuponButtonColor);color:var(--kuponButtonTextColor);padding:7px;font-size:1rem;border-radius:5px;width:100%}
.ny-button-url:hover{text-decoration:none;text-transform:none;background-color:var(--kuponButtonColor);color:var(--kuponButtonTextColor)}
.ny-icon-popup{position:absolute;top:-14px;z-index:9999;left:40%;color:var(--kuponButtonColor)}
.ny-popup-row{justify-content:center;position:relative;margin:30px 0 0 0}
.ny-copy-text{background-color:#2ecc71;color:#fff;width:100%;border-radius:6px;height:auto;padding:5px 10px;display:none}
.ny-close-popup{position: absolute; right: 1rem; background-color: unset; border: unset; font-size:1.5rem;}
.ny-copy-button{margin-left:auto;font-size:12px;border:0;background-color:var(--kuponButtonColor);color:var(--kuponButtonTextColor);padding:6px 10px;border-radius:8px;cursor:pointer}
label.ny-popup-status{margin-left:.5rem;}
.ny-copy-description-text{margin:1.7rem 0rem;flex-grow: 1;}
.ny-coupon-time-sec {position: relative;display: inline-block;padding: 1rem 0rem;width: 75px;box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, .5);background-color: #f1f1f1;border-radius: 10px;}
.ny-coupon-main-time {font-weight: 500;font-size: 1.3em;color: black;}
.ny-coupon-time-sec span {position: absolute;bottom: 14px;left: 50%;transform: translateX(-50%);font-size: .9em;}
/* blogDetail */
.blogDetail a{color:#0000EE!important;}
.blogDetail a:visited{color:#551A8B!important;}
.blogDetail h1{font-size: 21px!important;font-weight: 600;}
.blogDetail h2{font-size: 20px!important;font-weight: 600;}
.blogDetail h3{font-size: 19px!important;font-weight: 600;}
.blogDetail h4{font-size: 18px!important;font-weight: 600;}
.blogDetail h5{font-size: 17px!important;font-weight: 600;}
.blogDetail h6{font-size: 16px!important;font-weight: 600;}
/* contactTextDetail */
.contactTextDetail a{color:#0000EE!important;}
.contactTextDetail a:visited{color:#551A8B!important;}
.contactTextDetail h1{font-size: 21px!important;font-weight: 600;}
.contactTextDetail h2{font-size: 20px!important;font-weight: 600;}
.contactTextDetail h3{font-size: 19px!important;font-weight: 600;}
.contactTextDetail h4{font-size: 18px!important;font-weight: 600;}
.contactTextDetail h5{font-size: 17px!important;font-weight: 600;}
.contactTextDetail h6{font-size: 16px!important;font-weight: 600;}
/* Other */
.ny-info{background: #ffffff!important;color: black!important;border: 1px solid black!important;width: 17px!important;font-size: 11px!important;height: 17px!important;}
.lang-img {height: 17px!important;width: 17px!important;vertical-align: sub!important;}
.top-header-search-box {display: flex;position: relative;}
.top-header-search-box button{position: absolute;background-color: var(--headerSearchBtColor);color: var(--headerSearchBtIconColor);min-width: 48px;height: 100%;border-radius: 5px;right: 0;font-size: 1rem;}
.top-header-search-box input{flex: 1;min-width: 40px;font-size: 1rem;letter-spacing: inherit;border-radius: 5px;border: 2px solid;border-color: var(--headerSearchBtColor);font-family: inherit;background-color: #fff;color: #999;}
.top-header-search-box input:focus {border-color: var(--headerSearchBtColor)!important;box-shadow: none!important;}
.product-search-detay {width: 25px;height: 12px;color: #fff;background-color: var(--productsaleBgColor);border-radius: 2px;padding-left: 4px;}
.blog-search-detay {width: 25px;height: 12px;color: white;background-color: #3498db;border-radius: 2px;padding-left: 4px;}
.searchlist li:hover{background-color: #f7f7f7!important; }
.searchlist { z-index:9999999!important; }
.searchProductname{display:block;}
.searchlist-mobile{display: none; width: 100%; list-style: none; position: absolute; z-index: 1005; background-color: white; margin-top: 10px; padding: 0; border: 1px solid #d3d3d3; border-radius: 8px;}
.mobile-searchlist-icon{position: absolute; top: 50%; right: 16px; transform: translateY(-50%); color: #282828; font-size: 18px;}
.mobile-search-inp{width: 100%; padding: 10px 14px 10px 14px; font-size: 14px; border-radius: 5px; border: 1px solid #666; outline: none; transition: all 0.3s ease;}
.hs-simple{padding: 14px; padding-top: 0px!important; padding-bottom: 0px!important; position: relative; max-width: 500px; margin: auto;}
.search-input-wrapper{position: relative;}
/* callCenter */
.callCenter{display: flex;align-items: center;}
.callCenter .icon{font-size: 24px;}
.callCenter .title{font-size: 15px; font-weight: 600; padding: 0px 10px;}
.callCenter .number{margin: 0px; padding: 0px; text-align: center; margin-top: 5px;}
/* Mobile */
@media screen and (min-width: 300px) and (max-width: 500px) {
header {padding: 5px 0rem!important;}
.bilgiBox {align-items: center!important;justify-content: center!important;flex-direction: column!important;margin-bottom: 15px!important;}
.bilgiBox i {margin-right: 0!important;margin-bottom: 8px!important;}
.bilgiItem {text-align: center;}
.logoImg {display: block;margin-left: 30px;margin-right: auto;}
.mobileMenuSelector{position: absolute;left: 10px;}
.mobileSearchIcon{}
#wptext {display: none !important;}
.whatsappOrder{max-width:60px!important;}
}
.product-button-container {display: flex; align-items: center; gap: 0px;}
.add-to-cart-btn {flex: 3; border-radius: 5px; padding: 10px 20px; font-size: 16px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.favorite-btn {flex: 1; background-color: white; border-radius: 5px; padding: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
/* Default Menu & Left Menu */
.nyLeftCategoryMenu{}
.nyLeftCategoryMenuItem{font-weight: bold;}
.ny-menudd {position: relative;list-style: none;display: flex;align-items: center;}
.ny-menudd > a {display: block;padding: 3px 15px;color: #fff;text-decoration: none;}
.ny-menudd .ny-menudd-submenu {display: none;position: absolute;top: 25px;min-width: 180px;list-style: none;background: #f8f9fa;margin: 0;padding: 0;border: 1px solid #ddd;z-index: 1000;}
.ny-menudd .ny-menudd-submenu > li > a {display: block;padding: 5px 10px;color: #333;text-decoration: none;}
.ny-menudd .ny-menudd-submenu > li > a:hover {background: #e9ecef;}
.ny-menudd .ny-menudd-submenu .ny-menudd-submenu {top: auto!important;left: 100%;transform: translateY(-32px)!important;}
.ny-menudd .ny-menudd-submenu > li:hover > .ny-menudd-submenu {top: 0;transform: none;}
.ny-menudd:hover > .ny-menudd-submenu,
.ny-menudd .ny-menudd-submenu > li:hover > .ny-menudd-submenu {display: block;}
.ny-menudd .ny-menudd-submenu.out-of-boundary {left: auto;right: 0;transform: none;}
.ny-menuddAfter:has(> ul)>a {position: relative;}
.ny-menuddAfter:has(> ul)>a::after {content: '>';margin-left: 10px;color: #333;font-size: 14px;right: 0;}
.homeMenuListView{left: 100%;width: 900px;min-height: 100%; display: flex; flex-wrap: wrap; gap: 20px; position: absolute;padding-top: 13px; background: white;z-index: 999; max-width: 900px;}
.nydropdownmenu {position: relative;color: var(--menuTextColor);list-style: none;padding: 0px 15px;margin: 0;z-index: 999;display: flex;align-items: center;}
.nydropdownmenu > a {display: block;color: var(--menuTextColor);text-decoration: none;}
.nydropdownmenu ul {position: absolute;top:40px;left: 0;display: none;border: 1px solid #d3d3d3;background: white;padding: 0;color: black;list-style: none;min-width: 200px;z-index: 1000;}
.nydropdownmenu ul li {position: relative;}
.nydropdownmenu:after{display: inline-block;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}
.nydropdownmenuRemoveAfter:after{display: none!important;}
.nydropdownmenu ul li a {display: block;padding: 7px 10px;color: black;text-decoration: none;}
.nydropdownmenu ul li a:hover {background: white;}
.nydropdownmenu .nyLeftMenuIcon {font-size: 15px;}
.nydropdownmenu a {width: 100%;}
.nydropdownmenu:hover > ul {display: block;}
.nydropdownmenu ul .nydropdownmenu:hover > ul {display: block;left: 100%;top: 0;}
.nydropdownmenu ul .nydropdownmenu:hover > ul.nyright-align {left: auto;right: 100%;}
.nydropdownmenu ul .nydropdownmenu:hover > ul.nyleft-align {left: -100%;right: auto;}
.nydropdownmenu > ul {top: 100%;left: 0;}
.c-menu-child{font-size: 14px;font-weight: 300}
.c-menu-list{list-style: none;padding: 0px}
.c-menu-name{font-size: 15px;font-weight: 550}
.c-menu-name-s{font-size: 15px;font-weight: 500}
.c-menu{display: flex;flex-wrap: wrap; gap: 20px;padding-top: 13px}
/* Swiper Navigation */
.vertical > .main-thumb-slider{margin-top:30px;}
.vertical > .swiper-button-prev-new{position: absolute;top: 0%;width: 100%;height: 25px;background-color: #fff;color: #626466;text-align:center;font-size:18px;cursor: pointer;z-index: 10;}
.vertical > .swiper-button-next-new {position: absolute;bottom: 0;width: 100%;height: 25px;background-color: #fff;color: #626466;text-align:center;font-size:18px;cursor: pointer;z-index: 10;}
.vertical > .swiper-button-prev-new::after,
.vertical > .swiper-button-next-new::after {font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 18px;color: #000;}
.vertical > .swiper-button-prev-new::after {content: "\f077";}
.vertical > .swiper-button-next-new::after {content: "\f078";}
.horizontal > .swiper-button-prev-new{position: absolute;display: flex;align-items: center;justify-content: center;top: 25%;left:0;width: 24px;height: 24px;background-color: #fff;color: #626466;border-radius: 100%;border:1px solid #d3d3d3;text-align:center;font-size:18px;cursor: pointer;z-index: 10;}
.horizontal > .swiper-button-next-new {position: absolute;display: flex;align-items: center;justify-content: center;top: 25%;right:0;width: 24px;height: 24px;background-color: #fff;color: #626466;border-radius: 100%;border:1px solid #d3d3d3;text-align:center;font-size:18px;cursor: pointer;z-index: 10;}
.horizontal > .swiper-button-prev-new::after,
.horizontal > .swiper-button-next-new::after {font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 16px;color: #000;}
.horizontal > .swiper-button-prev-new::after {content: "\f053";}
.horizontal > .swiper-button-next-new::after {content: "\f054";}
.swiper-button-prev-new.swiper-button-disabled,.swiper-button-next-new.swiper-button-disabled{opacity:.3;cursor:default;pointer-events:none;}
@media all and (max-width: 600px) {
.vertical > .swiper-button-prev-new{display: flex; align-items: center; justify-content: center; top: 25%; left:0; width: 20px; height: 100px;}.vertical > .swiper-button-next-new {display: flex; align-items: center; justify-content: center; top: 25%; right:0; width: 20px; height: 100px;}
.vertical > .swiper-button-prev-new::after,.vertical > .swiper-button-next-new::after {font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 16px; color: #000;}
.vertical > .swiper-button-prev-new::after {content: "\f053";}
.vertical > .swiper-button-next-new::after {content: "\f054";}
}
.tab-content img{max-width: 100%!important;}
.product-single-qty {max-width: 104px;max-height: 37px;text-align: center;}
.product-single-qty .bootstrap-touchspin.input-group {display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-align: stretch;align-items: stretch;max-width: 100%;max-height: 37px;padding-right: 0;}
.product-single-qty .bootstrap-touchspin .form-control {height: 37px;padding: 1rem .2rem;color: #21293;box-shadow: none;}
.product-single-qty .bootstrap-touchspin .form-control, .product-single-qty .bootstrap-touchspin .form-control:not(:focus) {border-color: #dae2e6;}
.product-single-qty .horizontal-quantity {height: 37px;}
.product-single-qty .btn {display: -ms-inline-flexbox;display: inline-flex;position: relative;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;min-width: 31px;margin: 0;padding: .5rem;font-family: "Open Sans", sans-serif;font-size: 2.1rem;line-height: 1;z-index: 2;}
.product-single-qty .btn.btn-outline {border-color: #dae2e6;color: #8798a1;height: 37px;border-radius: 0px;}
.product-single-qty .btn.btn-down-icon:after, .product-single-qty .btn.btn-up-icon:before, .product-single-qty .btn.btn-up-icon:after {display: block;position: absolute;top: 50%;left: 50%;width: 11px;height: 1px;margin-left: -5.5px;background-color: #8798a1;content: '';}
.product-single-qty .btn.btn-up-icon:before {transform: rotate(90deg);}
.favitem-btn {position: absolute;right: 5px;width: 32px;height: 32px;top: 5px;right: 5px;text-align: center;border-radius: 50%;line-height: 32px;background-color: var(--favBtBgColor) !important;border-color: var(--favBtBgColor) !important;}
.favitem-btn i {font-size: 15px;text-align: center;letter-spacing: initial;color: var(--favBtTxtColor) !important;}
.favitem-btn:hover {background-color: var(--favBtBgColorHover) !important;border-color: var(--favBtBgColorHover) !important;color: var(--favBtTxtColorHover) !important;}
.favitem-btn:hover i{color: var(--favBtTxtColorHover) !important;}
.favitem-btn.favorite-selected {background-color: var(--favBtBgSelect) !important;border-color: var(--favBtBgSelect) !important;color: var(--favBtIcnSelect) !important;}
.favitem-btn.favorite-selected:hover {background-color: var(--favBtBgColorHover) !important;border-color: var(--favBtBgColorHover) !important;color: var(--favBtTxtColorHover) !important;}
@media (max-width: 768px) {
.item-product-cart-add .product-sepet{flex-direction: column;}
.item-product-cart-add .product-sepet .product-single-qty{margin-bottom: 10px!important; max-width: 100%!important;}
}
.modal.fade:not(.show) {opacity:unset!important;display: none;}
.nygift-box {display: flex;align-items: flex-start;margin-top: 6px;background: #fff;border: 1px solid #4caf50;border-radius: 8px;padding: 8px;box-shadow: 0 0 8px rgba(76, 175, 80, 0.2);text-align: left;}
.nygift-icon {font-size: 36px; line-height: 1; margin-right: 10px; flex-shrink: 0; animation: blink 1.5s infinite;}
.nygift-content {display: flex; flex-direction: column;}
.nygift-title {font-weight: bold; color: #2e7d32; margin-bottom: 4px; font-size: 12px;}
.nygift-note {font-size: 9px; color: #555;}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
/* Sepet Promosyon Seçimi */
.ny-promotion-header{}
.ny-promotion-title{font-size: 16px; font-weight: bold;}
.ny-promotion-desc{font-size: 12px;}
.ny-promotion-card {background: #f8f9fa; border: 1px solid #e3e6ea;border-radius: 10px;}
.ny-promotion-card-body {padding: 14px 20px; display: flex; align-items: center; cursor: pointer; gap: 5px; }
.ny-promotion-divider {border-bottom: 1px solid #dee2e6; }
.ny-promotion-divider:last-child {border-bottom: none; }
.ny-promotion-radio {flex-shrink: 0; display: contents; }
.ny-promotion-check {appearance: none;-webkit-appearance: none;width: 22px;height: 22px;border: 2px solid #adb5bd;border-radius: 50%;position: relative;cursor: pointer;transition: all .15s ease-in-out;}
.ny-promotion-check:checked {border-color: #28a745; background-color: #28a745;}
.ny-promotion-check:checked::after {content: ""; position: absolute; left: 6px; top: 3px; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.ny-promotion-info {flex-grow: 1; }
.ny-promotion-name {font-size: 13px; color: #343a40; }
.ny-promotion-price {text-align: right; }
.ny-promotion-amount {font-size: 16px; font-weight: 700; color: #28a745; line-height: 1.2; }
.ny-promotion-amount span {display: block; font-size: 11px; color: #6c757d; font-weight: 400; }
/* Video */
.banner-fixed.intro-slide1 {width: 100% !important;padding: 0 !important;overflow: hidden;}
.plyr__video-wrapper {display: flex;justify-content: center;align-items: center;}
/* Responsive Medias */
@media (max-width:340px){
.logoImg{width:100px}
}
@media (max-width:450px){
.welcome-msg{text-align:center}
.nymbr{float:none!important;}
.header-left{text-align:center;}
.nymbr{float:unset;}
}
@media (max-width:370px){
.logoImg{width:120px}
}
@media (max-width:500px){
.ny-logo-img{margin-left:45px!important;max-width:150px!important}
.ny-header-fav{display:none}
.ny-menu-right{padding-right:5px}
.header-right{display:none}
.dropdownAc-icon{font-size:24px}
.header-cart-icon{font-size:18px}
.mob-search-icon{font-size:18px!important}
}
@media (max-width:768px){
.callCenter{display:none!important}
}
@media (max-width:850px){
.ny-menu-center{display:none}
.ny-menu-right{width:100%}
.header-right{display:none}
.header-left{width:100%!important;}
.nymbr {float: right;}
.vr{margin:0 0px;}
header{padding:10px 0px!important;}
.mobileMenuSelector{font-size:28px}
.ny-logo-img{margin-left:15px;}
}
@media (min-width:1000px){
.ny-header-mobSearch{display:block}
}
@media (max-width:1000px){
.ny-header-search{display:none!important;}
.mob-search-icon{display:block}
.reg-log{display:none}
.ny-header-mobSearch{display:none}
.nymobilesearch{display:block!important}
.ny-arrow{display:none}
.ny-currency{display:none}
}
@media (min-width:1200px){
.ny-header-search{min-width:600px!important}
}
@media (max-width:1200px){
.ny-header-search{min-width:400px!important}
}
@media (max-width:1400px){
.call-c-icon{display:none}
.social-link{display:none!important}
.vr-space{display:none}
}
/* Breadcrumb */
.customBreadcrumb {display: flex;flex-wrap: wrap;align-items: center;margin: 0;padding: 0;list-style: none;gap: 6px 0;}
.customBreadcrumb .breadcrumb-item {display: inline-flex;align-items: center;white-space: nowrap;flex: 0 0 auto;line-height: 1.4;padding-left: 0;margin-right: 0;}
.customBreadcrumb .breadcrumb-item::before {display: none !important;content: none !important;}
.customBreadcrumb .breadcrumb-item::after {content: "/";padding: 0 12px;color: var(--bs-breadcrumb-divider-color, #999);flex: 0 0 auto;}
.customBreadcrumb .breadcrumb-item:last-child::after {display: none;content: none;}
.customBreadcrumb .breadcrumb-item a, .customBreadcrumb .breadcrumb-item span {white-space: nowrap;text-decoration: none;}
.customBreadcrumb .breadcrumb-item:last-child {flex: 1 1 auto;min-width: 0;white-space: normal;word-break: break-word;}
.customBreadcrumb .breadcrumb-item:last-child a, .customBreadcrumb .breadcrumb-item:last-child span {white-space: normal;word-break: break-word;display: inline;}
/* Home Slider Layout */
.swiper-wrapper.nyEqualHeight { display: flex !important; align-items: stretch !important; }
.swiper-wrapper.nyEqualHeight > .swiper-slide { height: auto !important; display: flex !important; flex-direction: column !important; align-self: stretch !important; }
.swiper-wrapper.nyEqualHeight > .swiper-slide > .productBox { flex: 1 1 auto !important; height: auto !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; width: 100% !important; }
.swiper-wrapper.nyEqualHeight > .swiper-slide .item-product-info { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; min-height: 0 !important; }
.swiper-wrapper.nyEqualHeight > .swiper-slide .item-product-info .item-product-price { margin-top: auto !important; }
.ny-sp-widget{--nySpH:33px;height:var(--nySpH);overflow:hidden;position:relative;border-radius:8px;background:#f8fafc;border:1px solid #edf0f4;width:100%}
.ny-sp-widget.ny-sp-bar{--nySpH:31px;border-radius:8px;background:#f8fafc;border:1px solid #edf0f4;margin-top:7px}
.ny-sp-item{position:absolute;left:0;right:0;top:0;height:var(--nySpH,33px);line-height:var(--nySpH,33px);display:block;padding:0 13px;font-size:12px;font-weight:500;letter-spacing:.1px;color:#475569;transform:translateY(100%);opacity:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ny-sp-item.sp-active{transform:translateY(0);opacity:1;transition:transform .42s cubic-bezier(.4,0,.2,1),opacity .34s ease}
.ny-sp-item.sp-out{transform:translateY(-100%);opacity:0;transition:transform .42s cubic-bezier(.4,0,.2,1),opacity .34s ease}
.ny-sp-item svg{width:14px;height:14px;color:#9aa5b3;opacity:1;vertical-align:middle;margin-right:7px;position:relative;top:-1px}
.ny-sp-item.sp-views svg{color:#3b82f6}
.ny-sp-item.sp-sales svg{color:#10b981}
.ny-sp-item.sp-favori svg{color:#f43f5e}
.ny-sp-item strong{font-weight:600;color:#1f2937;font-family:inherit}
.ny-sp-bar .ny-sp-item{font-size:11.5px;padding:0 12px;color:#475569}
.ny-sp-bar .ny-sp-item svg{width:13px;height:13px;margin-right:6px}
/* ==========================================================================
PANORMOS PMU — THEME SYSTEM / HEADER V1
Top bar, search-first header, account actions, navigation and mobile drawer.
========================================================================== */
:root {
--pmu-bg: #f7f5f5;
--pmu-surface: #ffffff;
--pmu-surface-soft: #f4f0f1;
--pmu-ink: #191518;
--pmu-muted: #746c70;
--pmu-line: #e5dee1;
--pmu-primary: #9b4968;
--pmu-primary-hover: #7c3852;
--pmu-primary-soft: #f5e9ed;
--pmu-success: #39765a;
--pmu-brand: #9b4968;
--pmu-brand-hover: #7c3852;
--pmu-brand-soft: #f5e9ed;
--pmu-container: 1440px;
--pmu-radius-sm: 10px;
--pmu-radius: 14px;
--pmu-radius-lg: 22px;
--pmu-shadow-sm: 0 8px 24px rgba(32, 22, 27, .07);
--pmu-shadow-md: 0 22px 60px rgba(32, 22, 27, .14);
--pmu-transition: 180ms ease;
}
body {
color: var(--pmu-ink);
background: var(--pmu-bg);
}
#header-top-bar.pmu-topbar,
#header_main_zone.pmu-site-header,
.pmu-primary-nav {
text-rendering: optimizeLegibility;
font-synthesis: none;
}
.pmu-header-container {
width: min(calc(100% - 48px), var(--pmu-container));
max-width: var(--pmu-container);
margin-inline: auto;
}
/* Utility bar */
#header-top-bar.pmu-topbar {
min-height: 40px;
padding: 0 !important;
border: 0 !important;
background: var(--pmu-ink) !important;
color: #fff;
}
.pmu-topbar__inner {
min-height: 40px;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 24px;
}
.pmu-topbar__contact,
.pmu-topbar__nav,
.pmu-topbar__message {
display: flex;
align-items: center;
min-width: 0;
}
.pmu-topbar__contact {
justify-content: flex-start;
gap: 12px;
}
.pmu-topbar__message {
justify-content: center;
gap: 7px;
color: rgba(255, 255, 255, .82);
font-size: 12px;
font-weight: 500;
line-height: 1.2;
white-space: nowrap;
}
.pmu-topbar__message i {
color: #e7bac9;
font-size: 14px;
}
.pmu-topbar__nav {
justify-content: flex-end;
gap: 18px;
}
.pmu-topbar__link,
.pmu-topbar__nav a {
display: inline-flex;
align-items: center;
gap: 6px;
color: rgba(255, 255, 255, .72) !important;
font-size: 11px;
font-weight: 500;
line-height: 1.2;
text-decoration: none !important;
white-space: nowrap;
transition: color var(--pmu-transition);
}
.pmu-topbar__link:hover,
.pmu-topbar__nav a:hover {
color: #fff !important;
}
.pmu-topbar__divider {
width: 1px;
height: 12px;
background: rgba(255, 255, 255, .2);
}
/* Main header */
#header_main_zone.pmu-site-header {
position: relative;
z-index: 1050;
width: 100%;
max-width: none;
margin: 0;
padding: 0 !important;
border: 0;
background: rgba(255, 255, 255, .98);
color: var(--pmu-ink);
transition: box-shadow var(--pmu-transition), border-color var(--pmu-transition), background var(--pmu-transition);
}
#header_main_zone.pmu-site-header--sticky {
position: sticky;
top: 0;
}
#header_main_zone.pmu-site-header.is-scrolled {
border-bottom: 1px solid var(--pmu-line);
background: rgba(255, 255, 255, .94);
box-shadow: 0 12px 34px rgba(32, 22, 27, .08);
backdrop-filter: saturate(150%) blur(14px);
-webkit-backdrop-filter: saturate(150%) blur(14px);
}
.pmu-header-main {
min-height: 92px;
display: grid;
grid-template-columns: minmax(170px, 220px) minmax(300px, 1fr) auto;
align-items: center;
gap: 28px;
}
.pmu-header-brand {
display: flex;
align-items: center;
gap: 11px;
min-width: 0;
}
.pmu-brand-link {
display: inline-flex;
align-items: center;
min-width: 0;
text-decoration: none !important;
}
.pmu-brand-logo,
#header_main_zone .logoImg {
display: block;
width: auto;
max-width: 210px !important;
max-height: 58px;
object-fit: contain;
}
.pmu-mobile-menu-button {
width: 42px;
height: 42px;
display: none;
align-items: center;
justify-content: center;
flex: 0 0 auto;
padding: 0;
border: 1px solid var(--pmu-line);
border-radius: 11px;
background: #fff;
color: var(--pmu-ink) !important;
font-size: 24px;
line-height: 1;
transition: border-color var(--pmu-transition), background var(--pmu-transition), color var(--pmu-transition);
}
.pmu-mobile-menu-button:hover,
.pmu-mobile-menu-button:focus-visible,
.pmu-mobile-menu-button.active {
border-color: rgba(155, 73, 104, .42);
background: var(--pmu-primary-soft);
color: var(--pmu-primary) !important;
}
/* Search */
.pmu-header-search {
position: relative;
min-width: 0;
}
.pmu-search-form {
height: 54px;
display: grid;
grid-template-columns: 46px minmax(0, 1fr) auto;
align-items: center;
overflow: hidden;
border: 1px solid var(--pmu-line);
border-radius: 13px;
background: #faf9f9;
transition: border-color var(--pmu-transition), background var(--pmu-transition), box-shadow var(--pmu-transition);
}
.pmu-search-form:focus-within {
border-color: var(--pmu-primary);
background: #fff;
box-shadow: 0 0 0 4px rgba(155, 73, 104, .10);
}
.pmu-search-form__icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--pmu-muted);
font-size: 20px;
}
.pmu-search-form input {
width: 100%;
min-width: 0;
height: 52px;
padding: 0 14px 0 0;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: var(--pmu-ink);
font-size: 14px;
font-weight: 400;
}
.pmu-search-form input::placeholder {
color: #8b8286;
opacity: 1;
}
.pmu-search-form__button {
min-width: 82px;
height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
margin-right: 5px;
padding: 0 14px;
border: 0;
border-radius: 9px;
background: var(--pmu-ink);
color: #fff;
font-size: 12px;
font-weight: 600;
transition: background var(--pmu-transition), transform var(--pmu-transition);
}
.pmu-search-form__button:hover {
background: var(--pmu-primary);
transform: translateY(-1px);
}
.pmu-search-results.searchlist {
position: absolute !important;
top: calc(100% + 8px) !important;
left: 0 !important;
right: 0 !important;
z-index: 1080 !important;
width: 100% !important;
max-height: min(62vh, 520px);
overflow-y: auto;
margin: 0 !important;
padding: 8px !important;
border: 1px solid var(--pmu-line) !important;
border-radius: 15px !important;
background: #fff !important;
box-shadow: var(--pmu-shadow-md) !important;
}
.pmu-search-results.searchlist:empty {
display: none !important;
}
.pmu-search-results.searchlist li {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.pmu-search-results.searchlist li + li {
margin-top: 3px !important;
}
.pmu-search-results.searchlist li > a,
.pmu-search-results.searchlist li a.searchLia {
display: block !important;
margin: 0 !important;
padding: 9px 10px !important;
border: 0 !important;
border-radius: 10px !important;
background: transparent !important;
color: var(--pmu-ink) !important;
text-decoration: none !important;
transition: background var(--pmu-transition);
}
.pmu-search-results.searchlist li > a:hover {
background: var(--pmu-surface-soft) !important;
}
.pmu-search-results .searchImg {
width: 54px !important;
height: 54px !important;
margin: 0 !important;
border: 1px solid var(--pmu-line);
border-radius: 9px;
object-fit: contain;
background: #fff;
}
.pmu-search-results .searchRight {
padding-top: 0 !important;
}
.pmu-search-results .searchProductname {
margin: 0 0 4px !important;
color: var(--pmu-ink) !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.45;
}
.pmu-search-results .searchProductpriceNew {
color: var(--pmu-ink) !important;
font-size: 12px;
font-weight: 700 !important;
}
.pmu-search-results .searchProductpriceOld {
color: var(--pmu-muted) !important;
font-size: 10px;
}
/* Header actions */
.pmu-header-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 3px;
min-width: 0;
}
.pmu-header-action {
position: relative;
min-width: 64px;
height: 60px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
padding: 6px 9px;
border: 0;
border-radius: 11px;
background: transparent;
color: var(--pmu-ink) !important;
text-align: left;
text-decoration: none !important;
transition: background var(--pmu-transition), color var(--pmu-transition);
}
.pmu-header-action:hover,
.pmu-header-action:focus-visible,
.pmu-account-dropdown.is-open .pmu-account-button,
.pmu-language-button[aria-expanded="true"] {
background: var(--pmu-surface-soft);
color: var(--pmu-primary) !important;
}
.pmu-header-action__icon {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
font-size: 24px;
line-height: 1;
}
.pmu-header-action__copy {
display: grid;
gap: 3px;
min-width: 0;
white-space: nowrap;
}
.pmu-header-action__copy small {
color: var(--pmu-muted);
font-size: 10px;
font-weight: 500;
line-height: 1.15;
}
.pmu-header-action__copy strong {
color: currentColor;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
}
.pmu-action-count {
position: absolute;
top: -8px;
right: -9px;
min-width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 4px;
border: 2px solid #fff;
border-radius: 99px;
background: var(--pmu-primary);
color: #fff;
font-size: 9px;
font-style: normal;
font-weight: 700;
line-height: 1;
}
.pmu-language-button::after {
display: none !important;
}
.pmu-language-menu,
.pmu-account-menu {
border: 1px solid var(--pmu-line) !important;
border-radius: 15px !important;
background: #fff !important;
box-shadow: var(--pmu-shadow-md) !important;
}
.pmu-language-menu {
width: 260px !important;
min-width: 260px !important;
margin-top: 8px !important;
padding: 12px !important;
}
.pmu-language-menu__section + .pmu-language-menu__section {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid var(--pmu-line);
}
.pmu-language-menu__title {
display: flex;
align-items: center;
gap: 7px;
margin: 0 0 8px;
color: var(--pmu-muted);
font-size: 11px;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
}
.pmu-language-menu__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px;
}
.pmu-language-option {
min-height: 38px;
display: flex;
align-items: center;
gap: 7px;
padding: 6px 8px;
border: 1px solid var(--pmu-line);
border-radius: 9px;
color: var(--pmu-ink) !important;
font-size: 11px;
font-weight: 600;
text-decoration: none !important;
transition: border-color var(--pmu-transition), background var(--pmu-transition);
}
.pmu-language-option:hover {
border-color: rgba(155, 73, 104, .35);
background: var(--pmu-primary-soft);
}
.pmu-language-option img {
width: 21px;
height: 21px;
border-radius: 50%;
object-fit: cover;
}
.pmu-country-select {
min-height: 40px;
border: 1px solid var(--pmu-line) !important;
border-radius: 9px !important;
background-color: #fff !important;
color: var(--pmu-ink) !important;
font-size: 12px !important;
box-shadow: none !important;
}
.pmu-account-dropdown {
position: relative;
}
.pmu-account-menu {
position: absolute;
top: calc(100% + 8px);
right: 0;
z-index: 1080;
width: max-content;
min-width: 220px;
display: none;
padding: 8px;
}
.pmu-account-dropdown.is-open .pmu-account-menu {
display: block;
animation: pmuMenuIn 160ms ease both;
}
.pmu-account-menu a {
min-height: 42px;
display: flex;
align-items: center;
gap: 9px;
padding: 9px 10px;
border-radius: 9px;
color: var(--pmu-ink) !important;
font-size: 12px;
font-weight: 600;
text-decoration: none !important;
transition: background var(--pmu-transition), color var(--pmu-transition);
}
.pmu-account-menu a:hover {
background: var(--pmu-surface-soft);
color: var(--pmu-primary) !important;
}
.pmu-account-menu a i {
width: 22px;
color: var(--pmu-primary);
font-size: 16px;
text-align: center;
}
.pmu-support-action {
min-width: 172px;
height: 58px;
display: inline-flex;
align-items: center;
gap: 10px;
margin-left: 8px;
padding: 6px 0 6px 12px;
border-left: 1px solid var(--pmu-line);
color: var(--pmu-ink) !important;
text-decoration: none !important;
}
.pmu-support-action__icon {
position: relative;
width: 42px;
height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
border-radius: 12px;
background: var(--pmu-primary-soft);
color: var(--pmu-primary);
font-size: 19px;
}
.pmu-support-action__status {
position: absolute;
right: -2px;
bottom: -2px;
width: 10px;
height: 10px;
border: 2px solid #fff;
border-radius: 50%;
background: #41a274;
}
.pmu-support-action__copy {
display: grid;
gap: 4px;
min-width: 0;
}
.pmu-support-action__copy small {
color: var(--pmu-muted);
font-size: 10px;
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
}
.pmu-support-action__copy strong {
max-width: 142px;
overflow: hidden;
color: var(--pmu-ink);
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Desktop navigation - scalable menu architecture */
.pmu-primary-nav {
position: relative;
z-index: 1040;
padding: 0 !important;
border-top: 1px solid var(--pmu-line);
border-bottom: 1px solid var(--pmu-line);
background: #fff;
box-shadow: 0 5px 20px rgba(31, 26, 29, .035);
}
.pmu-primary-nav__inner {
position: relative;
}
.pmu-primary-nav__list {
min-height: 56px;
display: flex;
flex-wrap: nowrap;
align-items: stretch;
justify-content: center;
gap: 2px;
width: 100%;
margin: 0;
padding: 0;
overflow: visible;
list-style: none;
}
.pmu-primary-nav__list.has-overflow {
justify-content: flex-start;
}
.pmu-nav-item {
position: static;
display: flex;
flex: 0 0 auto;
align-items: stretch;
min-width: 0;
margin: 0;
padding: 0;
list-style: none;
}
.pmu-nav-trigger {
position: relative;
min-height: 56px;
display: flex;
align-items: stretch;
}
.pmu-nav-link {
position: relative;
display: inline-flex;
align-items: center;
gap: 7px;
min-width: 0;
padding: 0 15px;
color: var(--pmu-ink) !important;
font-size: 13px;
font-weight: 600;
line-height: 1.25;
text-decoration: none !important;
white-space: nowrap;
transition: color var(--pmu-transition), background var(--pmu-transition);
}
.pmu-nav-link::after {
content: "";
position: absolute;
right: 15px;
bottom: -1px;
left: 15px;
height: 2px;
border-radius: 99px 99px 0 0;
background: var(--pmu-primary);
transform: scaleX(0);
transform-origin: center;
transition: transform var(--pmu-transition);
}
.pmu-nav-item:hover > .pmu-nav-trigger .pmu-nav-link,
.pmu-nav-item.is-open > .pmu-nav-trigger .pmu-nav-link,
.pmu-nav-item.active > .pmu-nav-trigger .pmu-nav-link,
.pmu-nav-link:hover {
background: var(--pmu-surface-soft);
color: var(--pmu-primary) !important;
}
.pmu-nav-item:hover > .pmu-nav-trigger .pmu-nav-link::after,
.pmu-nav-item.is-open > .pmu-nav-trigger .pmu-nav-link::after,
.pmu-nav-item.active > .pmu-nav-trigger .pmu-nav-link::after {
transform: scaleX(1);
}
.pmu-nav-link--categories {
padding-left: 15px;
background: var(--pmu-ink);
color: #fff !important;
}
.pmu-nav-item--categories:hover .pmu-nav-link--categories,
.pmu-nav-item--categories.is-open .pmu-nav-link--categories {
background: var(--pmu-primary);
color: #fff !important;
}
.pmu-nav-link--categories::after {
display: none;
}
.pmu-nav-toggle {
width: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: -7px;
padding: 0 8px 0 0;
border: 0;
background: transparent;
color: var(--pmu-muted);
font-size: 11px;
transition: color var(--pmu-transition), transform var(--pmu-transition);
}
.pmu-nav-item--categories .pmu-nav-toggle {
margin-left: 0;
padding: 0 9px 0 4px;
background: var(--pmu-ink);
color: rgba(255, 255, 255, .76);
}
.pmu-nav-item--categories:hover .pmu-nav-toggle,
.pmu-nav-item--categories.is-open .pmu-nav-toggle {
background: var(--pmu-primary);
color: #fff;
}
.pmu-nav-item:hover > .pmu-nav-trigger .pmu-nav-toggle i,
.pmu-nav-item.is-open > .pmu-nav-trigger .pmu-nav-toggle i {
transform: rotate(180deg);
}
.pmu-nav-toggle i {
transition: transform var(--pmu-transition);
}
.pmu-mega-menu {
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 1070;
display: none;
max-height: min(72vh, 720px);
overflow-x: hidden;
overflow-y: auto;
padding: 24px 24px 0;
border: 1px solid var(--pmu-line);
border-top: 2px solid var(--pmu-primary);
border-radius: 0 0 18px 18px;
background: #fff;
box-shadow: var(--pmu-shadow-md);
overscroll-behavior: contain;
}
@media (hover: hover) and (pointer: fine) {
.pmu-nav-item--has-children:hover > .pmu-mega-menu {
display: block;
animation: pmuMenuIn 160ms ease both;
}
}
.pmu-nav-item--has-children.is-open > .pmu-mega-menu {
display: block;
animation: pmuMenuIn 160ms ease both;
}
.pmu-mega-menu__grid,
.pmu-category-menu__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 280px));
justify-content: start;
align-items: start;
gap: 16px;
}
.pmu-mega-group,
.pmu-category-menu__group {
min-width: 0;
padding: 16px;
border: 1px solid #eee7ea;
border-radius: 14px;
background: linear-gradient(180deg, #fff 0%, #fcfafb 100%);
transition: border-color var(--pmu-transition), box-shadow var(--pmu-transition), transform var(--pmu-transition);
}
.pmu-mega-group:hover,
.pmu-category-menu__group:hover {
border-color: #dfc8d1;
box-shadow: 0 10px 24px rgba(155, 73, 104, .07);
transform: translateY(-2px);
}
.pmu-mega-heading {
min-height: 40px;
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
color: var(--pmu-ink) !important;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
text-decoration: none !important;
overflow-wrap: anywhere;
}
.pmu-mega-heading:hover {
color: var(--pmu-primary) !important;
}
.pmu-mega-heading img {
width: 38px;
height: 38px;
flex: 0 0 auto;
padding: 4px;
border: 1px solid var(--pmu-line);
border-radius: 10px;
object-fit: contain;
background: #fff;
}
.pmu-mega-links {
display: grid;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
}
.pmu-mega-links li {
min-width: 0;
margin: 0;
padding: 0;
list-style: none;
}
.pmu-mega-links a {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
min-width: 0;
padding: 7px 9px;
border: 1px solid transparent;
border-radius: 9px;
background: transparent;
color: #625a5f !important;
font-size: 12px;
font-weight: 500;
line-height: 1.5;
text-decoration: none !important;
overflow-wrap: anywhere;
transition: color var(--pmu-transition), background var(--pmu-transition), border-color var(--pmu-transition), transform var(--pmu-transition);
}
.pmu-mega-links a::after {
content: "\2192";
flex: 0 0 auto;
color: var(--pmu-primary);
opacity: 0;
transform: translateX(-3px);
transition: opacity var(--pmu-transition), transform var(--pmu-transition);
}
.pmu-mega-links a:hover {
border-color: #ead9e0;
background: #fcf6f8;
color: var(--pmu-primary) !important;
transform: translateX(2px);
}
.pmu-mega-links a:hover::after {
opacity: 1;
transform: translateX(0);
}
.pmu-mega-menu__footer {
margin: 22px -24px 0;
border-top: 1px solid var(--pmu-line);
background: #faf9f9;
}
.pmu-mega-menu__footer a {
min-height: 52px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
padding: 0 22px;
color: var(--pmu-ink) !important;
font-size: 12px;
font-weight: 700;
text-decoration: none !important;
}
.pmu-mega-menu__footer a:hover {
color: var(--pmu-primary) !important;
}
/* Automatically generated overflow menu (Diğer). */
.pmu-nav-overflow {
position: relative;
margin-left: auto;
}
.pmu-nav-overflow[hidden] {
display: none !important;
}
.pmu-nav-overflow__button {
min-height: 56px;
border: 0;
cursor: pointer;
}
.pmu-nav-overflow__panel {
position: absolute;
top: 100%;
right: 0;
z-index: 1080;
display: none;
width: min(430px, calc(100vw - 32px));
max-height: min(72vh, 650px);
overflow-y: auto;
border: 1px solid var(--pmu-line);
border-top: 2px solid var(--pmu-primary);
border-radius: 0 0 16px 16px;
background: #fff;
box-shadow: var(--pmu-shadow-md);
overscroll-behavior: contain;
}
@media (hover: hover) and (pointer: fine) {
.pmu-nav-overflow:hover > .pmu-nav-overflow__panel {
display: block;
animation: pmuMenuIn 160ms ease both;
}
}
.pmu-nav-overflow.is-open > .pmu-nav-overflow__panel {
display: block;
animation: pmuMenuIn 160ms ease both;
}
.pmu-nav-overflow__list {
display: grid;
gap: 0;
margin: 0;
padding: 8px;
list-style: none;
}
.pmu-nav-overflow__list > .pmu-nav-item {
position: relative;
display: block;
width: 100%;
border-bottom: 1px solid #f0ebed;
}
.pmu-nav-overflow__list > .pmu-nav-item:last-child {
border-bottom: 0;
}
.pmu-nav-overflow__list > .pmu-nav-item > .pmu-nav-trigger {
min-height: 48px;
width: 100%;
}
.pmu-nav-overflow__list > .pmu-nav-item > .pmu-nav-trigger .pmu-nav-link {
min-height: 48px;
flex: 1 1 auto;
justify-content: flex-start;
padding: 0 12px;
border-radius: 9px;
font-size: 13px;
white-space: normal;
overflow-wrap: anywhere;
}
.pmu-nav-overflow__list > .pmu-nav-item > .pmu-nav-trigger .pmu-nav-link::after {
display: none;
}
.pmu-nav-overflow__list > .pmu-nav-item > .pmu-nav-trigger .pmu-nav-toggle {
width: 42px;
min-width: 42px;
margin: 0;
padding: 0;
}
.pmu-nav-overflow__list > .pmu-nav-item > .pmu-mega-menu {
position: static;
inset: auto;
display: none;
width: 100%;
max-height: none;
margin: 0;
padding: 14px;
overflow: visible;
border: 0;
border-top: 1px solid var(--pmu-line);
border-radius: 0;
background: #faf8f9;
box-shadow: none;
}
@media (hover: hover) and (pointer: fine) {
.pmu-nav-overflow__list > .pmu-nav-item--has-children:hover > .pmu-mega-menu {
display: none;
}
}
.pmu-nav-overflow__list > .pmu-nav-item--has-children.is-open > .pmu-mega-menu {
display: block;
animation: none;
}
.pmu-nav-overflow__list .pmu-mega-menu__grid,
.pmu-nav-overflow__list .pmu-category-menu__grid {
grid-template-columns: 1fr;
gap: 10px;
}
.pmu-nav-overflow__list .pmu-mega-group,
.pmu-nav-overflow__list .pmu-category-menu__group {
padding: 12px;
background: #fff;
}
.pmu-nav-overflow__empty {
padding: 16px;
color: var(--pmu-muted);
font-size: 12px;
text-align: center;
}
.pmu-mega-menu::-webkit-scrollbar,
.pmu-nav-overflow__panel::-webkit-scrollbar {
width: 8px;
}
.pmu-mega-menu::-webkit-scrollbar-thumb,
.pmu-nav-overflow__panel::-webkit-scrollbar-thumb {
border-radius: 99px;
background: #d8c9cf;
}
.pmu-mega-menu::-webkit-scrollbar-track,
.pmu-nav-overflow__panel::-webkit-scrollbar-track {
background: #f7f3f5;
}
@keyframes pmuMenuIn {
from {
opacity: 0;
transform: translateY(-6px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Keep the new responsive search as the single mobile search field. */
.nymobilesearch {
display: none !important;
}
/* Mobile drawer, rendered by footer.tpl */
.mobile-menu-overlay {
z-index: 1090 !important;
background: rgba(25, 21, 24, .52) !important;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
.mobile-menu-container {
z-index: 1100 !important;
width: min(88vw, 390px) !important;
max-width: 390px !important;
padding: 0 !important;
border: 0 !important;
background: #fff !important;
box-shadow: 18px 0 60px rgba(25, 21, 24, .18) !important;
}
.mobile-menu-close-header {
min-height: 66px;
align-items: center;
margin: 0 !important;
padding: 0 18px !important;
border-bottom: 1px solid var(--pmu-line);
}
.mobile-menu-close-title {
color: var(--pmu-ink);
font-size: 12px !important;
font-weight: 700 !important;
}
.mobile-menu-close {
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--pmu-line);
border-radius: 10px;
background: #fff;
color: var(--pmu-ink) !important;
font-size: 19px !important;
}
.mobile-menu-container > .mobile-menu-buttons {
gap: 8px !important;
padding: 14px 16px 0;
}
.mobile-menu-buttons a {
min-height: 42px !important;
height: auto !important;
gap: 7px !important;
padding: 8px 10px;
border: 1px solid var(--pmu-line) !important;
border-radius: 10px !important;
background: #fff;
color: var(--pmu-ink) !important;
font-size: 9px !important;
font-weight: 650 !important;
}
.mobile-menu-buttons a:hover {
border-color: rgba(155, 73, 104, .38) !important;
background: var(--pmu-primary-soft);
color: var(--pmu-primary) !important;
}
.mobile-menu-buttons a i {
color: currentColor !important;
font-size: 14px !important;
}
.mobile-menu-wrapper {
padding: 14px 16px !important;
}
.mobile-menu {
overflow: hidden;
border: 1px solid var(--pmu-line);
border-radius: 13px;
background: #fff;
}
.mobile-menu li {
border-bottom: 1px solid var(--pmu-line) !important;
}
.mobile-menu li:last-child {
border-bottom: 0 !important;
}
.mobile-menu li a {
min-height: 46px;
display: flex !important;
align-items: center;
margin-right: 0 !important;
padding: 12px 48px 12px 13px !important;
color: var(--pmu-ink) !important;
font-size: 10px !important;
font-weight: 600;
line-height: 1.4;
text-transform: none !important;
}
.mobile-menu li.open > a,
.mobile-menu li.active > a,
.mobile-menu li a:hover {
background: var(--pmu-surface-soft);
color: var(--pmu-primary) !important;
}
.mobile-menu li ul {
background: #faf9f9;
}
.mobile-menu li ul li a {
padding-left: 22px !important;
color: var(--pmu-muted) !important;
font-weight: 500;
}
.mobile-menu li ul ul li a {
padding-left: 32px !important;
}
.mmenu-btn {
top: 0 !important;
right: 5px !important;
width: 40px !important;
height: 46px !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
color: var(--pmu-muted) !important;
font-size: 17px !important;
line-height: 1 !important;
}
.mobile-menu li.open > a > .mmenu-btn,
.mobile-menu li.open > .mmenu-btn {
color: var(--pmu-primary) !important;
transform: rotate(90deg);
}
.mobile-menu-container .social-icons {
justify-content: flex-start !important;
gap: 8px;
padding: 0 16px 16px;
}
.mobile-menu-container .social-icons a {
width: 36px;
height: 36px;
display: inline-flex !important;
align-items: center;
justify-content: center;
margin: 0 !important;
border: 1px solid var(--pmu-line) !important;
border-radius: 10px;
background: #fff;
color: var(--pmu-ink) !important;
}
/* Responsive header */
@media (max-width: 1320px) {
.pmu-header-container {
width: min(calc(100% - 32px), var(--pmu-container));
}
.pmu-header-main {
grid-template-columns: minmax(160px, 190px) minmax(260px, 1fr) auto;
gap: 18px;
}
.pmu-brand-logo,
#header_main_zone .logoImg {
max-width: 180px !important;
}
.pmu-header-action__copy {
display: none;
}
.pmu-header-action {
width: 44px;
min-width: 44px;
height: 44px;
padding: 0;
}
.pmu-support-action {
min-width: 132px;
}
.pmu-nav-link {
padding-inline: 11px;
font-size: 12px;
}
.pmu-nav-link::after {
right: 11px;
left: 11px;
}
}
@media (max-width: 1100px) {
.pmu-support-action {
display: none;
}
.pmu-nav-link {
padding-inline: 9px;
font-size: 12px;
}
}
@media (max-width: 991.98px) {
#header-top-bar.pmu-topbar {
display: none !important;
}
.pmu-header-container {
width: calc(100% - 28px);
}
#header_main_zone.pmu-site-header--sticky {
top: 0;
}
.pmu-header-main {
min-height: auto;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
padding: 11px 0 12px;
}
.pmu-header-brand {
min-width: 0;
}
.pmu-mobile-menu-button {
display: inline-flex;
}
.pmu-brand-logo,
#header_main_zone .logoImg {
max-width: 155px !important;
max-height: 45px;
}
.pmu-header-search {
grid-column: 1 / -1;
grid-row: 2;
}
.pmu-search-form {
height: 46px;
}
.pmu-search-form input {
height: 44px;
font-size: 14px;
}
.pmu-search-form__button {
min-width: 42px;
width: 42px;
height: 36px;
padding: 0;
}
.pmu-search-form__button span {
display: none;
}
.pmu-header-actions {
gap: 1px;
}
.pmu-language-selector,
.pmu-favorite-action,
.pmu-support-action {
display: none !important;
}
.pmu-header-action {
width: 40px;
min-width: 40px;
height: 40px;
}
.pmu-header-action__icon {
font-size: 20px;
}
.pmu-primary-nav {
display: none;
}
.pmu-account-menu {
position: fixed;
top: 66px;
right: 14px;
width: min(270px, calc(100vw - 28px));
}
.pmu-search-results.searchlist {
max-height: 55vh;
}
}
@media (max-width: 575.98px) {
.pmu-header-container {
width: calc(100% - 22px);
}
.pmu-header-main {
padding-top: 9px;
}
.pmu-mobile-menu-button {
width: 38px;
height: 38px;
border-radius: 10px;
font-size: 22px;
}
.pmu-brand-logo,
#header_main_zone .logoImg {
max-width: 138px !important;
max-height: 40px;
}
.pmu-header-action {
width: 37px;
min-width: 37px;
height: 38px;
}
.pmu-action-count {
top: -7px;
right: -7px;
min-width: 17px;
height: 17px;
}
.pmu-search-form {
grid-template-columns: 40px minmax(0, 1fr) auto;
border-radius: 11px;
}
.pmu-search-form__button {
margin-right: 4px;
border-radius: 8px;
}
}
@media (prefers-reduced-motion: reduce) {
#header_main_zone *,
.mobile-menu-container *,
.mobile-menu-overlay {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
}
}
/* ==========================================================================
PANORMOS PMU — PHASE 2 / HOME UPPER AREA
Hero, category stories and three-box application showcase.
========================================================================== */
:root {
--pmu-content-width: 1680px;
--pmu-page-gutter: clamp(16px, 2.1vw, 34px);
--pmu-section-space: clamp(28px, 4.2vw, 68px);
--pmu-card-radius: 18px;
--pmu-hero-radius: 22px;
}
.pmu-container {
width: min(calc(100% - (var(--pmu-page-gutter) * 2)), var(--pmu-content-width));
margin-inline: auto;
}
/* Home spacing */
#home_wrapper {
padding-bottom: clamp(40px, 6vw, 90px);
}
#home_wrapper > .cmp,
#home_wrapper > section.cmp,
#home_wrapper > div.cmp {
margin-top: var(--pmu-section-space) !important;
margin-bottom: 0 !important;
}
#home_wrapper > .pmu-hero-section {
margin-top: clamp(18px, 2.4vw, 34px) !important;
}
/* Hero slider */
.pmu-hero-section {
padding-inline: 0 !important;
}
.pmu-hero-frame {
position: relative;
overflow: hidden;
border: 1px solid var(--pmu-line);
border-radius: var(--pmu-hero-radius);
background: var(--pmu-surface);
box-shadow: 0 22px 60px rgba(22, 27, 34, .08);
}
.pmu-hero-slider {
position: relative;
overflow: hidden;
border-radius: inherit;
}
.pmu-hero-slider .swiper-slide {
position: relative;
background: #f3f4f5;
}
.pmu-hero-slider .swiper-slide a {
display: block;
width: 100%;
}
.pmu-hero-image {
display: block;
width: 100%;
height: auto;
aspect-ratio: 2.42 / 1;
object-fit: cover;
object-position: center;
}
.pmu-hero-slider .swiper-button-prev,
.pmu-hero-slider .swiper-button-next {
display: flex !important;
width: 48px;
height: 48px;
margin-top: -24px;
border: 1px solid rgba(29, 33, 39, .12);
border-radius: 50%;
background: rgba(255, 255, 255, .94);
color: var(--pmu-ink) !important;
box-shadow: 0 12px 28px rgba(22, 27, 34, .12);
backdrop-filter: blur(10px);
transition: transform .2s ease, border-color .2s ease, color .2s ease, background .2s ease;
}
.pmu-hero-slider .swiper-button-prev {
left: 22px !important;
}
.pmu-hero-slider .swiper-button-next {
right: 22px !important;
}
.pmu-hero-slider .swiper-button-prev::after,
.pmu-hero-slider .swiper-button-next::after {
font-size: 17px !important;
font-weight: 700;
}
.pmu-hero-slider .swiper-button-prev:hover,
.pmu-hero-slider .swiper-button-next:hover {
transform: scale(1.05);
border-color: rgba(176, 0, 98, .36);
background: #fff;
color: var(--pmu-brand) !important;
}
.pmu-hero-slider .swiper-pagination {
bottom: 18px !important;
}
.pmu-hero-slider .swiper-pagination-bullet {
width: 7px;
height: 7px;
margin: 0 5px !important;
border-radius: 99px;
background: rgba(29, 33, 39, .35);
opacity: 1;
transition: width .22s ease, background .22s ease;
}
.pmu-hero-slider .swiper-pagination-bullet-active {
width: 30px;
background: var(--pmu-brand);
}
/* Section heading shared by stories and application cards */
.pmu-section-heading {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 22px;
}
.pmu-section-heading-copy {
min-width: 0;
}
.pmu-section-eyebrow {
display: block;
margin-bottom: 7px;
color: var(--pmu-brand);
font-size: 11px;
font-weight: 600;
line-height: 1.3;
letter-spacing: .16em;
text-transform: uppercase;
}
.pmu-section-title {
margin: 0;
color: var(--pmu-ink);
font-size: clamp(24px, 2.3vw, 38px);
font-weight: 600;
line-height: 1.15;
letter-spacing: -.025em;
}
.pmu-section-description {
max-width: 680px;
margin: 9px 0 0;
color: var(--pmu-muted);
font-size: clamp(13px, 1vw, 15px);
line-height: 1.7;
}
/* Category stories */
.pmu-stories-section {
padding-inline: 0 !important;
}
.pmu-stories-panel {
padding: clamp(22px, 2.5vw, 34px);
border: 1px solid var(--pmu-line);
border-radius: var(--pmu-card-radius);
background: var(--pmu-surface);
box-shadow: var(--pmu-shadow-sm);
}
.pmu-stories-track {
display: flex;
gap: clamp(14px, 1.8vw, 24px);
overflow-x: auto !important;
padding: 4px 2px 10px !important;
scroll-snap-type: x proximity;
scrollbar-width: none;
text-align: left !important;
}
.pmu-stories-track::-webkit-scrollbar {
display: none;
}
.pmu-stories-track .story {
flex: 0 0 clamp(92px, 8vw, 126px);
width: clamp(92px, 8vw, 126px) !important;
max-width: none !important;
margin: 0 !important;
scroll-snap-align: start;
}
.pmu-stories-track .story > .item-link,
.pmu-stories-track .story .item-link {
display: flex !important;
flex-direction: column;
align-items: center;
gap: 10px;
color: var(--pmu-ink) !important;
}
.pmu-stories-track .story .item-preview {
position: relative;
width: clamp(78px, 7vw, 108px) !important;
height: clamp(78px, 7vw, 108px) !important;
margin: 0 auto !important;
padding: 4px !important;
border: 1px solid #e1e4e8 !important;
border-radius: 50% !important;
background: #fff !important;
box-shadow: 0 8px 22px rgba(22, 27, 34, .08);
transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.pmu-stories-track .story .item-preview::before {
content: "";
position: absolute;
inset: -3px;
border: 1px solid rgba(176, 0, 98, .22);
border-radius: inherit;
pointer-events: none;
}
.pmu-stories-track .story .item-preview img {
width: 100% !important;
height: 100% !important;
border-radius: 50% !important;
object-fit: cover !important;
}
.pmu-stories-track .story:hover .item-preview,
.pmu-stories-track .story:focus-within .item-preview {
transform: translateY(-3px);
border-color: rgba(176, 0, 98, .45) !important;
box-shadow: 0 13px 28px rgba(22, 27, 34, .13);
}
.pmu-stories-track .story .info {
width: 100%;
margin-top: 0 !important;
text-align: center;
}
.pmu-stories-track .story .info .name {
display: -webkit-box !important;
min-height: 38px;
overflow: hidden;
color: #272c33 !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.5 !important;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
/* Three application cards */
.pmu-threebox-section {
padding-inline: 0 !important;
}
.pmu-threebox-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(16px, 1.8vw, 28px);
}
.pmu-threebox-card {
min-width: 0;
}
.pmu-threebox-link {
position: relative;
display: block;
min-height: clamp(360px, 31vw, 520px);
overflow: hidden;
border: 1px solid var(--pmu-line);
border-radius: var(--pmu-card-radius);
background: #20242a;
box-shadow: var(--pmu-shadow-sm);
isolation: isolate;
}
.pmu-threebox-image {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center;
transition: transform .7s cubic-bezier(.2, .7, .2, 1), filter .35s ease;
}
.pmu-threebox-shade {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(13, 16, 19, .02) 20%, rgba(13, 16, 19, .18) 48%, rgba(13, 16, 19, .84) 100%);
transition: background .3s ease;
}
.pmu-threebox-content {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: clamp(22px, 2.5vw, 38px);
color: #fff;
}
.pmu-threebox-index {
display: inline-flex;
align-items: center;
min-height: 27px;
margin-bottom: 14px;
padding: 4px 10px;
border: 1px solid rgba(255, 255, 255, .34);
border-radius: 999px;
background: rgba(255, 255, 255, .12);
color: #fff;
font-size: 10px;
font-weight: 600;
letter-spacing: .14em;
text-transform: uppercase;
backdrop-filter: blur(8px);
}
.pmu-threebox-title {
margin: 0;
color: #fff !important;
font-size: clamp(24px, 2vw, 36px);
font-weight: 600;
line-height: 1.14;
letter-spacing: -.025em;
text-shadow: 0 3px 24px rgba(0, 0, 0, .28);
}
.pmu-threebox-description {
display: -webkit-box;
max-width: 520px;
margin: 12px 0 0;
overflow: hidden;
color: rgba(255, 255, 255, .87) !important;
font-size: 14px;
line-height: 1.7;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.pmu-threebox-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 42px;
margin-top: 20px;
padding: 10px 17px;
border: 1px solid rgba(255, 255, 255, .72);
border-radius: 999px;
background: #fff;
color: #20242a !important;
font-size: 12px;
font-weight: 600;
line-height: 1;
transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.pmu-threebox-button::after {
content: "\F285";
font-family: bootstrap-icons !important;
font-size: 12px;
}
.pmu-threebox-link:hover .pmu-threebox-image,
.pmu-threebox-link:focus-visible .pmu-threebox-image {
transform: scale(1.045);
filter: saturate(1.04);
}
.pmu-threebox-link:hover .pmu-threebox-shade,
.pmu-threebox-link:focus-visible .pmu-threebox-shade {
background: linear-gradient(180deg, rgba(13, 16, 19, .04) 12%, rgba(13, 16, 19, .25) 48%, rgba(13, 16, 19, .9) 100%);
}
.pmu-threebox-link:hover .pmu-threebox-button,
.pmu-threebox-link:focus-visible .pmu-threebox-button {
transform: translateX(3px);
border-color: var(--pmu-brand);
background: var(--pmu-brand);
color: #fff !important;
}
.pmu-threebox-link:focus-visible {
outline: 3px solid rgba(176, 0, 98, .24);
outline-offset: 4px;
}
@media (max-width: 1199.98px) {
.pmu-hero-image {
aspect-ratio: 2.1 / 1;
}
.pmu-threebox-grid {
gap: 16px;
}
.pmu-threebox-link {
min-height: 390px;
}
}
@media (max-width: 991.98px) {
#home_wrapper > .cmp,
#home_wrapper > section.cmp,
#home_wrapper > div.cmp {
margin-top: clamp(26px, 5vw, 46px) !important;
}
.pmu-hero-frame {
border-radius: 16px;
}
.pmu-hero-image {
aspect-ratio: 1.78 / 1;
}
.pmu-hero-slider .swiper-button-prev,
.pmu-hero-slider .swiper-button-next {
width: 42px;
height: 42px;
margin-top: -21px;
}
.pmu-hero-slider .swiper-button-prev {
left: 14px !important;
}
.pmu-hero-slider .swiper-button-next {
right: 14px !important;
}
.pmu-threebox-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pmu-threebox-card:last-child {
grid-column: 1 / -1;
}
.pmu-threebox-card:last-child .pmu-threebox-link {
min-height: 360px;
}
}
@media (max-width: 767.98px) {
:root {
--pmu-page-gutter: 14px;
--pmu-card-radius: 15px;
}
.pmu-section-heading {
display: block;
margin-bottom: 17px;
}
.pmu-section-eyebrow {
font-size: 10px;
}
.pmu-section-title {
font-size: 25px;
}
.pmu-section-description {
margin-top: 7px;
font-size: 13px;
}
.pmu-hero-frame {
border-radius: 14px;
box-shadow: 0 12px 32px rgba(22, 27, 34, .08);
}
.pmu-hero-image {
aspect-ratio: auto;
min-height: 0;
object-fit: cover;
}
.pmu-hero-slider .swiper-button-prev,
.pmu-hero-slider .swiper-button-next {
display: none !important;
}
.pmu-hero-slider .swiper-pagination {
bottom: 10px !important;
}
.pmu-stories-panel {
padding: 18px 14px 12px;
}
.pmu-stories-track {
gap: 13px;
margin-inline: -2px;
}
.pmu-stories-track .story {
flex-basis: 82px;
width: 82px !important;
}
.pmu-stories-track .story .item-preview {
width: 72px !important;
height: 72px !important;
}
.pmu-stories-track .story .info .name {
min-height: 34px;
font-size: 11px !important;
}
.pmu-threebox-grid {
grid-template-columns: 1fr;
gap: 14px;
}
.pmu-threebox-card:last-child {
grid-column: auto;
}
.pmu-threebox-link,
.pmu-threebox-card:last-child .pmu-threebox-link {
min-height: clamp(330px, 112vw, 440px);
}
.pmu-threebox-content {
padding: 23px;
}
.pmu-threebox-title {
font-size: 27px;
}
.pmu-threebox-description {
font-size: 13px;
-webkit-line-clamp: 2;
}
}
@media (prefers-reduced-motion: reduce) {
.pmu-hero-slider *,
.pmu-threebox-link *,
.pmu-stories-track * {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
/* ==========================================================================
PANORMOS PMU — PHASE 3 / PRODUCT SHOWCASE AND PRODUCT CARDS
Professional PMU commerce cards with stable dimensions and responsive grids.
========================================================================== */
:root {
--pmu-product-radius: 16px;
--pmu-product-media: #f7f8f9;
--pmu-product-border: #e2e5e9;
--pmu-product-shadow: 0 10px 30px rgba(22, 27, 34, .055);
--pmu-product-shadow-hover: 0 18px 42px rgba(22, 27, 34, .105);
}
/* Product showcase section */
.pmu-product-section {
padding-inline: 0 !important;
}
.pmu-product-zone {
width: min(calc(100% - (var(--pmu-page-gutter) * 2)), var(--pmu-content-width)) !important;
max-width: var(--pmu-content-width) !important;
margin-inline: auto !important;
padding-inline: 0 !important;
}
.pmu-product-carousel {
margin: 0 !important;
}
.pmu-product-section-header {
display: flex !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 24px;
margin-bottom: 22px;
padding: 0 !important;
text-align: left !important;
}
.pmu-product-section-title {
color: var(--pmu-ink) !important;
font-size: clamp(24px, 2.3vw, 38px) !important;
font-weight: 600 !important;
line-height: 1.15 !important;
letter-spacing: -.025em !important;
}
.pmu-product-see-all {
display: inline-flex !important;
align-items: center;
gap: 8px;
min-height: 40px;
padding: 9px 15px !important;
border: 1px solid var(--pmu-line) !important;
border-radius: 999px !important;
background: #fff !important;
color: #2b3036 !important;
font-size: 12px !important;
font-weight: 600 !important;
text-decoration: none !important;
white-space: nowrap;
transition: border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease;
}
.pmu-product-see-all:hover,
.pmu-product-see-all:focus-visible {
transform: translateX(2px);
border-color: rgba(176, 0, 98, .35) !important;
background: var(--pmu-brand-soft) !important;
color: var(--pmu-brand) !important;
}
.pmu-product-section .product-swiper {
overflow: hidden;
padding: 4px 2px 10px;
}
.pmu-product-section .swiper-wrapper.nyEqualHeight {
align-items: stretch;
}
.pmu-product-slide,
.pmu-product-cell {
min-width: 0;
height: auto !important;
}
/* Shared grid card */
.pmu-product-card {
position: relative;
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 100% !important;
min-height: 100%;
margin: 0 !important;
overflow: hidden;
border: 1px solid var(--pmu-product-border) !important;
border-radius: var(--pmu-product-radius) !important;
background: #fff !important;
box-shadow: var(--pmu-product-shadow);
transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.pmu-product-card:hover,
.pmu-product-card:focus-within {
transform: translateY(-3px);
border-color: #d3d8de !important;
box-shadow: var(--pmu-product-shadow-hover);
}
.pmu-product-media {
position: relative !important;
display: block;
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
border-bottom: 1px solid #eceef1;
background: var(--pmu-product-media);
}
.pmu-product-media > a {
position: relative;
display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: clamp(12px, 1.35vw, 22px);
}
.pmu-product-card .productPhoto_200,
.pmu-product-card .productPhoto_200_x,
.pmu-product-card .productPhoto_250,
.pmu-product-card .item-product-image,
.pmu-product-card .item-product-image-home,
.pmu-product-card .home-cmp-prd-image,
.pmu-product-card video {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 auto !important;
object-fit: contain !important;
object-position: center !important;
transition: transform .35s ease;
}
.pmu-product-card:hover .home-cmp-prd-image,
.pmu-product-card:hover .item-product-image,
.pmu-product-card:hover .item-product-image-home {
transform: scale(1.025);
}
/* Stable favorite button */
.pmu-product-card .favitem-btn,
.pmu-product-list-card .favitem-btn {
position: absolute !important;
top: 12px !important;
right: 12px !important;
left: auto !important;
z-index: 12 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
padding: 0 !important;
border: 1px solid #dfe3e7 !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, .96) !important;
color: #2d3238 !important;
line-height: 1 !important;
box-shadow: 0 8px 22px rgba(22, 27, 34, .1);
transform: none !important;
transition: border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease !important;
}
.pmu-product-card .favitem-btn i,
.pmu-product-list-card .favitem-btn i {
margin: 0 !important;
color: inherit !important;
font-size: 15px !important;
line-height: 1 !important;
}
.pmu-product-card .favitem-btn:hover,
.pmu-product-list-card .favitem-btn:hover,
.pmu-product-card .favitem-btn:focus-visible,
.pmu-product-list-card .favitem-btn:focus-visible {
transform: scale(1.04) !important;
border-color: rgba(176, 0, 98, .35) !important;
background: var(--pmu-brand-soft) !important;
color: var(--pmu-brand) !important;
}
.pmu-product-card .favitem-btn.favorite-selected,
.pmu-product-list-card .favitem-btn.favorite-selected {
border-color: var(--pmu-brand) !important;
background: var(--pmu-brand) !important;
color: #fff !important;
}
/* Badges */
.pmu-product-card .product-label-new-ticket,
.pmu-product-card .product-label,
.pmu-product-card .nyNewTicket {
border-radius: 999px !important;
}
.pmu-product-card .nyNewTicket {
display: inline-flex;
align-items: center;
min-height: 25px;
padding: 4px 9px !important;
background: #22272e !important;
color: #fff !important;
font-size: 9px !important;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
}
.pmu-product-card .product-multi-image-pagination {
bottom: 9px !important;
z-index: 8;
}
/* Content */
.pmu-product-content {
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
min-height: 0 !important;
padding: 15px 16px 16px !important;
}
.pmu-product-brand {
min-height: 17px;
margin: 0 0 7px !important;
line-height: 1.25;
}
.pmu-product-brand,
.pmu-product-brand a {
color: #737a83 !important;
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: .1em;
text-transform: uppercase;
}
.pmu-product-brand a:hover {
color: var(--pmu-brand) !important;
}
.pmu-product-name {
display: block !important;
flex: 0 0 auto !important;
min-height: 44px;
max-height: 44px !important;
margin: 0 0 10px !important;
overflow: hidden;
}
.pmu-product-name a {
display: -webkit-box !important;
overflow: hidden;
color: #20252b !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.65 !important;
text-decoration: none !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.pmu-product-name a:hover {
color: var(--pmu-brand) !important;
}
.pmu-product-card .ny-rating {
min-height: 18px;
margin-bottom: 7px;
color: #727982;
font-size: 11px;
}
.pmu-product-card .offer-info {
margin: 0 0 8px !important;
border: 1px solid #e8e2d7;
background: #fbf8f1 !important;
color: #745d37 !important;
font-size: 10px !important;
}
.pmu-product-price {
display: flex !important;
align-items: flex-end !important;
min-height: 52px;
margin-top: auto !important;
padding-top: 10px;
}
.pmu-product-price .productpricebox {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 2px !important;
min-width: 0;
}
.pmu-product-price .item-product-priceOld {
color: #8b929a !important;
font-size: 11px !important;
font-weight: 400 !important;
}
.pmu-product-price .item-product-priceSale {
color: #15191e !important;
font-size: clamp(16px, 1.2vw, 19px) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.pmu-product-price .item-product-disc,
.pmu-product-price .salePriceBox {
flex: 0 0 auto;
min-width: 36px;
height: 36px;
margin-right: 8px !important;
border: 1px solid rgba(176, 0, 98, .2) !important;
border-radius: 10px !important;
background: var(--pmu-brand-soft) !important;
color: var(--pmu-brand) !important;
font-size: 10px !important;
}
.pmu-product-card .product-card-discount-price {
margin-top: 5px;
padding: 3px 7px;
border-radius: 5px;
background: #eef7f2 !important;
color: #256c54 !important;
font-size: 10px !important;
}
.pmu-product-actions {
margin-top: 12px !important;
}
.pmu-product-actions .product-sepet {
display: flex !important;
align-items: stretch;
gap: 8px;
width: 100%;
}
.pmu-product-actions .product-single-qty {
flex: 0 0 64px;
height: 42px !important;
margin: 0 !important;
}
.pmu-product-actions .bootstrap-touchspin,
.pmu-product-actions .horizontal-quantity,
.pmu-product-actions .form-control {
height: 42px !important;
border-color: #dce1e6 !important;
border-radius: 9px !important;
background: #fff !important;
color: #22272e !important;
font-size: 12px !important;
}
.pmu-product-actions .addSptBt,
.pmu-product-actions .dontStokBt {
display: inline-flex !important;
flex: 1 1 auto;
align-items: center;
justify-content: center;
min-height: 42px;
margin: 0 !important;
padding: 10px 13px !important;
border: 1px solid var(--pmu-primary) !important;
border-radius: 9px !important;
background: var(--pmu-primary) !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
text-decoration: none !important;
transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.pmu-product-actions .addSptBt:hover,
.pmu-product-actions .addSptBt:focus-visible {
transform: translateY(-1px);
border-color: var(--pmu-brand) !important;
background: var(--pmu-brand) !important;
}
.pmu-product-actions .dontStokBt {
border-color: #dfe3e7 !important;
background: #eef0f2 !important;
color: #6c737c !important;
}
/* Slider controls */
.pmu-product-section .swiper-button-prev,
.pmu-product-section .swiper-button-next {
display: flex !important;
align-items: center;
justify-content: center;
width: 44px !important;
height: 44px !important;
margin-top: -22px !important;
border: 1px solid #dce1e6;
border-radius: 50%;
background: rgba(255, 255, 255, .98) !important;
color: #252a30 !important;
box-shadow: 0 10px 25px rgba(22, 27, 34, .1);
}
.pmu-product-section .swiper-button-prev::after,
.pmu-product-section .swiper-button-next::after {
font-size: 14px !important;
font-weight: 700;
}
.pmu-product-section .swiper-button-prev:hover,
.pmu-product-section .swiper-button-next:hover {
border-color: rgba(176, 0, 98, .35);
color: var(--pmu-brand) !important;
}
/* Horizontal product list template */
.pmu-product-list-row {
padding-inline: 0 !important;
}
.pmu-product-list-card {
position: relative;
display: grid !important;
grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) minmax(220px, 290px);
gap: clamp(18px, 2vw, 32px);
align-items: stretch;
margin-bottom: 18px;
padding: 16px;
border: 1px solid var(--pmu-product-border);
border-radius: var(--pmu-product-radius);
background: #fff;
box-shadow: var(--pmu-product-shadow);
}
.pmu-product-list-media {
position: relative;
aspect-ratio: 1 / 1;
overflow: hidden;
border: 1px solid #eceef1;
border-radius: 12px;
background: var(--pmu-product-media);
}
.pmu-product-list-media .product-list-image-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 14px;
}
.pmu-product-list-media .product-list-image,
.pmu-product-list-media .product-list-image-video {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
.pmu-product-list-content {
min-width: 0;
padding: 8px 0;
}
.pmu-product-list-card .product-list-brand,
.pmu-product-list-card .product-list-brand a {
color: #737a83 !important;
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: .1em;
text-transform: uppercase;
}
.pmu-product-list-card .product-list-name {
max-height: none !important;
}
.pmu-product-list-card .product-list-name a {
color: #20252b !important;
font-size: 17px !important;
font-weight: 600 !important;
line-height: 1.5 !important;
-webkit-line-clamp: 2;
}
.pmu-product-list-card .product-list-buy-area {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 22px;
border-left: 1px solid #eceef1;
}
.pmu-product-list-card .product-list-price-box {
margin-bottom: 14px;
}
.pmu-product-list-card .product-list-cart-add .addSptBt,
.pmu-product-list-card .product-list-cart-add .dontStokBt {
min-height: 44px;
border-radius: 9px !important;
background: var(--pmu-primary) !important;
color: #fff !important;
}
@media (min-width: 1500px) {
.pmu-product-card .pmu-product-name a {
font-size: 13.5px !important;
}
}
@media (max-width: 1199.98px) {
.pmu-product-list-card {
grid-template-columns: 190px minmax(0, 1fr) 230px;
gap: 18px;
}
}
@media (max-width: 991.98px) {
.pmu-product-section-header {
margin-bottom: 18px;
}
.pmu-product-section .swiper-button-prev,
.pmu-product-section .swiper-button-next {
display: none !important;
}
.pmu-product-list-card {
grid-template-columns: 160px minmax(0, 1fr);
}
.pmu-product-list-card .product-list-buy-area {
grid-column: 2;
padding: 0;
border-left: 0;
}
}
@media (max-width: 767.98px) {
.pmu-product-section-header {
align-items: center !important;
gap: 12px;
}
.pmu-product-section-title {
font-size: 24px !important;
}
.pmu-product-see-all {
min-height: 36px;
padding: 7px 11px !important;
font-size: 10px !important;
}
.pmu-product-card {
border-radius: 13px !important;
box-shadow: 0 7px 22px rgba(22, 27, 34, .05);
}
.pmu-product-card:hover,
.pmu-product-card:focus-within {
transform: none;
}
.pmu-product-media > a {
padding: 10px;
}
.pmu-product-card .favitem-btn,
.pmu-product-list-card .favitem-btn {
top: 8px !important;
right: 8px !important;
width: 34px !important;
min-width: 34px !important;
height: 34px !important;
}
.pmu-product-content {
padding: 12px !important;
}
.pmu-product-brand {
min-height: 15px;
margin-bottom: 5px !important;
}
.pmu-product-brand,
.pmu-product-brand a {
font-size: 8.5px !important;
}
.pmu-product-name {
min-height: 40px;
max-height: 40px !important;
margin-bottom: 7px !important;
}
.pmu-product-name a {
font-size: 11.5px !important;
line-height: 1.65 !important;
}
.pmu-product-price {
min-height: 46px;
padding-top: 7px;
}
.pmu-product-price .item-product-priceSale {
font-size: 15px !important;
}
.pmu-product-price .item-product-disc,
.pmu-product-price .salePriceBox {
display: none !important;
}
.pmu-product-actions {
margin-top: 9px !important;
}
.pmu-product-actions .product-single-qty {
display: none !important;
}
.pmu-product-actions .addSptBt,
.pmu-product-actions .dontStokBt {
min-height: 39px;
padding: 8px !important;
font-size: 10.5px !important;
}
.pmu-product-list-card {
grid-template-columns: 110px minmax(0, 1fr);
gap: 12px;
padding: 11px;
}
.pmu-product-list-card .product-list-name a {
font-size: 13px !important;
}
.pmu-product-list-card .product-list-buy-area {
grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(120px, 1fr);
gap: 10px;
align-items: center;
}
}
@media (prefers-reduced-motion: reduce) {
.pmu-product-card,
.pmu-product-card *,
.pmu-product-list-card,
.pmu-product-list-card * {
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
}
}
/* ==========================================================================
PANORMOS PMU — PHASE 4 / CATEGORY, FILTERS AND PRODUCT GRID
Scope: category header, subcategories, sidebar filters, toolbar, pagination,
empty state and bottom SEO content. Phase 1–3 styles remain intact.
========================================================================== */
.pmu-category-page {
width: min(100%, var(--pmu-container)) !important;
max-width: var(--pmu-container) !important;
margin: 0 auto !important;
padding: 18px clamp(16px, 2.25vw, 38px) 64px !important;
background: transparent !important;
}
.pmu-category-layout {
--bs-gutter-x: 26px;
row-gap: 0;
margin-bottom: 0 !important;
}
.pmu-category-title-component {
order: -20;
}
.pmu-category-title {
padding: 22px 0 10px !important;
}
.pmu-category-title-text {
margin: 0 !important;
color: var(--pmu-ink) !important;
font-size: clamp(30px, 2.25vw, 44px) !important;
font-weight: 600 !important;
line-height: 1.15 !important;
letter-spacing: -.035em;
text-align: left !important;
}
.pmu-category-breadcrumb-component {
order: -19;
display: block !important;
padding: 0 0 24px !important;
}
.pmu-category-breadcrumb {
padding: 0 !important;
}
.pmu-category-breadcrumb .breadcrumb {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 3px;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.pmu-category-breadcrumb .breadcrumb-item,
.pmu-category-breadcrumb .breadcrumb-item a {
color: #7b828b !important;
font-size: 11.5px !important;
font-weight: 500;
line-height: 1.4;
}
.pmu-category-breadcrumb .breadcrumb-item:last-child a {
color: #30363d !important;
}
.pmu-category-breadcrumb .breadcrumb-item a:hover {
color: var(--pmu-brand) !important;
text-decoration: none !important;
}
.pmu-category-sidebar,
.pmu-category-content {
min-width: 0;
}
.pmu-filter-shell,
.pmu-category-content > .row {
--bs-gutter-x: 20px;
}
/* Filter card */
.pmu-filter-panel {
width: 100%;
padding: 18px !important;
border: 1px solid var(--pmu-line);
border-radius: 16px;
background: #fff;
box-shadow: 0 8px 26px rgba(22, 27, 34, .045);
}
.pmu-filter-panel .panel-filtre {
margin: 0 !important;
padding: 16px 0;
border-bottom: 1px solid #eceff2;
}
.pmu-filter-panel .panel-filtre:first-child {
padding-top: 0;
}
.pmu-filter-panel .panel-filtre:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.pmu-filter-panel .panel-heading {
margin: 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
}
.pmu-filter-panel .panel-title,
.pmu-filter-panel .panel-title a {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
color: #252a31 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.4;
letter-spacing: -.01em;
}
.pmu-filter-panel .filtreIcon {
float: none !important;
margin: 0 !important;
color: #89919a;
}
.pmu-filter-panel .filtre-group {
display: grid;
gap: 4px;
}
.pmu-filter-panel .filtre-group li {
margin: 0 !important;
}
.pmu-filter-panel .filtre-group li label {
display: grid !important;
grid-template-columns: 18px minmax(0, 1fr) !important;
gap: 9px !important;
align-items: center !important;
min-height: 34px;
margin: 0 !important;
padding: 5px 7px;
border-radius: 8px;
color: #555d67;
font-size: 11.5px !important;
line-height: 1.35;
cursor: pointer;
transition: background-color 160ms ease, color 160ms ease;
}
.pmu-filter-panel .filtre-group li label:hover {
background: #f5f6f7;
color: #20252b;
}
.pmu-filter-panel input[type="checkbox"],
.pmu-category-toolbar input[type="checkbox"] {
appearance: none !important;
-webkit-appearance: none !important;
display: grid !important;
place-content: center;
width: 17px !important;
height: 17px !important;
margin: 0 !important;
border: 1px solid #b9c0c8 !important;
border-radius: 5px !important;
background: #fff !important;
box-shadow: none !important;
transform: none !important;
}
.pmu-filter-panel input[type="checkbox"]::before,
.pmu-category-toolbar input[type="checkbox"]::before {
content: "";
width: 8px;
height: 5px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
box-shadow: none !important;
transform: rotate(-45deg) scale(0) !important;
transition: transform 130ms ease;
}
.pmu-filter-panel input[type="checkbox"]:checked,
.pmu-category-toolbar input[type="checkbox"]:checked {
border-color: var(--pmu-brand) !important;
background: var(--pmu-brand) !important;
}
.pmu-filter-panel input[type="checkbox"]:checked::before,
.pmu-category-toolbar input[type="checkbox"]:checked::before {
transform: rotate(-45deg) scale(1) !important;
}
.pmu-filter-panel .filterGroupBox {
max-height: 270px;
padding-right: 5px;
overflow-y: auto;
}
.pmu-filter-panel .filterGroupBox::-webkit-scrollbar {
width: 5px;
}
.pmu-filter-panel .filterGroupBox::-webkit-scrollbar-track {
border-radius: 10px;
background: #f0f2f4;
}
.pmu-filter-panel .filterGroupBox::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #bbc1c8;
}
/* Subcategories */
.pmu-subcategory-grid {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
gap: 12px !important;
width: 100%;
margin: 0 0 22px !important;
padding: 0 !important;
}
.pmu-subcategory-card {
min-height: 76px;
padding: 10px !important;
border: 1px solid var(--pmu-line) !important;
border-radius: 13px !important;
background: #fff !important;
box-shadow: none !important;
transition: transform 170ms ease, border-color 170ms ease, box-shadow 170ms ease !important;
}
.pmu-subcategory-card:hover,
.pmu-subcategory-card:focus-within {
border-color: #c6cbd1 !important;
box-shadow: 0 9px 24px rgba(22, 27, 34, .07) !important;
transform: translateY(-2px);
}
.pmu-subcategory-card > a:first-child {
display: flex;
flex: 0 0 54px;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
padding: 4px;
border-radius: 10px;
background: #f7f8f9;
}
.pmu-subcategory-image {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
.pmu-subcategory-card p {
margin: 0 !important;
}
.pmu-subcategory-card p a {
color: #2a3037 !important;
font-size: 11.5px !important;
font-weight: 600 !important;
line-height: 1.35;
}
/* Listing toolbar */
.pmu-category-toolbar {
width: 100%;
margin: 0 0 18px !important;
padding: 0 !important;
}
.pmu-category-toolbar-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
min-height: 62px;
padding: 10px 12px 10px 17px;
border: 1px solid var(--pmu-line);
border-radius: 14px;
background: #fff;
box-shadow: 0 7px 22px rgba(22, 27, 34, .04);
}
.pmu-category-result {
display: inline-flex;
align-items: center;
gap: 9px;
min-width: max-content;
color: #68707a;
}
.pmu-category-result > i {
color: #89919a;
font-size: 17px;
}
.pmu-category-result-count {
color: #343a42 !important;
font-size: 12.5px !important;
font-weight: 600 !important;
}
.pmu-category-controls {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 9px !important;
margin: 0 !important;
}
.pmu-category-controls .form-group {
margin: 0 !important;
}
.pmu-stock-toggle {
display: inline-flex !important;
grid-template-columns: none !important;
align-items: center !important;
gap: 8px !important;
min-height: 40px;
margin: 0 !important;
padding: 0 12px;
border: 1px solid var(--pmu-line);
border-radius: 10px;
background: #fff;
color: #4f5761;
font-size: 11px !important;
font-weight: 600;
line-height: 1;
white-space: nowrap;
}
.pmu-filter-open {
display: inline-flex !important;
align-items: center;
gap: 7px;
min-height: 40px !important;
margin: 0 !important;
padding: 0 13px !important;
border: 1px solid var(--pmu-line) !important;
border-radius: 10px !important;
background: #fff !important;
color: #343a42 !important;
font-size: 11px !important;
font-weight: 600 !important;
}
.pmu-filter-open:hover {
border-color: #bfc5cc !important;
color: var(--pmu-brand) !important;
}
.pmu-sort-control {
position: relative;
align-items: center;
min-width: 220px;
}
.pmu-sort-icon {
position: absolute;
left: 13px;
z-index: 2;
color: #89919a;
font-size: 13px;
pointer-events: none;
}
.pmu-category-toolbar .sortfiltre {
width: 100% !important;
min-width: 220px !important;
height: 40px !important;
padding: 0 38px 0 34px !important;
border: 1px solid var(--pmu-line) !important;
border-radius: 10px !important;
background-color: #fff !important;
color: #343a42 !important;
font-size: 11px !important;
font-weight: 500;
box-shadow: none !important;
cursor: pointer;
}
.pmu-category-toolbar .sortfiltre:focus {
border-color: #aeb5bd !important;
}
.pmu-view-switch {
flex-shrink: 0;
padding: 3px;
border: 1px solid var(--pmu-line);
border-radius: 10px;
background: #f5f6f7 !important;
}
.pmu-view-switch .product-view-switch-btn {
width: 34px !important;
height: 34px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 7px !important;
background: transparent !important;
color: #747c85 !important;
font-size: 12px;
}
.pmu-view-switch .product-view-switch-btn.active {
background: #fff !important;
color: var(--pmu-brand) !important;
box-shadow: 0 2px 8px rgba(22, 27, 34, .09);
}
/* Product grid */
.pmu-category-products {
width: 100%;
padding: 0 !important;
}
.pmu-category-products > .product-list-wrapper,
.pmu-category-products .product-view-block.row {
--bs-gutter-x: 16px;
--bs-gutter-y: 18px;
margin-top: 0 !important;
}
.pmu-category-products .pmu-product-cell {
margin-bottom: 0 !important;
}
.pmu-category-products .pmu-product-card {
margin: 0 !important;
}
/* Empty state */
.pmu-category-empty {
margin: 10px 0 0 !important;
padding: 30px 20px !important;
border: 1px dashed #cdd2d8 !important;
border-radius: 15px !important;
background: #fff !important;
color: #545c66 !important;
font-size: 13px;
}
.pmu-category-empty-action {
padding: 14px !important;
border-radius: 13px;
background: #fff !important;
}
.pmu-category-empty-action .btn {
min-height: 42px;
padding: 10px 18px !important;
border: 0 !important;
border-radius: 9px !important;
background: var(--pmu-primary) !important;
color: #fff !important;
}
/* Pagination */
.pmu-category-pagination {
width: 100%;
padding: 12px 0 4px !important;
}
.pmu-category-pagination .pagination {
display: flex;
justify-content: center;
gap: 6px;
float: none !important;
margin: 0 !important;
padding: 24px 0 !important;
}
.pmu-category-pagination .pagination li {
margin: 0 !important;
}
.pmu-category-pagination .pagination li a,
.pmu-category-pagination .pagination li span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 38px;
padding: 0 11px !important;
border: 1px solid var(--pmu-line) !important;
border-radius: 9px !important;
background: #fff !important;
color: #4b535d !important;
font-size: 11px;
font-weight: 600;
}
.pmu-category-pagination .pagination li a:hover {
border-color: #b6bdc5 !important;
color: var(--pmu-brand) !important;
}
.pmu-category-pagination .pagination .active a,
.pmu-category-pagination .pagination .active span {
border-color: var(--pmu-primary) !important;
background: var(--pmu-primary) !important;
color: #fff !important;
}
/* Bottom SEO content — readable and crawlable, no fixed-height scroll box. */
.pmu-category-seo {
width: 100%;
max-height: none !important;
margin: 34px 0 0 !important;
padding: clamp(24px, 3vw, 42px) !important;
overflow: visible !important;
border: 1px solid var(--pmu-line) !important;
border-radius: 18px !important;
background: #fff !important;
color: #555d66 !important;
font-size: 13px !important;
line-height: 1.8 !important;
}
.pmu-category-seo::after {
content: "";
display: table;
clear: both;
}
.pmu-category-seo-image {
float: left;
width: min(32%, 360px);
height: auto;
margin: 0 24px 16px 0;
border-radius: 13px;
object-fit: cover;
}
.pmu-category-seo-content > :first-child {
margin-top: 0 !important;
}
.pmu-category-seo-content > :last-child {
margin-bottom: 0 !important;
}
.pmu-category-seo h1,
.pmu-category-seo h2,
.pmu-category-seo h3,
.pmu-category-seo h4,
.pmu-category-seo h5,
.pmu-category-seo h6 {
margin: 1.5em 0 .55em !important;
color: #252a31 !important;
line-height: 1.35 !important;
}
.pmu-category-seo h2 {font-size: 22px !important;}
.pmu-category-seo h3 {font-size: 18px !important;}
.pmu-category-seo h4 {font-size: 16px !important;}
.pmu-category-seo a,
.pmu-category-seo a:visited {
color: var(--pmu-brand) !important;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
}
/* Desktop sizing and sticky sidebar */
@media (min-width: 992px) {
.pmu-category-sidebar {
flex: 0 0 270px !important;
width: 270px !important;
max-width: 270px !important;
}
.pmu-category-sidebar .pmu-filter-shell {
position: sticky;
top: 118px;
}
.pmu-category-content {
flex: 1 1 0 !important;
width: calc(100% - 270px) !important;
max-width: calc(100% - 270px) !important;
}
.pmu-filter-mobile-title {
display: none !important;
}
}
@media (max-width: 1199.98px) {
.pmu-category-page {
padding-inline: 20px !important;
}
.pmu-category-toolbar-inner {
align-items: flex-start;
}
.pmu-category-controls {
flex-wrap: wrap !important;
}
}
@media (max-width: 991.98px) {
.pmu-category-page {
padding: 10px 14px 48px !important;
}
.pmu-category-layout {
--bs-gutter-x: 0;
}
.pmu-category-title {
padding-top: 16px !important;
}
.pmu-category-title-text {
font-size: 30px !important;
}
.pmu-category-breadcrumb-component {
padding-bottom: 17px !important;
}
.pmu-category-sidebar,
.pmu-category-content {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.pmu-category-sidebar {
margin-bottom: 14px;
}
.pmu-filter-mobile-title {
display: flex !important;
align-items: center;
justify-content: space-between;
min-height: 46px;
padding: 0 15px !important;
border: 1px solid var(--pmu-line);
border-radius: 11px;
background: #fff;
color: #30363d;
font-size: 12px;
font-weight: 600;
cursor: pointer;
}
.pmu-filter-panel {
margin-top: 8px;
border-radius: 12px;
box-shadow: none;
}
.pmu-subcategory-grid {
display: flex !important;
grid-template-columns: none !important;
gap: 9px !important;
margin: 0 -14px 18px !important;
padding: 0 14px 4px !important;
overflow-x: auto;
scroll-snap-type: x proximity;
scrollbar-width: none;
}
.pmu-subcategory-grid::-webkit-scrollbar {
display: none;
}
.pmu-subcategory-card {
flex: 0 0 170px;
min-height: 70px;
scroll-snap-align: start;
}
.pmu-category-toolbar-inner {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
padding: 11px;
}
.pmu-category-result {
padding: 0 3px;
}
.pmu-category-controls {
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) auto;
width: 100%;
gap: 7px !important;
}
.pmu-stock-control {
grid-column: 1;
}
.pmu-filter-control {
grid-column: 1;
}
.pmu-sort-control {
grid-column: 2;
min-width: 0;
}
.pmu-category-toolbar .sortfiltre {
min-width: 0 !important;
}
.pmu-view-switch {
grid-column: 3;
}
}
@media (max-width: 575.98px) {
.pmu-category-title-text {
font-size: 27px !important;
}
.pmu-category-controls {
grid-template-columns: 1fr auto;
}
.pmu-stock-control {
grid-column: 1 / -1;
}
.pmu-stock-toggle {
width: 100%;
justify-content: center;
}
.pmu-filter-control {
grid-column: 1;
}
.pmu-sort-control {
grid-column: 1;
grid-row: 2;
}
.pmu-view-switch {
grid-column: 2;
grid-row: 2;
}
.pmu-filter-open {
width: 100%;
justify-content: center;
}
.pmu-category-products > .product-list-wrapper,
.pmu-category-products .product-view-block.row {
--bs-gutter-x: 10px;
--bs-gutter-y: 12px;
}
.pmu-category-seo {
margin-top: 24px !important;
padding: 22px 18px !important;
border-radius: 14px !important;
font-size: 12.5px !important;
}
.pmu-category-seo-image {
float: none;
width: 100%;
max-width: 100%;
margin: 0 0 18px;
}
}
@media (prefers-reduced-motion: reduce) {
.pmu-subcategory-card,
.pmu-filter-open,
.pmu-category-pagination a {
transition-duration: 0.01ms !important;
}
}
/* ==========================================================================
PANORMOS PMU — PHASE 4.1 / LAYOUT STABILITY FIX
Fixes: product quantity/action alignment, equal card columns, filter price
row overflow and duplicate visual checkbox marks.
========================================================================== */
/* Product grid: keep every column and card in the same flex context. */
.pmu-category-products .product-list-wrapper > [class*="col-"],
.pmu-category-products .product-view-block.row > [class*="col-"],
.pmu-category-products .pmu-product-cell {
display: flex !important;
min-width: 0 !important;
}
.pmu-category-products .pmu-product-card,
.pmu-category-products .pmu-product-content,
.pmu-product-actions,
.pmu-product-actions .product-sepet,
.pmu-product-actions .addSptBt,
.pmu-product-actions .dontStokBt {
min-width: 0 !important;
}
.pmu-product-actions {
width: 100% !important;
margin-top: auto !important;
padding-top: 12px;
}
/* Quantity selector: the old 64px basis was smaller than the generated
minus/input/plus controls and caused horizontal displacement. */
.pmu-product-actions .product-sepet {
display: flex !important;
align-items: stretch !important;
gap: 8px !important;
width: 100% !important;
}
.pmu-product-actions .product-single-qty {
flex: 0 0 102px !important;
width: 102px !important;
min-width: 102px !important;
max-width: 102px !important;
height: 42px !important;
max-height: 42px !important;
margin: 0 !important;
}
.pmu-product-actions .product-single-qty .bootstrap-touchspin.input-group {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
width: 102px !important;
min-width: 102px !important;
max-width: 102px !important;
height: 42px !important;
max-height: 42px !important;
padding: 0 !important;
overflow: hidden !important;
border: 1px solid #dce1e6 !important;
border-radius: 9px !important;
background: #fff !important;
box-sizing: border-box !important;
}
.pmu-product-actions .product-single-qty .input-group-btn,
.pmu-product-actions .product-single-qty .input-group-prepend,
.pmu-product-actions .product-single-qty .input-group-append {
display: flex !important;
flex: 0 0 31px !important;
width: 31px !important;
min-width: 31px !important;
height: 40px !important;
margin: 0 !important;
}
.pmu-product-actions .product-single-qty .btn,
.pmu-product-actions .product-single-qty .bootstrap-touchspin-down,
.pmu-product-actions .product-single-qty .bootstrap-touchspin-up {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 31px !important;
min-width: 31px !important;
height: 40px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: #fff !important;
color: #7a838d !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1 !important;
box-shadow: none !important;
}
.pmu-product-actions .product-single-qty .bootstrap-touchspin-down {
border-right: 1px solid #dce1e6 !important;
}
.pmu-product-actions .product-single-qty .bootstrap-touchspin-up {
border-left: 1px solid #dce1e6 !important;
}
.pmu-product-actions .product-single-qty .horizontal-quantity,
.pmu-product-actions .product-single-qty input.form-control {
flex: 1 1 40px !important;
width: 40px !important;
min-width: 0 !important;
max-width: 40px !important;
height: 40px !important;
margin: 0 !important;
padding: 0 2px !important;
border: 0 !important;
border-radius: 0 !important;
background: #fff !important;
color: #22272e !important;
font-size: 12px !important;
line-height: 40px !important;
text-align: center !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
.pmu-product-actions .addSptBt,
.pmu-product-actions .dontStokBt {
flex: 1 1 0 !important;
width: auto !important;
max-width: 100% !important;
white-space: nowrap;
}
/* Filter panel: prevent the price row and action icon from leaving the card. */
.pmu-filter-panel,
.pmu-filter-panel .panel-filtre,
.pmu-filter-panel .filtreBox,
.pmu-filter-panel .filterGroupBox {
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.pmu-filter-panel .panel-filtre {
overflow: visible !important;
}
.pmu-filter-panel input[type="text"],
.pmu-filter-panel input[type="number"],
.pmu-filter-panel select,
.pmu-filter-panel button {
box-sizing: border-box !important;
}
/* Price inputs are recognised by the existing placeholders. */
.pmu-filter-panel input[placeholder*="En Az"],
.pmu-filter-panel input[placeholder*="En Fazla"],
.pmu-filter-panel input[placeholder*="Min"],
.pmu-filter-panel input[placeholder*="Max"] {
display: inline-flex !important;
flex: 1 1 0 !important;
width: calc(50% - 28px) !important;
min-width: 0 !important;
max-width: none !important;
height: 36px !important;
margin: 0 !important;
padding: 0 9px !important;
border: 1px solid #d9dee4 !important;
border-radius: 7px !important;
background: #fff !important;
color: #4f5761 !important;
font-size: 11px !important;
text-align: center !important;
box-shadow: none !important;
}
/* Modern browsers: turn the exact price-control parent into a stable grid. */
.pmu-filter-panel :is(div, form, p):has(input[placeholder*="En Az"]):has(input[placeholder*="En Fazla"]),
.pmu-filter-panel :is(div, form, p):has(input[placeholder*="Min"]):has(input[placeholder*="Max"]) {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 8px minmax(0, 1fr) 36px !important;
align-items: center !important;
gap: 6px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
.pmu-filter-panel :is(div, form, p):has(input[placeholder*="En Az"]):has(input[placeholder*="En Fazla"]) > button,
.pmu-filter-panel :is(div, form, p):has(input[placeholder*="Min"]):has(input[placeholder*="Max"]) > button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
height: 36px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #d9dee4 !important;
border-radius: 7px !important;
background: #f7f8f9 !important;
color: #30363d !important;
box-shadow: none !important;
}
/* Fallback for price-search buttons used by older filter markup. */
.pmu-filter-panel .panel-filtre button[type="submit"],
.pmu-filter-panel .panel-filtre .btn-search,
.pmu-filter-panel .panel-filtre .filterPriceBtn,
.pmu-filter-panel .panel-filtre .price-filter-button {
flex: 0 0 36px !important;
width: 36px !important;
min-width: 36px !important;
height: 36px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 7px !important;
}
/* Some filter templates render an empty custom-check span in addition to the
native checkbox. Hide only empty visual markers; keep the text span. */
.pmu-filter-panel .filtre-group li label > span:empty,
.pmu-filter-panel label.form-check-label > span:empty,
.pmu-filter-panel label > .checkmark:empty,
.pmu-filter-panel label > .checkbox-custom:empty,
.pmu-filter-panel label > .custom-checkbox:empty {
display: none !important;
}
.pmu-filter-panel .filtre-group li label,
.pmu-filter-panel .form-check label,
.pmu-filter-panel label.form-check-label {
min-width: 0 !important;
max-width: 100% !important;
}
.pmu-filter-panel input[type="range"],
.pmu-filter-panel .ui-slider,
.pmu-filter-panel .noUi-target,
.pmu-filter-panel .range-slider {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
@media (max-width: 767.98px) {
.pmu-product-actions {
padding-top: 9px;
}
.pmu-product-actions .product-single-qty {
display: none !important;
}
.pmu-product-actions .addSptBt,
.pmu-product-actions .dontStokBt {
width: 100% !important;
}
}
/* ==========================================================================
PANORMOS PMU — PHASE 4.2 / FILTER FLOW FIX
Prevent Bootstrap's .row flex rules from placing dynamically generated
filter groups beside each other or on top of each other.
========================================================================== */
#category_wrapper [data-cmp-key="filter_area#1"] #filterArea,
[data-cmp-key="filter_area#1"] #filterArea,
.pmu-filter-panel #filterArea,
.pmu-filter-panel .pmu-filter-area {
display: block !important;
flex: none !important;
flex-wrap: initial !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
--bs-gutter-x: 0 !important;
--bs-gutter-y: 0 !important;
box-sizing: border-box !important;
}
/* Every Ajax-generated filter section must occupy its own full row. */
#category_wrapper [data-cmp-key="filter_area#1"] #filterArea > .ny-filter-home,
[data-cmp-key="filter_area#1"] #filterArea > .ny-filter-home,
.pmu-filter-panel #filterArea > .ny-filter-home,
.pmu-filter-panel .pmu-filter-area > .ny-filter-home {
display: block !important;
float: none !important;
clear: both !important;
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 15px 0 !important;
border: 0 !important;
border-bottom: 1px solid #eceff2 !important;
box-sizing: border-box !important;
}
#category_wrapper [data-cmp-key="filter_area#1"] #filterArea > .ny-filter-home:first-child,
[data-cmp-key="filter_area#1"] #filterArea > .ny-filter-home:first-child,
.pmu-filter-panel #filterArea > .ny-filter-home:first-child {
padding-top: 0 !important;
}
#category_wrapper [data-cmp-key="filter_area#1"] #filterArea > .ny-filter-home:last-child,
[data-cmp-key="filter_area#1"] #filterArea > .ny-filter-home:last-child,
.pmu-filter-panel #filterArea > .ny-filter-home:last-child {
padding-bottom: 0 !important;
border-bottom: 0 !important;
}
/* Keep headings, contents and labels inside the sidebar card. */
.pmu-filter-panel .ny-filter-home,
.pmu-filter-panel .ny-filter-home > div,
.pmu-filter-panel .ny-filter-title,
.pmu-filter-panel .ny-filter-content,
.pmu-filter-panel .ny-filter-body,
.pmu-filter-panel .ny-checkbox,
.pmu-filter-panel .ny-checkbox-sub,
.pmu-filter-panel .ny-price-filter,
.pmu-filter-panel .ny-filter-price {
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
.pmu-filter-panel .ny-filter-title,
.pmu-filter-panel .ny-selected-filters-title {
display: flex !important;
float: none !important;
clear: both !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
width: 100% !important;
margin: 0 0 10px !important;
padding: 0 !important;
color: #252a31 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
white-space: normal !important;
}
.pmu-filter-panel .ny-filter-title::before,
.pmu-filter-panel .ny-filter-title::after,
.pmu-filter-panel .ny-selected-filters-title::before,
.pmu-filter-panel .ny-selected-filters-title::after {
flex-shrink: 0 !important;
}
.pmu-filter-panel .ny-checkbox,
.pmu-filter-panel .ny-checkbox-sub,
.pmu-filter-panel .ny-filter-home label {
float: none !important;
clear: both !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.pmu-filter-panel .ny-checkbox-text {
display: block !important;
min-width: 0 !important;
max-width: 100% !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
white-space: normal !important;
}
/* Ajax skeletons must also stack vertically before the filters load. */
.pmu-filter-panel #filterArea > .skeleton-loader,
.pmu-filter-panel #filterArea > .skeleton-loader1,
.pmu-filter-panel #filterArea > .skeleton-hr,
.pmu-filter-panel .pmu-filter-area > .skeleton-loader,
.pmu-filter-panel .pmu-filter-area > .skeleton-loader1,
.pmu-filter-panel .pmu-filter-area > .skeleton-hr {
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
@media (max-width: 991.98px) {
.pmu-filter-panel #filterArea,
.pmu-filter-panel .pmu-filter-area {
width: 100% !important;
}
}
/* =========================================================
PANORMOS PMU - SCALABLE FOOTER V1
Dynamic FOOTER() item count safe
========================================================= */
/* Footer information / social strip */
.footer-section {
margin-top: 0 !important;
border-top: 1px solid var(--pmu-line) !important;
border-bottom: 1px solid var(--pmu-line) !important;
background: #fff !important;
color: var(--pmu-ink) !important;
}
.footer-section > .container {
width: min(calc(100% - 40px), var(--pmu-container, 1440px));
max-width: var(--pmu-container, 1440px);
margin-inline: auto;
padding-inline: 0;
}
.footer-section .footer-topBarRow {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
align-items: stretch;
gap: 0;
margin: 0 !important;
}
.footer-section .ny-footerTopBar {
width: auto !important;
max-width: none !important;
min-height: 72px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px 14px;
padding: 16px 22px !important;
border-right: 1px solid var(--pmu-line);
text-align: left !important;
}
.footer-section .ny-footerTopBar:last-child {
border-right: 0;
}
.footer-section .ny-footer-clr,
.footer-section .ny-footerTopBar > a {
display: inline-flex;
align-items: center;
gap: 9px;
margin: 0 !important;
padding: 0 !important;
color: var(--pmu-ink) !important;
font-size: 13px;
font-weight: 600;
line-height: 1.45;
text-decoration: none !important;
}
.footer-section .ny-footerTopBar > a i {
color: var(--pmu-primary);
font-size: 18px;
}
.footer-section .ny-footerTopBar > a:hover {
color: var(--pmu-primary) !important;
}
.footer-section .ny-soico {
width: 24px !important;
height: 24px !important;
margin: 0 !important;
object-fit: contain;
}
/* Main footer shell */
.footer.cmp {
position: relative;
overflow: hidden;
margin: 0 !important;
padding: 64px 0 0 !important;
background: #1b1719 !important;
color: rgba(255, 255, 255, .76);
}
.footer.cmp::before {
content: "";
position: absolute;
top: -180px;
right: -140px;
width: 420px;
height: 420px;
border: 1px solid rgba(255, 255, 255, .045);
border-radius: 50%;
pointer-events: none;
}
.footer.cmp > .container {
position: relative;
z-index: 1;
width: min(calc(100% - 40px), var(--pmu-container, 1440px));
max-width: var(--pmu-container, 1440px);
margin-inline: auto;
padding-inline: 0;
}
.footer.cmp > .container > .row,
.footer.cmp #footer_area {
margin-inline: 0 !important;
}
/* Dynamic item-safe grid: no fixed column count */
.footer.cmp #footer_area {
width: 100% !important;
max-width: none !important;
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 205px), 1fr));
align-items: start;
gap: 42px 32px;
padding: 0 0 54px !important;
}
.footer.cmp #footer_area > [class*="col-"] {
width: auto !important;
max-width: none !important;
min-width: 0;
padding: 0 !important;
flex: none !important;
}
.footer.cmp .widget {
min-width: 0;
height: 100%;
padding: 0 !important;
}
.footer.cmp .widget-title {
position: relative;
display: block;
margin: 0 0 19px;
padding: 0 0 13px !important;
color: #fff !important;
font-size: 15px;
font-weight: 700;
line-height: 1.35;
letter-spacing: -.01em;
}
.footer.cmp .widget-title::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 34px;
height: 2px;
border-radius: 99px;
background: var(--pmu-primary);
}
.footer.cmp .widget-body {
display: grid;
gap: 10px;
margin: 0;
padding: 0 !important;
list-style: none;
}
.footer.cmp .widget-body li {
min-width: 0;
margin: 0 !important;
padding: 0;
list-style: none;
}
.footer.cmp .widget-body li a,
.footer.cmp .widget-body li label,
.footer.cmp .widget p,
.footer.cmp .ny-sub-box-desc,
.footer.cmp .sube-adress,
.footer.cmp .sube-contact {
color: rgba(255, 255, 255, .64) !important;
font-size: 13px;
font-weight: 400;
line-height: 1.65;
}
.footer.cmp .widget-body li a {
position: relative;
display: inline-flex;
align-items: flex-start;
max-width: 100%;
text-decoration: none !important;
overflow-wrap: anywhere;
transition: color var(--pmu-transition), transform var(--pmu-transition);
}
.footer.cmp .widget-body li a:hover {
color: #fff !important;
transform: translateX(3px);
}
.footer.cmp .widget-body li label {
display: block;
margin: 0 0 3px !important;
color: rgba(255, 255, 255, .42) !important;
font-size: 10px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase !important;
}
/* Contact / brand */
.footer.cmp #footer_contact #footer_logo {
margin-bottom: 20px;
}
.footer.cmp #footer_contact #footer_logo img {
display: block;
width: auto;
max-width: min(100%, 210px) !important;
max-height: 70px !important;
object-fit: contain;
object-position: left center;
filter: brightness(0) invert(1);
}
.footer.cmp #footer_contact .widget-body {
gap: 13px;
}
.footer.cmp .sube-title {
margin-bottom: 5px;
color: #fff !important;
font-size: 14px;
font-weight: 700;
}
.footer.cmp .sube-adress,
.footer.cmp .sube-contact {
display: block;
font-size: 12px;
}
.footer.cmp .sube-harita {
overflow: hidden;
margin-top: 12px !important;
border: 1px solid rgba(255, 255, 255, .1);
border-radius: 14px;
}
.footer.cmp .sube-harita iframe {
display: block;
width: 100%;
min-height: 150px;
}
/* Newsletter */
.footer.cmp .subsBoxForm {
display: grid;
gap: 10px;
}
.footer.cmp .formSbs {
width: 100%;
height: 46px;
margin: 0;
padding: 0 14px;
border: 1px solid rgba(255, 255, 255, .14);
border-radius: 11px;
background: rgba(255, 255, 255, .065);
color: #fff;
font-size: 13px;
box-shadow: none;
}
.footer.cmp .formSbs::placeholder {
color: rgba(255, 255, 255, .42);
}
.footer.cmp .formSbs:focus {
border-color: rgba(255, 255, 255, .34) !important;
background: rgba(255, 255, 255, .09);
box-shadow: 0 0 0 3px rgba(180, 75, 116, .18) !important;
}
.footer.cmp .ny-sub-box-consent {
gap: 8px !important;
margin: 3px 0 4px !important;
opacity: 1 !important;
}
.footer.cmp .ny-sub-box-consent .form-check-input {
width: 17px;
height: 17px;
margin-top: 2px !important;
border-color: rgba(255, 255, 255, .28);
background-color: transparent;
}
.footer.cmp .ny-sub-box-consent .form-check-input:checked {
border-color: var(--pmu-primary);
background-color: var(--pmu-primary);
}
.footer.cmp .ny-sub-box-consent span,
.footer.cmp .ny-sub-box-consent a {
color: rgba(255, 255, 255, .58) !important;
font-size: 11px;
line-height: 1.55;
}
.footer.cmp .subsBoxForm .btn {
width: 100%;
height: 46px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0;
padding: 0 16px;
border: 1px solid var(--pmu-primary);
border-radius: 11px;
background: var(--pmu-primary);
color: #fff;
font-size: 13px;
font-weight: 700;
line-height: 1;
transition: background var(--pmu-transition), border-color var(--pmu-transition), transform var(--pmu-transition);
}
.footer.cmp .subsBoxForm .btn:hover {
border-color: #fff;
background: #fff;
color: var(--pmu-ink);
transform: translateY(-1px);
}
/* Social and app badges */
.footer.cmp .mobileApp {
display: grid;
gap: 9px;
margin-bottom: 18px;
}
.footer.cmp .mobileApp a {
display: inline-flex;
width: fit-content;
margin: 0 !important;
}
.footer.cmp .mobileApp img {
width: auto !important;
max-width: 150px;
height: 44px !important;
margin: 0 !important;
object-fit: contain;
opacity: .86;
transition: opacity var(--pmu-transition), transform var(--pmu-transition);
}
.footer.cmp .mobileApp a:hover img {
opacity: 1;
transform: translateY(-2px);
}
.footer.cmp .socialLinks {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
text-align: left;
}
.footer.cmp .socialLinks a {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0 !important;
border: 1px solid rgba(255, 255, 255, .13);
border-radius: 11px;
background: rgba(255, 255, 255, .055);
color: #fff !important;
font-size: 17px;
text-decoration: none !important;
transition: background var(--pmu-transition), border-color var(--pmu-transition), transform var(--pmu-transition);
}
.footer.cmp .socialLinks a:hover {
border-color: var(--pmu-primary);
background: var(--pmu-primary);
transform: translateY(-2px);
}
.footer.cmp .socialLinks .ny-soico {
width: 20px !important;
height: 20px !important;
margin: 0 !important;
}
/* ETBIS */
.footer.cmp .etbisdiv > img,
.footer.cmp .etbisdiv img {
display: block;
width: auto !important;
max-width: 110px !important;
height: auto;
margin: 0 !important;
padding: 8px;
border-radius: 12px;
background: #fff;
}
/* Footer bottom */
.footer.cmp .footerBottom {
width: 100%;
max-width: none;
margin: 0 !important;
padding: 19px 0 !important;
border-top: 1px solid rgba(255, 255, 255, .1);
}
.footer.cmp .footerBottom > .row {
align-items: center;
margin-inline: 0;
}
.footer.cmp .footerBottom > .row > [class*="col-"] {
padding-inline: 0;
}
.footer.cmp .copyrightText {
margin: 0;
color: rgba(255, 255, 255, .48) !important;
font-size: 12px;
line-height: 1.6;
}
.footer.cmp .footerBottom img {
display: block;
width: auto;
max-width: min(100%, 420px) !important;
max-height: 36px;
margin-left: auto;
object-fit: contain;
object-position: right center;
filter: grayscale(1) brightness(1.7);
opacity: .72;
}
/* Scroll-to-top: keep away from support widgets */
#scrollTopBtn,
#scroll-top.scroll-top {
width: 46px;
height: 46px;
border: 1px solid rgba(27, 23, 25, .1);
border-radius: 14px;
background: #fff;
color: var(--pmu-ink);
box-shadow: 0 12px 32px rgba(27, 23, 25, .14);
}
#scrollTopBtn:hover,
#scroll-top.scroll-top:hover {
background: var(--pmu-primary);
color: #fff;
}
/* Cart drawer visual alignment */
#offcanvasRight {
width: min(430px, 100vw);
border-left: 0;
box-shadow: -20px 0 60px rgba(27, 23, 25, .16);
}
#offcanvasRight .offcanvas-header {
min-height: 74px;
padding: 18px 20px;
border-bottom: 1px solid var(--pmu-line);
}
#offcanvasRight .bag-tit {
align-items: center;
gap: 4px;
color: var(--pmu-ink);
font-size: 18px;
font-weight: 700;
}
#offcanvasRight .ny-offcanvas-close {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--pmu-line);
border-radius: 12px;
background: #fff;
color: var(--pmu-ink);
}
#offcanvasRight .offcanvas-body {
padding: 20px;
}
#offcanvasRight .ny-cart-empty {
width: 82px;
height: 82px;
display: flex;
align-items: center;
justify-content: center;
margin: 54px auto 18px;
border-radius: 22px;
background: var(--pmu-primary-soft);
color: var(--pmu-primary);
font-size: 28px;
}
#offcanvasRight .ny-btn-empty,
#offcanvasRight .ny-offcanvas-payment {
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: 12px;
font-size: 13px;
font-weight: 700;
}
#offcanvasRight .ny-btn-empty {
border-color: var(--pmu-ink);
background: var(--pmu-ink);
color: #fff;
}
#offcanvasRight .ny-offcanvas-payment {
border-color: var(--pmu-primary);
background: var(--pmu-primary);
color: #fff;
}
/* Responsive footer */
@media (max-width: 1199.98px) {
.footer.cmp #footer_area {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
gap: 38px 26px;
}
}
@media (max-width: 767.98px) {
.footer-section > .container,
.footer.cmp > .container {
width: calc(100% - 28px);
}
.footer-section .footer-topBarRow {
grid-template-columns: 1fr;
}
.footer-section .ny-footerTopBar {
min-height: 58px;
padding: 13px 4px !important;
border-right: 0;
border-bottom: 1px solid var(--pmu-line);
}
.footer-section .ny-footerTopBar:last-child {
border-bottom: 0;
}
.footer.cmp {
padding-top: 44px !important;
}
.footer.cmp #footer_area {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 155px), 1fr));
gap: 34px 22px;
padding-bottom: 40px !important;
}
.footer.cmp .widget-title {
margin-bottom: 15px;
font-size: 14px;
}
.footer.cmp .widget-body {
gap: 9px;
}
.footer.cmp .widget-body li a,
.footer.cmp .widget p,
.footer.cmp .ny-sub-box-desc {
font-size: 12px;
}
.footer.cmp .footerBottom {
padding: 18px 0 22px !important;
}
.footer.cmp .footerBottom > .row {
gap: 14px;
}
.footer.cmp .footerBottom > .row > [class*="col-"] {
width: 100%;
text-align: left !important;
}
.footer.cmp .footerBottom img {
max-width: 100% !important;
margin: 0;
object-position: left center;
float: none !important;
}
#scrollTopBtn,
#scroll-top.scroll-top {
right: 14px !important;
bottom: 82px !important;
}
}
@media (max-width: 479.98px) {
.footer.cmp #footer_area {
grid-template-columns: 1fr;
}
.footer.cmp #footer_area > [class*="col-"] {
padding-bottom: 2px !important;
}
}
/* =========================================================
PANORMOS PMU - FOOTER PAYMENT LOGO FIX
========================================================= */
.footer.cmp .footerBottom img {
display: block;
width: auto;
max-width: min(100%, 460px) !important;
max-height: 44px;
margin-left: auto;
object-fit: contain;
object-position: right center;
filter: none !important;
opacity: 1 !important;
image-rendering: auto;
}
.footer.cmp .footerBottom .col-lg-6:last-child {
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 991.98px) {
.footer.cmp .footerBottom img {
max-width: 100% !important;
max-height: 40px;
margin: 0;
object-position: left center;
float: none !important;
}
.footer.cmp .footerBottom .col-lg-6:last-child {
justify-content: flex-start;
}
}