@import url("../icons/fontawesome/css/all.min.css");
@import url("../plugins/slick/slick.css");
@import url("../plugins/slick/slick-theme.css");
@import url("../plugins/fancybox/jquery.fancybox.min.css");
@import url("https://use.typekit.net/qcy1his.css");

/* -------------------*
 *       GLOBAL
 *------------------- */
html,
body { font-size: 17px; font-weight: 400; font-variant-numeric: tabular-nums; color: #0f172a; background: #fff; font-family:'dm-sans', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
input, select, textarea, button { font-size:15px; font-family:'dm-sans', Helvetica, Arial, sans-serif; }
ol, ul, p { margin-bottom: 1.5rem; line-height: 1.5em; }
a { color:#ec6a5c; text-decoration:underline; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
a:hover, a:focus { color:#ec6a5c; text-decoration: none; }
.nowrap { white-space:nowrap; }
img { max-width:100%; height:auto; }
button { width:auto; padding:0; overflow:visible; cursor: pointer; line-height:normal !important; }
button::-moz-focus-inner { border:0; padding:0;  margin:-1px 0 0 0; }
button:active { box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3); }
.lead { font-size: 19px; line-height: 1.4em; }
hr { margin-top:20px; margin-bottom:20px; background: rgba(0, 0, 0, 0.4); }
strong { font-weight: 800; }
.mb-0 { margin-bottom: 0; }
.pb-0 { padding-bottom: 0 !important; }
[data-href] { cursor: pointer; }
.text-primary { color: #ec6a5c !important; }
.text-muted { color: #808080 !important;  }
.text-secondary { color: #FA5082 !important; }
.bg-primary { color: #fff !important; background: #ec6a5c !important; }
.bg-secondary { color: #0f172a !important; background: #ffd300 !important; }
.bg-thirty { color: #fff !important; background: #48d4c7 !important; }

/*p em { font-size: 1.2em; line-height: 1em; color: #8A6BB4; font-family: 'Dancing Script'; }*/

.grayscale { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url('../images/layout/grayscale.svg#greyscale'); filter: gray; -webkit-filter: grayscale(1); -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; transition:0.4s; }
.grayscale:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; }

/* headlines
----------------------------------------- */
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-weight: 500; font-style: normal; font-family: 'stolzl', Helvetica, Arial, sans-serif; }
h1, .h1 { font-size: 45px; line-height: 1.1em; margin-bottom: 1rem; }
h2, .h2 { font-size: 30px; line-height: 1.2em; margin-bottom: 1rem; }
h3, .h3 { font-size: 20px; line-height: 1.2em; margin-bottom: 0.8rem; }
h4, .h4 { font-size: 18px; margin-bottom: 0.8rem; }
h5, .h5 { font-size: 16px; line-height: 1.3em; }
.subtitle { font-size: 14px; text-transform: uppercase; font-weight: 600; line-height: 1em; color: #ec6a5c; padding-bottom: 0.2rem; position: relative; display: block; }
.big-title { font-size: 60px; line-height: 1em; }

/* clear
----------------------------------------- */
.clear { clear:both; }

/* -------------------*
 *       LAYOUT       *
 *------------------- */

.toolbar { font-size: 14px; padding: 6px 0; background: #eaf4f3; }
.toolbar ul { list-style: none; padding: 0; margin: 0; display: flex; }
.toolbar ul li { padding: 0 10px; }
.toolbar ul li:first-child { padding-left: 0; }
.toolbar ul li:last-child { padding-right: 0; }
.toolbar ul a { color: #000; text-decoration: none; }
.toolbar ul a i { color: #e76e61; display: inline-block; margin-right: 5px; }
.toolbar ul a:hover { color: #ec6a5c; }


/* header
---------------------------------------- */
header { border: 0; z-index: 50; position: sticky; top: 0; left: 0; right: 0; background: #fff; border-bottom: 1px solid #eee; }
header .navbar { padding: 20px 0; display: block; z-index: 51; color: #0f172a; background: transparent; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
header .navbar a { color: #0f172a; }
header .navbar .navbar-brand { font-size: 40px; font-weight: 100; line-height: 1em; margin: -5px 1rem 0 0; padding: 0; order: 1; text-transform: uppercase; font-family:'stolzl', Helvetica, Arial, sans-serif; }
header .navbar .navbar-brand strong {  }
/*header .navbar .navbar-brand strong { font-weight: 400; font-family: 'Dancing Script'; font-size: 1.6em; }*/

header .navbar .navbar-nav { list-style: none; padding: 0; align-items: center; }
header .navbar .navbar-nav li { position: relative; padding: 0 18px; line-height: 1em; }
header .navbar .navbar-nav li:first-child { padding-left: 0; border-left: 0; }
header .navbar .navbar-nav li:last-child { padding-right: 0; }
header .navbar .navbar-nav > li > a:not(.btn) { line-height: 1em; display: block; font-size: 17px; font-weight: 500; padding: 10px 0; text-decoration: none; position: relative; }
header .navbar .navbar-nav li a:hover,
header .navbar .navbar-nav li.current-menu-item > a { color: #ec6a5c; }
header .navbar .navbar-nav li.highlight > a { font-weight: 700; }
header .navbar .navbar-nav > li.menu-item-has-children { position: relative; }
header .navbar .navbar-nav > li.menu-item-has-children > a { padding-right: 15px; }
header .navbar .navbar-nav > li.menu-item-has-children > a:before { font-size: 13px; content: "\f107"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-family: 'Font Awesome 7 Pro' !important; font-weight: 300; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; display: inline-block; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; }
header .navbar .navbar-nav li ul { display: none; list-style: none; position: absolute; top: 100%; left: -20px; min-width: 100%; background: #ec6a5c; padding: 15px 20px; text-align: left; border-radius: 10px; }
header .navbar .navbar-nav li:hover ul { display: block; }
header .navbar .navbar-nav li ul li { padding: 2px 0; }
header .navbar .navbar-nav li ul li a:not(.btn) { font-size: 0.95em; display: block; color: #FFF; white-space: nowrap; padding: 5px 0; text-decoration: none; }
header .navbar .navbar-nav li ul li a:not(.btn):hover { opacity: 0.7; }

header .navbar .navbar-collapse { order: 2; }
header .navbar .navbar-shop { order: 3; }
header .navbar .navbar-shop li { padding: 0 7px; }
header .navbar .navbar-shop li a { font-size: 1.3em !important; position: relative; }
header .navbar .navbar-shop .badge { font-size: 11px; font-weight: 400; border-radius: 8px; line-height: 16px; min-width: 16px; padding: 0 5px; position: absolute; top: 3px; right: -5px; }
header .navbar .navbar-shop li.navbar-contact { border-left: 1px solid rgba(0, 0, 0, 0.1); margin-left: 1rem; padding-left: 1rem; }
header .navbar .navbar-shop li.navbar-contact i { position: absolute; color: #0f172a; left: 0; top: 0; font-size: 16px; width: 30px; height: 30px; line-height: 30px; background: #ffd300; border-radius: 50%; }
header .navbar .navbar-shop li.navbar-contact span { text-transform: uppercase; font-size: 11px; text-transform: uppercase; font-weight: 500; display: block; line-height: 1.3em; }
header .navbar .navbar-shop li.navbar-contact a { font-size: 16px !important; line-height: 1em; display: block; padding: 0 0 0 2.2rem; position: relative; }

html .fa-duotone:before,
html .fad:before  { color: #ec6a5c; }
html .fa-duotone:after,
html .fad:after  { color: #ec6a5c; }

header .navbar-toggler { padding: 0; margin:  -35px calc(var(--bs-gutter-x,.75rem) * -1) -35px 20px; border: 0; width: 63px; height: 63px; outline: none !important; box-shadow: none !important; background: transparent; border-radius: 0; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
header .navbar-toggler .navbar-toggler-text { display: inline-block; vertical-align: middle; text-transform: uppercase; font-weight: 500; }
header .navbar-toggler .burger { display:inline-block; vertical-align: middle; margin: -1px 0 0 0; }
header .navbar-toggler .burger span { width: 30px; height: 1px; background: #000; display:block; margin: 7px 0; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
header .navbar-toggler .burger span.line-top { margin-top: 1px; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
header .navbar-toggler .burger span.line-bottom { margin-top: -15px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
header .navbar-toggler .burger span.line-middle { opacity: 0; }
header .navbar-toggler.collapsed .burger span.line-top { margin-top: 4px; transform: none; }
header .navbar-toggler.collapsed .burger span.line-middle { opacity: 1; }
header .navbar-toggler.collapsed .burger span.line-bottom { width: 15px; margin-top: 4px; transform: none; }
header .navbar-toggler:hover .burger span.line-bottom { width: 30px; }

header .navbar-search { padding: 5px 0; background: #eaf4f3; display: none; }
header .navbar-search form { position: relative; }
header .navbar-search form .form-control { padding-left: 30px; height: 42px; border-radius: 0; border: 0 !important; background: transparent !important; }
header .navbar-search form .btn { position: absolute; padding: 8px 6px; top: 0; left: -5px; box-shadow: none !important; outline: none !important; }
header .navbar-search form .btn:hover { color: #FA5082; }
header .jsShowSearch i { width: 25px; display: inline-block; }
.show-search header .navbar-search { display: block; }
.show-search header .jsShowSearch i:before { content: '\e59b'; }

.scroll header { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); }
.scroll header .navbar { padding: 10px 0; /*background: rgba(255, 255, 255, 0.5);*/ }

/* modal
---------------------------------------- */
.modal-open main { position: static; }
.modal { text-align: left; }
.modal-content { border-radius: 20px; border: 0; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
.modal-header { border: 0; padding: 40px 40px 5px 40px; }
.modal-body { padding: 30px 40px; }
.modal-backdrop { background-color: rgba(255, 255, 255, 0.2) !important; -webkit-backdrop-filter: blur(15px); -moz-backdrop-filter: blur(15px); -ms-backdrop-filter: blur(15px); backdrop-filter: blur(15px); }
.modal-backdrop.show { opacity: 1 !important }

/* headline
---------------------------------------- */
.headline { position: relative; padding: 30px 0 10px; }
.headline.headline-home { padding: 0; background: #fcd145; padding: 0; }
.headline.headline-home h1,
.headline.headline-home .h1 {  line-height: 1.2em; }
.headline.headline-home .slick-arrow { opacity: 0; }
.headline.headline-home .slick-prev { left: 20px; }
.headline.headline-home .slick-next { right: 20px; }
.headline.headline-home:hover .slick-arrow { opacity: 1; }
.headline.headline-home .row { padding: 50px 0; }

.headline-slider-nav-wrap { position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; }
.headline-slider-nav-wrap .slick-dots { bottom: 2rem; text-align: center; width: auto; display: inline-block !important; }

.js-slider-headline { position: relative; z-index: 2; margin-bottom: 0 !important; }
.js-slider-headline .slick-dots { text-align: center; bottom: 2rem; }
.headline-box { color: #fff; padding: 0; display: flex !important; min-height: calc(100vh - 115px) !important; height: 100%; align-items: center; position: relative; z-index: 2; background-size: cover; background-position: center; overflow: hidden; }
.headline-box__media { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; margin: 0; }
.headline-box__media img { width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: center; display: block; position: absolute; inset: 0; z-index: 0; }
div.headline-box:after,
a.headline-box:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #222; opacity: 0.5; z-index: 1; }
.headline-box .container-xl { position: relative; z-index: 2; }
.headline-home .divider { position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; }
.headline-box .headline-box-image { position: relative; display: flex; justify-content: center; align-items: center; aspect-ratio: 1 / 1; background-size: cover; background-position: center; border-radius: 50px; }
.headline-box .headline-box-image div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.headline-box .headline-box-image span { width: 110%; aspect-ratio: 1 / 1; border-radius: 50%; display: block; background: #ffd300; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

/*.headline-box .headline-box-image2 { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background-size: cover; background-repeat: no-repeat; box-shadowx: -5px 0 10px rgba(0, 0, 0, 0.2) !important; }*/
.headline-box img { width: auto; max-height: 100%; position: relative; z-index: 2; }

.headline-box-rating { padding-top: 1.5rem; display: flex; align-items: center; }
.headline-box-rating .headline-box-rating-users { display: flex; align-items: center; padding-right: 1rem; }
.headline-box-rating .headline-box-rating-users img { border-radius: 50%; width: 36px; height: auto; box-shadow: 0 0 0 3px #fff !important; }
.headline-box-rating .headline-box-rating-users img:not(:first-child) { margin-left: -5px; }
.headline-box-rating .headline-box-rating-content { font-size: 14px; }
.headline-box-rating .headline-box-rating-content strong { padding-bottom: 5px; }
.headline-box-rating .headline-box-rating-content-stars { font-size: 12px; color: #EAB308; margin-right: -1rem; }

.headine-img { margin: 1.5rem 0 2rem; border-radius: 20px; }

/* section
---------------------------------------- */
.section { padding: 100px 0; position: relative; }
body:not(.home) .main .section:not(.section-cart):not(.section-user):first-child { padding-top: 0; }
.section .container-xl { position: relative; z-index: 2; }
.section .section-head { padding-bottom: 1.5rem; }
.section-gray { background-color: #eaf4f3; }
.section-primary { background-color: #30d5c8; }
.section-secondary { background-color: #ec6a5c; }
.section-third { background-color: #ffd300; }
.section-offset-content { width: 900px; max-width: 100%; margin: 0 auto; }
.section-border-top { border-top: 1px solid #ddd; }

/* box
---------------------------------------- */
.box { padding: 30px; background: #fff; border-radius: 24px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); }

/* about boxes
---------------------------------------- */
.section-about { min-height: 50vh; display: flex; align-items: center; overflow: hidden; }
.section-about .about-image { background-size: cover; background-position: center;  position: absolute; top: 0; left: 0; bottom: 0; width: 50vw; /*border-top-right-radius: 100px; border-bottom-right-radius: 100px;*/ }

/* extras
---------------------------------------- */
.section-extras .extras-image { height: 440px; border-radius: 24px; background-size: cover; background-position: center; transform: rotate(-1deg); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); position: relative; }
.section-extras .extras-image-badge { font-size: 14px; text-align: center; color: #522868; background: #fff; padding: 10px 20px 15px; border-radius: 12px; position: absolute; bottom: 1rem; left: -2rem; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); animation: floatDownUp 10s ease-in-out infinite; }
.section-extras .extras-image-badge strong { font-size: 22px; display: block; font-family: 'Dancing Script'; line-height: 1em; }

/* testimonials
---------------------------------------- */
.testimonials .testimonial-item { background: #fff; border-radius: 10px; overflow: hidden; min-height: 100%; margin: 0 5px; border: 1px solid #ddd; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important; }
.testimonials .slick-slide { padding: 10px 10px 25px; }
.testimonials .testimonial-item-content { padding: 20px 20px 10px; }
.testimonials .testimonial-item-head { font-size: 13px; position: relative; }
.testimonials .testimonial-item-head strong { color: #3C2B20; }
.testimonials .testimonial-item-stars { font-size: 16px; color: #EAB308; padding-bottom: 5px; }
.testimonials .testimonial-item-footer { font-size: 13px; color: #888; }
.testimonials .slick-dots { text-align: center; }

/* accordions
---------------------------------------- */
.accordion { background: #fff; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
.accordion .accordion-button { font-size: 24px; font-weight: 700; color: #000; font-family: 'stolzl', Helvetica, Arial, sans-serif; box-shadow: none !important; }
.accordion .accordion-button:hover { color: #ec6a5c; }
.accordion .accordion-button:not(.collapsed) { color: #ec6a5c; background-color: #fff; }
.accordion .accordion-button:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

/* box with bg
---------------------------------------- */
.box-bg { padding: 2rem 2rem 0.5rem; background: #eaf4f3; border-radius: 10px; margin: 2rem 0; }

/* instagram
---------------------------------------- */
.instagram-feed iframe { width: 100%; border: 0px; overflow: hidden; height: 215px; }

/* newsletter
---------------------------------------- */
.newsletter-box { color: #000; background: #fff; border-radius: 50px; padding: 50px 80px 30px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); }
.newsletter-box form { width: 600px; max-width: 100%; margin: 0 auto 1rem; }

.section-newsletter:after { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center; background-image: url(https://greenola.casethemes.net/wp-content/uploads/2025/03/ab-img-6.webp); }
.section-newsletter:before { content: ''; display: block; position: absolute; z-index: 2; opacity: 0.85; top: 0; left: 0; bottom: 0; right: 0; background-color: #30d5c8; }

/* benefits
---------------------------------------- */
.section-benefits { position: relative; }
.benefits { padding: 0; }
.benefits .benefit-item { text-align: center; padding: 1rem 2rem; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.benefits .benefit-item-media { margin-bottom: 2rem; position: relative; }
.benefits .benefit-item-img { display: block; background-size: cover; background-position: center; width: 300px; height: 300px; border-radius: 50%; margin: 0 auto; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }

/* categories listing
---------------------------------------- */
.categories-listing .categories-listing-item { min-height: 100%; display: block; text-decoration: none; border-radius: 24px; overflow: hidden; background: #FDFDFB; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); }
.categories-listing .categories-listing-item-image { height: 320px; position: relative; overflow: hidden; }
.categories-listing .categories-listing-item-image .img { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.categories-listing .categories-listing-item-image:after { content: ''; opacity: 0.3; display: block; position: absolute; z-index: 2; bottom: 0; right: 0; left: 0; top: 0; background: #000; background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0); }
.categories-listing .categories-listing-item-image .h3 { color: #fff; position: absolute; bottom: 25px; left: 25px; margin: 0; display: block; z-index: 5; transform: translateY(100px); -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.categories-listing .categories-listing-item-content { color: #fff; padding: 25px 25px 15px; position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; }
.categories-listing .categories-listing-item-content .h4 { -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; transition:0.2s; }
.categories-listing .categories-listing-item-content p { display: none; margin-bottom: 0.5rem; }
.categories-listing .categories-listing-col { margin-bottom: 1.5rem; }

.categories-listing .categories-listing-item:hover .categories-listing-item-image .img { transform: scale(1.1); }
.categories-listing .categories-listing-item:hover .categories-listing-item-image:after { opacity: 0.5; }
.categories-listing .categories-listing-item:hover .categories-listing-item-content p { display: block; }

/* breadcrumbs
---------------------------------------- */
.breadcrumbs { padding: 0 0 10px; color: #888; }
.breadcrumbs ul { font-size: 12px; list-style: none; padding: 0; margin: 0; }
.breadcrumbs ul li { padding-left: 0 !important; }
.breadcrumbs ul li a { color: #888; text-decoration: none; }
.breadcrumbs ul li a:hover { color: #000; text-decoration: underline; }
.breadcrumbs ul li:before { display: none !important; }
.breadcrumbs ul span:before { display: inline-block; margin: 0 6px; content: '\f105'; font-family: "Font Awesome 7 Pro" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.breadcrumbs ul span:first-child:before { display: none; }

/* categories
---------------------------------------- */
.categories { padding: 0 0 40px; margin: 0 -5px; list-style: none; }
.categories li { width: 33.333%; float: left; padding: 5px; }
.categories li:before { display: none; !important; }
.categories li a { display: block; color: #000; background: #fff; border: 1px solid #e66d61; padding: 10px 60px 10px 90px; border-radius: 50px; overflow: hidden; position: relative; line-height: 50px; min-height: 100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
.categories li a span { display: inline-block; line-height: 1.2em; vertical-align: middle; margin-top: -2px; font-family: 'stolzl', Helvetica, Arial, sans-serif; }
.categories li a .img { width: 60px; height: 60px; padding: 0; position: absolute; top: 5px; left: 15px; text-align: center; }
.categories li a .img img { max-height: 100%; width: auto; }
.categories li a i { width: 40px; height: 40px; font-size: 20px; line-height: 40px; border-radius: 50%; color: #FFF; background: #e66d61; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; transition:0.2s; }
.categories li a:hover { color: #fff; background: #e66d61; text-decoration: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.categories li a:hover i { color: #fff; }
.categories-more { display: none; }

.categories.categories-noimage li a { padding: 12px 20px 12px 35px; line-height: 20px; border-radius: 25px; }
.categories.categories-noimage li a i { display: none; }
.categories.categories-noimage li a:before { color: #e66d61; display: block; position: absolute; top: 13px; left: 15px; content: '\f105'; font-family: "Font Awesome 7 Pro" !important; speak: none; font-style: normal; font-weight: normal; }
.categories.categories-noimage li a:hover:before { color: #fff; }

/* Sidebar box
---------------------------------------- */
.sidebar-box { padding: 20px; border-radius: 10px; background: #eaf4f3; margin-right: 1rem; }
.sidebar-box ul { list-style: none; padding: 0; margin: 0; }
.sidebar-box ul li { border-top: 1px dashed rgba(0, 0, 0, 0.1); }
.sidebar-box ul li:first-child { border-top: 0; }
.sidebar-box ul a { color: #000; text-decoration: none; padding: 5px 0 5px 30px; position: relative; display: block; }
.sidebar-box ul a.active { font-weight: 700; }
.sidebar-box ul a i { color: #ec6a5c; position: absolute; left: 0; top: 8px; }
.sidebar-box ul a:hover { color: #ec6a5c; }

/* products
---------------------------------------- */
.products { margin: 0 -5px; position: relative; z-index: 48; width: calc(100% + 10px); }
.products .product-col { padding: 5px; position: relative; z-index: 1; }
.products:not(.slick-slider):not(.products-rows) .product-col:hover .product-item { z-index: 2; transform: translateY(-5px); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }
.products .product-item { padding: 10px 20px 15px 20px; background: #FFF; border: 1px solid #DDD; min-height: 100%; overflow: hidden; position: relative; border-radius: 15px; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.products .product-item-content { text-decoration: none !important; display: block; }
.products .product-item-content:hover .product-item-title { text-decoration: underline; }
.products .product-item-img { display: block; height: 250px; line-height: 250px; text-align: center; margin-bottom: 15px; position: relative; }
.products .product-item-img img { max-height: 100%; width: auto; display: inline-block !important; }
.products .product-item-badges { display:  flex; flex-wrap:  wrap; align-items: flex-start; line-height: 1.3em; }
.products .product-item-img .product-item-badges { position: absolute; z-index: 40; top: 10px; left: 0; flex-direction: column;  }
.products .product-item-img-links { display: flex; flex-direction: column; position: absolute; top: 10px; right: -50px; gap: 5px; opacity: 0; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.products .product-col:hover .product-item-img-links { right: 10px; opacity: 1; }
.products.products-tops .product-item-img-links { display: none; }
.products .product-item-img-links a { width: 36px; height: 36px; line-height: 36px; font-size: 14px; text-align: center; display: block; border-radius: 50%; color: #000; background: #ffd300; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.products .product-item-img-links a:hover { color: #fff; background: #000; }
.products .product-item-badges .badge { margin-bottom: 2px; margin-right: 4px; }
.products .product-item-title { font-size: 16px; color: #000; font-weight: 500; line-height: 1.4em; margin-bottom: 5px; }
.products .product-item-price { display: flex; align-items: center; position: relative; flex-wrap: wrap; }
.products .product-item-price strong { font-size: 18px; font-weight: 500; line-height: 1em; }
.products .product-item-price .price-old { text-decoration: line-through; margin: -3px 0 0 0; display: block; font-size: 12px; width: 100%; position: absolute; bottom: 100%; left: 0; }
.products .product-item-price .price-discount { color: #F00212; font-weight: 600; }
.products .product-item-price small { width: 100%; font-size: 11px; padding-top: 2px; line-height: 1.3em; opacity: 0.5; display: block; }
.products .product-item p { font-size: 14px; color: #888; margin-bottom: 10px; }
.products .product-item .btn i { margin-right: 6px; }
.products .product-item-availability { padding-bottom: 22px; font-size: 12px; }
.products .product-item-availability span { font-weight: 500; display: block; line-height: 1.2em; }
.products .product-item-availability span:first-letter { text-transform: uppercase; }
.products .product-item-links { position: absolute; z-index: 49; top: 20px; right: 0; opacity: 0; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.products .product-item-links a { background: #ddd; border-radius: 4px; font-size: 18px; width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; margin-bottom: 5px; }
.products .product-item-links a:hover { background: #ffe700; }
.products .product-item-links a.active { background: #00459c; color: #fff; }
.products .product-item-links a.active:hover { background: #000; color: #fff; }
.products .product-col:hover .product-item-links { right: 20px; opacity: 1; }
.products .product-item > div.row { margin: 0 -5px; }
.products .product-item > div.row > div { padding: 0 5px; }
.products .product-item-banner { display: block; height: 100%; background-size: cover; background-position: center; }

.products.slick-slider .slick-list { position: relative;}
/*.products.slick-slider .slick-list:after { content :''; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: #fff; }*/
.products.slick-slider .product-item { border-left:  0; border-left: 1px solid #ddd !important; }
.products.slick-slider .slick-prev { left: -20px; }
.products.slick-slider .slick-next { right: -20px; }
.products.slider-products-sub { margin-bottom: 40px; }

.products-rows { margin-bottom: 30px; }
.products-rows .product-col { width: 100%; border: 0; margin: 0; padding: 10px 0; border-bottom: 1px solid #ddd; }
.products-rows .product-col.hide-product-top { display: none; }
.products-rows .product-item { display: flex; border: 0; align-items: center; flex-wrap: wrap; }
.products-rows .product-col:after { display: none !important; }
.products-rows .product-item-number { width: 5%; }
.products-rows .product-item-number span { width: 26px; line-height: 26px; font-size: 14px; font-weight: 500; border-radius: 50%; text-align: center; display: inline-block; }
.products-rows .product-item-number span.place-1 { color: #fff; background: #f2c464; }
.products-rows .product-item-number span.place-2 { color: #fff; background: #cecece; }
.products-rows .product-item-number span.place-3 { color: #fff; background: #dca86d; }
.products-rows .product-item-content { width: 75%; padding-left: 100px; }
.products-rows .product-item-img { width: 80px; height: 80px; line-height: 80px; margin-bottom: 0; position: absolute; top: 50%; left: 70px; transform: translateY(-50%); }
.products-rows .product-item-title { margin-bottom: 2px; }
.products-rows .product-item p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; }
.products-rows .product-item .row { display: block; width: 20%; margin: 0 !important; }
.products-rows .product-item .row > div { padding: 0 0 0 20px !important; }
.products-rows .product-item .row .col-sm-auto { display: none !important; }
.products-rows .product-item-availability { padding-bottom: 0; }
.products-rows .product-item .product-item-price { padding-top: 5px; padding-bottom: 5px; }
.products-rows .product-item-price { text-align: right; display: block; }
.products-rows .product-item-price strong { display: block; }
.products-rows .product-item-price .price-old { position: static; }
.products-rows .product-item-links { display: none; }
.products-rows .product-item-badges { top: 15px; left: -5px; }
.products-rows .product-item-badges .badge { font-size: 10px; font-weight: 600; border-radius: 4px; }
.products-top-more { text-align: center; padding-bottom: 40px; font-size: 14px; margin-top: -15px; }

.products.products-large .product-item-img { width: 100%;  height: 600px; line-height: 600px; }

.products-all { padding-top: 30px; }

.products-filter { font-size: 15px; }
.products-filter-btn .dropdown-menu { min-width: 100%; font-size: 16px; }
.products-filter-btn .dropdown-menu li.active a { font-weight: 700; }

@media all and (min-width:768px) {
    .products-filter .products-filter-btn .btn { display: none; }
    .products-filter .products-filter-btn .dropdown-menu { display: flex; border: 0; padding: 0; position: static; }
    .products-filter ul { list-style: none; padding: 0; margin: 0; }
    .products-filter ul li { float: left; padding-right: 5px; }
    .products-filter ul li a { font-size: 15px; background: #eaf4f3; padding: 6px 15px; border-radius: 25px; line-height: 26px; display: block; text-decoration: none; }
    .products-filter ul li a:hover { background: #ec6a5c; color: #fff; }
    .products-filter ul li.active a { background: #000; color: #fff; }

    .products-filter .products-tabs-mobile { display: none; }
}

/* pagination
---------------------------------------- */
.pagination { height: 45px; display: block; padding: 0 10px; margin-bottom: 40px; }
.pagination .pagination-pages { float: left; padding: 14px 0; font-size: 14px; color: #888; }
.pagination .pagination-numbers { list-style: none; padding: 11px 0; margin: 0; float: right; position: relative; z-index: 49; }
.pagination .pagination-numbers li { float: left; padding-left: 8px; }
.pagination .pagination-numbers li a { font-size:  15px; color: #000; min-width: 40px; line-height: 40px; border-radius: 20px; text-align: center; display: block; text-decoration: none; border: 1px solid transparent; }
.pagination .pagination-numbers li a.active { border-color: #ffd300; color: #000; background-color: #ffd300 }
.pagination .pagination-numbers li a:hover { border-color: #ffd300; }

.button-loadmore { width: 100%; text-align: center; position: absolute; top: 100%; left: 0; right: 0; padding-top: 25px; }
.button-loadmore .btn .btn-load-loader { display: none; position: absolute; top: 55%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.button-loadmore .btn .btn-load-loader .spinner-border { width: 1.5rem; height: 1.5rem; }
.button-loadmore .btn.active .btn-load-loader,
.button-loadmore .btn:active .btn-load-loader { display: block; }
.button-loadmore .btn.active .btn-load-text,
.button-loadmore .btn:active .btn-load-text { opacity: 0; }

/* product detail
---------------------------------------- */
.section.product-detail { padding-top: 30px !important; }

.product-detail { position: relative; }
.product-detail-images { width: 63%; display: flex; flex-wrap: wrap; margin: 0 -5px 1rem; }
.product-detail-images-item { width: calc(50% - 10px); background: #eaf4f3; border-radius: 15px; overflow: hidden; margin: 0 5px 10px; position: relative; }
.product-detail-images-item:first-child { width: 100%; height: 40vh; min-height: 500px; }
.product-detail-images-item a { display: flex; align-items: center; justify-content: center; height: 100%; }
.product-detail-images-item img { width: auto; max-height: 100%; }
.product-detail-images-item video { display: block; width: 100%; height: 100%; max-height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; z-index: 1; top: 0; left: 0; }

.product-detail-cart-wrap { position: absolute; top: 0; right: 0; bottom: 0; width: 37%; padding-left: 3rem; }
.product-detail-cart { position: sticky; top: 90px; }
.product-detail-cart .product-detail-add { margin-bottom: 1.5rem; }
.product-detail-cart .product-detail-add .product-quantity { font-size: 20px; text-align: center; width: 80px; height: 60px; }
.product-detail-cart .product-detail-add .btn { min-height: 60px; }
.product-detail-cart .product-availability-info { font-size: 0.9rem; margin-bottom: 1.5rem; }
.product-detail-cart .product-availability-info-item { padding: 2px 0 2px 25px; position: relative; }
.product-detail-cart .product-availability-info-item i.icon { position: absolute; top: 5px; left: 0; }

.product-detail-price { padding-bottom: 0.6rem; }
.product-detail-price strong { font-size: 30px; font-weight: 600; line-height: 1em; }
.product-detail-price .price-old { text-decoration: line-through; margin: 0; display: block; font-size: 13px; width: 100%; line-height: 1em; }
.product-detail-price .price-discount { color: #F00212; font-weight: 600; }
.product-detail-price small { width: 100%; font-size: 12px; opacity: 0.6; display: block; line-height: 1.2em; }

.product-detail-cart .variants-group { padding-bottom: 1rem; }
.product-detail-cart .variants-group-title { font-size: 15px; font-weight: 600; padding-bottom: 0.5rem; }
.product-detail-cart .variant-item { width: 100%; position: relative; overflow: hidden; margin-bottom: 0.5rem; display: block; cursor: pointer; }
.product-detail-cart .variant-item .variant-item-content { font-size: 14px; padding: 10px 0; border: 1px solid #ddd; border-radius: 5px; margin: 0; align-items: center; }
.product-detail-cart .variant-item .variant-item-content:hover { border-color: #000; }
.product-detail-cart .variant-item .variant-item-content .col-auto { text-align: right; }
.product-detail-cart .variant-item .variant-item-content strong { line-height: 1.2em; margin-bottom: 5px; }
.product-detail-cart .variant-item .variant-item-content .price-old { color: #888; text-decoration: line-through; }
.product-detail-cart .variant-item .variant-item-content .price-discount { color: #F00212; }
.product-detail-cart .variant-item .variant-item-content small { display: block; font-size: 0.8em; }
.product-detail-cart .variant-item input { position: absolute; left: -9999px; }
.product-detail-cart .variant-item input:checked + .variant-item-content { border-color: #000; box-shadow: inset 0 0 0 1px #000; }
.product-detail-cart .variant-item .col-img { max-width: 65px; height: 40px; text-align: center; }
.product-detail-cart .variant-item .col-img img { width: auto; max-height: 100%; }
.product-detail-cart .variant-item .product-detail-rating { font-size: 12px; }

.product-badges a { background: #f4f4f4; color: #000; font-weight: 500; padding: 8px 12px; margin: 0 3px 6px 0; }

.product-detail-content { width: 63%; }
.product-detail-content .nav-pills { position: sticky; top: 62px; z-index: 50; background: rgba(255, 255, 255, 0.3); padding: 10px 15px; -webkit-backdrop-filter: blur(15px); -moz-backdrop-filter: blur(15px); -ms-backdrop-filter: blur(15px); backdrop-filter: blur(15px); }
.product-detail-content .table { font-size: 15px; }
.content-boxes .content-box { border-radius: 15px; margin-bottom: 2rem; overflow: hidden; }
.content-boxes .content-box h2 { margin-bottom: 1.5rem; }
.content-boxes .content-box-content { padding: 3rem 2rem 1rem; }
.content-boxes .content-box-cols { font-size: 0.9rem; text-align: center; padding: 1rem 3rem 1rem; justify-content: center; }
.content-boxes .content-box-cols > div { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.content-boxes .content-box .icon { width: 50px; height: 50px; margin: 0 auto 1.4rem; display: flex; justify-content: center; align-items: center; }
.content-boxes .content-box .icon img { width: auto; max-height: 100%; }

.content-boxes .box-full .content-box-content { max-width: 640px; margin-left: auto; margin-right: auto; text-align: center; }
.content-boxes .box-cols { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }
.content-boxes .box-cols .content-box-content { width: 50%; }
.content-boxes .box-cols .content-box-image { width: 50%; }
.content-boxes .box-cols.reverse-cols .content-box-content { order: 2; }
.content-boxes .box-cols.reverse-cols .content-box-image { order: 1; }

.content-boxes .box-bgimage { background-size: cover; background-position: center; }

.compare-cols { padding: 0 1.5rem; text-align: center; font-size: 14px; }
.compare-cols .col-image { aspect-ratio: 4 / 3; margin-bottom: 1rem; }
.compare-cols .col-image img { width: auto; max-height: 100%; }
.compare-cols table { text-align: center; margin-bottom: 1rem; }
.compare-cols table td { padding: 10px; }
.compare-cols table .compare-row-title td { width: 50%; font-size: 12px; opacity: 0.5; text-transform: uppercase; font-weight: 600; padding-bottom: 0; }
.compare-cols table .compare-row-title div { position: relative; }
.compare-cols table .compare-row-title div.compare-title-bg:after { content: ''; display: block; background: #ddd; height: 1px; position: absolute; top: 8px; left: 90%; width: 500px; z-index: 1; }
.compare-cols table .compare-row-title div.compare-title-bg:before { content: ''; display: block; background: #ddd; height: 1px; position: absolute; top: 8px; right: 90%; width: 500px; z-index: 1; }
.compare-cols table .compare-row-title div:not(.compare-title-bg) { text-indent: -99999px; }
.compare-cols table .compare-row-title div span { position: relative; z-index: 2; }

.product-detail-contact { background: #eaf4f3; border-radius: 15px; margin-top: 1rem; padding: 1rem 1rem 1rem 115px; min-height: 110px; position: relative; display: flex; align-content: center; flex-wrap: wrap; }
.product-detail-contact .product-detail-contact-photo { width: 80px; height: 80px; position: absolute; left: 1rem; top: 1rem; border-radius: 50%; overflow: hidden; }
.product-detail-contact .product-detail-contact-name { display: block; margin-bottom: 1px; width: 100%; }
.product-detail-contact a { text-decoration: none; color: #000; }
.product-detail-contact a:hover { text-decoration: underline; }
.product-detail-contact a i { display: inline-block; vertical-align: middle; margin: -4px 4px 0 0; }

.nav-pills .nav-link { font-size: 14px; color: #000; border-radius: 20px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; margin: 0 2px; }
.nav-pills .nav-link:hover { color: #ec6a5c; }
.nav-pills .nav-link.active { color: #0f172a; background: #ffd300; }

.rating-number { font-weight: 500; display: inline-block; margin-left: 0.5rem }
.rating-panel { position: relative; display: inline-block; white-space: nowrap; color: #fbd145; }
.rating-panel i { margin-right: -3px; }
.rating-panel .rating-panel-results { position: absolute; top: 0; left: 0; overflow: hidden; }

.product-detail-rating { font-size: 14px; margin-bottom: 1rem; }
.product-detail-rating a { display: inline-block; text-decoration: none !important; color: #888; }

.ratings-listing { padding-bottom: 20px; }
/*.ratings-listing .ratings-listing-item { border-top: 1px solid #eaf4f3; padding: 20px 0 5px; }
.ratings-listing .ratings-listing-item:first-child { border-top: 0; padding-top: 0; }*/
.ratings-listing .ratings-listing-item { padding-bottom: 20px; }
.ratings-listing .ratings-listing-item-head { padding: 15px 0 5px 20px; font-size: 14px; }
.ratings-listing .ratings-listing-item-head strong { margin-right: 5px; }
.ratings-listing .ratings-listing-item-content { padding: 15px 20px 1px; border-radius: 4px; position: relative; background: #eaf4f3; }
.ratings-listing .ratings-listing-item-content:after { content: ''; border-top: 10px solid #eaf4f3; border-left: 15px solid transparent; border-right: 15px solid transparent; position: absolute; top: 100%; left: 20px; z-index: 1; }
.ratings-listing .ratings-listing-item-content .rating-panel { margin-bottom: 5px; }

.ratings-listing .ratings-listing-item p { margin-bottom: 15px; }

.ratings-gallery { margin: 0 -5px 15px; }
.ratings-gallery > div { padding: 5px; }
.ratings-gallery a { display: block; border-radius: 10px; overflow: hidden; }
.ratings-gallery a span { display: block; aspect-ratio: 1 / 1; background-size: cover; background-position: center; -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; transition:0.2s;  }
.ratings-gallery a:hover span { transform: scale(1.1); }

/* articles
---------------------------------------- */
.articles > div { padding-bottom: 1.5rem; }
.articles .article-item { color: #000; display: block; text-decoration: none; min-height: 100%; background: #fff; border-radius: 24px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; }
body:not(.touch) .articles .article-item:hover { transform: translateY(-10px); box-shadow: 0 15px 20px rgba(0, 0, 0, 0.08); }
.articles .article-item-img { height: 250px; background-size: cover; background-position: center; }
.articles .article-item-content { padding: 20px 20px 50px; min-height: 100%; }
.articles .article-item-content .btn { position: absolute; bottom: 20px; left: 20px; }

.articles .slick-slide { padding: 1rem 0.75rem 0; }
.articles .slick-dots { text-align: center; bottom: -1rem; }
.articles .slick-dots button { background: #fff; }

.article-detail { width: 780px; max-width: 100%; margin: 0 auto; }
.article-detail .article-detail-image { margin: 0 -100px 2rem; }
.article-detail .article-detail-image img { border-radius: 24px; }

.article-detail .products { margin-left: -270px; margin-right: -270px; width: auto; }

/* pagination
---------------------------------------- */
.wp-pagenavi { text-align: center; padding: 3rem 0 0; }
.wp-pagenavi:after { content: ''; display: block; clear: both; }
.wp-pagenavi .pages { float: left; line-height: 40px; opacity: 0.5; border: 0; display: none; }
.wp-pagenavi .current { font-weight: 600; opacity: 1; min-width: 40px; line-height: 40px; border-radius: 50%; color: #FFF; background: #FA5082; display: inline-block; text-align: center; margin: 0 2px; }
.wp-pagenavi a { color: #000; font-weight: 600; min-width: 40px; line-height: 40px; text-decoration: none; display: inline-block; text-align: center; border-radius: 50%; margin: 0 2px; }
.wp-pagenavi a i { display: inline-block; vertical-align: middle; font-size: 1em; margin-top: -2px; }
.wp-pagenavi .extend { padding: 0 4px; }
.wp-pagenavi a:hover { color: #FA5082 !important; text-decoration: none; }

/* text page
---------------------------------------- */
.text-page blockquote { font-size: 38px; font-style: italic; text-transform: uppercase; font-family: 'dm-sans', Helvetica, Arial, sans-serif; }
.text-page blockquote p { line-height: 1.2em; letter-spacing: -1px; }
.text-page ul,
.text-page ol { list-style: none; padding-left: 0; }
.text-page ul li { padding-left: 20px; padding-top: 4px; padding-bottom: 4px; position: relative; }
.text-page ul li:before { content: ''; display: block; width: 8px; height: 8px; background: #ffd300; border-radius: 50%; position: absolute; top: 12px; left: 0; }
.text-page ol li { counter-increment: step-counter; position: relative; padding-left: 20px;  }
.text-page ol li:before { font-weight: 400; width: 20px; text-align: left; position: absolute; top: -1px; left: 0; content: counter(step-counter)'.'; }
.text-page a:not(.btn) { text-decoration: underline; background-image: none; }
.text-page a:not(.btn):hover { text-decoration: none; }
.text-page img.alignnone { border-radius: 20px; margin: 0 0 2rem 0; }

/* slick slider
---------------------------------------- */
main .slick-dotted.slick-slider { margin-bottom: 4rem !important; }
.slick-list * { outline: none !important; box-shadow: none !important; }
.slick-list .slick-slide { transform: translateZ(0) !important; }
.slick-list .slick-slide > div,
.slick-list .slick-slide > div > div { min-height: 100%; height: 100%; }
/*.slick-list .slick-slide > div { font-size: 0; }*/

.slick-arrow { box-shadow: none !important; width: 40px; height: 40px; border-radius: 50%; }
.slick-arrow.slick-disabled,
.slick-arrow.slick-disabled:focus,
.slick-arrow.slick-disabled:active,
.slick-arrow.slick-disabled:hover { opacity: 0.3; color: #ec6a5c; background: transparent; cursor: default; }
.slick-arrow,
.slick-arrow:focus,
.slick-arrow:active { z-index: 10; color: #000; background: #ffd300; }
.slick-arrow:hover { color: #fff; background: #000; border-color: #000; }
.slick-arrow:after { font-size: 20px; display: block; font-family: "Font Awesome 7 Pro" !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-arrow:before { display: none; }
.slick-prev { left: 30px; }
.slick-prev:after { content: "\f104"; }
.slick-next { right: 30px; }
.slick-next:after { content: "\f105"; margin-right: -2px; }

.slick-dots { bottom: -2rem; padding: 0 5px; }
.slick-dots li { width: 24px; height: auto;  text-align: center; margin: 0 !important; padding: 0 !important; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.slick-dots li:before { display: none !important; }
.slick-dots li button { width: 12px; height: 12px; border-radius: 6px; background: #ddd; display: inline-block; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.slick-dots li button:hover { background: #ec6a5c; }
.slick-dots li.slick-active { margin: 0 5px !important; }
.slick-dots li.slick-active button { width: 25px; background: #ec6a5c; }
.slick-dots li button:before { display: none; }

/* cart
---------------------------------------- */
.navbar-cart-right { order: 2; }
.navbar-cart-right a { font-size: 13px; opacity: 0.5; text-decoration: none; font-weight: 500; }
.navbar-cart-right a i { font-size: 16px; margin-left: 8px; vertical-align: middle; display: inline-block; margin-top: -3px; }
.navbar-cart-right a:hover { opacity: 1; text-decoration: underline; }

.section-cart { background: #eaf4f3; }
.section-cart .cart-page-head { padding-bottom: 20px; position: relative; }
.section-cart .cart-page-head:after { content: ''; height: 1px; background: #EEE; display: block; position: absolute; bottom:  0; right:  -25px; min-width: 100vw; }
.section-cart .cart-page-content { padding: 35px 35px 20px calc(var(--bs-gutter-x) * .5); position: relative; }
.section-cart .cart-page-content:after { content: ''; display: block; position: absolute; z-index: 1; top: 0; bottom: 0; right: 0; width: 100vw; background: #FFF; }
.section-cart .cart-page-content > * { position: relative; z-index: 2; }
.section-cart .cart-page-sidebar { padding: 35px calc(var(--bs-gutter-x) * .5) 35px 30px; position: relative; }
.section-cart .cart-page-sidebar { min-height: calc(100vh - 80px); }
.section-cart .cart-page-sidebar-content { position: sticky; top: 80px; }
.cart-page-sidebar-box { font-size: 15px; padding: 30px 0 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); }
.cart-page-sidebar-box:first-child { border-top: 0; padding-top: 0; }
.section-cart .cart-page-sidebar .cart-page-sidebar-title { display: block; margin-bottom: 10px; }
.section-cart .cart-page-sidebar strong { font-weight: 600; }
.section-cart .cart-page-sidebar small { white-space: nowrap; }
.section-cart .cart-page-sidebar p { margin:  0; padding-bottom: 10px; }
.section-cart .cart-page-sidebar ul { list-style: none; padding: 0 0 10px; margin: 0; }
.section-cart .cart-page-sidebar ul li { position: relative; padding-left: 25px; }
.section-cart .cart-page-sidebar ul i { position: absolute; top: 4px; left: 0; }

.cart-page-sidebar-box-head { padding-left: 45px; position: relative; }
.cart-page-sidebar-box-head i { font-size: 30px; position: absolute; left: 0; top: 8px; }

.cards-listing { font-size: 0; }
.cards-listing img { width: 50px; margin: 0 8px 5px 0; }

.section-cart .cart-page-sidebar .cart-products {  }
.section-cart .cart-page-sidebar .cart-products-row { padding: 10px 0 }
.section-cart .cart-page-sidebar .cart-products .cart-products-name { padding-left: 40px; font-size: 13px; min-height: 30px; }
.section-cart .cart-page-sidebar .cart-products .cart-products-img { width: 30px; height: 30px; line-height: 28px; background: #fff; box-shadow: 0 0 0 1px #eee; }
.section-cart .cart-page-sidebar .cart-products .cart-product-price { padding-bottom: 3px; }
.section-cart .cart-page-sidebar .cart-products .cart-product-price .price-sum { font-size: 12px; }

.cart-products .cart-products-head { font-size: 13px; font-weight: 600; padding: 10px 40px 10px 15px; border-bottom: 2px solid #000; }
.cart-products .cart-products-content { font-size: 14px; }
.cart-products .cart-products-content small { line-height: 1.4em; display: block; }
.cart-products .cart-products-row { padding: 10px 40px 10px 15px; border-bottom: 1px solid #DDD; position: relative; }
.cart-products .cart-products-row:last-child { border-bottom: 0; }
.cart-products .cart-products-name { color: #111; display: flex; align-items: center; text-decoration: none; position: relative; padding-left: 65px; min-height: 50px; }
.cart-products a.cart-products-name:hover { text-decoration: underline; }
.cart-products .cart-products-name span { line-height: 1.3em; }
.cart-products .cart-products-img { position: absolute; top: 0; left: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; }
.cart-products .cart-products-img img { vertical-align: middle; display: inline-block; width: auto; max-height: 100%; }
.cart-products .cart-product-price .price-old { text-decoration: line-through; font-size: 10px; color: #888; display: block; line-height: 1.2em; }
.cart-products .cart-product-price small { font-size: 11px; display: block; line-height: 1.2em; }
.cart-products .cart-product-price strong { font-weight: 600; }
.cart-products .cart-product-price .price-sum { color: #F00212; }
.cart-products .cart-products-remove { width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; position: absolute; top: 20px; right: 0; color: #888; background: #eaf4f3; }
.cart-products .cart-products-remove:hover { background: #EC1D24; color: #fff; }

.cart-summary-coupon { background: #eaf4f3; margin-bottom: 1rem; }

.cart-summary { padding-bottom: 1rem; }
.cart-summary-points { border: 1px dashed #EEE; padding: 20px; text-align: center; margin-bottom: 20px; }
.cart-summary-points-title { font-size: 13px; display: block; padding-bottom: 10px; }
.cart-summary-points-title strong { font-weight: 600; }

.cart-summary-prices { padding-top: 10px; }
.cart-summary-prices .row { padding: 3px 0; }
.cart-summary-prices strong { font-weight: 600; }

.cart-summary-delivery { text-align: center; padding: 1.5rem 1.5rem 1.1rem; background: #eaf4f3; border-radius: 10px; margin-bottom: 1rem; position: relative; overflow: hidden; }
.cart-summary-delivery-status { position: absolute; top: 0; left: 0; right: 0; height: 10px; background: rgba(0, 0, 0, 0.05); }
.cart-summary-delivery-status span { display: block; height: 10px; background: green; }
.side-cart-content .cart-summary-delivery { font-size: 13px; padding: 0.9rem 1rem 0.6rem; border-radius: 5px; }
.side-cart-content .cart-summary-delivery .cart-summary-delivery-status,
.side-cart-content .cart-summary-delivery .cart-summary-delivery-status span { height: 8px; }

.cart-summary-mobile { }
.cart-summary-mobile .btn { display: flex; text-align: left; margin: 0; border: 1px solid #000; font-size: 13px; padding: 15px 20px; box-shadow: none; }
.cart-summary-mobile .btn.collapsed i { transform: rotate(180deg); }
.cart-summary-mobile .cart-summary-mobile-price { margin-left: auto; font-size: 16px; margin-top: -4px; margin-bottom: -4px; }
.cart-summary-mobile .cart-products-content { border-top: 0; margin: 0; }
.cart-summary-mobile .cart-products .cart-products-row { padding-left: 0; padding-right: 0; }
.cart-summary-mobile .cart-products .cart-products-name { padding-left: 50px; font-size: 13px; min-height: 40px; }
.cart-summary-mobile .cart-products .cart-products-img { width: 40px; height: 40px; line-height: 40px; }

.cart-buttons { padding: 10px 0 40px; }
.cart-buttons button { width: 100%; }

.cart-content-footer { font-size: 12px; padding: 15px 0 0; border-top: 1px solid #ddd; }
.cart-content-footer a { color: #111; text-decoration: none; display: inline-block; margin: 0 10px 10px 0 }
.cart-content-footer a:hover { text-decoration: underline; }
.cart-content-footer a i { color: #bbb; margin: 0 5px 0 0; }

.cart-login-box { border: 2px solid #eaf4f3; padding: 20px; border-radius: 10px; margin-bottom: 40px; }
.cart-login-box p { font-size: 14px; margin-bottom: 15px; }

.cart-choose-list { padding-bottom: 25px; }
.cart-choose-item { padding-bottom: 15px; position: relative; }
.cart-choose-item label { display: block; padding: 18px 30px 18px 45px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; position: relative; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.cart-choose-item label:hover { border-color: #000; }
.cart-choose-item label:after { content: ''; display: block; width: 20px; height: 20px; z-index: 1; border: 1px solid #EEE; border-radius: 50%; position: absolute; top: 20px; left: 15px; background: #fff; }
.cart-choose-item label:before { content: ''; display: block; position: absolute; z-index: 2; top: 25px; left: 20px; font-size: 14px; color: #fff; width: 10px; height: 10px; border-radius: 50%; }
.cart-choose-item input { position: absolute; top: 18px; left: 30px; opacity: 0; }
.cart-choose-item input:checked + label { border-color: #000; box-shadow: inset 0 0 0 1px #000; }
.cart-choose-item input:checked + label:after { border-color: #ec6a5c; }
.cart-choose-item input:checked + label:before { background: #ec6a5c; }
.cart-choose-item .cart-choose-head { display: flex; font-weight: 600; padding-bottom: 5px; }
.cart-choose-item .cart-choose-price { margin-left: auto; white-space: nowrap; }
.cart-choose-item .cart-choose-desc { display: block; color: #888; font-size: 13px; line-height: 1.5em; max-width: 600px; }
.cart-choose-item .cart-choose-desc img { vertical-align: middle; display: inline-block; margin-top: -4px; }

.big-icon { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; background: #eaf4f3; color: green; font-size: 60px; border-radius: 50%; }
.section-summary-order { font-size: 0.9rem; width: 700px; max-width: 100%; padding: 1.5rem; border-radius: 10px; background: #eaf4f3; margin: 0 auto 2rem; }

/* Side cart
---------------------------------------- */
.show-side-cart:after { content: ''; display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index:888; background-color: rgba(255, 255, 255, 0.1) !important; -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); -ms-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.side-cart { width: 400px; max-width: calc(100% - 20px); max-height: 100%; overflow-y: auto; background: #fff; position: fixed; top: 0; right: -400px; bottom: 0; z-index: 999; box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1); -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.show-side-cart .side-cart { right: 0; }
.side-cart-head { padding: 20px 30px; position: relative; }
.side-cart-head .side-cart-head-close { color: #000; font-size: 20px; display: block; position: absolute; top: 15px; right: 25px; }
.side-cart-content { padding: 0 30px 20px; }
.side-cart .cart-products .cart-products-row { padding-left: 0; padding-right: 0; }
.side-cart .cart-summary-coupon { background: transparent; }
.side-cart .side-cart-footer { background: #fff; padding: 30px 30px 15px; position: sticky; bottom: 0; box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.05); }

/* socials
---------------------------------------- */
.socials { list-style: none; padding: 0; margin-left: 0; display: flex; }
.socials li { padding: 0 5px 5px 0; }
.socials li a { width: 40px; height: 40px; line-height: 40px; display: block; color: #000; background: #ffd300; border-radius: 50%; text-align: center; }
.socials li a:hover { color: #fff; background: #ec6a5c; }

/* listing
---------------------------------------- */
.listing { margin-bottom: 15px; display: table; width: 100%; }
.listing .listing-head { display: table-header-group; }
.listing .listing-body { display: table-row-group; }
.listing .listing-row { display: table-row; }
.listing .listing-row .listing-item-col { display: table-cell; border-bottom: 1px solid #ddd; vertical-align: middle; }

.listing .listing-row { font-size: 14px; margin: 0; padding: 0; }
.listing .listing-row[data-href]:hover { background: #fafafa; }
.listing .listing-row > div { padding: 7px 10px; }
.listing .listing-row .col-btns { width: 1%; }
.listing .listing-row .col-btns button { width: 34px; height: 34px; overflow: hidden; border-radius: 20px !important; padding: 5px; text-align: center; }
.listing .listing-row a:not(.dropdown-item):not(.btn) { color: #333; text-decoration: none; }
.listing .listing-row a:not(.dropdown-item):hover { text-decoration: underline; }
.listing .listing-row small { font-size: 11px; line-height: 1.4em; }
.listing .listing-row .badge { font-weight: 500; font-size: 12px; padding: 7px 10px; }
.listing .listing-head { font-size: 13px; font-weight: 600; }
.listing-wrap .pagination { margin-bottom: 0; }
.listing-wrap .pagination-numbers { padding: 0; }
.noclickable { cursor: default; }

.dropdown-menu { font-size: 14px; border-color: #ddd; }
.dropdown-menu i { margin-right: 10px; }
.dropdown-menu .dropdown-divider { border-top-color: #ddd; }

.order-form-results { border: 2px solid #ddd; padding: 10px 20px; margin-bottom: 2rem; }

/* footer
---------------------------------------- */
footer { padding: 40px 0; color: #000; background: #eaf4f3; }
footer .footer-title { font-size: 18px; font-weight: 400; display: block; padding-bottom: 1rem; font-family: 'stolzl', Helvetica, Arial, sans-serif; }
footer .footer-content { font-size: 15px; padding: 20px 0; }
footer ul { list-style: none; padding: 0 0 1.5rem; margin: 0; }
footer ul li { padding: 0 0 3px 0; }
footer ul a { color: #000; text-decoration: none; }
footer ul a:hover { text-decoration: underline; }
footer .form-control { border-radius: 20px; }
footer table { width: 100%; }
footer table td { padding: 0 0 6px 0; }
footer table td:last-child { padding-right: 1.5rem; }
footer form { margin-top: -10px; }
footer .footer-langs { font-size: 13px; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 1.5rem 0; }
footer .footer-langs ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
footer .footer-langs ul li { width: 16.6667%; padding: 0 10px 10px 0; }
footer .footer-langs ul li a { text-decoration: none !important; }
footer .footer-copy { font-size: 13px; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 20px; }
footer .footer-copy a { color: #000; text-decoration: none; }
footer .footer-copy a:hover { color: #FA5082; }
footer .footer-copy ul { list-style: none; padding: 0; margin: 0; display: flex; }
footer .footer-copy ul li { padding: 0 10px; }
footer .footer-copy ul li:first-child { padding-left: 0; }
footer .footer-copy ul li:last-child { padding-right: 0; }
footer .footer-payment-logos { margin-top: 1.25rem; text-align: right; }
footer .footer-payment-logos__cards { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-bottom: 0.75rem; }
footer .footer-payment-logos__cards img { width: 80px; height: auto; display: block; }
footer .footer-payment-logos__comgate img { max-width: 212px; width: 100%; height: auto; display: inline-block; }

/* buttons
---------------------------------------- */
.btn { font-size: 16px; font-weight: 400; font-style: normal; padding: 12px 25px; white-space: nowrap; border-radius: 30px; overflow: hidden; text-decoration: none !important; position: relative; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s;font-family: 'stolzl', Helvetica, Arial, sans-serif; }
.btn i { margin-left: 5px; margin-right: -5px; margin-top: -1px; display: inline-block; vertical-align: middle; }
.btn.btn-lg { font-size: 18px; padding: 16px 40px; }
.btn.btn-md { font-size: 15px; text-transform: initial; padding: 10px 20px; }
.btn.btn-sm { font-size: 13px; text-transform: initial; padding: 8px 15px; }

.btn.btn-primary { color: #FFF !important; background: #ec6a5c !important; border-color: #ec6a5c; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.btn.btn-primary:hover { color: #fff !important; background-color: #b1493e !important; border-color: #b1493e; transform: translateY(-2px); box-shadow: 0 5px 20px rgba(82, 40, 104, 0.3); }
.btn.btn-primary:active { box-shadow: none; transform: translateY(0); }

.btn.btn-secondary { color: #000 !important; background: #30d5c8 !important; border-color: #30d5c8; box-shadow: 0 5px 10px rgba(213, 49, 97, 0.1); }
.btn.btn-secondary:hover { background-color: #30d5c8 !important; border-color: #30d5c8; transform: translateY(-2px); box-shadow: 0 10px 15px rgba(213, 49, 97, 0.2); }
.btn.btn-secondary:active { box-shadow: none; transform: translateY(0); }

.btn.btn-outline-primary { color: #ec6a5c; background: #fff; border-color: #ec6a5c; }
.btn.btn-outline-primary:hover { color: #fff; background-color: #ec6a5c; }

.btn.btn-link { color: #ec6a5c; border-color: transparent; padding-left: 0; padding-right: 0; }
.btn.btn-link:hover { color: #000; }

.btn.btn-outline-secondary { color: #30d5c8; background: #fff; border-color: #30d5c8; }
.btn.btn-outline-secondary:hover { color: #fff; background-color: #30d5c8; }

.buttons-group .btn { margin: 0 15px 10px 0; }


/* forms
---------------------------------------- */
.form-group { margin-bottom: 15px; }
form label { font-size: 14px; font-weight: 500; margin-bottom: 5px; display: block; }
.form-group:not(.form-group-checkbox) label { font-size: 14px; font-weight: 400; }
.form-group label input { margin-right: 5px; }
.form-group label a { color: #000; }
.form-group-checkbox { color: #000; }
.form-select,
.form-control { font-size: 15px; color: #262626 !important; padding: 10px 15px; border: 1px solid #ddd !important; background-color: #FFF !important; border-radius: 8px; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.form-control-md { font-size: 14px; padding: 7px 15px; }
.form-control-lg { font-size: 18px; padding: 15px 30px; border-radius: 30px; }
.form-control:focus { box-shadow: none !important; border-color: #000 !important; }
.password-input-group .form-control { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.password-input-group .js-password-toggle { border-color: #ddd !important; color: #262626; padding-left: 14px; padding-right: 14px; border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; }
.password-input-group .js-password-toggle:hover,
.password-input-group .js-password-toggle:focus { background: #f9fafb; color: #000; box-shadow: none !important; }
.btn-block { width: 100%; }
.req { color: #ff0000; }
form p { margin-bottom: 0; }

/* -------------------*
 *         IE         *
 *------------------- */
.clearfix { zoom:1\9; }

/* -------------------*
 *     RESPONSIVE     *
 *------------------- */
@media all and (max-width:1399px) {
    .article-detail .products { margin-left: -180px; margin-right: -180px; }
}
@media all and (max-width:1199px) {
    header .navbar { padding: 10px 0; }

    header .navbar-toggler { order: 3; }
    header .navbar .navbar-collapse { order: 4; }
    header .navbar .navbar-menu li { padding: 0; }
    header .navbar .navbar-nav > li > a:not(.btn) { font-size: 18px; display: inline-block; }
    header .navbar .navbar-nav li ul { position: relative; top: auto; left: auto; text-align: center; }

    .show-navigation { overflow: hidden; }
    .show-navigation header { position: fixed; background: transparent !important; }
    .show-navigation header .navbar { background: rgba(255, 255, 255, 0.9) !important; height: 100vh; align-items: flex-start; overflow-y: auto; webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; -o-transition:0s; transition:0s; -webkit-backdrop-filter: blur(15px); -moz-backdrop-filter: blur(15px); -ms-backdrop-filter: blur(15px); backdrop-filter: blur(15px); }
    .show-navigation header .navbar-collapse { min-height: calc(100vh - 100px); display: flex; flex-wrap: wrap; align-content: flex-start; justify-items: center; }
    .show-navigation header .navbar-collapse:not(.show) { height: auto !important; }
    .show-navigation header .navbar-collapse .navbar-menu { width: 100%; text-align: center; padding-top: 40px; }

    header .navbar .navbar-nav.navbar-shop { flex-direction: row; }

    .headine-img { border-radius: 0; margin-left: -0.75rem; margin-right: -0.75rem; max-width: calc(100% + 1.5rem); }

    .article-detail .article-detail-image { margin-left: -50px; margin-right: -50px; }

    .products.slick-slider .slick-prev { left: 20px; }
    .products.slick-slider .slick-next { right: 20px; }

    .article-detail .products { margin-left: -110px; margin-right: -110px; }

    footer table { margin-bottom: 1.5rem; }
    footer .footer-langs ul li { width: 25%; }
}
@media all and (max-width:991px) {
    html, body  { font-size: 16px; }
    h1, .h1 { font-size: 40px; }
    h2, .h2 { font-size: 35px; }
    h3, .h3 { font-size: 20px; }
    h4, .h4 { font-size: 18px; }
    h5, .h5 { font-size: 16px; }
    .lead { font-size: 18px; }

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 25px; padding-right: 25px; }
    header .navbar-toggler { margin-right: -25px; }

    .headline { text-align: left; }

    .headline.headline-home .slick-arrow { display: none !important; }

    .headline-box { text-align: center; }
    .headline-box .container-xl { z-index: 2; position: relative;  }
    .headline-box .headline-box-image2 { width: 100%; opacity: 0.15; z-index: 1; }

    .headine-img { margin-left: -25px; margin-right: -25px; max-width: calc(100% + 50px); }

    .section { padding: 60px 0; }

    .benefits .benefit-item-img { width: 200px; height: 200px; }
    .benefits.slick-initialized { margin-left: -25px; margin-right: -25px; }
    .benefits.slick-initialized .slick-dots { bottom: -1rem; text-align: center; }

    .categories li { width: 50%; }

    .section-about { min-height: 1px; }
    .section-about .about-image { bottom: 0; width: 100%; opacity: 0.15; border-radius: 0; }

    .article-detail .article-detail-image { margin-left: 0; margin-right: 0; }

    .categories-listing .categories-listing-item-image { height: 250px; }

    .section-cart .cart-page-content { padding: 30px calc(var(--bs-gutter-x) * .5); }
    .section-cart { background: #fff; }
    .section-cart .cart-page-sidebar { min-height: 1px; padding: 30px calc(var(--bs-gutter-x) * .5) 0; background: #eaf4f3; }
    .section-cart .cart-page-sidebar > * { position: relative; z-index: 2; }
    .section-cart .cart-page-sidebar:after { content: ''; display: block; background: #eaf4f3; position: absolute; top: 0; left: calc(var(--bs-gutter-x) * -0.5); right: calc(var(--bs-gutter-x) * -0.5); bottom: 0; z-index: 1; }
    .section-cart .cart-page-sidebar-content { top: auto; }

    .products-rows .product-item-img { width: 70px; height: 70px; line-height: 70px; }
    .products-rows .product-item-number { width: 10%; }
    .products-rows .product-item-content { width: 60%; }
    .products-rows .product-item .row { width: 30%; }

    .pagination { text-align: center; margin-bottom: 60px; padding: 0; }
    .pagination .pagination-numbers { float: none; display: inline-block; padding: 0; }
    .button-loadmore { padding-top: 70px; }
    .pagination .pagination-numbers li { padding: 0 2px; }
    .pagination .pagination-numbers li a { min-width: 25px; line-height: 25px; }
    .pagination .pagination-pages { display: none; }

    .product-detail-content,
    .product-detail-images { width: 100%; }
    .product-detail-cart-wrap { width: 100%; position: static; top: auto; right: auto; bottom: auto; padding-left: 0; padding-bottom: 2rem; }

    .article-detail .products { margin-left: -5px; margin-right: -5px; }

    .products.products-large .product-item-img { height: 400px; line-height: 400px; }

    .product-detail-images { display: flex; justify-content: flex-start; overflow-x: auto; width: auto; flex-wrap: nowrap; padding: 0 25px; margin: 0 -25px 1rem; align-items: stretch; }
    .product-detail-images .product-detail-images-item { min-width: 45vw; height: auto; min-height: 100%; }
    .product-detail-images .product-detail-images-item:first-child { height: auto; margin-left: 0; }
    .product-detail-images .product-detail-images-item:last-child { margin-right: 0; }

    footer .footer-langs ul li { width: 25%; }
}
@media all and (max-width:767px) {
    .toolbar { display: none; }
    .section { padding: 80px 0; }

    .headline-box { padding: 0 0 40px; }
    .headline-box .headline-box-image span { transform: rotate(0deg); margin-bottom: 1.5rem; height: 65vw; }
    .js-slider-headline .slick-dots { bottom: 0; }

    .timeline { padding-left: 40px; }
    .timeline:after { left: 0; }
    .timeline .timeline-item { width: 100%; }
    .timeline .timeline-item:after { width: 40px; left: auto; right: 100%; }
    .timeline .timeline-item:before { left: -40px !important; right: auto; transform: translateY(-50%) translateX(-50%) !important; }
    .timeline .timeline-row:nth-child(odd) .timeline-item { float: none }

    .newsletter-box { padding: 40px; }
    .newsletter-box .newsletter-benefits { flex-wrap: wrap; }
    .newsletter-box .newsletter-benefits li { width: 50%; }

    .section-extras .extras-image { margin-bottom: 2rem; transform: none; height: 60vw; }
    .section-extras .extras-image-badge { left: -1rem; }

    .categories li a { line-height: 30px; padding: 10px 40px 10px 60px; font-size: 15px; }
    .categories li a .img { width: 40px; height: 40px; left: 10px; }
    .categories li a i { width: 30px; height: 30px; right: 10px; line-height: 30px; font-size: 15px; }

    .products.products-large .product-item-img { height: 300px; line-height: 300px; }

    .listing .listing-row .hide-tablet { display: none !important; }

    footer .footer-langs ul li { width: 33.3333%; }
}
@media all and (max-width:575px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 20px; padding-right: 20px; }

    header .navbar-toggler { margin-right: -20px; }

    h1, .h1 { font-size: 35px; }
    h2, .h2 { font-size: 25px; }

    .big-title { font-size: 45px; }

    .section .section-head { padding-bottom: 1rem; }

    .headine-img { margin-left: -20px; margin-right: -20px; max-width: calc(100% + 40px); }

    .headline-box { min-height: 500px !important; }

    .articles .article-item-img { height: 200px; }
    .headline-box .headline-box-image { border-radius: 25px; }

    .products .product-item { padding: 5px 10px 15px; text-align: center; }
    .products .product-item p { display: none; }
    .products .product-item-price { padding-bottom: 10px; justify-content: center; }
    .products .product-item-title { font-size: 14px; }
    .products .product-item-img { height: 200px; line-height: 200px; }

    .products-rows .product-item { padding-bottom: 5px; }
    .products-rows .product-item-number { width: 20px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); }
    .products-rows .product-item-number span { width: 20px; height: 20px; line-height: 20px; font-size: 12px; }
    .products-rows .product-item-img { width: 40px; height: 40px; line-height: 40px; left: 50px; }
    .products-rows .product-item-content,
    .products-rows .product-item .row { width: 100%; padding-left: 90px; text-align: left; }
    .products-rows .product-item-title { font-size: 13px; }
    .products-rows .product-item .product-item-price { text-align: left; padding: 0; }
    .products-rows .product-item-price .price-old { display: inline-block; width: auto; }
    .products-rows .product-item-price strong { font-size: 14px; display: inline-block; }
    .products-rows .product-item-price small { display: none; }
    .products-rows .product-item .row > div { padding-left: 0 !important; }
    .products-rows .product-item-availability,
    .products-rows .product-item-badges { display: none; }

    .newsletter-box { padding: 40px 30px 20px; border-radius: 25px; }
    .newsletter-box .btn { width: 100%; margin-top: 10px; }

    .categories li { width: 100%; }

    footer .footer-copy ul { display: block; }
    footer .footer-copy ul li { padding-left: 0; display: inline-block; }

    .product-detail-images .product-detail-images-item { min-width: 65vw; }

    .nav-pills .nav-link { font-size: 13px; padding: 0.4rem 0.8rem; }
    .product-detail-content .nav-pills  { padding: 8px 10px; }

    .product-detail-images { padding: 0 20px; margin-left: -20px; margin-right: -20px; }

    .content-boxes .content-box-content { padding: 2rem 2rem 1px; }
    .content-boxes .box-cols.reverse-cols .content-box-image { order: 2; }

    .content-boxes .box-cols { flex-direction: column; }
    .content-boxes .box-cols > div { width: 100% !important; }

    .accordion .accordion-button { font-size: 20px; }

    .listing,
    .listing > div { display: block !important; width: 100%; }
    .listing .listing-head { display: none !important; }
    .listing .listing-row { display: block; border: 1px solid #ddd; margin: 0 0 15px; padding: 15px 15px 10px 65px; position: relative; border-radius: 10px; }
    .listing .listing-row .listing-item-col { padding: 0 0 5px 0; border: 0; display: block; }
    .listing .listing-row > div > a:not(.btn) { font-weight: 600; font-size: 15px; }
    .listing .listing-row .col-btns { position: absolute; top: 5px; left: 0; margin: 0; padding: 10px; }
    .listing .listing-row .badge { margin-top: 5px; }
    .listing .listing-row .dropdown-item { font-size: 13px; padding-top: 0.1rem; padding-bottom: 0.1rem; }

    .box-bg { padding: 1.5rem 1.5rem 1px; }

    .big-icon { width: 80px; height: 80px; font-size: 40px; }

    footer .footer-langs ul.show { display: block !important; }
    footer .footer-langs ul { background: #fff; border-radius: 10px; padding: 10px; }
    footer .footer-langs ul li { width: 100%; }
}
@media all and (max-width:475px) {
    h1, .h1 { font-size: 30px; }

    header .navbar .navbar-brand { font-size: 30px; }
    header .navbar .navbar-shop li { padding: 0 6px; }
    header .navbar-toggler { margin-left: 5px; }

    .section-extras .extras-image,
    .headline-box .headline-box-image span { height: 80vw; }

    .newsletter-box .newsletter-benefits li { width: 100%; text-align: center; }

    .section { padding: 50px 0; }

    .product-detail-images .product-detail-images-item { min-width: 80vw; }

    .section-cart .cart-products-row input.form-control { width: 100px; }
}
@media all and (max-width:370px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 15px; padding-right: 15px; }
    .col-cxs-12 { min-width: 100%; }

    .headine-img { margin-left: -15px; margin-right: -15px; max-width: calc(100% + 30px); }

    header .navbar-toggler { margin-right: -15px; width: 55px; margin-left: 15px; }
    header .navbar .navbar-brand { font-size: 26px; margin-right: 0; }

    header .navbar .navbar-shop li { padding: 0 4px; }
    header .navbar .navbar-shop li a:not(.btn) { font-size: 16px; }

}

/* -------------------*
 *  PRODUCT DETAIL ACTIONS
 *------------------- */
.product-detail-actions { display: flex; flex-wrap: wrap; gap: 10px; padding: 0 0 25px 0; }
.product-detail-action { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: #0f172a; text-decoration: none; }
.product-detail-action i { width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; color: #000; background: #ffd300; font-size: 13px; transition: 0.3s; }
.product-detail-action:hover { color: #ec6a5c; }
.product-detail-action:hover i { color: #fff; background: #000; }
.product-detail-action.active { color: #ec6a5c; font-weight: 800; }
.product-detail-action.active i { color: #fff; background: #ec6a5c; }
.product-detail-action.active:hover { color: #0f172a; }
.product-detail-action.active:hover i { color: #fff; background: #0f172a; }
.product-detail-badges { position: absolute; z-index: 40; top: 15px; left: 15px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.product-detail-badges .badge { font-size: 12px; font-weight: 600; }

/* -------------------*
 *  NEWSLETTER MODAL
 *------------------- */
.modal-newsletter { overflow: hidden; border: none; }
.modal-newsletter .btn-close { position: absolute; top: 15px; right: 15px; z-index: 10; }
.modal-newsletter-img { background: #eaf4f3; display: flex; align-items: center; justify-content: center; min-height: 250px; padding: 30px; }
.modal-newsletter-img img { max-height: 300px; width: auto; }
.modal-newsletter-body { padding: 40px 30px; display: flex; flex-direction: column; justify-content: center; }
.modal-newsletter-body .h2 { margin-bottom: 10px; }
.modal-newsletter-body p { margin-bottom: 20px; color: #6b7280; }
.modal-newsletter-body .form-group { margin-bottom: 12px; }
.modal-newsletter-body .btn-block { width: 100%; }
.modal-newsletter-body small { color: #9ca3af; }
@media all and (max-width: 767px) {
    .modal-newsletter-img { min-height: 180px; }
    .modal-newsletter-body { padding: 25px 20px; }
}

/* -------------------*
 *    FILE UPLOAD
 *------------------- */
.file-dropzone { position: relative; border: 2px dashed #d1d5db; border-radius: 8px; padding: 30px 20px; text-align: center; cursor: pointer; transition: 0.3s; background: #f9fafb; }
.file-dropzone:hover, .file-dropzone.dragover { border-color: #ec6a5c; background: #fef2f0; }
.file-dropzone-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.file-dropzone-content i { font-size: 32px; color: #9ca3af; margin-bottom: 8px; display: inline-block; text-align: center; transition: 0.3s; }
.file-dropzone:hover .file-dropzone-content i, .file-dropzone.dragover .file-dropzone-content i { color: #ec6a5c; }
.file-dropzone-content p { margin: 0; font-size: 14px; color: #6b7280; line-height: 1.4; }
.file-dropzone-content p span { color: #ec6a5c; text-decoration: underline; }
.file-preview { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.file-preview-item { position: relative; width: 80px; height: 80px; border-radius: 6px; overflow: hidden; border: 1px solid #e5e7eb; }
.file-preview-item img { width: 100%; height: 100%; object-fit: cover; }
.file-preview-item-remove { position: absolute; top: 2px; right: 2px; width: 22px; height: 22px; background: rgba(0,0,0,0.6); color: #fff; border: none; border-radius: 50%; font-size: 12px; line-height: 22px; text-align: center; cursor: pointer; padding: 0; box-shadow: none; }
.file-preview-item-remove:hover { background: #ec6a5c; }
.file-preview-item-remove:active { box-shadow: none; }