/*

 Theme Name:   Basel Child

 Description:  Basel Child Theme

 Author:       XTemos

 Author URI:   http://xtemos.com

 Template:     basel

 Version:      1.0.0

 Text Domain:  basel-child

*/

/* * ---------------------
   * GLOBAL CUSTOM CSS
   * --------------------- */
   
   :root {
    --primary: #87c9e6;
    --secondary: #d82525;
    --tertiary: #ffad00;
    --light: #fff;
    --dark: #08203a;
    --lightgreen: rgba(0,220,130,1);
}

.p-xs, .p-s, .p-m, .p-l, .p-xl { line-height: 1.2em; }
.p-xs { font-size: 14px; }
.p-s { font-size: 15px; }
.p-m { font-size: 24px; }
.p-l { font-size: 35px; }
.p-xl { font-size: 55px; }

.p-align-left { text-align: left; }
.p-align-center { text-align: center; }
.p-align-right { text-align: right; }

.p-thin { font-weight: 300; }
.p-thick { font-weight: 600; }
.p-bold { font-weight: 900; }

.p-underlined { text-decoration: underline !important; }

.p-m-0-auto { margin: 0px auto; }
.p-m-10-auto { margin: 10px auto; }
.p-m-10-0 { margin: 10px 0px; }

@media only screen and (max-width: 1024px) {
body .p-mobil-align-left { text-align: left; }
body .p-mobil-align-center { text-align: center; }
body .p-mobil-align-right { text-align: right; }

body .p-mobil-m-0-auto { margin: 0px auto; }
body .p-mobil-m-10-auto { margin: 10px auto; }
body .p-mobil-m-10-0 { margin: 10px 0px; }
}


.p-m-none { margin: 0px !important; }

.p-light, a.p-light:hover { color: #fff; }
.p-dark, a.p-dark:hover { color: #08203a; }
.p-primary, a.p-primary:hover { color: #87c9e6; }
.p-secondary, a.p-secondary:hover { color: #d82525; }
.p-tertiary, a.p-tertiary:hover { color: #ffad00; }
.p-text, a.p-text:hover { color: var(--text); }
.p-text2, a.p-text2:hover { color: var(--text2); }

@media only screen and (max-width: 1024px) {
.p-xs { font-size: 14px; }
.p-s { font-size: 17px; }
.p-m { font-size: 22px; }
.p-l { font-size: 35px; }
.p-xl { font-size: 50px; }
}

@media only screen and (max-width: 600px) {
.p-xs { font-size: 13px; }
.p-s { font-size: 16px; }
.p-m { font-size: 20px; }
.p-l { font-size: 28px; }
.p-xl { font-size: 40px; }
}

@media only screen and (min-width: 768px) {
.r-box { padding: 40px 20px; }
}

i.fas, i.fa { font-family: FontAwesome; }

.mega-navigation .menu>li>a, .widget_nav_mega_menu .menu>li>a {	font-size: 15px; text-transform: none; padding: 8px 20px; font-weight: 500;}
.widget_nav_mega_menu .widget-title.color-scheme-light { background-color: #87c9e6; }
.main-header .site-logo img { padding-bottom: 1px; padding-top: 1px; }
.sticky-header .site-logo img {padding-bottom: 1px;padding-top: 1px; }
.header-categories .menu-opener { background-color: unset; }
.add_to_cart_button {text-transform: none; }
.top-bar-left {font-size: 16px; }
.topbar-menu ul>li>a {font-size: 16px; }
.button.product_type_simple { position: relative !important; }
/* .basel-hover-standard .btn-add>a {padding-left: 22px;padding-right: 22px;padding-top: 5px;padding-bottom: 5px;font-size: 14px;font-weight: 400;} */
.menu-label-sale { background: #d82525 !important; }
.menu-label-sale:after { color: #d82525 !important; }

.main-header form.has-categories-dropdown input[type=text] { border: 1px solid #1f3144; }

@media only screen and (max-width: 768px) {
.top-bar-left { font-size: 14px; }
}

/* * ---------------------
   * DESKTOP CUSTOM CSS
   * --------------------- */
   
.basel-hover-standard .product-title a { font-size: 14px; font-weight: 600; }
.labels-rectangular .product-label { white-space: nowrap; }


@media only screen and (min-width: 1025px) {
.product-label.out-of-stock { font-size: 16px; background-color: #d82525; }
.title-size-small .entry-title, .title-size-small h1 { font-size: 32px; }
}

/* * ---------------------
   * TABLET CUSTOM CSS
   * --------------------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.labels-rectangular .product-label { font-size: 16px; background-color: #d82525; }
}

/* * ---------------------
   * MOBILE LANDSCAPE CUSTOM CSS
   * --------------------- */

@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation: landscape) {
.labels-rectangular .product-label { font-size: 16px; background-color: #d82525; }
}

/* * ---------------------
   * MOBILE CUSTOM CSS
   * --------------------- */

@media only screen and (max-width: 600px) {
.labels-rectangular .product-label { font-size: 13px; background-color: #d82525; }
.title-size-small .entry-title, .title-size-small h1 { font-size: 18px; }
.basel-hover-standard .product-title a { font-size: 13px; }
}

/* * ---------------------
   * FOOTER
   * --------------------- */

.footer-container { z-index: 500; }

/* NEWSLETTER */
.woocommerce-cart .pufulino-footer-newsletter, .woocommerce-checkout .pufulino-footer-newsletter { display: none !important; }
.pufulino-footer-newsletter { background: #87c9e6; display: inherit; position: relative; }
.pufulino-footer-newsletter .pufulino-col { display: inline-block; text-align: center; position: relative; padding-left: 300px; min-height: 220px; vertical-align: middle; width: 100%; height: 220px; display: table-cell; }
.pufulino-footer-newsletter .pufulino-col img { width: 220px; position: absolute; left: 0px; bottom: 0px; }

.pufulino-footer-newsletter .pufulino-col h3 { font-size: 30px; line-height: 30px; color: rgba(255,255,255,1); }
.pufulino-footer-newsletter .pufulino-col-3-12 { width: 220px; }
.pufulino-footer-newsletter .pufulino-col-9-12 { width: calc(100% - 225px); }
.pufulino-footer-newsletter .pufulino-col img { width: 220px; }

.pufulino-footer-newsletter .mc4wp-form div { width: 500px; max-width: 100%; margin: 20px auto -20px auto; }
.pufulino-footer-newsletter .mc4wp-form > div.mc4wp-form-fields > p:nth-child(1) { max-width: 100%; width: calc(100% - 130px); display: inline-block;  }
.pufulino-footer-newsletter .mc4wp-form > div.mc4wp-form-fields > p:nth-child(2) { max-width: 100%; width: 120px; display: inline-block; }
.pufulino-footer-newsletter .mc4wp-form > div.mc4wp-form-fields > p:nth-child(1) input { color: white !important; }
.pufulino-footer-newsletter .mc4wp-form > div.mc4wp-form-fields > p:nth-child(2) input { background: #d82525 !important; border-color: #d82525; }
.pufulino-footer-newsletter .mc4wp-form > div.mc4wp-response p { color: #fff; }

@media only screen and (max-width: 900px) {
.pufulino-footer-newsletter .pufulino-col { padding: 15px 15px 240px 15px; height: unset; display: block; }
.pufulino-footer-newsletter .pufulino-col img { left: 50%; transform: translatex(-50%); bottom: 0px; }
.pufulino-footer-newsletter .pufulino-col { width: 100%; }
.pufulino-footer-newsletter .pufulino-col h3 { font-size: 20px; line-height: 25px; }
body .pufulino-footer-newsletter .mc4wp-form > div.mc4wp-form-fields { text-align: center; }
body .pufulino-footer-newsletter .mc4wp-form > div.mc4wp-form-fields > p:nth-child(1), body .pufulino-footer-newsletter .mc4wp-form > div > p:nth-child(2) { width: 100%; }
}

/* PAGINA NEWSLETTER */
body .pufulino-hl { position: relative; font-weight: 600; }
body .pufulino-hl:after { content: ''; position: absolute; bottom: -5px; width: calc(100% - 10px); height: 3px; left: 50%; transform: translatex(-50%); }
body .pufulino-hl-secondary:after { background: #d82525; }

body .pufulino-newsletter-titlu { margin: 20px auto; text-align: center; padding: 50px 10%; background: rgba(210,245,255,1); color: #08203a; }
body .pufulino-newsletter-titlu > p { font-size: 18px; }
body .pufulino-newsletter-titlu > p:last-of-type { font-size: 15px; color: #08203a; }
body .pufulino-newsletter-titlu h1 { font-weight: bold; color: #d82525; font-size: 40px; }

body .pufulino-newsletter-titlu .pufulino-copy { cursor: copy; transition: .6s all; margin: 40px auto 0px auto; width: 250px; height: 50px; color: white; border-radius: 30px;  position: relative; box-shadow: 0px 20px 40px rgb(0 0 0 / 10%); }
body .pufulino-newsletter-titlu .pufulino-copy:not(.checked):hover { transition: .6s all; box-shadow: 0px 0px 40px rgb(0 0 0 / 10%); filter: brightness(1.2); }
body .pufulino-newsletter-titlu .pufulino-copy > div { display: inline-block; line-height: 50px; height: 50px; position: absolute; top: 50%; transform: translatey(-50%); }
body .pufulino-newsletter-titlu .pufulino-copy .pufulino-texttocopy { border-radius: 30px; z-index: 1; border: 2px dashed #d82525; color: #d82525; line-height: 46px; transition: .3s background; background: rgba(255,255,255,1); width: 180px; left: 0px; }
body .pufulino-newsletter-titlu .pufulino-copy .pufulino-buttontocopy { border-radius: 0px 30px 30px 0px; background: #fff; width: 90px; left: 155px; }
body .pufulino-newsletter-titlu .pufulino-copy .pufulino-buttontocopy span { transition: .6s background; background-image: url('images/copiaza-voucher-Pufulino.svg'); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 30px; width: 30px; position: absolute; left: 60%; top: 50%; transform: translate(-50%, -50%); }

body .pufulino-newsletter-titlu .pufulino-copy.checked > * { cursor: not-allowed; }
body .pufulino-newsletter-titlu .pufulino-copy.checked ~ .pufulino-copy-test { pointer-events: none; }
/* body .pufulino-newsletter-titlu .pufulino-copy.checked .pufulino-texttocopy { transition: .3s all; color: #fff; border: 2px dashed rgba(0,220,130,1); background: rgba(0,220,130,1); } */
body .pufulino-newsletter-titlu .pufulino-copy.checked .pufulino-buttontocopy span { transition: .3s all; background-image: url('images/copiaza-voucher-Pufulino-checked.svg'); }

body .pufulino-newsletter-titlu .pufulino-copy-test { opacity: 0; visibility: hidden; max-height: 0px; transition: .4s all; margin: 0px auto; width: 230px; position: relative; }
body .pufulino-newsletter-titlu .pufulino-copy-test > p { margin-top: 30px; }
body .pufulino-newsletter-titlu .pufulino-copy-test > input { transition: .3s all; z-index: 10; position: relative; transition-delay: .3s; width: 230px; border: 2px solid white; background: white; padding: 5px 10px; border-radius: 30px; text-align: center; box-shadow: 0px 10px 30px rgb(0 0 0 / 10%); }
body .pufulino-newsletter-titlu .pufulino-copy-test > input:focus-visible { outline: none; }
body .pufulino-newsletter-titlu .pufulino-copy-test.checked input { transition: .3s all; border: 2px solid rgba(0,220,130,1); }
body .pufulino-newsletter-titlu .pufulino-copy-test.checked input, body .pufulino-newsletter-titlu .pufulino-copy-test.unchecked input { width: 195px; margin-left: -35px; }
body .pufulino-newsletter-titlu .pufulino-copy-test.unchecked input { transition: .3s all; border: 2px solid rgba(255,10,10,1); }

body .pufulino-newsletter-titlu .pufulino-copy-test.checked, body .pufulino-newsletter-titlu .pufulino-copy-test.unchecked { transition: .3s all; z-index: 0; }
body .pufulino-newsletter-titlu .pufulino-copy-test:after { transition: .3s all; transition-delay: .3s; content: ''; background: rgba(255,255,255,1); background-size: 25px, cover; width: 75px; height: 36px; text-align: right; border-radius: 30px; position: absolute; right: 30px; bottom: 0px; }
body .pufulino-newsletter-titlu .pufulino-copy-test.checked:after, body .pufulino-newsletter-titlu .pufulino-copy-test.unchecked:after { transition: .3s all; transition-delay: 0s; right: 0px; }
body .pufulino-newsletter-titlu .pufulino-copy-test.checked:after { background: url('images/checkmark-voucher-copiat.svg') no-repeat 85% center, rgba(0,220,130,1); background-size: 25px, cover; }
body .pufulino-newsletter-titlu .pufulino-copy-test.unchecked:after { background: url('images/checkmark-voucher-necopiat.svg') no-repeat 85% center, rgba(255,10,10,1); background-size: 25px, cover; }

/* * ---------------------
   * MOBILE MENU ON STICKY
   * --------------------- */

.act-scroll .mega-navigation.show-on-hover:hover>.categories-menu-dropdown { visibility: visible; opacity: 1; top: 100%; width: 350px; }
.act-scroll .mega-navigation { z-index: 350; top: 0px; left: 1vw; height: 70px; padding: 30px 60px 30px 0px; }
.act-scroll .mega-navigation .menu-opener { width: 50px !important; min-width: 50px !important; height: 50px; padding: 20px; text-align: center; }
.act-scroll .mega-navigation .menu-opener .desktop-menu-opener { display: none; }
.act-scroll .mega-navigation { background-color: rgba(255,255,255,0) !important; }
.act-scroll .mega-navigation .categories-menu-dropdown { background: #08203a; }
.act-scroll .mega-navigation .arrow-opener { position: unset; }
.act-scroll .mega-navigation .arrow-opener:after { content: '\f0c9'; color: #08203a; font-family: 'FontAwesome'; font-size: 30px; top: 50%; transform: translatey(-50%); position: absolute; -webkit-transition: transform .1s ease; transition: transform .1s ease; }
.act-scroll .mega-navigation .arrow-opener:before { content: 'Produse'; position: absolute; left: 0px; bottom: 3px; font-size: 12px; font-weight: bold; color: #08203a; width: 60px; }
.act-scroll .show-on-hover:hover > .menu-opener .arrow-opener:after { content: '\f00d' !important; transform: translatey(-45%) rotate(180deg);  }
.act-scroll .show-on-hover:hover > .menu-opener .arrow-opener:before { opacity: 0; }

body .mobile-nav-icon { background: #74b5d4; padding: 3px 9px; height: 36px; width: 36px; }
body .mobile-nav-icon .basel-burger, body .mobile-nav-icon .basel-burger::after, body .mobile-nav-icon .basel-burger::before { background: #fff; }

/* * ---------------------
   * MOBILE MENU
   * --------------------- */

@media only screen and (max-width: 991px) {

.mobile-nav { background-color: #08203a; }
.mobile-nav .icon-sub-menu { width: 22px; height: 22px; border-left: none; }
.mobile-nav ul li a { border-bottom: none; text-transform: none; }
.mobile-nav .header-links, .mobile-nav .sub-menu-dropdown ul { background: #d82525; }
.mobile-nav .sub-menu-dropdown ul:before { color: #d82525; }
.mobile-nav ul .menu-item a { font-size: 14px; line-height: 19px; padding: 2px 15px; margin: 4px 0px; }
.mobile-nav .header-links ul li a, .mobile-nav .sub-menu-dropdown ul li a, .mobile-nav .menu-item.menu-item-custom-icon.menu-item-craciun a { color: #fff !important; }
.mobile-nav ul li.current-menu-item>a { color: #fff !important; }

.act-mobile-menu .basel-close-side:before, .act-mobile-menu .basel-close-side:after { position: absolute; color: #fff; top: 50%; opacity: .6; }
.act-mobile-menu .basel-close-side:before { content: 'inchide'; right: 0px; transform: translatey(calc(-50% + 25px)) rotate(90deg); }
.act-mobile-menu .basel-close-side:after { content: '\f00d'; font-family: FontAwesome; right: 10px; transform: translatey(calc(-50% - 15px)) rotate(90deg); width: 30px; height: 30px; text-align: center; line-height: 27px; font-size: 18px; }

.mobile-nav .icon-sub-menu:before { transform: translateX(-4px) rotate(0deg); -webkit-transform: translateX(-4px) rotate(0deg); -ms-transform: translateX(-4px) rotate(0deg); }
.mobile-nav .icon-sub-menu:after { transform: translateX(-4px) rotate(90deg); -webkit-transform: translateX(-4px) rotate(90deg); -ms-transform: translateX(-4px) rotate(90deg); }
.mobile-nav .icon-sub-menu.up-icon:before { transform: translateX(-4px) rotate(45deg); -webkit-transform: translateX(-4px) rotate(45deg); -ms-transform: translateX(-4px) rotate(45deg); }
.mobile-nav .icon-sub-menu.up-icon:after { transform: translateX(-4px) rotate(-45deg); -webkit-transform: translateX(-4px) rotate(-45deg); -ms-transform: translateX(-4px) rotate(-45deg); }

.mobile-nav .header-links.my-account-with-icon { background: none; margin-top: 30px; }
.mobile-nav .header-links.my-account-with-icon ul li { height: 32px; }
.mobile-nav .header-links.my-account-with-icon ul li a { color: rgba(255,255,255,.4); font-size: 14px; line-height: 14px; padding: 9px 15px; }

}

/* * ---------------------
   * MAIN MENU
   * --------------------- */

.mobile-nav .menu > .menu-item > a, .main-nav .menu > .menu-item > a { text-transform: inherit; }

/* MENIU ICONS */
body.admin-bar header .shopping-cart.basel-cart-icon > a:before { content: ''; width: 20px; height: 20px; background: url('images/cos-cumparaturi.svg') no-repeat center center; background-size: cover; margin-top: -4px; }

/* SEARCH BAR ICON */
body .main-header form.has-categories-dropdown #searchsubmit:after { content: '\f002'; font-family: FontAwesome; }

/* ARCHIVE PAGINATION ICON */
.woocommerce-pagination .page-numbers li .next:before, .woocommerce-pagination .page-numbers li .prev:before { content: '\f104'; font-family: FontAwesome; }
.woocommerce-pagination .page-numbers li .prev:before { content: '\f104'; }
.woocommerce-pagination .page-numbers li .next:before { content: '\f105'; }

/* * ---------------------
   * SITE LOGO
   * --------------------- */
/*body .main-header { margin-bottom: 0px; }*/
.main-header .site-logo { width: auto; max-width: 250px; }
.main-header .site-logo img { width: 100%; max-width: 230px; }
.menu-meniu-container { height: 95px; }
.sticky-header .menu-meniu-container { height: 70px; }
.website-wrapper .basel-navigation.main-nav { white-space: nowrap; }

.mega-navigation .menu>li.menu-item-design-sized .sub-menu-dropdown, .widget_nav_mega_menu .menu>li.menu-item-design-sized .sub-menu-dropdown { transition: 0s all; }

.page-title, .main-page-wrapper { margin-top: 0px; }

@media only screen and (max-width: 1366px) {
.website-wrapper .basel-navigation.main-nav #menu-meniu > .menu-item > a { font-size: 14px; }
.main-header .site-logo { width: 200px; }
.sticky-header .site-logo, .sticky-header .site-logo img { margin-left: -20px; }
}

@media only screen and (max-width: 991px) {
.site-logo img, .main-header:not(.header-menu-top) .site-logo img { width: auto; max-width: 188px; }
.mega-navigation.show-on-hover { display: none; }
.sticky-header .right-column, .main-header .right-column { width: 60%; }
.main-page-wrapper { margin-top: 0px; padding-top: 40px; }
.woocommerce-page .main-page-wrapper { padding-top: 0px; }
.single-product .main-page-wrapper { padding-top: 40px; }
}

/*
@media only screen and (min-width: 991px) {
.single-product .main-page-wrapper { padding-top: 240px !important; }
.main-page-wrapper { padding-top: 200px !important; margin-top: -30px; }
.main-header { position: absolute; height: 160px; }
}
*/

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   ------------------------------------------------------------ ICONS MENU -------------------------------------------------------------------------------------------------------------
   -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --- GENERAL */
body .mega-navigation .menu .menu-item-icon > a { background: linear-gradient(270deg, #08203a, #d82525); background: -webkit-linear-gradient(180deg, #08203a, #d82525); overflow: hidden; }
body .mega-navigation .menu .menu-item-icon > a:hover { background: #d82525; }
body .mega-navigation .menu .menu-item-icon > a:after { content: ''; position: absolute; right: 0px; width: 40px; margin-top: 0px; height: 40px; top: 50%; transform: translatey(-50%); background-repeat: no-repeat; background-size: 80%; background-position: center center; }

/* --- BADGE */
body .mega-navigation .menu .menu-item-badge > a { position: relative; }
body .mobile-nav .site-mobile-menu .menu-item-badge > a:after { transform: translate(0px, calc(-50% - 40px)); }

body .menu .menu-item-badge a:after { 
clip-path: polygon(25% 7%, 42% 18%, 50% 0%, 58% 18%, 74% 7%, 73% 26%, 93% 26%, 83% 42%, 100% 50%, 83% 58%, 93% 76%, 73% 76%, 73% 93%, 58% 84%, 50% 100%, 42% 84%, 25% 93%, 25% 76%, 8% 76%, 17% 58%, 0% 50%, 17% 42%, 8% 26%, 25% 26%);
-webkitclip-path: polygon(25% 7%, 42% 18%, 50% 0%, 58% 18%, 74% 7%, 73% 26%, 93% 26%, 83% 42%, 100% 50%, 83% 58%, 93% 76%, 73% 76%, 73% 93%, 58% 84%, 50% 100%, 42% 84%, 25% 93%, 25% 76%, 8% 76%, 17% 58%, 0% 50%, 17% 42%, 8% 26%, 25% 26%);
content: none; top: 50%; transform: translatey(-50%); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; font-size: .8em; text-align: center; background: #d82525; 
color: #fff; padding: 0px 8px 2px 8px; border-radius: 20px; position: absolute; line-height: 40px; right: 0px; width: 40px; height: 40px; font-weight: 600; letter-spacing: -1px; }

body .menu .menu-item-badge a:hover:after {
clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%);
-webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%);
background: #fff; color: #d82525;
transition: all 0.4s ease; -webkit-transition: all 0.4s ease;    
}

/* --- MOBIL --- GENERAL */
body .mobile-nav .site-mobile-menu .sub-menu > .menu-item-badge, body .mobile-nav .site-mobile-menu .sub-menu > .menu-item-icon { padding: 3px 5px 3px 40px; }
body .mobile-nav .site-mobile-menu .menu-item-badge a, body .mobile-nav .site-mobile-menu .sub-menu > .menu-item-icon a { padding: 0px; }
body .mobile-nav .site-mobile-menu .menu-item-icon a:after { content: ''; position: absolute; left: 0px; width: 40px; height: 40px; top: 50%; transform: translatey(-50%); background-repeat: no-repeat; background-size: 30px 30px; background-position: center center; }
body .mobile-nav .site-mobile-menu .sub-menu > .menu-item-icon.menu-0pad { padding: 3px 15px; }

/* --- MOBIL --- BADGE */
body .mega-navigation .menu .menu-item-badge a { background: linear-gradient(270deg, #08203a, #d82525); background: -webkit-linear-gradient(180deg, #08203a, #d82525); }
body .mega-navigation .menu .menu-item-badge a:hover { background: #d82525; }

body .main-nav .menu .menu-item-badge a:after { margin-top: -30px; left: 50%; transform: translate(-50%, -50%); }
body .main-nav .menu .menu-item-badge a:hover:after { background: #08203a; color: #fff; }

body .mobile-nav .site-mobile-menu .menu-item-badge a:after { 
clip-path: polygon(25% 7%,42% 18%,50% 0%,58% 18%,74% 7%,73% 26%,93% 26%,83% 42%,100% 50%,83% 58%,93% 76%,73% 76%,73% 93%,58% 84%,50% 100%,42% 84%,25% 93%,25% 76%,8% 76%,17% 58%,0% 50%,17% 42%,8% 26%,25% 26%);
-webkitclip-path: polygon(25% 7%,42% 18%,50% 0%,58% 18%,74% 7%,73% 26%,93% 26%,83% 42%,100% 50%,83% 58%,93% 76%,73% 76%,73% 93%,58% 84%,50% 100%,42% 84%,25% 93%,25% 76%,8% 76%,17% 58%,0% 50%,17% 42%,8% 26%,25% 26%);
content: none; top: 50%; transform: translatey(-50%); left: 5px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; font-size: .7em; text-align: center;
background: #fff; color: #d82525; padding: 0 8px 2px 8px; border-radius: 20px; position: absolute; line-height: 30px; width: 30px; height: 30px; font-weight: 600; letter-spacing: -1px; }

body .mobile-nav .site-mobile-menu .menu-item-badge a:hover:after { 
clip-path: polygon(0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,0% 100%,0% 100%,0% 100%,0% 100%,0% 100%,0% 100%);
-webkit-clip-path: polygon(0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,0% 100%,0% 100%,0% 100%,0% 100%,0% 100%,0% 100%);
transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   ------------------------------------------------------------ ICONS -------------------------------------------------------------------------------------------------------------
   -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Craciun */
body .menu .menu-item-icon.menu-item-craciun > a:after,
body .mobile-nav .site-mobile-menu .menu-item-icon.menu-item-craciun a:after { background-image: url('https://www.pufulino.ro/wp-content/uploads/2020/11/Icon-campanie-Craciun.png'); }
body .mobile-nav .site-mobile-menu .menu-item-icon.menu-item-craciun a { padding: 3px 5px 3px 40px; }

/* Romanesti */
body .menu .menu-item-icon.menu-item-romanesti > a:after,
body .mobile-nav .site-mobile-menu .menu-item-icon.menu-item-romanesti a:after { background-image: url('https://www.pufulino.ro/wp-content/uploads/2020/11/Icon-campanie-Pucioasa-2.png'); }

/* 1+1 */
body .menu .menu-item-badge.menu-item-1plus1 > a:after,
body .mobile-nav .site-mobile-menu .menu-item-badge.menu-item-1plus1 > a:after { content: '1+1'; }


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* * ---------------------
   * SINGLE PRODUCT PAGE
   * --------------------- */
   
.single-product-content .single_variation_wrap .variations_button { width: 100%; }

.single-poroduct .sticky-header { z-index: 99999; }
.single-poroduct .single-product-content { position: relative; z-index: 99998; }

/* BUTON ADD-TO-CART */
.single-product-page .single_add_to_cart_button { padding-left: 70px; position: relative; font-weight: 400; overflow: hidden; height: 42px; font-size: 17px; text-transform: none; border: none; border-radius: 3px; background: #ffad00; color: #fff; }
.single-product-page .single_add_to_cart_button:before { content: ''; position: absolute; left: -10px; top: -25px; width: 60px; height: 100px; transform: rotate(20deg); box-shadow: 0px 0px 20px rgba(0,0,0,.1); background: #08203a; }
.single-product-page .single_add_to_cart_button:after { content: '\f291'; color: #fff; font-family: FontAwesome; border: unset; position: absolute; font-size: 1.3em; left: 0px; top: 4px; padding-top: 15px; height: 100%; width: 50px; border-radius: 4px 0px 0px 4px; visibility: visible; opacity: 1; }
.single-product-page .single_add_to_cart_button:hover { background: #d82525; color: #fff; }
.single-product-page .single_add_to_cart_button:hover:before { background: #08203a; }
.single-product-page .single_add_to_cart_button:hover:after { color: #fff; }

.single-product-page .single_add_to_cart_button.loading { padding-right: 20px; }
.single-product-page .single_add_to_cart_button.loading:after { animation: button-spin 650ms infinite alternate; }

@media only screen and (max-width: 991px) {
.single-product-page .cart { width: 100%; }
.single-product-page .single_add_to_cart_button { width: calc(100% - 75px); margin-top: 5px; padding-left: 35px; padding-right: 5px; font-size: 15px; }
.single-product-page .single_add_to_cart_button:before { left: -25px; }
.single-product-page .single_add_to_cart_button:after { width: 40px; }

.single-product-page .single_add_to_cart_button.loading { padding-right: 5px; }
}

/* QUANTITY */
.single-product-page .quantity { position: relative; border: 1px solid #08203a; top: 0px; }
.single-product-page .quantity .minus, .single-product-page .quantity .plus { position: absolute; right: 0px; height: 50%; width: 20px; text-align: center; background: #08203a !important; color: #fff; line-height: 0px; border: unset; }
.single-product-page .quantity .minus { bottom: 0px; }
.single-product-page .quantity .plus { top: 0px; }
.single-product-page .quantity input[type=number] { width: 50px; padding-right: 26px; padding-left: 5px; border: unset; color: #08203a; }

@media only screen and (max-width: 991px) {
.single-product-page .quantity { margin-right: 5px; }  
}

/* STOC */
@media only screen and (max-width: 991px) {
.single-product-content .summary-inner .in-stock, .single-product-content .summary-inner .out-of-stock { margin-right: 0px; }
}

/* CHECKMARKS LIST */
/* .checkmarks-product-page { display: none; } */
/* .admin-bar .checkmarks-product-page { display: inherit; } */
.single-product-content .woocommerce-product-details__short-description .checkmarks-product-page ul { padding-left: unset; padding: 20px 0px; }
.single-product-content .woocommerce-product-details__short-description .checkmarks-product-page ul li { color: #08203a; font-size: 14px; padding-left: 40px; position: relative; font-weight: 600; }
.single-product-content .woocommerce-product-details__short-description .checkmarks-product-page ul li:before { content: '\f00c'; font-family: FontAwesome; color: #87c9e6; font-size: 1.6em; position: absolute; left: 5px; line-height: 1em; } 

/* STICKY ADD TO CART */
.basel-sticky-btn .basel-sticky-btn-cart .awdr_discount_bar { display: none; }
.basel-sticky-btn .basel-sticky-btn-cart .button, .basel-sticky-btn .basel-sticky-btn-cart .button:hover { background: #d82525; color: #fff; }

@media only screen and (max-width: 991px) {
.basel-sticky-btn .basel-sticky-btn-cart .button { height: 42px; border: none;}
}

/* * ---------------------
   * ARCHIVE - PRODUCTS
   * --------------------- */
   
@media (max-width: 991px) {
.archive.woocommerce .page-title .entry-title h1 { font-size: 16px; line-height: 16px; letter-spacing: 0px; }
}

/* * ---------------------
   * PRODUCT CATEGORY
   * --------------------- */
   
/* BUTON ADD-TO-CART */
.tax-product_cat a.add_to_cart_button { padding-left: 65px; position: relative; overflow: hidden; height: 45px; line-height: 26px; font-weight: 400; font-size: 0.9rem; text-transform: none; border: none; border-radius: 3px; background: #08203a; color: #fff; }
.tax-product_cat a.add_to_cart_button:before { content: ''; position: absolute; left: -10px; top: -25px; width: 60px; height: 100px; transform: rotate(20deg); box-shadow: 0px 0px 20px rgba(0,0,0,.1); background: #08203a; }
.tax-product_cat a.add_to_cart_button:after { content: '\f291'; color: #fff; font-family: FontAwesome; border: unset; position: absolute; font-size: 1.5em; left: 0px; top: 3px; padding-top: 15px; height: 100%; width: 50px; border-radius: 4px 0px 0px 4px; visibility: visible; opacity: 1; }
.tax-product_cat a.add_to_cart_button:hover { background-color: #87c9e6 !important; color: #08203a; opacity: 1; }
.tax-product_cat a.add_to_cart_button:hover:before { background: #08203a; }
.tax-product_cat a.add_to_cart_button:hover:after { color: #fff; }

.tax-product_cat a.add_to_cart_button.loading { padding-right: 20px; }
.tax-product_cat a.add_to_cart_button.loading:after { animation: button-spin 650ms infinite alternate; }

.tax-product_cat .btn-add .added_to_cart, .tax-product_cat .btn-add .product_type_simple, .tax-product_cat a.add_to_cart_button { height: 45px; width: 70%; background: #08203a; line-height: 26px; }
.tax-product_cat .btn-add .added_to_cart:hover, .tax-product_cat .btn-add .product_type_simple:hover { opacity: 1; }

@media only screen and (max-width: 1366px) {
.tax-product_cat .btn-add .added_to_cart, .tax-product_cat .btn-add .product_type_simple, .tax-product_cat a.add_to_cart_button { width: 100%; font-size: 14px; }
}

@media only screen and (max-width: 991px) {
.tax-product_cat .btn-add .added_to_cart, .tax-product_cat a.add_to_cart_button { width: 100%; margin-top: 5px; padding-left: 60px; padding-right: 5px; font-size: 14px; }
.tax-product_cat a.add_to_cart_button:before { left: -10px; }
.tax-product_cat a.add_to_cart_button:after { width: 50px; }
.tax-product_cat a.add_to_cart_button.loading { padding-right: 5px; }
}

@media only screen and (max-width: 600px) {
.tax-product_cat .btn-add .added_to_cart, .tax-product_cat a.add_to_cart_button { padding-left: 30px; }
.tax-product_cat a.add_to_cart_button:before { left: -35px; }
.tax-product_cat a.add_to_cart_button:after { width: 30px; font-size: 1.2em; }
}

.woocommerce-Price-amount.amount, .price del > .amount, .price ins > .amount { color: #08203a !important; }
.woocommerce-Price-amount.amount sup, .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol { font-weight: 600; font-size: 0.6em; }
.price ins > .amount, .price > .amount > bdi { font-size: 25px; margin-top: -6px; font-weight: bold; }
.price del > .amount { font-size: 17px; }
.price del > .amount bdi > *:nth-last-of-type(2) { display: none; }
.price del { text-decoration: none; position: relative; }
.price del:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-10deg); width: 100%; height: 1px; background: #d82525; }
.price .amount .woocommerce-Price-currencySymbol { font-size: .5em; position: relative; top: -.6em; margin-left: -0.4em; }
.product-title a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 3.5em; margin-bottom: 30px; font-size: 14px; }
.product-title ~ .star-rating { position: relative; /* margin-top: -16px; left: 50%; transform: translatex(-50%); */ }
.product-title ~ .woocommerce-review-link { position: relative; top: -10px; }

/* Basel fix – previne ascunderea completă a prețurilor range */
.hide-larger-price .price,
.hide-larger-price .price *,
.price.range,
.price .woocommerce-Price-amount {
    word-spacing: normal !important;
    letter-spacing: normal !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Asigură vizibilitate la variațiile dinamice */
.single-product .woocommerce-variation-price .price {
    word-spacing: normal !important;
    visibility: visible !important;
}


@media only screen and (max-width: 991px) {
.single-product .basel-sticky-btn .single_add_to_cart_button { padding: 8px 12px 8px 90px; margin-left: 0px; }
.single-product .basel-sticky-btn .cart input[type="hidden"] ~ .single_add_to_cart_button { padding: unset; }
.single-product .joinchat--left .joinchat__button { bottom: 50px; }
.product-title a { height: 3.5em; -webkit-line-clamp: 3; margin-bottom: 30px; display: -webkit-box !important;  }
}

/* OFERTE - MENIU MOBIL */
#menu-item-9030 > a { font-weight: bold; color: #fff; }

/* 1+1 OFERTA */
.product-element-top > a:before { background: #d82525; color: #fff; padding: 5px 0px; position: absolute; bottom: 0px; width: 100%; line-height: 20px; font-weight: bold; }
.product_cat-oferta-2-lenjerii .product-element-top > a:before { content: 'Oricare 3 la 199 RON'; }
.product_cat-oferta-prosoape-plaja .product-element-top > a:before { content: 'Oricare 2 la 149 RON'; }
.product_cat-oferta-lenjerii-finet .product-element-top > a:before { content: '-39 RON la oricare 2 comandate'; }
.product_cat-oferta-lenjerii-bumbac .product-element-top > a:before { content: 'Oricare 2 la 299 RON'; }
.product_cat-oferta-lenjerii-cu-elastic-finet .product-element-top > a:before { content: 'Oricare 2 la 229 RON'; }
.product_cat-oferta-lenjerii-cu-elastic-4-piese .product-element-top > a:before { content: 'Oricare 2 la 199 RON'; }
.product_cat-oferta-lenjerii-cu-elastic-finet-modele-speciale .product-element-top > a:before { content: 'Oricare 2 la 239 RON'; }
.product_cat-oferta-cuverturi .product-element-top > a:before { content: 'Oricare 2 la 159 RON'; }
.product_cat-oferta-huse-scaun .product-element-top > a:before { content: 'Pana la 15% Reducere'; }
.product_cat-oferta-husa-perne-cadou .product-element-top > a:before { content: '+2 Perne Cadou'; }
.product_cat-oferta-3-paturi .product-element-top > a:before { content: 'Oricare 3 la 119 RON'; }

/* LIVRARE GRATUITA */
.product_cat-pucioasa .product-element-top > a:before { content: '-29 RON la oricare 2 comandate'; }

/* PACHET PROMO */
.product_cat-pachet-promotional-lenjeriepilotaperne .product-element-top > a:before { content: 'PACHET PROMO'; }

/* 1 PERS 2 la 189 RON */
.product_cat-oferta-lenjerii-copii .product-element-top > a:before, .term-oferta-lenjerii-copii .product-element-top > a:before { content: 'Oricare 2 la 189 RON'; }


.single-product-page .woocommerce-product-gallery .owl-item.active > figure:before { background: #d82525; color: #fff; padding: 5px 10px; position: absolute; bottom: 0px; width: 100%; line-height: 25px; font-size: 20px; font-weight: bold; text-align: center; }
.product_cat-oferta-2-lenjerii .woocommerce-product-gallery .owl-item.active > figure:before { content: 'OFERTA: Oricare 3 modele la 199 RON'; }
.product_cat-oferta-prosoape-plaja .woocommerce-product-gallery .owl-item.active > figure:before { content: 'OFERTA: Oricare 2 modele la 149 RON'; }
.product_cat-oferta-cuverturi .woocommerce-product-gallery .owl-item.active > figure:before { content: 'OFERTA: Oricare 2 modele la 159 RON'; }
.product_cat-oferta-lenjerii-finet .woocommerce-product-gallery .owl-item.active > figure:before { content: '-39 RON la oricare 2 comandate'; }
.product_cat-oferta-lenjerii-bumbac .woocommerce-product-gallery .owl-item.active > figure:before { content: 'OFERTA: Oricare 2 modele la 299 RON'; }
.product_cat-oferta-lenjerii-cu-elastic-finet .woocommerce-product-gallery .owl-item.active > figure:before { content: 'OFERTA: Oricare 2 modele la 229 RON'; }
.product_cat-oferta-lenjerii-cu-elastic-4-piese .woocommerce-product-gallery .owl-item.active > figure:before { content: 'OFERTA: Oricare 2 modele la 199 RON'; }
.product_cat-oferta-lenjerii-cu-elastic-finet-modele-speciale .woocommerce-product-gallery .owl-item.active > figure:before { content: 'OFERTA: Oricare 2 modele la 239 RON'; }
.product_cat-oferta-huse-scaun .woocommerce-product-gallery .owl-item.active > figure:before { content: 'Pana la 15% Reducere'; }
.product_cat-pucioasa .woocommerce-product-gallery .owl-item.active > figure:before { content: '-29 RON la oricare 2 comandate'; }
.product_cat-oferta-lenjerii-copii .woocommerce-product-gallery .owl-item.active > figure:before, .product_cat-oferta-lenjerii-copii  .woocommerce-product-gallery .owl-item.active > figure:before { content: 'Oricare 2 la 189 RON'; }
.product_cat-pachet-promotional-lenjeriepilotaperne .woocommerce-product-gallery .owl-item.active > figure:before { content: 'PACHET PROMOTIONAL'; }
.product_cat-oferta-husa-perne-cadou .woocommerce-product-gallery .owl-item.active > figure:before { content: 'Husa + 2 Perne Cadou'; }
.product_cat-oferta-3-paturi .woocommerce-product-gallery .owl-item.active > figure:before { content: 'OFERTA: Oricare 3 modele la 119 RON'; }
.product_cat-oferta-lenjerie-copii-perna-patura .woocommerce-product-gallery .owl-item.active > figure:before { content: 'Lenjerie copii + Perna + Patura'; }
.product_cat-oferta-lenjerie-1-persoana-perna-decorativa .woocommerce-product-gallery .owl-item.active > figure:before { content: 'Lenjerie + perna decorativa + paturica'; }

@media only screen and (max-width: 991px) {
.tax-product_cat .product-element-top > a:before { line-height: 14px; }
.single-product-page .woocommerce-product-gallery .owl-item.active > figure:before { font-size: 16px; line-height: 20px; }
}

/* PILOTA + PERNE
.term-set-lenjerie-pilota-perne-cadou .product-element-top > a:before { background: url('images/pilota-perne.png') no-repeat center center; content: ''; width: 220px; height: 32px; background-size: cover; left: 50%; transform: translatex(-50%); bottom: 5px;}
 */

/* * ---------------------
   * SEARCH PRODUCT GRID
   * --------------------- */

/* BUTON ADD-TO-CART */
.product-grid-item a.add_to_cart_button { padding-left: 65px; position: relative; overflow: hidden; height: 45px; line-height: 26px; font-weight: 400; font-size: 0.8rem; text-transform: none; border: none; border-radius: 3px; background: #08203a; color: #fff; }
.product-grid-item a.add_to_cart_button:before { content: ''; position: absolute; left: -10px; top: -25px; width: 60px; height: 100px; transform: rotate(20deg); box-shadow: 0px 0px 20px rgba(0,0,0,.1); background: #ffad00; }
.product-grid-item a.add_to_cart_button:after { content: '\f291'; color: #fff; font-family: FontAwesome; border: unset; position: absolute; font-size: 1.5em; left: 0px; top: 3px; padding-top: 15px; height: 100%; width: 50px; border-radius: 4px 0px 0px 4px; visibility: visible; opacity: 1; }
.product-grid-item a.add_to_cart_button:hover { background-color: #08203a !important; color: #fff; opacity: 1; }
.product-grid-item a.add_to_cart_button:hover:before { background: #d82525; }
.product-grid-item a.add_to_cart_button:hover:after { color: #fff; }

.product-grid-item a.add_to_cart_button.loading { padding-right: 20px; }
.product-grid-item a.add_to_cart_button.loading:after { animation: button-spin 650ms infinite alternate; }

.product-grid-item .btn-add .added_to_cart, .product-grid-item .btn-add .product_type_simple { height: 45px; width: 100%; max-width: 200px; background: #08203a; line-height: 26px; }
.product-grid-item .btn-add .added_to_cart:hover, .product-grid-item .btn-add .product_type_simple:hover { opacity: 1; }

@media only screen and (max-width: 1366px) {
.product-grid-item a.add_to_cart_button { width: 100%; max-width: 200px; margin-top: 5px; padding-left: 40px; padding-right: 5px; font-size: 13px; }
.product-grid-item a.add_to_cart_button:before { left: -30px; }
.product-grid-item a.add_to_cart_button:after { width: 30px; }
.product-grid-item a.add_to_cart_button.loading { padding-right: 5px; }
}

@media only screen and (max-width: 991px) {
.product-grid-item a.add_to_cart_button:after { font-size: 1.2em; }
.product-grid-item .btn-add .added_to_cart, .owl-item .btn-add .product_type_simple { font-size: 13px; }
.product-grid-item a.add_to_cart_button:before { left: -30px; }
}

@media only screen and (max-width: 600px) {
.product-grid-item .btn-add .added_to_cart, .product-grid-item .btn-add .product_type_simple { font-size: 12px; }
.product-grid-item a.add_to_cart_button:before { left: -17px; }
.product-grid-item a.add_to_cart_button:after { font-size: 1.2em; width: 25px; left: 10px; }
}

@keyframes button-spin {
0% { opacity: 1; }
100% { opacity: .4; }
}

/* * ---------------------
   * PRODUCT GRID
   * --------------------- */
   
.product-grid-item { box-shadow: -10px 10px 35px rgba(0,0,0,.05); transform: scale(.96); padding: 0px 0px 15px 0px; }
.product-grid-item > *:not(.product-element-top) { max-width: 90%; margin-left: auto; margin-right: auto; }
/* .owl-carousel .owl-stage-outer { overflow: visible; }
.owl-carousel .owl-stage-outer .owl-item:not(.active) { opacity: 0; } */


/* BUTON ADD-TO-CART */
.owl-item a.add_to_cart_button { padding-left: 65px; position: relative; overflow: hidden; height: 45px; line-height: 26px; font-weight: 400; font-size: 0.8rem; text-transform: none; border: none; border-radius: 3px; background: #08203a; color: #fff; }
.owl-item a.add_to_cart_button:before { content: ''; position: absolute; left: -10px; top: -25px; width: 60px; height: 100px; transform: rotate(20deg); box-shadow: 0px 0px 20px rgba(0,0,0,.1); background: #ffad00; }
.owl-item a.add_to_cart_button:after { content: '\f291'; color: #fff; font-family: FontAwesome; border: unset; position: absolute; font-size: 1.5em; left: 0px; top: 3px; padding-top: 15px; height: 100%; width: 50px; border-radius: 4px 0px 0px 4px; visibility: visible; opacity: 1; }
.owl-item a.add_to_cart_button:hover { background-color: #08203a !important; color: #fff; opacity: 1; }
.owl-item a.add_to_cart_button:hover:before { background: #d82525; }
.owl-item a.add_to_cart_button:hover:after { color: #fff; }

.owl-item a.add_to_cart_button.loading { padding-right: 20px; }
.owl-item a.add_to_cart_button.loading:after { animation: button-spin 650ms infinite alternate; }

.owl-item .btn-add .added_to_cart, .owl-item .btn-add .product_type_simple { height: 45px; width: 100%; max-width: 200px; background: #08203a; line-height: 26px; }
.owl-item .btn-add .added_to_cart:hover, .owl-item .btn-add .product_type_simple:hover { opacity: 1; }

@media only screen and (max-width: 1366px) {
.owl-item a.add_to_cart_button { width: 100%; margin-top: 5px; padding-left: 30px; padding-right: 5px; font-size: 13px; }
.owl-item a.add_to_cart_button:before { left: -30px; }
.owl-item a.add_to_cart_button:after { width: 30px; }
.owl-item a.add_to_cart_button.loading { padding-right: 5px; }
}

@media only screen and (max-width: 991px) {
.owl-item .btn-add .added_to_cart, .owl-item .btn-add .product_type_simple { font-size: 13px; }
.owl-item a.add_to_cart_button:before { left: -30px; }
.owl-item a.add_to_cart_button:after { font-size: 1.2em; }
}

@media only screen and (max-width: 600px) {
.owl-item .btn-add .added_to_cart, .owl-item .btn-add .product_type_simple { font-size: 12px; }
.owl-item a.add_to_cart_button:before { left: -17px; }
.owl-item a.add_to_cart_button:after { font-size: 1.2em; width: 25px; left: 10px; }
}

@keyframes button-spin {
0% { opacity: 1; }
100% { opacity: .4; }
}

/* OUT OF STOCK BUTON */
.basel-products-tabs .owl-item .product-grid-item.outofstock .btn-add > a, .archive .product-grid-item.outofstock .btn-add > a { background: none; border: 1px solid #08203a; color: #08203a; }

/* BUTON WISHLIST */
body .single-product-content .entry-summary .wishlist-btn-wrapper > a { display: inline; border: 1px solid #6eafce; border-radius: 3px; height: 40px; line-height: 40px; padding: 10px 15px 10px 15px; }
.product-grid-item:not(.basel-hover-base) .basel-wishlist-btn, .product-grid-item:not(.basel-hover-base) .product-compare-button, .product-grid-item:not(.basel-hover-base) .quick-view { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.basel-buttons .basel-wishlist-btn>a:before { content: '\f004'; font-family: FontAwesome; color: #d82525; text-shadow: 2px 0px 0px black, -2px 0px 0px black, 0px -2px 0px black, 0px 2px 0px black; }


/* SINGLE PRODUCT RATING STARS COLOR */
.star-rating span:before { color: rgba(255,172,0,1) !important; }


/* STICKY ADD TO CART */
@media only screen and (max-width: 480px) {
.basel-sticky-btn .quantity { left: 30px; }
.basel-sticky-btn .single_add_to_cart_button { margin-left: 5px; }
}


/* * ---------------------
   * CHECKOUT
   * --------------------- */

.woocommerce-mini-cart__buttons a.button.checkout { background-color: #d82525 !important; border-color: #d82525 !important; }
.form-row.place-order .mailchimp-newsletter > * { display: inline; }

/* PATURA CADOU NOTICE */
.woocommerce-checkout #order_review #awdr_checkout_subtotal_promotion_messages_data { display: none; }

/* LOGIN / VOUCHER */
.woocommerce-checkout .page-title { margin-bottom: 20px; }
.woocommerce-checkout .woocommerce-form-login-toggle, .woocommerce-checkout .woocommerce-form-coupon-toggle { background: white; padding: 20px; box-shadow: 0px 10px 20px rgb(0 0 0 / 10%); border-radius: 40px; display: table; margin: 0px 0px 10px 0px; }
.woocommerce-checkout .woocommerce-form-login-toggle a, .woocommerce-checkout .woocommerce-form-coupon-toggle a { color: #08203a; font-weight: bold; }

.woocommerce-checkout .woocommerce-form-login-toggle > .woocommerce-info, .woocommerce-checkout .woocommerce-form-coupon-toggle > .woocommerce-info { margin: 0px; padding-left: 30px; }
.woocommerce-checkout .woocommerce-form-login-toggle > .woocommerce-info:before, .woocommerce-checkout .woocommerce-form-coupon-toggle > .woocommerce-info:before { margin: 0px; font-size: 20px; left: 0px; font-family: 'FontAwesome'; font-weight: 600; color: #d82525; }
.woocommerce-checkout .woocommerce-form-login-toggle > .woocommerce-info:before { content: '\f007'; }
.woocommerce-checkout .woocommerce-form-coupon-toggle > .woocommerce-info:before { content: '\f02c'; }

body > .select2-container .select2-search input.select2-search__field { border: none; border-bottom: 1px solid rgba(0,220,130,1); width: 100%; outline: none; padding: 0px 15px; }

body > .select2-container .select2-results { display: block; background: rgba(250,250,250,1); padding: 10px; border-radius: 0px 0px 10px 10px; }
body > .select2-container .select2-results__options { list-style: none; margin: 0; padding: 0; max-height: 200px; overflow-y: auto; }
body > .select2-container .select2-results__option[aria-selected], .select2-results__option[data-selected] { cursor: pointer; }
body > .select2-container .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; background-color: none; }
body > .select2-container .select2-container--default .select2-results__option--highlighted[aria-selected], body > .select2-container .select2-results__option--highlighted, .select2-container--default .select2-results__option--highlighted[data-selected] { color: #fff; font-weight: bold; }
body > .select2-container .select2-results__option[aria-selected], .select2-results__option[data-selected] { cursor: pointer; }
body > .select2-container .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

body > .select2-container .select2-dropdown { border: 1px solid rgba(0,220,130,1); box-shadow: 0px 0px 80px rgb(0 0 0 / 10%); border-radius: 5px; box-sizing: border-box; display: block; left: -100000px; width: 100%; z-index: 1; }
body > .select2-container--open .select2-dropdown { left: 0px; margin-top: 0px;  }

/* old  */

body > .select2-container .select2-dropdown { border: 1px solid rgba(0,220,130,1); box-shadow: 0px 0px 80px rgb(0 0 0 / 10%); overflow: hidden; border-radius: 5px; box-sizing: border-box; display: block; left: -100000px; width: 100%; z-index: 1; }
body > .select2-container.select2-container--open .select2-dropdown { left: 0px; margin-top: 0px; position: relative; }
body > .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above { top: 30px; }
body > .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below { top: -20px; }

/* new
@media only screen and (max-width: 991px) {
body > .select2-container .select2-dropdown { display: none !important; pointer-events: none !important; }
body > .select2-container.select2-container--open .select2-dropdown { display: inherit !important; pointer-events: initial !important; }
body > .select2-container.select2-container--open { position: fixed !important; left: 0px !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); z-index: 9999; margin-top: 40px !important; }
body > .select2-container.select2-container--open .select2-dropdown { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 250px; }

body > .select2-container:not(.select2-container--open) { position: fixed !important; left: -200% !important; transition: .3s all; }

body > .select2-container.select2-container--open .select2-dropdown:after { content: ''; width: 100vw; height: calc(100vh + 100px); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,.3); z-index: -1; pointer-events: none; }

body .select2-search input.select2-search__field { padding: 4px 15px; border-radius: 4px 4px 0px 0px; border: none; }
body .select2-container .select2-search--dropdown { padding: 0px; }
body .select2-container .select2-results { border-radius: 0px 0px 4px 4px; max-height: 200px; overflow-y: scroll; }

.woocommerce-checkout #customer_details .form-row .selection > .select2-selection > .select2-selection__arrow { background-position: right; width: 100%; position: absolute; z-index: 999; }
.woocommerce-checkout #customer_details .form-row .select2-container--open .selection  > .select2-selection > .select2-selection__arrow { background-position: left; margin-right: 8px; }
}
  */
  
/* FIRST AND LAST */
.woocommerce .form-row-first, .woocommerce .form-row-last, .woocommerce-page .form-row-first, .woocommerce-page .form-row-last { float: none !important; }

/* FIELDS */
.woocommerce-checkout #customer_details .form-row.pys_enrich_data { display: none; }
.woocommerce-checkout .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }
.woocommerce-checkout .select2-hidden-accessible { border: 0!important; clip: rect(0 0 0 0)!important; height: 1px!important; margin: -1px!important; overflow: hidden!important; padding: 0!important; position: absolute!important; width: 1px!important; }


.woocommerce-checkout #customer_details .form-row:not(.create-account) input,
.woocommerce-checkout #customer_details .form-row .selection > .select2-selection,
.woocommerce-checkout #customer_details .form-row:not(.create-account) select,
.woocommerce-checkout #customer_details .form-row#smartbill_billing_type_field select
{ border-radius: 40px; display: block; width: 100%; border: none; height: 50px; line-height: 50px; box-shadow: 0px 10px 20px rgb(0 0 0 / 10%); border: 1px solid rgba(0,0,0,.1); }

.woocommerce-checkout #customer_details .form-row .selection > .select2-selection { padding: 0px; }
.woocommerce-checkout #customer_details .form-row .selection > .select2-selection > .select2-selection__rendered { padding: 0px 20px; }

.woocommerce-checkout #customer_details .form-row:not(.create-account) input,
.woocommerce-checkout #customer_details .form-row:not(.create-account) select,
.woocommerce-checkout #customer_details .form-row#smartbill_billing_type_field select
{ padding-left: 20px; }

.woocommerce-checkout #customer_details .form-row .selection .dropdown-wrapper { background: white; border: 1px solid gray; padding: 10px; }

.woocommerce-checkout #customer_details .form-row.validate-required:not(.create-account) input.unchecked,
.woocommerce-checkout #customer_details .form-row.validate-required:not(.create-account) select.checked,
.woocommerce-checkout #customer_details .form-row .selection > .select2-selection.unchecked
{ border: 1px solid red; }

.woocommerce-checkout #customer_details .form-row:not(.create-account) input.checked,
.woocommerce-checkout #customer_details .form-row.validate-required:not(.create-account) select.checked,
.woocommerce-checkout #customer_details .form-row .selection > .select2-selection.checked
{ border: 1px solid rgba(0,220,130,1); }

.woocommerce-checkout #customer_details .form-row .selection > .select2-selection > .select2-selection__rendered { line-height: 50px; display: block; width: 100%; }
.woocommerce-checkout #customer_details .form-row .selection > .select2-selection > .select2-selection__rendered .select2-selection__placeholder { line-height: 17px; position: absolute; top: 50%; transform: translatey(-50%); }
.woocommerce-checkout #customer_details .form-row .selection > .select2-selection > .select2-selection__arrow { height: 50px; }
.woocommerce-checkout #customer_details .form-row-last { float: unset; }
.woocommerce-checkout #customer_details .form-row:not(#order_comments_field):not(.create-account) > label { padding-left: 20px; font-weight: bold; position: absolute; margin-top: -30px; font-size: 16px; opacity: .7; }

.woocommerce-checkout #customer_details .form-row:not(#order_comments_field):not(.create-account),
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row#billing_street_field,
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row#shipping_street_field,
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row#billing_street_number_field,
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row#shipping_street_number_field
{ width: 50%; display: inline-block; padding: 40px 30px 10px 0px; }

.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row#billing_company_field,
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row#shipping_company_field,
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row#billing_postcode_field,
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row#shipping_postcode_field,
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row#shipping_phone_field,
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row#shipping_email_field
{ display: none !important; }

@media only screen and (max-width: 991px) {
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row:not(#order_comments_field),
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row#billing_street_field,
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row#shipping_street_field,
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row#billing_street_number_field,
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row#shipping_street_number_field
{ width: 100%; padding: 40px 0px 10px 0px; }
.woocommerce-checkout #customer_details > .col-sm-12 > div:not(.woocommerce-account-fields) .form-row:not(#order_comments_field) > label { font-size: 15px; }
}

/* SMARTBILL PERS JURIDICA */
.woocommerce-checkout #customer_details #smartbill_billing_cif_field { float: right; }
.woocommerce-checkout #customer_details #smartbill_billing_company_name_field { float: left; }



/* * ---------------------
   * CUSTOM CHECKOUT SELECTBOX
   * ---------------------

body.admin-bar .woocommerce-checkout #customer_details .form-row { position: relative; }
body.admin-bar .woocommerce-checkout #customer_details .form-row select { border: none; }
body.admin-bar .woocommerce-checkout #customer_details .form-row select ~ .puf-select { position: absolute; border-radius: 10px; border: 1px solid rgba(0,220,130,1); width: 100%; height: 200px; padding: 0px; background: white; box-shadow: 0px 10px 30px -15px rgba(0,0,0,.3); z-index: 999999999; overflow-y: scroll; }
body.admin-bar .woocommerce-checkout #customer_details .form-row select option { display: none; position: fixed; left: -200vw; }

body.admin-bar .woocommerce-checkout #customer_details .form-row .puf-select li { padding: 8px 15px; }
body.admin-bar .woocommerce-checkout #customer_details .form-row .puf-select li:hover { background: rgba(0,220,130,1); color: #08203a; }
*/

/* ACCOUNT FIELDS */
.woocommerce-checkout .woocommerce-account-fields { background: white; padding: 20px; border-left: 1px solid rgba(0,220,130,1);  }

/* PAYMENT BOX */
.payment_box { display: none !important; }

/* * ---------------------
   * MINICART
   * --------------------- */

/* BOTTOM */
body .widget_shopping_cart_before_buttons { border: 1px solid #d82525; width: 250px; bottom: 58px; color: #d82525; padding: 10px 5px 10px 70px; position: relative; border-radius: 10px; line-height: 1.1em; font-weight: bold; }
body .widget_shopping_cart_before_buttons > span { font-weight: 300; opacity: .7; }
body .widget_shopping_cart_before_buttons:before { content: ''; filter: invert(72%) sepia(42%) saturate(5411%) hue-rotate(350deg) brightness(90%) contrast(87%); position: absolute; left: 5px; top: 50%; transform: translatey(-50%); width: 55px; height: 55px; background: url('https://www.pufulino.ro/wp-content/uploads/2021/01/icon-transport.png') no-repeat center center; background-size: contain; }
body .widget_shopping_cart .total, body .widget_shopping_cart_before_buttons { position: absolute; left: 50%; transform: translatex(-50%);  }
body .widget_shopping_cart .total { padding: 8px 0px 5px 0px; bottom: 110px; width: 90%; display: flex;  }
body .widget_shopping_cart .total .woocommerce-Price-amount { margin-left: 5px; padding-right: 60px; }
body .widget_shopping_cart .total > strong { line-height: 26px; color: var(--dark); }
body .widget_shopping_cart .total > strong, body .widget_shopping_cart .total .amount bdi { font-size: 16px; }

body .widget_shopping_cart .minicart-extras { position: relative; display: flex; flex-direction: column; width: 100%; height: 50px; top: -10px; left: -5px; z-index: 1; padding: 5px 0px; background: #fff; align-items: flex-start; justify-content: center; }
body .widget_shopping_cart .minicart-extras > * { color: #08203a; display: block; } 
body .widget_shopping_cart .discount-cos { top: 0px; }
body .widget_shopping_cart .livrare-cos { bottom: 0px; }

/* BUTOANE */
body .widget_shopping_cart .buttons { position: absolute; bottom: 9px; left: 50%; transform: translatex(-50%); width: 95%; }
body .widget_shopping_cart .buttons > a { width: 48%; margin-bottom: 0px !important; }
body .widget_shopping_cart .buttons > *:nth-of-type(1) { margin-right: 1.5%; background: #08203a; color: #fff; border: 1px solid #08203a; }
body .widget_shopping_cart .buttons > *:nth-of-type(2) { margin-left: 1.5%; background: #d82525; }

@media only screen and (max-width: 991px) {
body .widget_shopping_cart_before_buttons { font-size: 13px; padding: 10px 5px 10px 60px; width: 230px; }
body .widget_shopping_cart_before_buttons:before { width: 45px; height: 45px; }
}

.cart-widget-side { z-index: 99999; }
.cart-widget-side .widget-heading { padding: 5px 20px; }

.cart-widget-side .widget_shopping_cart { height: calc(100% - 280px); padding: 0px 10px 0px 20px; }
.cart-widget-side .widget_shopping_cart .product_list_widget, .cart-widget-side .widget_shopping_cart .widget_shopping_cart_content { height: 100%; }
.cart-widget-side .widget_shopping_cart .product_list_widget { margin-bottom: 10px; padding-bottom: 40px; overflow-y: scroll; }
.cart-widget-side .widget_shopping_cart .widget_shopping_cart_content:after { content: ''; position: absolute; left: 50%; bottom: 215px; pointer-events: none; transform: translatex(-50%); width: 100%; height: 50px; background: linear-gradient(0deg, rgba(255,255,255,0),rgba(255,255,255,1)); background: -webkit-linear-gradient(-90deg, rgba(255,255,255,0),rgba(255,255,255,1)); }


/* * ---------------------
   * MENU LABELS
   * --------------------- */

.menu-label-hot { background: rgba(255,172,0,1); }
.menu-label-hot:after { color: rgba(255,172,0,1); }
.menu-label-sale { background: rgba(255,20,0,1); }
.menu-label-sale:after { color: rgba(255,20,0,1); }


/* * ---------------------
   * CATEGORIES PAGE TITLES
   * --------------------- */

@media only screen and (max-width: 1200px) { .title-size-small h1.entry-title { font-size: 26px; line-height: 1.2em !important; } }
@media only screen and (max-width: 768px) { 
.title-size-small h1.entry-title { font-size: 19px; font-weight: bold; letter-spacing: -0.5px; margin: 10px 0px; }
.page-title { padding: 0px; }
.page-title .basel-back-btn { top: 50%; transform: Translatey(-50%); }
}
@media only screen and (max-width: 600px) { .title-size-small h1.entry-title { font-size: 16px; letter-spacing: -0.5px; } }

/* * ---------------------
   * PUFULINO BUTON
   * --------------------- */
   
.pufulino-buton { border: 1px solid #87c9e6; color: #fff; background: #fff; border-radius: 40px; padding: 15px 35px; transition: .3s all; }
.pufulino-buton.inverted { border: 1px solid #fff; color: #fff; background: #ffad00; transition: .3s all; }

/* * ---------------------
   * OFERTA PUFULINO
   * --------------------- */

#pufulino-oferte { background-position: top center !important; }
#pufulino-oferte .pufulino-oferte-grid { margin-top: 60px; }
#pufulino-oferte .basel-products-tabs .products-tabs-title { background: #6eafce; }
#pufulino-oferte .basel-products-tabs .basel-tabs-header { position: absolute; top: -57px; background: rgba(255,172,0,1); border: none; z-index: 999999999; left: 0px; width: 100vw; left: 50%; transform: translatex(-50%); text-align: center;  }
#pufulino-oferte .basel-products-tabs .basel-tabs-header.fixed { position: fixed; top: 0px; left: 50%; transform: translatex(-50%); width: 66.8%; z-index: 99999; }
#pufulino-oferte .basel-products-tabs .tabs-navigation-wrapper { padding-right: 0px; }
#pufulino-oferte .basel-products-tabs .open-title-menu { color: #fff; height: 60px; line-height: 60px; display: inherit; }


/* GO TOP BUTTON */
#pufulino-oferte #pufulino-top { width: 60px; height: 60px; top: 0px; line-height: 60px; text-align: center; position: absolute; right: 0px; text-decoration: none; }
#pufulino-oferte #pufulino-top i { font-family: FontAwesome; color: #fff; font-size: 35px; }

/* MOBILE NAV ON DESK */
#pufulino-oferte .products-tabs-title { display: none; }
#pufulino-oferte .products-tabs-title li { color: #fff; }
/* #pufulino-oferte .open-title-menu.toggle-active { width: calc(66vw + 3px); } */
#pufulino-oferte .products-tabs-title.list-shown { display: inherit; box-shadow: 0px 10px 30px rgba(0,0,0,.2); }

#pufulino-oferte .pufulino-oferte-featured { padding: 20px 0px; }
#pufulino-oferte .pufulino-oferte-featured .wpb_column .vc_column-inner { padding: 20px !important; }
#pufulino-oferte .owl-carousel:hover .owl-nav .owl-prev { left: -70px; }
#pufulino-oferte .owl-carousel:hover .owl-nav .owl-next { right: -70px; }
#pufulino-oferte .owl-carousel .owl-nav > div { color: #fff; }
#pufulino-oferte .owl-carousel .product-label.onsale { background: #ffac00; font-size: 18px;}
#pufulino-oferte .pufulino-oferte-featured del, .pufulino-oferta-produs-featured ins { display: inline-block; }
#pufulino-oferte .pufulino-oferte-featured del { margin-bottom: -6px; }
#pufulino-oferte .pufulino-oferte-featured ins .amount { font-size: 1.6em; color: rgba(255,172,0,1); font-weight: bold;}
#pufulino-oferte .pufulino-oferte-featured .amount .woocommerce-Price-currencySymbol { font-size: .6em; vertical-align: top; position: relative; top: .3em; }

#pufulino-oferte  .pufulino-oferte-featured-title { position: absolute; font-size: 50px; color: #87c9e6; line-height: .85em; text-align: center; font-weight: 800; z-index: 999999; left: 50%; transform: translatex(-50%); margin-top: -90px; text-shadow: -3px 3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff; }
#pufulino-oferte  .pufulino-oferte-featured-title span { color: rgba(255,172,0,1); font-weight: 900; font-size: 1.3em; }
#pufulino-oferte .wpb_raw_code { margin-bottom: 0px; }
 
@media only screen and (max-width: 991px) {
    #pufulino-oferte  .pufulino-oferte-featured-title { font-size: 40px; margin-top: 20px; }
    #pufulino-oferte .pufulino-oferte-featured { padding: 80px 0px 20px 0px; }
}

/* SHOPPING CART */
.widget_shopping_cart .product_list_widget li .remove { display: none; }

#pufulino-oferte #pufulino-oferte-cos { float: right; display: block; height: 72px; width: 72px; }
#pufulino-oferte #pufulino-oferte-cos i { font-size: 20px; font-family: FontAwesome; color: #87c9e6; padding: 25px; background: var(--button); border: 1px solid rgba(255,255,255,0); border-radius: 50%; top: -10px; position: relative; }
#pufulino-oferte #pufulino-oferte-cos .widget_shopping_cart_content { display: none; opacity: 0; z-index: 999999999; right: 0px; position: absolute; background: #08203a; width: 500px; max-width: 90vw; padding: 20px; margin-top: 10px;  }
#pufulino-oferte #pufulino-oferte-cos:not(.active) i:hover { background: var(--button-hover); color: var(--background); }
#pufulino-oferte #pufulino-oferte-cos.active i { border-radius: 0px; background: var(--background); color: var(--button-hover); }
#pufulino-oferte #pufulino-oferte-cos.active i:before { content: '\f00d'; }
#pufulino-oferte #pufulino-oferte-cos.active > .widget_shopping_cart_content { display: inherit; opacity: 1; }
#pufulino-oferte #pufulino-oferte-cos .cart_totals { width: 100%; }
#pufulino-oferte #pufulino-oferte-cos .attachment-woocommerce_thumbnail  { display: none; }
#pufulino-oferte #pufulino-oferte-cos .product_list_widget li { text-align: left; }
#pufulino-oferte #pufulino-oferte-cos .product_list_widget li .remove { float: right; }
#pufulino-oferte #pufulino-oferte-cos .woocommerce-mini-cart__buttons .button { background-color: #87c9e6; border-color: #87c9e6; color: #08203a; width: 155px; display: inline-block; margin: 5px; } 
#pufulino-oferte #pufulino-oferte-cos .woocommerce-mini-cart__total { margin-top: 20px; }
#pufulino-oferte #pufulino-oferte-cos .woocommerce-mini-cart__total, #pufulino-oferte #pufulino-oferte-cos .widget_shopping_cart_content .cart-empty, #pufulino-oferte #pufulino-oferte-cos .widget_shopping_cart_content .cart-empty:before, #pufulino-oferte #pufulino-oferte-cos .widget_shopping_cart_content .cart-empty:after, #pufulino-oferte #pufulino-oferte-cos .mini_cart_item a, #pufulino-oferte #pufulino-oferte-cos .mini_cart_item .quantity  { color: #fff; }
#pufulino-oferte #pufulino-oferte-cos .shop_table td.product-name>a { color: #fff; }
#pufulino-oferte #pufulino-oferte-cos .shop_table td.product-remove a { background-color: #87c9e6; }
#pufulino-oferte #pufulino-oferte-cos .woocommerce-mini-cart__empty-message.empty { color: var(--button); margin-bottom: 0px; }
#pufulino-oferte #pufulino-oferte-cos .widget_shopping_cart_content { box-shadow: 0px 0px 30px rgba(8,32,58,.2); }

#pufulino-oferte #pufulino-oferte-cos i, #pufulino-oferte #pufulino-oferte-cos.active i, #pufulino-oferte #pufulino-oferte-cos .widget_shopping_cart_content, #pufulino-oferte #pufulino-oferte-cos.active > .widget_shopping_cart_content{
-webkit-transition: all .1s;
-moz-transition: all .1s;
-ms-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}

@media only screen and (min-width: 991px) { 
.pufulino-oferte-featured .wpb_column:not(:last-of-type) { border-right: 1px solid rgba(0,0,0,.1); }
}

@media only screen and (max-width: 991px) {
#pufulino-oferte .pufulino-oferte-header .wpb_column { width: 50%; display: inline-block; }
#pufulino-oferte .basel-products-tabs .basel-tabs-header.fixed { width: 100%; }
#pufulino-oferte .open-title-menu.toggle-active { width: calc(100vw - 57px); }
#pufulino-oferte .basel-products-tabs .products-tabs-title { background: #87c9e6; width: 100%; }
/* #pufulino-oferte .pufulino-oferte-featured .wpb_column { width: 50%; } */
#pufulino-oferte .pufulino-oferte-content { width: calc(100% - 40px); margin-left: 20px; }
#pufulino-oferte .widget_shopping_cart_content table.shop_table_responsive tbody td { background-color: unset; }
#pufulino-oferte .pufulino-buton { padding: 10px 15px; font-size: 14px; }
}

#pufulino-oferte .products-footer a { color: black; border: 0px; padding: 15px; position: relative; text-align: center; width: 48px; }
#pufulino-oferte .products-footer a:after { left: 16px}

/* * ---------------------
   * PRODUSE ROMANESTI
   * --------------------- */
.product_cat-pucioasa .basel-buttons { top: 0px; }
.product_cat-pucioasa .basel-buttons:before { content: ''; font-size: 12px; left: 2px; top: 1px; z-index: 9; pointer-events: none; background-size: 30px 30px; background-position: center bottom; background-repeat: no-repeat; background-image: url('https://www.pufulino.ro/wp-content/uploads/2020/11/Icon-campanie-Pucioasa-2.png'); position: absolute; width: 30px; height: 30px; }

/*.single-product-page.product_cat-pucioasa .owl-stage-outer { overflow: visible; } */
.single-product-page.product_cat-pucioasa .owl-stage-outer:before { content: ''; left: -4px; top: 20px; z-index: 9999; background-size: 150px 40px; background-position: center bottom; background-repeat: no-repeat; background-image: url('images/Fabricat-in-Romania.png'); position: absolute; width: 150px; height: 40px; }

.pufulino-buton { background: #d82525; border: 2px solid #d82525; color: #fff; font-size: 18px; line-height: 18px; padding: 6px 35px; border-radius: 30px; }
.pufulino-buton.inverted { background: #d82525; border: 2px solid #d82525; color: #fff; }
.pufulino-buton:hover { background: #fff; border: 2px solid #fff; color: #87c9e6; }

@media only screen and (max-width: 991px) { 
.single-product-page.product_cat-pucioasa .owl-stage-outer:before { background-size: 90px 30px; width: 90px; height: 30px; }
}

/* BANNER CATEGORIE PUCIOASA */
@media only screen and (min-width: 991px) { 
.show-desktop { display: inherit; }
.show-mobile { display: none; }
}

@media only screen and (max-width: 991px) { 
.show-mobile { display: inherit; }
.show-desktop { display: none; }
}

/* * ---------------------
   * INDEX TABS
   * --------------------- */
.basel-products-tabs .tabs-navigation-wrapper ul.products-tabs-title li, .basel-products-tabs .owl-carousel .owl-nav div, .basel-products-tabs .products-tabs-title li:not(.active-tab-title):hover, .basel-products-tabs .open-title-menu { color: #fff; }
.basel-products-tabs .owl-carousel .owl-nav div.disabled { color: rgba(255,255,255,.6); }
.basel-products-tabs .owl-carousel .owl-nav { height: 70px; top: -77px; }
.basel-products-tabs .products-tabs-title li { text-transform: inherit; }
.basel-products-tabs .tabs-navigation-wrapper ul.products-tabs-title li { background: rgba(0,0,0,.03); }
.basel-products-tabs .tabs-name img { margin: 0px; max-height: 40px; }
.basel-products-tabs .products-tabs-title .active-tab-title { color: #d82525 !important; background: #08203a !important;  }
.basel-products-tabs .basel-tabs-header { height: 70px; line-height: 65px; border-color: #08203a !important; background: #08203a !important; }
.basel-products-tabs .tabs-name { background: #08203a !important; }
.basel-products-tabs .tabs-name, .basel-products-tabs .tabs-navigation-wrapper ul.products-tabs-title li { border: 1px solid #08203a; }

@media only screen and (min-width: 991px) { 
.basel-products-tabs .tabs-navigation-wrapper, .basel-products-tabs .tabs-navigation-wrapper ul.products-tabs-title, .basel-products-tabs .tabs-navigation-wrapper ul.products-tabs-title li, .basel-products-tabs .open-title-menu { height: 100%; line-height: 65px; }
.basel-products-tabs .tabs-name { height: 100%; line-height: 60px; }
}

@media only screen and (max-width: 991px) { 
.basel-products-tabs .open-title-menu { height: 70px; line-height: 70px; }
.basel-products-tabs .tabs-name { height: 100%; line-height: 60px; }
.basel-products-tabs .products-tabs-title { background-color: #08203a; padding-top: 0px; padding-bottom: 0px; }
.basel-products-tabs .open-title-menu:before { content: none; }
.basel-products-tabs .open-title-menu:after { content: "\f107"; display: inline-block; font-weight: 400; margin-right: 8px; font-size: 16px; margin-top: -2px; vertical-align: middle; font-family: FontAwesome; margin-left: 15px; }
.basel-products-tabs .open-title-menu.toggle-active:after { content: "\f106"; }
}

.product-grid-item .price del>.amount { font-size: 17px; }
.product-grid-item .price ins>.amount, .product-grid-item .price > .amount > bdi { font-size: 25px; font-weight: 700; }

/* * ---------------------
   * LOAD MORE
   * --------------------- */

.blog-footer .basel-blog-load-more, .blog-footer .basel-portfolio-load-more, .blog-footer .basel-products-load-more, .portfolio-footer .basel-blog-load-more, .portfolio-footer .basel-portfolio-load-more, .portfolio-footer .basel-products-load-more, .products-footer .basel-blog-load-more, .products-footer .basel-portfolio-load-more, .products-footer .basel-products-load-more {
     background: #74b5d4; border: 1px solid #74b5d4;
}

.blog-footer .basel-blog-load-more:after, .blog-footer .basel-portfolio-load-more:after, .blog-footer .basel-products-load-more:after, .portfolio-footer .basel-blog-load-more:after, .portfolio-footer .basel-portfolio-load-more:after, .portfolio-footer .basel-products-load-more:after, .products-footer .basel-blog-load-more:after, .products-footer .basel-portfolio-load-more:after, .products-footer .basel-products-load-more:after {
    left: 50%; transform: translatex(-50%);
}

.blog-footer .basel-blog-load-more.loading:after, .blog-footer .basel-portfolio-load-more.loading:after, .blog-footer .basel-products-load-more.loading:after, .portfolio-footer .basel-blog-load-more.loading:after, .portfolio-footer .basel-portfolio-load-more.loading:after, .portfolio-footer .basel-products-load-more.loading:after, .products-footer .basel-blog-load-more.loading:after, .products-footer .basel-portfolio-load-more.loading:after, .products-footer .basel-products-load-more.loading:after {
    -webkit-animation: load-spin 450ms infinite linear; animation: load-spin 450ms infinite linear; color: #fff;
}

@keyframes load-spin {
    from{ transform: translatex(-50%) rotate(0deg); }
    to{ transform: translatex(-50%) rotate(360deg); }
}

/* CUSTOM THEME SETTINGS */

body .basel-woocommerce-layered-nav .basel-scroll { max-height: 600px; }
body .single-product-content .summary-inner .in-stock { border: 1px solid #87c9e6; color: #87c9e6; padding: 8px 10px; }
body .single-product-content .summary-inner .out-of-stock { border: 1px solid #CC1414; }
body .basel-sticky-btn .in-stock { border: 1px solid #87c9e6; color: #87c9e6; margin-bottom: -5px; padding: 10px 10px; }

div.wpcf7-response-output { display: none; }

.website-wrapper .basel-navigation .menu-item-design-sized .sub-menu-dropdown .sub-menu>li>a { text-transform: none; font-size: 15px; }

p { margin-bottom: 5px; }

body .woocommerce-checkout .checkout-order-review { background-color: #87c9e6; }

.basel-sticky-sidebar-opener:not(.sticky-toolbar) { width: 30px;  }

body .woocommerce-thankyou-order-received { border: 2px dashed red; color: red; }

/* * ---------------------
   * ETICHETE
   * --------------------- */
body .product-label.new { font-size: 16px; background-color: #ffac00; }
body .product-label.onsale {font-size: 14px; background-color: unset; background: #d82525 !important; color: #fff; font-weight: 600; padding: 5px 30px;height: 28px; line-height: 18px; }

body.term-craciun .product-label.onsale:before { content: ''; width: 20px; height: 20px; position: absolute; left: 5px; top: 50%; transform: translatey(-50%); background-image: url('images/icons/craciun-icon.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; }

/* * ---------------------
   * SEARCH RESULTS MOBILE
   * --------------------- */
@media only screen and (max-width: 991px) {
.search-results-wrapper .woocommerce-Price-amount.amount, .search-results-wrapper  .price del>.amount, .search-results-wrapper .price ins>.amount { color: #fff !important; }
}

/* * ---------------------
   * SCROLL SLIDE
   * --------------------- */
.scroll-slide { position: absolute; width: 100%; }
.scroll-slide > * { text-align: center; }

/* * ---------------------
   * STOC
   * --------------------- */
.product-labels > .out-of-stock { display: none; }
.pufulino-stoc { font-weight: 400; display: block; width: 120px; border-radius: 30px; margin: -25px auto 25px auto; padding: 3px 6px; font-size: 13px; } 
.pufulino-stoc.pufulino-stoc-0 { border: 1px solid rgba(255,20,0,1); color: rgba(255,20,0,1); }
.pufulino-stoc.pufulino-stoc-1 { border: 1px solid #009c1a; color: #009c1a; }
.pufulino-stoc.pufulino-stoc-2 { border: 1px solid #009c1a; color: #009c1a; }

/* * ---------------------
   * CHATY WIDGET
   * --------------------- */
.chaty-widget-i#chaty-channel-facebook_messenger .ico_d .color-element { fill: unset; }
.chaty-widget-i#chaty-channel-facebook_messenger .ico_d path { fill: #fff; }
.chaty-widget-i#chaty-channel-facebook_messenger .ico_d { background: linear-gradient(45deg, #0597ff, #8410ff, #ffae1f); background: -webkit-linear-gradient(45deg, #0597ff, #8410ff, #ffae1f); animation: chat-glow 2s 0s linear infinite; }
.chaty-widget-i#chaty-channel-facebook_messenger { box-shadow: 0px 0px 60px rgba(135,201,230,.2); }

@keyframes chat-glow { 
    0% { background: linear-gradient(45deg, #0597ff, #8410ff, #ffae1f); background: -webkit-linear-gradient(45deg, #0597ff, #8410ff, #ffae1f); filter: brightness(1) contrast(1); }
    70% { background: linear-gradient(405deg, #0597ff, #8410ff, #ffae1f); background: -webkit-linear-gradient(405deg, #0597ff, #8410ff, #ffae1f); filter: brightness(1.2) contrast(1.4); }
    100% { background: linear-gradient(45deg, #0597ff, #8410ff, #ffae1f); background: -webkit-linear-gradient(45deg, #0597ff, #8410ff, #ffae1f); filter: brightness(1) contrast(1); }
}

/* * ---------------------
   * SOCIAL ORDER
   * --------------------- */
.social-order { display: inline-block; vertical-align: middle; position: relative; margin: 20px 0px; }

.social-order a:hover { color: #fff; }
.social-order a { background: linear-gradient(70deg, #08203a, #08203a); background: -webkit-linear-gradient(70deg, #08203a, #08203a); overflow: hidden; width: 200px; max-width: 50%; color: #fff; font-size: 17px; font-weight: 500; text-align: center; padding: 24px 26px 12px 70px; font-weight: bold; margin: 0px -2px; text-decoration: none; position: relative; display: inline-block; }
.social-order a.order-whatsapp { border-radius: 30px 0px 0px 30px; }
.social-order a.order-facebook { border-radius: 0px 30px 30px 0px; }

.social-order a > span { position: relative; top: 6px; }

.social-order a:after { font-family: FontAwesome; font-weight: 400; font-size: 30px; position: absolute; left: 25px; top: 50%; transform: translatey(-50%); transition: .3s all; }
.social-order a:before { content: 'Comanda pe '; position: absolute; top: 50%; transform: translatey(calc(-50% - 9px)); font-size: .7em; font-weight: 400; }
.social-order a.order-whatsapp:after { content: '\f232'; color: #25D366; }
.social-order a.order-facebook:after { content: '\f082'; color: #4267B2; }

.social-order a:hover { filter: saturate(1.5); }
.social-order a:hover:after, .social-order a:hover > span { transform: translatey(-50%) scale(1.1); transition: .3s all; }

.social-order a > span:after { pointer-events: none; content: ''; width: 180px; height: 100px; position: absolute; left: calc(-100% - 120px); top: 50%; transform: translatey(-50%) rotate(10deg); background: linear-gradient(0deg,rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg,rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);   }
.social-order a:hover > span:after { transition: .8s all; left: calc(100% + 120px); }

@media only screen and (max-width: 768px) {
.social-order a { padding: 24px 2px 12px 30px; font-size: 14px; }
.social-order a:after { left: 10px; }
}

/* * ---------------------
   * SOCIAL ICONS - STICKY RIGHT
   * --------------------- */

body .basel-sticky-social:not(.icons-design-default) li[class^="social"] a { width: 40px; }

/* * ---------------------
   * BANNERE CATEGORIE
   * --------------------- */
   
.banner-categorie { position: relative; height: 460px; text-align: center; display: inline-block; border-radius: 20px 20px 0px 0px; overflow: hidden; width: calc(100% - 10px); margin: 10px 0px -5px 4px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner-categorie img { width: 100px; height: auto; position: absolute; top: 50%; transform: translatey(-50%); z-index: 0; left: 10px; }

.banner-categorie > div { position: absolute; left: 50%; transform: translatex(-50%); bottom: 80px; width: 500px; max-width: 90%; }
.banner-categorie > div > * { color: #fff; }
.banner-categorie > div .pufulino-slide-title { background: #d82525; margin-bottom: 20px; padding: 20px 20px 20px 120px; position: relative; text-align: left; overflow: hidden; }
.banner-categorie > div .pufulino-slide-title h2 { color: #fff; font-size: 30px; line-height: 1em; margin: 0px; font-weight: 400; text-align: left; position: relative; z-index: 2; }
.banner-categorie > div .pufulino-slide-title span { text-align: left; position: relative; z-index: 2; }
.banner-categorie > div *:not(.pufulino-slide-title) span { font-weight: 800; color: #ffad00; }
.banner-categorie > div > p { font-size: 18px; font-weight: 400; }

.banner-categorie:before { bottom: 0px; background: -webkit-linear-gradient(-90deg,rgba(0,0,0,0), rgba(0,0,0,.7)); background: linear-gradient(180deg,rgba(0,0,0,0), rgba(0,0,0,.7)); width: 100%; height: 100%; left: 50%; transform: translatex(-50%); content: ''; position: absolute; }

@media only screen and (max-width: 768px) {
.banner-categorie { margin: 5px 0px -5px; left: 50%; transform: translatex(-50%); }
.banner-categorie img { }
.banner-categorie > div .pufulino-slide-title h2 { font-size: 20px; }
.banner-categorie > div > p { font-size: 16px; line-height: 18px; }
}

/* SCROLL DOWN */
.pufulino-scroll-down { width: 50px; height: 75px; position: absolute; left: 50%; transform: translatex(-50%); }
.pufulino-scroll-down:before { animation: pufulino-scrolldown 2.2s linear infinite; width: 50px; height: 50px; background-image: url('images/icons/pufulino-scroll-down.svg'); background-size: cover; background-position: center center; content: ''; background-repeat: no-repeat; left: 0px; position: absolute; }


@keyframes pufulino-scrolldown {
0% { top: -60px; transform: scale(.3) rotatex(0deg) perspective(10px); opacity: 0; }
10% { transform: scale(.45) rotatex(20deg) perspective(10px); }
20% { transform: scale(.6) rotatex(40deg) perspective(10px); opacity: .3; }
35% { top: 0px; transform: scale(.75) rotatex(60deg) perspective(10px); }
50% { transform: scale(.9) rotatex(40deg) perspective(10px); }
60% { transform: scale(1) rotatex(20deg) perspective(10px); opacity: 1; }
70% { transform: scale(1) rotatex(0deg) perspective(10px); }
100% { top: 140px; transform: scale(1) rotatex(0deg) perspective(10px); opacity: .8; }
}

/* * ---------------------
   * BUTON FILTRE
   * --------------------- */
.basel-show-sidebar-btn { background: #ffad00; height: 60px; width: 60px; text-align: center; padding-left: 21px; border-radius: 50%; }
.basel-show-sidebar-btn > span:last-of-type { position: absolute; margin-left: 50px; text-transform: none; text-align: left; width: 200px; margin-top: -15px; }
.basel-show-sidebar-btn > span:last-of-type:after { content: 'culori, model...'; text-transform: lowercase; width: 200px; font-size: 12px; color: rgba(0,0,0,.3); position: absolute; left: 0px; margin-top: 20px;  }
.shop-loop-head, .basel-active-filters, .basel-show-sidebar-btn { margin-bottom: 0px; }
.shop-loop-head { padding: 20px 25px; margin-top: 0px; box-shadow: 0px 0px 40px rgba(0,0,0,.1); width: calc(100% + 20px); margin-left: -10px; }
.archive .page-title { margin: 0px; }

.shop-loop-head .woocommerce-ordering { margin-top: 12px; }

@media only screen and (max-width: 768px) {
.shop-loop-head .woocommerce-ordering { margin-top: 3px; }
.basel-show-sidebar-btn { width: 40px; height: 40px; padding-left: 11px; }
.basel-show-sidebar-btn > span:last-of-type { margin-left: 40px; font-size: 13px; }
.basel-show-sidebar-btn > span:last-of-type:after { margin-top: 15px; }
}

/* * ---------------------
   * LICHIDARE DE STOC
   * --------------------- */
#pufulino-sticky-side-menu, #pufulino-sticky-side-menu:hover, #pufulino-sticky-side-menu li a, #pufulino-sticky-side-menu li a:after, #pufulino-sticky-side-menu p, #pufulino-sticky-side-menu p:after { transition: .3s all; }
#pufulino-sticky-side-menu { padding: 10px; position: fixed; top: 50%; transform: translatey(-50%); border: 1px solid #fff; z-index: 10; }
#pufulino-sticky-side-menu:hover { padding: 10px; }
#pufulino-sticky-side-menu p { color: #d82525; }
#pufulino-sticky-side-menu li { width: 200px; padding-right: 40px; height: 30px; }
#pufulino-sticky-side-menu li a { color: #fff; font-weight: 600; width: 160px; position: relative; display: block; font-size: 13px; line-height: 20px; top: 50%; transform: translatey(-50%); }
#pufulino-sticky-side-menu li a:hover { text-decoration: none; }
#pufulino-sticky-side-menu li a:after { content: ''; background: #d82525; width: 20px; height: 2px; position: absolute; right: -20px; top: 50%; transform: translatey(-50%); pointer-events: none; }
#pufulino-sticky-side-menu li.active a:after { width: 40px; right: -40px; background: #ffad00; }

/* DARK */
#pufulino-sticky-side-menu.dark { border-color: #08203a; }
#pufulino-sticky-side-menu.dark li a { color: #08203a; }


@media only screen and (max-width: 991px) {
.page-id-11412 .entry-content { padding-left: 50px; }
#pufulino-sticky-side-menu { padding: 60px 10px 10px 10px; left: -175px; border: none; bottom: 55px; top: unset; transform: unset; }
#pufulino-sticky-side-menu:hover { padding: 10px; left: 0px; background: white; }
#pufulino-sticky-side-menu:hover li { width: 240px; }
#pufulino-sticky-side-menu li a { color: #08203a; font-size: 12px; }
#pufulino-sticky-side-menu p:after { font-size: 20px; border-radius: 50%; box-shadow: 0px 0px 40px rgba(216,37,37,.4); opacity: 1; right: -5px; top: 0px; width: 60px; height: 60px; line-height: 60px; content: '\f0c9'; font-family: FontAwesome; color: #fff; position: absolute; text-align: center; }
#pufulino-sticky-side-menu:hover p:after { right: 60px; opacity: 0; }
}

/* * ---------------------
   * SINGLE POST
   * --------------------- */
 .single-post .main-page-wrapper > .container > .row { max-width: 1200px; margin: 0 auto; }
 
/* * ---------------------
   * HOMEPAGE
   * --------------------- */

@media only screen and (max-width: 991px) {
.page-id-21756 .main-page-wrapper { padding-top: 0px; }
}

.home .owl-carousel.owl-drag .owl-stage { width: 100% !important; left: 50%; transform: translatex(-50%) !important; }
.home .owl-carousel.owl-drag .owl-stage .owl-item { width: 25% !important; float: none; display: inline-block; vertical-align: top; }
 
@media only screen and (max-width: 991px) {
.home .owl-carousel.owl-drag .owl-stage .owl-item { width: 100% !important; }   
}

/* * ---------------------
   * After header bar
   * --------------------- */
#pufulino-after-header { width: 100vw; left: 50%; transform: translatex(-50%); background: #87c9e6; position: relative; box-shadow: 0px 0px 90px -10px rgb(0 0 0 / 20%); }
#pufulino-after-header > div { width: calc(33% - 2px); display: inline-block; text-align: center; color: white; position: relative; vertical-align: top; }
#pufulino-after-header > div i { font-size: 25px; }

@media only screen and (min-width: 991px) {
#pufulino-after-header { top: 0px; display: inherit; height: 50px; padding: 0px 10%; }
#pufulino-after-header > div { line-height: 50px; height: 50px; }
#pufulino-after-header > div i { position: absolute; top: 50%; transform: translatey(-50%); margin-left: -35px; }
}

@media only screen and (max-width: 991px) {
#pufulino-after-header > div { font-size: 13px; line-height: 14px; padding: 10px 0px 10px 0px; vertical-align: middle; }
#pufulino-after-header > div i { font-size: 50px; display: block; padding-bottom: 0px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #d82525; z-index: -1; opacity: .15; }
}

/* * ---------------------
   * Slider oferte homepage
   * --------------------- */
   
/* sliders */
.pufulino-homepage-slider .wpb_raw_html { margin-bottom: 0px; }
#pufulino-oferta-slider { min-height: 550px; width: 100%; margin: 10px 0px; overflow: hidden; position: relative; border-radius: 20px; background: url('/wp-content/uploads/2021/07/slide1.jpg') no-repeat center center; background-size: cover; }
#pufulino-oferta-slider .pufulino-oferta { overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0; visibility: hidden; padding: 15px; transition: .12s all; height: 100%; width: 100%; position: absolute; border-radius: 20px; }
#pufulino-oferta-slider .pufulino-oferta.activ { opacity: 1; visibility: visible; transition: .12s all; }
#pufulino-oferta-slider .pufulino-oferta:before { content: ''; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); }

@media only screen and (min-width: 991px) {
#pufulino-oferta-slider .pufulino-oferta:before { background: linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 65%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 65%); }
}

@media only screen and (max-width: 991px) {
#pufulino-oferta-slider { min-height: 500px; }
#pufulino-oferta-slider .pufulino-oferta:before { background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 65%); background: -webkit-linear-gradient(-90deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 65%); }
}

/* componente slide */
#pufulino-oferta-slider .pufulino-oferta > div { vertical-align: middle; }
#pufulino-oferta-slider .pufulino-oferta > .pufulino-slide-left { left: 0px; }
#pufulino-oferta-slider .pufulino-oferta > .pufulino-slide-left * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#pufulino-oferta-slider .pufulino-oferta > div .pufulino-slide-title { background: #d82525; color: white; padding: 10px 20px; }
#pufulino-oferta-slider .pufulino-oferta > div .pufulino-slide-title span { color: #ffad00; font-size: 16px; font-weight: 600; padding-left: 35px; position: relative; }
#pufulino-oferta-slider .pufulino-oferta > div .pufulino-slide-title span:before { content: ''; width: 25px; height: 0.2px; background: #ffad00; position: absolute; left: 0px; top: 50%; transform: translatey(-50%); }
#pufulino-oferta-slider .pufulino-oferta > div h2 { color: white; margin: 0px; display: inherit; padding-bottom: 10px; }
#pufulino-oferta-slider .pufulino-oferta > div a { transition: .15s all; font-weight: 600; background: white; color: #d82525; border: 2px solid white; border-radius: 40px; padding: 10px 30px; margin-top: 15px; display: inline-block; font-size: 15px; width: 180px; text-align: center; }
#pufulino-oferta-slider .pufulino-oferta > div a:hover { transition: .15s all; text-decoration: none; background: #ffad00; border-color: #ffad00; color: #08203a; }
#pufulino-oferta-slider .pufulino-oferta > div p { color: white; margin: 20px 0px; }

@media only screen and (min-width: 991px) {
#pufulino-oferta-slider .pufulino-oferta > div { display: inline-block; width: 49%; height: 100%; }
#pufulino-oferta-slider .pufulino-oferta > .pufulino-slide-left { padding-left: 250px; }
#pufulino-oferta-slider .pufulino-oferta > .pufulino-slide-left > div { position: relative; top: 50%; transform: translatey(-50%) scale(0); transform-origin: left; transition-duration: .5s; }
#pufulino-oferta-slider .pufulino-oferta.activ > .pufulino-slide-left > div { transform: translatey(-50%) scale(1); transform-origin: left; transition-duration: .3s; transition-delay: .2s; }
#pufulino-oferta-slider .pufulino-oferta > div img { position: absolute; width: 300px; height: 300px; left: -40px; top: 50%; transform: translatey(-50%); }
#pufulino-oferta-slider .pufulino-oferta > div h2 { text-align: left; position: relative; font-size: 35px; line-height: 40px; }
#pufulino-oferta-slider .pufulino-oferta > div p { font-size: 20px; }
}

@media only screen and (max-width: 991px) {
#pufulino-oferta-slider .pufulino-oferta > div { display: inline-block; width: 100%; }
#pufulino-oferta-slider .pufulino-oferta > .pufulino-slide-left { padding-top: 30px; }
#pufulino-oferta-slider .pufulino-oferta > .pufulino-slide-left > div { position: relative; left: 50%; transform: translatex(-50%) scale(0); transform-origin: top; transition-duration: .3s; text-align: center; }
#pufulino-oferta-slider .pufulino-oferta.activ > .pufulino-slide-left > div { transform: translatex(-50%) scale(1); transform-origin: top; transition-duration: .3s; transition-delay: .5s; }
#pufulino-oferta-slider .pufulino-oferta > div img { position: absolute; width: 200px; height: 200px; top: 10px; left: 50%; transform: translatex(-50%); top: unset; bottom: -50px; }
#pufulino-oferta-slider .pufulino-oferta > div h2 { text-align: center; font-size: 30px; line-height: 40px; }
#pufulino-oferta-slider .pufulino-oferta > div p { font-size: 16px; }
}

/* controler */
#pufulino-oferta-slider #pufulino-slider-prev, #pufulino-oferta-slider #pufulino-slider-next { width: 80px; height: 80px; border-radius: 50%; position: absolute; top: 50%; transform: translatey(-50%); z-index: 100; margin: 0px 2px; }
#pufulino-oferta-slider #pufulino-slider-prev { left: 5px; }
#pufulino-oferta-slider #pufulino-slider-next { right: 5px; }
#pufulino-oferta-slider #pufulino-slider-prev:before, #pufulino-oferta-slider #pufulino-slider-next:before { content: ''; transition: .3s all; width: 80px; height: 80px; background: rgba(0,0,0,.4); left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; border-radius: 50%; }
#pufulino-oferta-slider #pufulino-slider-prev:hover:before, #pufulino-oferta-slider #pufulino-slider-next:hover:before { transition: .3s all; height: 200px; width: 200px; background: rgba(0,0,0,.2); }

#pufulino-oferta-slider #pufulino-slider-prev i, #pufulino-oferta-slider #pufulino-slider-next i { color: white; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#pufulino-oferta-slider #pufulino-slider-prev i, #pufulino-oferta-slider #pufulino-slider-next i { font-size: 20px; }


@media only screen and (max-width: 991px) {
#pufulino-oferta-slider #pufulino-slider-prev, #pufulino-oferta-slider #pufulino-slider-next { bottom: -5px; top: unset; transform: unset; }
#pufulino-oferta-slider #pufulino-slider-prev { left: -20px; }
#pufulino-oferta-slider #pufulino-slider-next { right: -20px; }
#pufulino-oferta-slider #pufulino-slider-prev:before, #pufulino-oferta-slider #pufulino-slider-next:before { pointer-events: none; background: rgba(0,0,0,.1); }
#pufulino-oferta-slider #pufulino-slider-prev:hover:before, #pufulino-oferta-slider #pufulino-slider-next:hover:before { width: 80px; height: 80px; background: rgba(0,0,0,.1); }
}

/* navigator - bubbles */
#pufulino-oferta-slider #pufulino-slider-navigator { position: absolute; bottom: 0px; left: 50%; transform: translatex(-50%); z-index: 99; height: 50px; text-align: center; white-space: nowrap; }
#pufulino-oferta-slider #pufulino-slider-navigator > div { transition-delay: .4s; transition-duration: .4s; transform: scale(.3); position: relative; box-shadow: 0px 0px 40px rgb(0 0 0); overflow: hidden; width: 30px; height: 30px; border-radius: 50%; display: inline-block; border: 2px solid white; margin: 0px 2px; background: white; }
#pufulino-oferta-slider #pufulino-slider-navigator > div.activ { transition-delay: .4s; transition-duration: .4s; transform: scale(1); pointer-events: none; }
#pufulino-oferta-slider #pufulino-slider-navigator > div:before { transition-delay: 0s; transition-duration: .4s; bottom: -90px; left: 50%; transform: translatex(-50%); background: url('/wp-content/uploads/2020/07/Pufulino-.png') no-repeat 47% 38%; background-size: 75px; width: 40px; height: 40px; content: ''; position: absolute; border-radius: 50%; }
#pufulino-oferta-slider #pufulino-slider-navigator > div.activ:before { transition-delay: .4s; transition-duration: .8s; bottom: -7px; }

/* * ---------------------
   * Icons
   * --------------------- */
#pufulino-homepage-icons { margin-bottom: 30px; position: relative; }
#pufulino-homepage-icons > div.pufulino-slide { vertical-align: top;text-align: center; padding: 10px; box-shadow: 0px 30px 30px -20px rgba(0,0,0,.1); margin-bottom: 15px; border-radius: 15px; display: inline-block; }

@media only screen and (min-width: 991px) {
#pufulino-homepage-icons > div.pufulino-slide { width: calc(25% - 3px); }
}

@media only screen and (max-width: 991px) {
#pufulino-homepage-icons > div.pufulino-slide { padding: 10px 10px 60px 10px; }
#pufulino-homepage-icons > div.pufulino-slide h4 span { display: block; }
}

/* Icons slider mobil */
.pufulino-slider .pufulino-slider-prev, .pufulino-slider .pufulino-slider-next { display: none; }

@media only screen and (max-width: 991px) {
.pufulino-slider .pufulino-slider-prev, .pufulino-slider .pufulino-slider-next { position: absolute; bottom: 30px; transform: translatex(-50%); z-index: 9999; display: inherit; }
.pufulino-slider .pufulino-slider-prev { left: calc(50% - 30px); }
.pufulino-slider .pufulino-slider-next { left: calc(50% + 30px); }

.pufulino-slider { min-height: 320px; }
.pufulino-slider > div.pufulino-slide { transition: .3s all; min-height: 300px; width: 100%; position: absolute; opacity: 0; visibility: hidden; transform: translatex(100%); }
.pufulino-slider > div.pufulino-slide.prev { transform: translatex(-100%); }
.pufulino-slider > div.pufulino-slide.activ { transition: .3s all; opacity: 1; visibility: visible; transform: translatex(0%); }
}


/* * ---------------------
   * Bannere homepage
   * --------------------- */

.pufulino-homepage-banners .wpb_column .wpb_column { padding: 10px; }
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner { filter: contrast(.9); transition: .3s all; background-repeat: no-repeat; background-position: bottom center; background-size: cover; border-radius: 15px; overflow: hidden; position: relative; }
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner:hover { filter: contrast(1.1); transition: .3s all; }
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner .wpb_raw_code { margin-bottom: 0px; position: relative; z-index: 999; }

.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner:before { content: ''; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner .wpb_raw_code .wpb_wrapper > div .pufulino-banner-title span { color: #ffad00; font-size: 16px; font-weight: 600; padding-left: 35px; position: relative; }
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner .wpb_raw_code .wpb_wrapper > div .pufulino-banner-title span:before { content: ''; width: 25px; height: 0.2px; background: #ffad00; position: absolute; left: 0px; top: 50%; transform: translatey(-50%); }
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner .wpb_raw_code .wpb_wrapper > div .pufulino-banner-title > *:first-child { color: white; margin: 0px; font-weight: 300; }
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner .wpb_raw_code .wpb_wrapper > div > p { color: white; }
.pufulino-homepage-banners a { transition: .15s all; color: white; border: 1px solid white; border-radius: 40px; padding: 10px 30px; margin-top: 15px; display: inline-block; font-size: 15px; width: 180px; text-align: center; }
.pufulino-homepage-banners a:hover { transition: .15s all; text-decoration: none; background: white; color: #08203a; }

@media only screen and (min-width: 991px) {
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner { padding: 40px; min-height: 300px; }
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner .wpb_raw_code .wpb_wrapper > div { padding-right: 190px; }
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner .wpb_raw_code .wpb_wrapper > div .pufulino-banner-title > *:first-child { text-align: left; position: relative; font-size: 24px; line-height: 24px; display: inline-block; }
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner .wpb_raw_code .wpb_wrapper > div .pufulino-banner-title span { display: block; }
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner .wpb_raw_code .wpb_wrapper > div a { position: absolute; right: 0px; top: 50%; transform: translatey(-50%); margin: 0px; }

.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner:before { background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 65%); background: -webkit-linear-gradient(90deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 65%); }    
}

@media only screen and (max-width: 991px) {
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner { padding: 30px 15px; min-height: 350px; }
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner .wpb_raw_code .wpb_wrapper > div { text-align: center; }
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner .wpb_raw_code .wpb_wrapper > div .pufulino-banner-title span { padding-right: 35px; display: inline-block; }
.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner .wpb_raw_code .wpb_wrapper > div .pufulino-banner-title span:after { content: ''; width: 25px; height: 0.2px; background: #ffad00; position: absolute; right: 0px; top: 50%; transform: translatey(-50%); }

.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner .wpb_raw_code .wpb_wrapper .pufulino-banner-title > div *:first-child { text-align: center; font-size: 24px; line-height: 24px; }

.pufulino-homepage-banners .wpb_column .wpb_column > .vc_column-inner:before { background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 65%); background: -webkit-linear-gradient(90deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.2) 65%); }  
}

/* * ---------------------
   * Titluri homepage
   * --------------------- */
.pufulino-homepage-titlu { text-align: center; margin: 30px 0px 20px 0px; position: relative; }
.pufulino-homepage-titlu > * { display: inline-block; background: white; padding: 0px 20px; margin: 0px; position: relative; z-index: 1; }
.pufulino-homepage-titlu:before { content: ''; width: 100%; height: 0.2px; background: black; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; }

/* COOKIEBOT */
.cs-info-bar .cs-wrapper { width: 1200px; max-width: calc(100% - 40px); margin: 0 auto; }
.cs-info-bar .cs-wrapper .cs-popup-row > .col:nth-of-type(1) { padding: 20px 0px; margin-bottom: 0px; }

/* CART & CHECKOUT NOTICE */
.woocommerce-cart .woocommerce-notices-wrapper ~ .woocommerce-info,
.single-product .woocommerce-notices-wrapper ~ .woocommerce-info,
.woocommerce-checkout #awdr_checkout_subtotal_promotion_messages .woocommerce-info { padding: 14px 25px 14px 55px; border-radius: 30px; border: 2px solid #009c1a; color: #000; display: inline-block; max-width: 800px; margin: 0px auto 30px; left: 50%; transform: translatex(-50%); }

.woocommerce-cart .woocommerce-notices-wrapper ~ .woocommerce-info:before,
.single-product .woocommerce-notices-wrapper ~ .woocommerce-info:before,
.woocommerce-checkout #awdr_checkout_subtotal_promotion_messages .woocommerce-info:before { content: "\f071"; left: 24px;color: #009c1a; font-weight: bold; }

.woocommerce-cart .woocommerce-notices-wrapper ~ .woocommerce-info .amount bdi,
.single-product .woocommerce-notices-wrapper ~ .woocommerce-info .amount bdi,
.woocommerce-checkout #awdr_checkout_subtotal_promotion_messages .woocommerce-info .amount bdi { color: #009c1a; font-weight: bold; }

.woocommerce-cart .woocommerce-notices-wrapper ~ .woocommerce-info .amount bdi .woocommerce-Price-currencySymbol,
.single-product .woocommerce-notices-wrapper ~ .woocommerce-info .amount bdi .woocommerce-Price-currencySymbol,
.woocommerce-checkout #awdr_checkout_subtotal_promotion_messages .woocommerce-info .amount bdi .woocommerce-Price-currencySymbol { font-size: 1em; font-weight: bold; }

.woocommerce-checkout .woocommerce-form-coupon-toggle { position: relative; left: 50%; transform: translatex(-50%); margin-bottom: 30px; }



/* DE MUTAT PE PROD - 29.10.2025 */

/* FANBOX */
.woocommerce-checkout .wc_shipping_fan_box.shipping .select2-container, .woocommerce-checkout .wc_shipping_fan_box.shipping #fanbox_map_btn { max-width: 300px; margin-top: -8px; }
.woocommerce-checkout .wc_shipping_fan_box.shipping td { text-align: left; }

/* CHECKOUT BUTTON STICKY */
@media (max-width: 991px) {
.woocommerce-cart .wc-proceed-to-checkout { width: 100%; position: fixed; bottom: 55px; left: 50%; transform: translatex(-50%); z-index: 999999; }
.woocommerce-cart .wc-proceed-to-checkout a { background: #ffad00 !important;  color: #08203a !important; border: none !important; font-weight: bold; }
}