@charset "utf-8";
/* ==== yaya-critical: inline-critical.css ==== */
:root{--bg-page:#F8FBFF;--text-color-main:#363636;--text-white:#fff;--text-black:#363636;--text-gray:#616266;--text-gray-2:#A5A8AD;--text-orange:#ED5522;--text-green:#007A73;--bg-white:#fff;--bg-white-2:#F8FBFF;--bg-light-orange:#F2F0EF;--bg-orange:#ED5522;--bg-pink:#E8C1D2;--bg-red:#E85D2F;--bg-black:#363636;--border-white:#fff;--border-gray:#A5A8AD;--border-gray-2:#EDEDED;--border-gray-3:#D0D1D5;--border-black:#363636;--border-orange:#ED5522;--border-light-blue:#D7E7F6;--design-red:red;--grey-200:#e6e6e6;--design-grey-50:#fbfbfc;--design-grey-100:#ededed;--design-grey-200:#D0D1D5;--design-light-blue:#F8FBFF;--design-purple:#E4DBF6;--Design-Grey-300:#a5a8ad;--Design-Orange-peach:#ED5522;--Design-Beige:#FFFDFC;--Design-Blue:#D7E7F6;--Design-Pink:#F9DFF2}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;color:#337ab7;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle;max-width:100%;height:auto;display:block}svg:not(:root){overflow:hidden}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,:after,:before{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent;background-color:var(--bg-page);scroll-padding-top:86px;scroll-behavior:smooth}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}figure{margin:0}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:.2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{box-sizing:content-box;height:0;margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.container{width:100%;margin-right:auto;margin-left:auto;padding-left:12px;padding-right:12px}.container-fluid{margin-right:auto;margin-left:auto;padding-left:12px;padding-right:12px}.row{margin-left:-12px;margin-right:-12px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:12px;padding-right:12px}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.clearfix:after,.container-fluid:after,.container:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none}.affix{position:fixed}.b-breadcrumbs{padding:16px 0}.breadcrumbs ul{padding:0;list-style:none;margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:14px;font-size:16px}.breadcrumbs ul a{color:var(--text-charcoal);transition:.2s linear}.breadcrumbs ul a:hover{color:var(--text-blue-2)}.breadcrumbs ul li{position:relative}.breadcrumbs ul li:not(:last-child)::before{color:var(--text-charcoal);position:absolute;content:'/';left:100%;margin-left:4px}body:not(.checkout-control) .b-header.active .header__wrapper:before{background-color:#fff}body.header-fixed:not(.checkout-control):not(.menu-open) .menu_toggler span{background-color:var(--border-black)}body.header-fixed:not(.checkout-control) .b-header{position:fixed;z-index:50}body.header-fixed:not(.checkout-control) .b-header:not(.active):not(.mega-menu-open) .header__logo svg path{fill:#fff}body.header-fixed:not(.checkout-control) .b-header:not(.active):not(.mega-menu-open) .header__nav-menu .nav__item.has-sub-menu>a:not(:hover):after{background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1V13M1 7H13' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}body.header-fixed:not(.checkout-control) .b-header:not(.active):not(.mega-menu-open) .menu>ul>.nav__item>a:not(:hover),body.header-fixed:not(.checkout-control) .b-header:not(.active):not(.mega-menu-open) .menu>ul>.nav__item>button:not(:hover){color:#fff}body.header-fixed:not(.checkout-control) .b-header:not(.active):not(.mega-menu-open) .menu_toggler span{background-color:#fff}body.header-fixed:not(.checkout-control).menu-open .b-header .header .header__wrapper .buttons-list svg path,body.header-fixed:not(.checkout-control).menu-open .b-header .header .header__wrapper .header__logo svg path{fill:var(--border-black)}body.header-fixed:not(.checkout-control).menu-open .b-header .header .header__wrapper .menu_toggler span{background-color:var(--border-black)}.b-header{position:sticky;top:0;left:0;right:0;z-index:50;transition:background-color .2s linear}.b-header.mega-menu-open .menu_toggler span{background-color:var(--bg-black)}.b-header .left-part{gap:0 40px}.b-header .header{padding:7px 0}.b-header .header__logo a{display:inline-block;vertical-align:top;max-width:84px}.b-header .header__logo svg{display:block}.b-header .header__wrapper{padding:12px 0}.b-header .header__wrapper:before{left:-30px;right:-30px}.b-header .header__nav-menu .menu{font-size:14px}.b-header .header__nav-menu .menu>ul>li.nav__item{position:relative}.b-header .header__nav-menu .menu>ul>li.nav__item.active::before,.b-header .header__nav-menu .menu>ul>li.nav__item:hover::before{width:100%}.b-header .header__nav-menu .menu>ul>li.nav__item.active::before{background-color:var(--border-blue)}.b-header .header__nav-menu .menu a:hover{color:var(--border-orange)}.b-header .header__nav-menu .nav__item.has-sub-menu>a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:0 7px}.b-header .header__nav-menu .nav__item.has-sub-menu>a:after{display:block;position:relative;content:'';width:16px;height:16px;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1V13M1 7H13' stroke='%23363636' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}.b-header .header__nav-menu .nav__item.has-sub-menu.active a{color:var(--text-orange)}.b-header .header__nav-menu .nav__item.has-sub-menu.active a:after{background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1V13M1 7H13' stroke='%23ED5522' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}.b-header .menu a{color:var(--text-blue-2)}.b-header .menu>ul{list-style:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:0 24px}.b-header .right-part{gap:0 16px}.b-header .search-part button.icon-search{border-radius:100%}.b-header .search-part button.icon-search:hover{background-color:rgba(239,243,251,.8)}.b-header .search-part .loader-wrapper .loader__animation{height:32px}.b-header .buttons-list{gap:0 8px;border:1px solid var(--border-gray-3);padding:5px 11px;min-height:40px;position:relative;z-index:1}.b-header .buttons-list .separator{height:9px;width:1px;background-color:var(--border-black)}.b-header .button-menu{display:none}.b-header .nav-tabs{top:100%;z-index:0;left:0;right:0}.b-header .btn-icon-basket .counter{top:-2px;right:-4px}.b-header .btn-icon-basket .count{width:14px;height:14px;border-radius:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:10px;font-weight:500;color:#fff;background-color:var(--bg-orange)}.b-header [data-successfully-title],.b-header [data-unsuccessfully-title]{position:relative}.b-header [data-successfully-title]:after,.b-header [data-unsuccessfully-title]:after{background-image:url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.63747 0.446843C4.05476 -0.148948 4.94524 -0.148948 5.36253 0.446843L8.8114 5.37094C9.29354 6.05931 8.79548 7 7.94887 7H1.05113C0.204521 7 -0.293543 6.05931 0.188597 5.37094L3.63747 0.446843Z' fill='%23ED5522'/%3E%3C/svg%3E");background-repeat:no-repeat;width:9px;height:7px;content:'';position:absolute;top:100%;z-index:1;left:50%;transform:translateX(-50%);display:none;animation:.3s forwards animationText}.b-header [data-successfully-title]:before,.b-header [data-unsuccessfully-title]:before{position:absolute;z-index:2;top:calc(100% + 4px);left:50%;color:#fff;background-color:var(--bg-orange);border-radius:50px;padding:3px 4px 1px;font-size:12px;color:var(--text-white);pointer-events:none;animation:.3s forwards animationText;transform:translateX(-50%);display:none;min-width:120px;text-align:center}.b-header [data-unsuccessfully-title].active2{z-index:0}.b-header [data-unsuccessfully-title].active2:after,.b-header [data-unsuccessfully-title].active2:before{display:inline-block}.b-header [data-unsuccessfully-title].active2:before{content:attr(data-unsuccessfully-title)}.b-header [data-successfully-title].active{z-index:0}.b-header [data-successfully-title].active:after,.b-header [data-successfully-title].active:before{display:inline-block}.b-header [data-successfully-title]:before{content:attr(data-successfully-title)}@keyframes animationText{from{opacity:0;transform:translateX(-50%) translateY(30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.header-search-form{left:-1px;top:50%;margin-top:-20px;min-width:343px;pointer-events:none;opacity:0}.header-search-form.active{pointer-events:unset;opacity:1}.header-search-form .form__search{background-position:13px center;border-radius:500px;min-height:40px}.header-search-form .search-form-result{top:100%;margin-top:4px;left:0;right:0;background-color:#fff;border:1px solid #d5dbe4;box-shadow:0 8px 16px rgba(0,0,0,.15);padding:10px 16px;pointer-events:none;opacity:0;transform:translate(0,10px);font-size:14px;max-height:70vh;overflow:auto;min-height:80px}.header-search-form .search-form-result.active{pointer-events:unset;opacity:1;transform:none}.header-search-form .search-form-result .result__row{padding:14px 0;border-bottom:1px solid #eff3fb}.header-search-form .search-form-result .result__row:has(.no-result){padding-top:4px}.header-search-form .search-form-result .no-result{font-size:14px}.header-search-form .search-form-result a{color:var(--text-black);transition:.2s linear}.header-search-form .search-form-result a:hover{color:var(--text-gray)}.mega-menu{position:absolute;z-index:0;top:0;left:-32px;right:-32px;background-color:#fff;padding:72px 0 32px;pointer-events:none;opacity:0;visibility:hidden;transition:.1s;transform:translateY(-100%);border-radius:20px}.mega-menu.active{pointer-events:unset;visibility:visible;opacity:1;transition:.3s;transform:none}.mega-menu__inner ul{padding:0;list-style:none}.mega-menu__inner ul:first-child{margin-top:0}.mega-menu__inner ul:last-child{margin-bottom:0}.mega-menu__inner ul li:not(:last-child){margin-bottom:16px}.mega-menu .column__title:not(:last-child){margin-bottom:36px}.mega-menu .column__title,.mega-menu .column__title h3{font-size:16px}.mega-menu .menu-columns{padding-left:32px;display:-ms-flexbox;display:flex;gap:20px 40px;font-size:14px}.mega-menu .menu-columns li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:26px}.mega-menu .menu-columns a{color:var(--text-color-main)}.mega-menu .menu-columns a:hover{color:var(--text-orange)}.mega-menu .menu-columns>.column{position:relative}.mega-menu .menu-columns>.column:not(:first-child)::before{content:'';position:absolute;top:44px;bottom:44px;width:1px;background-color:var(--border-gray-2);left:100%;margin-left:40px}.mega-menu .menu-columns .column{width:100%}.mega-menu .menu-columns .column__menu{display:-ms-flexbox;display:flex;gap:20px 40px}.mega-menu .menu-columns .column__inner{min-width:164px}.mega-menu .product-cards{width:440px}.mega-menu .product-card{width:calc(50% - 8px)}.mega-menu .product-card:hover .hover{opacity:1}.mega-menu .product-card:hover .arrow{background-color:var(--bg-orange)}.mega-menu .product-card:hover .arrow svg path{stroke:#fff}a.article-card__title{color:var(--text-color-main)}.menu_toggler{position:relative;border:none;padding:0;top:0;right:0;width:28px;height:28px;z-index:2;background-color:transparent;display:block}.menu_toggler span{display:block;width:16px;height:1px;padding:0;border-radius:0;background-color:var(--border-black);position:absolute;transition:transform .2s ease-in-out,top .2s ease-in-out .2s,opacity .2s ease-in-out .2s;transform-origin:center;left:0;right:0;margin-left:auto;margin-right:auto}.menu_toggler .toggler_top{width:10px;margin-right:6px;top:8px}.menu_toggler .toggler_bottom{top:20px}.menu_toggler.menu-is-active span{transition:transform .2s ease-in-out .2s,top .2s ease-in-out,opacity .2s ease-in-out}.menu_toggler .toggler_middle,.menu_toggler.menu-is-active span.toggler_bottom,.menu_toggler.menu-is-active span.toggler_top{top:14px;width:16px;margin:0 auto}.menu_toggler.menu-is-active span.toggler_top{transform:rotate(135deg)}.menu_toggler.menu-is-active span.toggler_middle{opacity:0;transform:rotate(135deg)}.menu_toggler.menu-is-active span.toggler_bottom{transform:rotate(225deg)}.menu__mobile{position:fixed;z-index:20;top:0;left:100%;height:100%;background-color:#fff;pointer-events:none;overflow:hidden;padding-top:48px}.menu__mobile__inner{height:100%;overflow:auto;padding:30px 0}.menu__mobile .head-part{min-height:50px;border-bottom:1px solid var(--theme-gray-light);-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.menu__mobile .head-part__inner{padding:0 30px}.menu__mobile .head-part .logo img{margin:0 auto;max-width:220px}.menu__mobile .scroll-part{-ms-flex:1;flex:1}.menu__mobile .sub-menu{display:none}.menu__mobile .menu-item-has-children{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.menu__mobile .menu-item-has-children>a{max-width:calc(100% - 40px)}.menu__mobile .menu-item-has-children .sub-menu{width:100%;-ms-flex-order:1;order:1}.menu__mobile .submenu-toggle{border:none;width:40px;height:40px;margin-right:auto;padding:0;border-radius:0;background-repeat:no-repeat;background-position:center;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0.900391C7.17106 0.900391 7.33503 0.967987 7.45605 1.08887L7.53711 1.1875C7.60724 1.29273 7.64551 1.41757 7.64551 1.5459V6.35449H12.4541C12.6253 6.35449 12.7901 6.4229 12.9111 6.54395L12.9912 6.6416C13.0616 6.74694 13.0996 6.87146 13.0996 7C13.0996 7.17106 13.032 7.33503 12.9111 7.45605C12.7901 7.5771 12.6253 7.64551 12.4541 7.64551H7.64551V12.4541C7.64551 12.6253 7.5771 12.7901 7.45605 12.9111C7.33503 13.032 7.17106 13.0996 7 13.0996C6.87146 13.0996 6.74694 13.0616 6.6416 12.9912L6.54395 12.9111C6.4229 12.7901 6.35449 12.6253 6.35449 12.4541V7.64551H1.5459C1.41757 7.64551 1.29273 7.60724 1.1875 7.53711L1.08887 7.45605C0.967987 7.33503 0.900391 7.17106 0.900391 7C0.900391 6.82894 0.967987 6.66497 1.08887 6.54395L1.1875 6.46289C1.29273 6.39276 1.41757 6.35449 1.5459 6.35449H6.35449V1.5459C6.35449 1.37471 6.4229 1.20991 6.54395 1.08887L6.6416 1.00879C6.74694 0.938441 6.87146 0.900391 7 0.900391Z' fill='%23363636' stroke='%23363636' stroke-width='0.2'/%3E%3C/svg%3E")}.menu__mobile .submenu-toggle.active{transform:rotate(45deg)}.menu__mobile .menu{font-size:14px}.menu__mobile .menu>ul>li{border-bottom:1px solid var(--border-gray-2);min-height:42px}.menu__mobile .menu>ul>li:not(:last-child){margin-bottom:12px}.menu__mobile .menu ul{padding:0;list-style:none;margin:0}.menu__mobile .menu ul li ul{padding-top:4px}.menu__mobile .menu ul a{color:var(--text-color-main);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;min-height:40px}.menu__mobile .buttons__wrapper{margin-top:auto;padding:10px 0 20px}.menu__mobile .buttons__wrapper .button-item{width:calc(50% - 10px)}.menu__mobile .buttons__wrapper .button-item .btn{width:100%}.menu__mobile .product-cards{padding:0 0 12px}.menu__mobile .product-cards .cards-list{display:-ms-flexbox;display:flex;margin:0 -16px;overflow:auto;padding:0 16px 12px;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.menu__mobile .product-cards .cards-list li{list-style:none}.menu__mobile .product-cards .product-card{width:204px;min-width:204px}.menu__mobile .product-cards .product-card .content-part{min-height:252px}.b-header .lang_wrap{font-size:14px}.b-header .lang_wrap.drop_menu_wrapper .drop_menu{right:50%;transform:translate(50%,0)}.b-header .lang_wrap.drop_menu_wrapper .menu_wrap{min-width:54px;text-align:center}.b-header .lang_wrap .active_lang{font-weight:700;color:var(--text-orange);margin:0 0 20px;position:relative}.b-header .lang_wrap .active_lang:after{position:absolute;content:'';width:8px;height:1px;background-color:#162045;top:100%;left:0;right:0;margin:10px auto 0}.b-header .btn_lang{width:24px;height:24px;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0;background-color:transparent}.b-header .btn_lang svg{display:block;pointer-events:none}.b-header .product-card .content-part,.menu__mobile .product-card .content-part{min-height:274px}.b-header .product-card .gradient,.menu__mobile .product-card .gradient{background:linear-gradient(180deg,rgba(0,0,0,0) 37.06%,rgba(0,0,0,.3) 100%)}.b-header .product-card .title,.b-header .product-card .title h3,.menu__mobile .product-card .title,.menu__mobile .product-card .title h3{font-size:16px}.b-header .product-card .arrow svg,.menu__mobile .product-card .arrow svg{max-width:12px}[data-mobile-menu]{transition:transform .15s}[data-mobile-menu].show{transform:translateX(-100%);pointer-events:unset}[data-mobile-menu] .sublayer{transition:transform .15s}[data-mobile-menu] .sublayer.active{transform:translateX(-100%)}.jsMinHeightHF{min-height:var(--section-min-height)}body{margin:0;font-family:greycliff-hebrew-cf,Arial,sans-serif;min-width:320px;line-height:1.4;font-size:16px;background-color:var(--bg-page);color:var(--text-color-main);font-weight:500}body.active-mini-cart,body.active-quick-add{overflow:hidden}h1,h2,h3,h4,h5,h6{margin:30px 0;line-height:1.3}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}h1{font-size:48px}h2,h3{font-size:32px;line-height:1.3}h4{font-size:20px}.title-h3-24 h3{font-size:24px}p{margin:0;line-height:1.6}p:not(:last-child){margin-bottom:24px}select::-ms-expand{display:none}input::-ms-clear{display:none}video{width:100%;height:auto}.rounded-100p{border-radius:100%}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-12{border-radius:12px}.rounded-20{border-radius:20px}.rounded-20-20-0-0{border-radius:20px 20px 0 0}.rounded-165{border-radius:165px}.rounded-500{border-radius:500px}.border{border-width:1px}.solid{border-style:solid}.border-gray{border-color:var(--border-gray)}.border-gray-2{border-color:var(--border-gray-2)}.gap-4{gap:4px}.gap-y-6{row-gap:6px}.gap-8{gap:8px}.gap-x-8{column-gap:8px}.gap-y-8{row-gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-x-12{column-gap:12px}.gap-y-12{row-gap:12px}.gap-16{gap:16px}.gap-y-16{row-gap:16px}.gap-x-16{column-gap:16px}.gap-y-18{row-gap:18px}.gap-20{gap:20px}.gap-y-20{row-gap:20px}.gap-x-20{column-gap:20px}.gap-24{gap:24px}.gap-x-24{column-gap:24px}.gap-y-24{row-gap:24px}.gap-x-32{column-gap:32px}.gap-y-32{row-gap:32px}.gap-x-40{column-gap:40px}.gap-y-40{row-gap:40px}.gap-y-48{row-gap:48px}.gap-40{gap:40px}.gap-45{gap:45px}.gap-50{gap:50px}.gap-x-50{column-gap:50px}.gap-y-50{row-gap:50px}.gap-y-60{row-gap:60px}.flex{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.inline-flex{display:-ms-inline-flexbox;display:inline-flex}.align-start{-ms-flex-align:start;align-items:flex-start}.align-center{-ms-flex-align:center;align-items:center}.align-end{-ms-flex-align:end;align-items:flex-end}.justify-between{-ms-flex-pack:justify;justify-content:space-between}.justify-center{-ms-flex-pack:center;justify-content:center}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.content-end{-ms-flex-line-pack:end;align-content:flex-end}.self-end{-ms-flex-item-align:end;align-self:flex-end}.row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-col{-ms-flex-direction:column;flex-direction:column}.flex-1{-ms-flex:1 1 0%;flex:1 1 0%}.nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.p-0{padding:0}.py-8{padding-top:8px;padding-bottom:8px}.p-16{padding:16px}.p-x-16{padding-left:16px;padding-right:16px}.pt-0{padding-top:0}.pt-8{padding-top:8px}.px-10{padding-left:10px;padding-right:10px}.px-12{padding-left:12px;padding-right:12px}.py-12{padding-top:12px;padding-bottom:12px}.pb-16{padding-bottom:16px}.py-16{padding-top:16px;padding-bottom:16px}.px-20{padding-left:20px;padding-right:20px}.py-20{padding-top:20px;padding-bottom:20px}.p-24{padding:24px}.py-24{padding-top:24px;padding-bottom:24px}.py-30{padding-top:30px;padding-bottom:30px}.p-32{padding:32px}.py-32{padding-top:32px;padding-bottom:32px}.py-40{padding-top:40px;padding-bottom:40px}.p-48{padding:48px}.py-60{padding-top:60px;padding-bottom:60px}.py-100{padding-top:100px;padding-bottom:100px}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-4{margin-top:4px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.-mx-12{margin-left:-12px;margin-right:-12px}.mb-12{margin-bottom:12px}.my-16{margin-top:16px;margin-bottom:16px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mt-24,.nfc-mt-24:not(:first-child){margin-top:24px}.nlc-mb-24:not(:last-child){margin-bottom:24px}.mb-32{margin-bottom:32px}.mt-32{margin-top:32px}.nlc-mb-32:not(:last-child){margin-bottom:32px}.my-40{margin-top:40px;margin-bottom:40px}.mt-40{margin-top:40px}.mb-40{margin-bottom:40px}.nlc-mb-42:not(:last-child){margin-bottom:42px}.mb-48{margin-bottom:48px}.mt-48{margin-top:48px}.text-white{color:var(--text-white)}.text-gray{color:var(--text-gray)}.text-gray-2{color:var(--text-gray-2)}.text-orange{color:var(--text-orange)}.text-12{font-size:12px;line-height:calc(15/12)}.text-12 p{line-height:calc(15/12)}.text-14{font-size:14px}.text-16{font-size:16px}.text-18{font-size:18px}.text-20{font-size:20px;line-height:calc(26/20)}.text-20 p{line-height:calc(26/20)}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold,.font-semibold-h3 h3{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-justify{text-align:justify}.line-through{text-decoration:line-through}.uppercase{text-transform:uppercase}.underline{text-decoration:underline}.block{display:block}.inline-block{display:inline-block}.grid{display:-ms-grid;display:grid}.w-full{width:100%}.h-full{height:100%}.w-50{width:50%}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.-z-1{z-index:-1}.inset-0{top:0;left:0;right:0;bottom:0}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.blur-2{backdrop-filter:blur(2px)}.blur-42{backdrop-filter:blur(42px)}.opacity-0{opacity:0}.opacity-04{opacity:.4}.opacity-06{opacity:.6}.aspect-square{aspect-ratio:1/1}.icon-center:not(.absolute),.icon-middle:not(.absolute){position:relative}.icon-center img,.icon-center svg,.icon-middle img,.icon-middle svg{position:absolute;margin:auto;top:0;left:0;right:0;bottom:0}.icon-center svg,.icon-middle svg{display:block}.icon-center img,.icon-center svg{max-width:100%;max-height:100%}.icon-middle img,.icon-middle svg{max-height:90%;max-width:90%}.icon-12{min-width:12px;width:12px;height:12px}.icon-20{min-width:20px;width:20px;height:20px}.icon-22{min-width:22px;width:22px;height:22px}.icon-24{min-width:24px;width:24px;height:24px}.icon-26{min-width:26px;width:26px;height:26px}.icon-32{min-width:32px;width:32px;height:32px}.icon-34{min-width:34px;width:34px;height:34px}.icon-36{min-width:36px;width:36px;height:36px}.transition-all-2s{transition:.2s linear}.duration-300{transition-duration:.3s}.ease-linear{transition-timing-function:linear}.min-h-40{min-height:40px}.min-w-150{min-width:150px}.min-w-190{min-width:190px}.max-w-124{max-width:124px}.max-w-140{max-width:140px}.max-w-420{max-width:420px}.max-w-640{max-width:640px}.max-w-660{max-width:660px}.max-w-1224{max-width:1224px}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.mobile-part,.show-sm,.show-xs{display:none}.notice-bar.bg-orange{color:var(--Design-Pink)}.notice-bar .bar-content{height:40px}.notice-bar .marquee-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:0 26px;will-change:transform}.notice-bar .marquee__item{-ms-flex-negative:0;flex-shrink:0;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:0 26px;white-space:nowrap;min-width:-moz-max-content;min-width:max-content;position:relative}.notice-bar .marquee-set{display:-ms-flexbox;display:flex}.notice-bar .icon-decor{width:22px;min-width:22px}body.header-fixed .notice-bar+.b-header{transform:translateY(40px);transition:transform .1s linear}body.scrolled .notice-bar+.b-header{transform:none}.timer__inner{-ms-flex-align:center;align-items:center;gap:0 8px;position:relative}.timer__inner::after,.timer__inner::before{position:absolute;content:'';top:5px;bottom:5px;width:1px;background-color:#fff}.timer__inner::before{right:100%;margin-right:15px}.timer__inner::after{left:100%;margin-left:15px}.timer__wrap{gap:0 8px}.timer__label{line-height:1.2;position:relative}.timer .time_count{background-color:rgba(255,255,255,.434);width:30px;aspect-ratio:1;border-radius:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:14px;position:relative;padding-top:1px}.timer .time_count:not(:last-child):after{content:':';position:absolute;left:100%;margin-left:2px}@media (min-width:768px){.container{max-width:750px}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.b-header .header__wrapper:before{content:'';transition:.2s linear;border-radius:500px;position:absolute;z-index:-1;top:0;bottom:0}}@media (min-width:992px){.container{max-width:970px}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}body.header-fixed:not(.checkout-control) .b-header .buttons-list{background-color:#fff}.b-header .header__nav-menu{display:-ms-flexbox!important;display:flex!important;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;min-height:38px}.menu__mobile{display:none!important}}@media (min-width:1200px){.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.container{max-width:1170px;width:100%;max-width:1344px}}@media (max-width:1420px){.b-header [data-successfully-title]:before,.b-header [data-unsuccessfully-title]:before{margin-left:35px}}@media (max-width:1410px){.b-header .header__wrapper:before,.mega-menu{left:-12px;right:-12px}}@media (max-width:1199px){.breadcrumbs ul{font-size:18px}.b-header .left-part{gap:0 24px}.b-header .menu>ul{gap:0 16px}.mega-menu__inner ul li:not(:last-child){margin-bottom:8px}.mega-menu .column__title:not(:last-child){margin-bottom:16px}.mega-menu .menu-columns{gap:16px 16px;padding-left:16px;width:calc(100% - 360px)}.mega-menu .menu-columns>.column:not(:first-child)::before{margin-left:20px}.mega-menu .menu-columns .column__menu{gap:16px 16px}.mega-menu .menu-columns .column__inner{min-width:130px}.mega-menu .product-cards{width:360px}.b-header .product-card .content-part,.menu__mobile .product-card .content-part{min-height:220px}*{outline:0!important}}@media (max-width:991px){.breadcrumbs ul{font-size:16px;gap:4px 20px}body.header-fixed:not(.checkout-control) .b-header:not(.active):not(.mega-menu-open) .buttons-list svg path{fill:#fff}.b-header .header__wrapper{padding:5px 0}.b-header .header__nav-menu,.b-header .search-part{display:none}.b-header .buttons-list{padding:0;border:none;gap:unset;min-height:unset;background-color:transparent;gap:0 10px}.b-header .buttons-list .btn-icon{width:28px;height:28px}.b-header .buttons-list .btn-icon svg{width:20px;height:auto}.b-header .buttons-list .search-item,.b-header .buttons-list .separator{display:none}.b-header .button-menu{display:block}.header-search-form{left:0;margin:0;width:100%;transition:unset;opacity:1;pointer-events:unset}body.menu-open{overflow:hidden}body.menu-open .search-part{display:block}h1{font-size:32px}h2{font-size:24px}.title-h3-24 h3{font-size:20px}input,select,select:focus,textarea{font-size:16px}.hide-sm{display:none!important}.show-sm{display:block!important}.mobile-part{display:block}}@media (max-width:767px){.breadcrumbs ul{font-size:14px}body:not(.checkout-control) .b-header.active{background-color:var(--bg-page)}.b-header .header{padding:4px 0}.jsMinHeightHF{min-height:unset}.container{width:100%;padding:0 16px}.hide-xs{display:none!important}.show-xs{display:block!important}.order-xs-1{-ms-flex-order:1;order:1}.timer__inner{font-size:14px}.timer__inner::after,.timer__inner::before{display:none}.timer .time_count{width:24px;font-size:11px}}
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
/*# sourceURL=wp-emoji-styles-inline-css */
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
.woocommerce form .form-row .required { visibility: visible; }
/*# sourceURL=woocommerce-inline-inline-css */
.rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:var(--wpr-bg-5fe87a89-e21d-4922-abef-e6373175d128) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;}
/*# sourceURL=rocket-lazyload-inline-css */
.woocommerce-product-gallery{ opacity: 1 !important; }
[data-wpr-lazyrender] {content-visibility: auto;}
/* ==== yaya-kqz: kqz6btq.css ==== */
@font-face{font-family:"greycliff-hebrew-cf";src:url(https://use.typekit.net/af/59c39d/00000000000000007735f8dc/31/l?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/59c39d/00000000000000007735f8dc/31/d?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/59c39d/00000000000000007735f8dc/31/a?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n3&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:300;font-stretch:normal}@font-face{font-family:"greycliff-hebrew-cf";src:url(https://use.typekit.net/af/ce8bde/00000000000000007735f8db/31/l?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/ce8bde/00000000000000007735f8db/31/d?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/ce8bde/00000000000000007735f8db/31/a?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n7&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:700;font-stretch:normal}@font-face{font-family:"greycliff-hebrew-cf";src:url(https://use.typekit.net/af/de86b1/00000000000000007735f8df/31/l?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/de86b1/00000000000000007735f8df/31/d?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/de86b1/00000000000000007735f8df/31/a?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n4&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:400;font-stretch:normal}@font-face{font-family:"greycliff-hebrew-cf";src:url(https://use.typekit.net/af/3adb82/00000000000000007735f8de/31/l?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/3adb82/00000000000000007735f8de/31/d?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/3adb82/00000000000000007735f8de/31/a?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n6&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:600;font-stretch:normal}@font-face{font-family:"greycliff-hebrew-cf";src:url(https://use.typekit.net/af/4f921a/00000000000000007735f8e3/31/l?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n9&v=3) format("woff2"),url(https://use.typekit.net/af/4f921a/00000000000000007735f8e3/31/d?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n9&v=3) format("woff"),url(https://use.typekit.net/af/4f921a/00000000000000007735f8e3/31/a?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n9&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:900;font-stretch:normal}@font-face{font-family:"greycliff-hebrew-cf";src:url(https://use.typekit.net/af/2d6378/00000000000000007735f8e2/31/l?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/2d6378/00000000000000007735f8e2/31/d?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/2d6378/00000000000000007735f8e2/31/a?primer=a1ee2461ee5c84d068246e65a75faf979a4421b96d4482bf5804619d4821fe74&fvd=n5&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:500;font-stretch:normal}.tk-greycliff-hebrew-cf{font-family:"greycliff-hebrew-cf",sans-serif}
/* ==== yaya-main: main.css ==== */
/* RTL + Arabic font overrides */
:root {
--main-font: "IBM Plex Sans Arabic", sans-serif;
--secondary-font: "IBM Plex Sans Arabic", sans-serif;
--thrd-font: "IBM Plex Sans Arabic", sans-serif;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
button,
input,
textarea,
select,
label,
nav,
header,
footer,
.pp-menu,
.pp-menu a,
.pp_show_bf,
.pp_share-btn,
.section-title h2,
.section-title h3,
.pp-page-title,
.pp_contacts,
.pp_contacts a,
.btn,
.menu-item,
.menu-list,
.menu-card,
.fp-tableCell,
.hero-title,
.hero-subtitle {
font-family: "IBM Plex Sans Arabic", sans-serif !important;
}
.btn-reset {
padding: 0;
border: none;
border-radius: 0;
background-color: transparent;
display: inline-block;
vertical-align: top;
}
.btn {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 6px 16px 5px;
transition: 0.2s linear;
font-size: 16px;
font-weight: 700;
height: auto;
text-transform: none;
text-decoration: none;
position: relative;
cursor: pointer;
box-shadow: none;
border: 1px solid transparent;
border-radius: 500px;
line-height: 1.2;
background-repeat: no-repeat;
background-position: center;
min-height: 45px;
overflow: hidden;
gap: 0 10px;
}
.btn:focus,
.btn:hover {
box-shadow: none;
}
.btn:hover .background {
width: 100%;
}
.btn:disabled {
cursor: not-allowed;
color: var(--text-white);
border-color: #d0d1d5;
background-color: #d0d1d5;
pointer-events: none;
}
.btn:disabled .icon {
background-color: var(--bg-white);
}
.btn:disabled .icon svg path {
stroke: #d0d1d5;
}
.btn.arrow {
padding-left: 58px;
margin-right: 45px;
}
.btn.arrow .icon {
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 37px;
height: 37px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
transition: 0.2s linear;
left: 4px;
top: 3px;
}
.btn.arrow .icon svg {
transition: 0.2s linear;
display: block;
}
.btn .title {
transition: 0.2s linear;
}
.btn-orange {
color: var(--text-white);
border-color: var(--border-orange);
background-color: var(--border-orange);
}
.btn-orange:active,
.btn-orange:focus {
color: var(--text-orange);
}
.btn-orange:hover {
color: var(--text-orange);
border-color: var(--border-orange);
background-color: var(--bg-white);
}
.btn-orange:hover .icon {
background-color: var(--border-orange);
}
.btn-orange:hover .icon svg path {
stroke: var(--bg-white);
}
.btn-orange .icon {
background-color: var(--bg-white);
}
.btn-orange .icon svg path {
stroke: var(--border-orange);
}
.btn-orange-inverse {
color: var(--bg-white);
border-color: var(--border-orange);
background-color: var(--border-orange);
}
.btn-orange-inverse:active,
.btn-orange-inverse:focus {
color: var(--text-orange);
}
.btn-orange-inverse:hover {
color: var(--text-white);
border-color: var(--border-orange);
background-color: var(--border-orange);
}
.btn-orange-inverse:hover .icon {
background-color: var(--bg-white);
}
.btn-orange-inverse:hover .icon svg path {
stroke: var(--border-orange);
}
.btn-orange-inverse .icon {
background-color: var(--bg-orange);
}
.btn-orange-inverse .icon svg path {
stroke: #fff;
}
.btn-black {
color: var(--text-white);
border-color: var(--text-black);
background-color: var(--text-black);
}
.btn-black:active,
.btn-black:focus {
color: var(--text-white);
}
.btn-black:hover {
color: var(--text-black);
border-color: var(--text-black);
background-color: var(--bg-white-2);
}
.btn-black:hover .icon {
background-color: var(--bg-black);
}
.btn-black:hover .icon svg path {
stroke: var(--bg-white);
}
.btn-black .icon {
background-color: var(--bg-black);
}
.btn-black .icon svg path {
stroke: var(--bg-white);
}
.btn-black-inverse {
color: var(--text-black);
border-color: var(--text-black);
background-color: var(--text-white-2);
}
.btn-black-inverse:active,
.btn-black-inverse:focus {
color: var(--text-black);
}
.btn-black-inverse:hover {
color: var(--bg-white-2);
border-color: var(--text-black);
background-color: var(--bg-black);
}
.btn-black-inverse:hover .icon {
background-color: var(--bg-white-2);
}
.btn-black-inverse:hover .icon svg path {
stroke: var(--bg-black);
}
.btn-black-inverse .icon {
background-color: var(--bg-black);
}
.btn-black-inverse .icon svg path {
stroke: var(--bg-white);
}
.btn-gray {
color: var(--text-white);
border-color: #d0d1d5;
background-color: #d0d1d5;
}
.btn-gray:active,
.btn-gray:focus {
color: var(--text-white);
}
.btn-gray:hover {
color: var(--bg-white-2);
border-color: var(--border-orange);
background-color: var(--bg-orange);
}
.btn-gray:hover .icon {
background-color: var(--bg-white-2);
}
.btn-gray:hover .icon svg path {
stroke: var(--border-orange);
}
.btn-gray .icon {
background-color: var(--bg-white);
}
.btn-gray .icon svg path {
stroke: #d0d1d5;
}
.btn-cart {
background-color: #fff;
border-radius: 100%;
}
.btn-cart:hover {
background-color: var(--bg-orange);
}
.btn-cart:hover svg path {
stroke: var(--bg-white);
}
.back-link {
padding-right: 16px;
position: relative;
}
.back-link::before {
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
content: "";
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.75 0.75L9.5 4.5M9.5 4.5L5.75 8.25M9.5 4.5L0.5 4.5' stroke='%23363636' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
a.arrow.bg-white {
transition: 0.2s linear;
}
a.arrow.bg-white:hover {
background-color: var(--bg-orange);
}
a.arrow.bg-white:hover svg path {
stroke: #fff;
}
.bg-white {
background-color: var(--bg-white);
}
.bg-page {
background-color: var(--bg-page);
}
.bg-light-orange {
background-color: var(--bg-light-orange);
}
.bg-orange {
background-color: var(--bg-orange);
}
.bg-light-blue {
background-color: var(--border-light-blue);
}
.bg-purple {
background-color: var(--design-purple);
}
.bg-gray-50 {
background-color: var(--design-grey-50);
}
.ml-space {
margin-left: calc(0px - var(--space));
}
.mr-space {
margin-right: calc(0px - var(--space));
}
.title-button {
font-size: 14px;
padding: 4px 10px 2px;
border-radius: 500px;
min-height: 30px;
position: relative;
border: 1px solid var(--border-gray);
color: var(--text-gray);
}
.title-button::before {
content: "";
position: absolute;
width: 2px;
left: 0;
top: 3px;
bottom: 4px;
}
.section {
padding: 50px 0;
}
.ul-reset ul {
list-style: none;
padding: 0;
margin: 0;
}
.a-link a {
text-decoration: underline;
color: var(--text-black);
}
.a-link a:hover {
color: var(--text-orange);
}
.a-link-gray a,
.link-gray {
text-decoration: underline;
color: var(--text-black);
}
.a-link-gray a:hover,
.link-gray:hover {
color: var(--text-gray-2);
}
.error-text {
color: #b42318;
font-size: 13px;
margin-top: 4px;
}
span.required {
color: #b42318;
}
.form__row {
position: relative;
margin-bottom: 20px;
}
.form__row.columns {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
gap: 20px 16px;
}
.form__row.columns .column {
width: 100%;
}
.form__row.columns-xs-50 .column {
width: calc(50% - 8px);
}
input.form__control,
textarea.form__control {
-webkit-appearance: none;
}
input.form__control {
min-height: 48px;
}
input.form__control[type="search"] {
box-sizing: border-box;
}
[dir="rtl"] [type="tel"] {
text-align: right;
}
.form__control {
width: 100%;
padding: 5px 12px;
background-color: #fff;
border: 1px solid var(--border-gray-2);
border-radius: 8px;
outline: 0;
}
.form__control::-webkit-input-placeholder {
color: var(--text-gray-2);
opacity: 1;
}
.form__control:-moz-placeholder {
color: var(--text-gray-2);
opacity: 1;
}
.form__control::-moz-placeholder {
color: var(--text-gray-2);
opacity: 1;
}
.form__control:-ms-input-placeholder {
color: var(--text-gray-2);
opacity: 1;
}
.form__control:focus {
border-color: var(--border-black);
}
.form__control.error {
border-color: #b42318 !important;
}
.form__control:focus-within {
border-color: var(--border-black) !important;
}
textarea.form__control {
display: block;
resize: none;
}
button.form__select {
text-align: left;
white-space: nowrap;
overflow: hidden;
}
button.form__select,
select.form__control {
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
min-height: 40px;
padding-right: 35px;
background-repeat: no-repeat;
background-position: calc(100% - 18px) center;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0.5L4.5303 3.2559C4.23864 3.58137 3.76136 3.58137 3.4697 3.2559L1 0.5' stroke='%236882AF' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
text-overflow: ellipsis;
}
button.form__select.active,
select.form__control.active {
background-color: #eff3fb;
border: 1px solid #6882af;
}
select.form__control::-ms-expand {
display: none;
}
.input__count {
position: relative;
border: 1px solid var(--border-black);
border-radius: 500px;
width: 126px;
min-width: 126px;
}
.input__count .input__value {
width: 40px;
min-height: 45px;
text-align: center;
display: inline-block;
vertical-align: middle;
margin: 0;
border-radius: 0;
border: none;
direction: ltr;
font-size: 18px;
font-weight: 700;
}
.input__count input::-webkit-inner-spin-button,
.input__count input::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.input__count input[type="number"] {
-moz-appearance: textfield;
}
.input__count .btn-minus,
.input__count .btn-plus {
width: 34px;
height: 34px;
border-radius: 50%;
border: none;
padding: 0;
vertical-align: middle;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
transition: background-color 0.2s linear;
}
.input__count .btn-minus:hover,
.input__count .btn-plus:hover {
background-color: rgba(232, 193, 210, 0.4);
}
.input__count .btn-minus {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.454545 0.545471H9.54545C9.79649 0.545471 10 0.748978 10 1.00002C10 1.25106 9.79649 1.45456 9.54545 1.45456H0.454545C0.203507 1.45456 0 1.25106 0 1.00002C0 0.748978 0.203507 0.545471 0.454545 0.545471Z' fill='%23363636'/%3E%3C/svg%3E");
}
.input__count .btn-plus {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 0C5.25104 0 5.45455 0.203507 5.45455 0.454545V4.54545H9.54545C9.79649 4.54545 10 4.74896 10 5C10 5.25104 9.79649 5.45455 9.54545 5.45455H5.45455V9.54545C5.45455 9.79649 5.25104 10 5 10C4.74896 10 4.54545 9.79649 4.54545 9.54545V5.45455H0.454545C0.203507 5.45455 0 5.25104 0 5C0 4.74896 0.203507 4.54545 0.454545 4.54545H4.54545V0.454545C4.54545 0.203507 4.74896 0 5 0Z' fill='%23363636'/%3E%3C/svg%3E");
}
.mobile-part-sm,
.mobile-part-xs {
display: none;
}
.hover-zoom-img {
overflow: hidden;
display: block;
}
.hover-zoom-img img {
transition: 0.3s linear;
}
.image_cover img,
.video_cover video {
width: 100%;
height: 100%;
object-fit: cover;
}
.media-cover img,
.media-cover video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.bg_image {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.columns__inner.column50 .column {
width: 50%;
}
blockquote {
margin: 0;
font-size: 20px;
color: var(--text-black);
padding-left: 22px;
border-left: 2px solid var(--bg-light-orange);
}
blockquote:not(:first-child) {
margin-top: 36px;
}
blockquote:not(:last-child) {
margin-bottom: 36px;
}
.swiper-btn-left,
.swiper-btn-right {
width: 22px;
height: 22px;
border-radius: 100%;
padding: 0;
border: none;
background-color: var(--bg-light-orange);
background-repeat: no-repeat;
background-position: center;
}
.swiper-btn-left.swiper-button-disabled,
.swiper-btn-right.swiper-button-disabled {
opacity: 0.5;
}
.swiper-btn-left {
left: 0;
}
.swiper-btn-right {
right: 0;
}
.swiper-button-lock {
display: none;
}
.swiper-button-disabled {
pointer-events: none;
}
.swiper-button-disabled svg path {
stroke: #d0d1d5;
}
.swiper-arrow-control svg path {
transition: 0.2s linear;
}
.media-decor.animation img {
animation: 10s linear infinite rotateAnimation;
border-radius: 50%;
}
@keyframes rotateAnimation {
0% {
transform: rotate(0);
}
100% {
transform: rotate(-360deg);
}
}
.jsSticky {
position: sticky;
top: var(--sticky);
}
.jsStickyNoSpace {
position: sticky;
top: var(--sticky-no-space);
}
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"] {
text-align: right;
}
[data-copy-link] {
position: relative;
}
[data-copy-link].copied {
z-index: 30;
}
[data-copy-link].copied:before {
display: inline-block;
}
[data-copy-link]:before {
position: absolute;
bottom: calc(100% + 4px);
left: 50%;
content: attr(data-copy-link);
color: #fff;
background-color: var(--bg-page);
border-radius: 4px;
padding: 2px 4px;
font-size: 12px;
color: var(--text-black);
pointer-events: none;
animation: 0.3s forwards copyLinkFadeInUp;
transform: translateX(-50%);
display: none;
}
@keyframes copyLinkFadeInUp {
from {
opacity: 0;
transform: translateX(-50%) translateY(1rem);
}
to {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
}
.icon-search {
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 17L12.3806 12.3806M12.3806 12.3806C13.6309 11.1304 14.3333 9.43473 14.3333 7.66663C14.3333 5.89853 13.6309 4.20285 12.3806 2.95261C11.1304 1.70237 9.43473 1 7.66663 1C5.89853 1 4.20285 1.70237 2.95261 2.95261C1.70237 4.20285 1 5.89853 1 7.66663C1 9.43473 1.70237 11.1304 2.95261 12.3806C4.20285 13.6309 5.89853 14.3333 7.66663 14.3333C9.43473 14.3333 11.1304 13.6309 12.3806 12.3806Z' stroke='%230C275B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.loader-wrapper:not(.active) {
display: none;
}
[lang="he"] .air-datepicker {
direction: rtl;
text-align: right;
}
[lang="he"] .air-datepicker-nav {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
[lang="he"] .air-datepicker-content {
direction: rtl;
}
.fancybox__backdrop {
background: rgba(0, 0, 0, 0.45);
backdrop-filter: blur(5px);
}
.fancybox__dialog .fancybox__slide {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.tag.tag-pink {
background-color: var(--bg-pink);
color: var(--text-white);
}
.tag.tag-red {
background-color: var(--bg-red);
color: var(--text-white);
}
.tag.tag-pink,
label.variant .tag.tag-pink {
border-color: var(--bg-pink);
}
.tag.tag-red,
label.variant .tag.tag-red {
border-color: var(--bg-red);
}
.drop_menu_wrapper {
position: relative;
}
.drop_menu_wrapper.right .drop_menu {
left: auto;
right: 0;
}
.drop_menu_wrapper .drop_menu {
position: absolute;
top: 100%;
right: 50%;
opacity: 0;
pointer-events: none;
transform: translateY(10px);
transition: 0.2s linear;
}
.drop_menu_wrapper .drop_menu.active {
opacity: 1;
pointer-events: unset;
transform: none;
}
.drop_menu_wrapper .menu_wrap {
background-color: #fff;
box-shadow: 0 0 20px rgba(61, 61, 61, 0.23);
border-radius: 12px;
padding: 10px;
min-width: 250px;
}
.drop_menu_wrapper .menu_wrap ul {
list-style: none;
padding: 0;
margin: 0;
}
.drop_menu_wrapper .menu_wrap ul li {
border-radius: 4px;
}
.drop_menu_wrapper .menu_wrap ul li:not(:last-of-type) {
margin: 0 0 5px;
}
.drop_menu_wrapper .menu_wrap ul li:hover {
background-color: rgba(49, 56, 82, 0.1);
}
.drop_menu_wrapper .menu_wrap ul a {
color: var(--text-color-main);
display: block;
padding: 5px;
}
.drop_menu_wrapper .menu_wrap ul a:hover {
color: var(--text-orange);
}
.rounded-headline {
display: -ms-flexbox;
display: flex;
padding: 10px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
border-radius: 500px;
width: -moz-fit-content;
width: fit-content;
border: 1px solid var(--Design-Grey-300, #a5a8ad);
}
.rounded-headline p {
color: var(--text-gray);
font-size: 14px;
font-weight: 500;
line-height: 100%;
}
.input-wrap,
.textarea-wrap {
position: relative;
}
.input-label,
.select-label,
.textarea-label {
font-size: 14px;
color: #616266;
position: absolute;
z-index: 4;
transition:
top 0.15s,
padding 0.15s,
font-size 0.15s;
pointer-events: none;
}
.input-label span,
.select-label span,
.textarea-label span {
position: relative;
z-index: 2;
}
.input-label,
.select-label {
top: 50%;
right: 12px;
transform: translateY(-50%);
}
[data-use-input-file-label],
[data-use-input-label],
[data-use-textarea-label] {
position: relative;
}
[data-use-input-file-label].using .input-label,
[data-use-input-label].using .input-label,
[data-use-textarea-label].using .input-label {
transform: none;
font-size: 10px;
top: 6px;
}
[data-use-input-file-label].using .textarea-label,
[data-use-input-label].using .textarea-label,
[data-use-textarea-label].using .textarea-label {
top: 0;
transform: translateY(-50%);
}
[data-use-input-file-label].using .file-input-styled .file-input-text,
[data-use-input-file-label].using .input,
[data-use-input-file-label].using .textarea,
[data-use-input-label].using .file-input-styled .file-input-text,
[data-use-input-label].using .input,
[data-use-input-label].using .textarea,
[data-use-textarea-label].using .file-input-styled .file-input-text,
[data-use-textarea-label].using .input,
[data-use-textarea-label].using .textarea {
padding-top: 17px;
padding-bottom: 4px;
color: var(--text-black);
}
[data-use-input-file-label].using.no-transition .input-label,
[data-use-input-file-label].using.no-transition .textarea-label,
[data-use-input-label].using.no-transition .input-label,
[data-use-input-label].using.no-transition .textarea-label,
[data-use-textarea-label].using.no-transition .input-label,
[data-use-textarea-label].using.no-transition .textarea-label {
transition: none;
}
[data-use-input-file-label].error .input-label,
[data-use-input-file-label].error .textarea-label,
[data-use-input-label].error .input-label,
[data-use-input-label].error .textarea-label,
[data-use-textarea-label].error .input-label,
[data-use-textarea-label].error .textarea-label {
color: var(--design-red);
}
[data-use-input-file-label].error .file-input-text,
[data-use-input-label].error .file-input-text,
[data-use-textarea-label].error .file-input-text {
border-color: var(--design-red);
}
[data-use-input-file-label] .file-input-styled .file-input-text,
[data-use-input-file-label] .input,
[data-use-input-file-label] .textarea,
[data-use-input-label] .file-input-styled .file-input-text,
[data-use-input-label] .input,
[data-use-input-label] .textarea,
[data-use-textarea-label] .file-input-styled .file-input-text,
[data-use-textarea-label] .input,
[data-use-textarea-label] .textarea {
color: transparent;
}
[data-use-input-file-label]
.file-input-styled
.file-input-text:-ms-input-placeholder,
[data-use-input-file-label] .input:-ms-input-placeholder,
[data-use-input-file-label] .textarea:-ms-input-placeholder,
[data-use-input-label]
.file-input-styled
.file-input-text:-ms-input-placeholder,
[data-use-input-label] .input:-ms-input-placeholder,
[data-use-input-label] .textarea:-ms-input-placeholder,
[data-use-textarea-label]
.file-input-styled
.file-input-text:-ms-input-placeholder,
[data-use-textarea-label] .input:-ms-input-placeholder,
[data-use-textarea-label] .textarea:-ms-input-placeholder {
opacity: 0;
}
[data-use-input-file-label] .file-input-styled .file-input-text::placeholder,
[data-use-input-file-label] .input::placeholder,
[data-use-input-file-label] .textarea::placeholder,
[data-use-input-label] .file-input-styled .file-input-text::placeholder,
[data-use-input-label] .input::placeholder,
[data-use-input-label] .textarea::placeholder,
[data-use-textarea-label] .file-input-styled .file-input-text::placeholder,
[data-use-textarea-label] .input::placeholder,
[data-use-textarea-label] .textarea::placeholder {
opacity: 0;
}
.input-border-wrap,
.select-border-wrap,
.textarea-border-wrap {
position: absolute;
top: -1.5px;
left: 0;
width: 100%;
height: calc(100% + 1px);
pointer-events: none;
z-index: 3;
overflow: hidden;
border-radius: 8px;
}
.input-border-wrap .input-label,
.input-border-wrap .select-label,
.input-border-wrap .textarea-label,
.select-border-wrap .input-label,
.select-border-wrap .select-label,
.select-border-wrap .textarea-label,
.textarea-border-wrap .input-label,
.textarea-border-wrap .select-label,
.textarea-border-wrap .textarea-label {
color: transparent !important;
}
.input-border-wrap .input-label::before,
.input-border-wrap .select-label::before,
.input-border-wrap .textarea-label::before,
.select-border-wrap .input-label::before,
.select-border-wrap .select-label::before,
.select-border-wrap .textarea-label::before,
.textarea-border-wrap .input-label::before,
.textarea-border-wrap .select-label::before,
.textarea-border-wrap .textarea-label::before {
position: absolute;
content: "";
top: 50%;
left: 0;
height: 50%;
width: 100%;
background-color: #fff;
z-index: 1;
}
.file-input-styled .file-input-text,
.input,
.textarea {
display: -ms-flexbox;
display: flex;
border: 1px solid var(--border-gray-2);
padding: 4px 12px;
font-size: 14px;
transition:
border-color 0.15s,
background-color 0.15s;
width: 100%;
color: var(--text-black);
background: #fff;
}
.file-input-styled .file-input-text:-ms-input-placeholder,
.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
font-size: 1rem;
line-height: 1em;
color: var(--text-black);
}
.file-input-styled .file-input-text::placeholder,
.input::placeholder,
.textarea::placeholder {
font-size: 1rem;
line-height: 1em;
color: var(--text-black);
}
.file-input-styled .file-input-text:focus,
.input:focus,
.textarea:focus {
border: 1px solid var(--border-black);
}
.file-input-styled .file-input-text.error,
.input.error,
.textarea.error {
border: 1px solid var(--design-red);
color: var(--design-red) !important;
}
.file-input-styled .file-input-text.error:-ms-input-placeholder,
.input.error:-ms-input-placeholder,
.textarea.error:-ms-input-placeholder {
color: var(--design-red) !important;
}
.file-input-styled .file-input-text.error::placeholder,
.input.error::placeholder,
.textarea.error::placeholder {
color: var(--design-red) !important;
}
.choices {
position: relative;
overflow: hidden;
margin-bottom: 24px;
font-size: 16px;
}
.choices:focus {
outline: 0;
}
.choices:last-child {
margin-bottom: 0;
}
.choices.is-open {
overflow: visible;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
background-color: #eaeaea;
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.choices.is-disabled .choices__item {
cursor: not-allowed;
}
.choices [hidden] {
display: none !important;
}
.choices[data-type*="select-one"] {
cursor: pointer;
}
.choices[data-type*="select-one"] .choices__input {
display: block;
width: 100%;
padding: 10px;
border-bottom: 1px solid #ddd;
background-color: #fff;
margin: 0;
}
.choices[data-type*="select-one"] .choices__button {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
padding: 0;
background-size: 8px;
position: absolute;
top: 50%;
right: 0;
margin-top: -10px;
margin-right: 25px;
height: 20px;
width: 20px;
border-radius: 10em;
opacity: 0.25;
}
.choices[data-type*="select-one"] .choices__button:focus,
.choices[data-type*="select-one"] .choices__button:hover {
opacity: 1;
}
.choices[data-type*="select-one"] .choices__button:focus {
box-shadow: 0 0 0 2px #005f75;
}
.choices[data-type*="select-one"]
.choices__item[data-placeholder]
.choices__button {
display: none;
}
.choices[data-type*="select-one"]::after {
content: "";
display: block;
position: absolute;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2246 1.54887L11.5782 1.19531L10.8711 0.488206L10.5175 0.841759L11.2246 1.54887ZM5.87109 6.19531L5.51754 6.54887C5.7128 6.74413 6.02939 6.74413 6.22465 6.54887L5.87109 6.19531ZM10.8711 1.19531L10.5175 0.841759L5.51754 5.84176L5.87109 6.19531L6.22465 6.54887L11.2246 1.54887L10.8711 1.19531ZM5.87109 6.19531L6.22465 5.84176L1.22465 0.841759L0.871094 1.19531L0.51754 1.54887L5.51754 6.54887L5.87109 6.19531Z' fill='%23363636'/%3E%3C/svg%3E");
right: 12px;
top: 50%;
margin-top: -8px;
}
.choices[data-type*="select-one"].is-open::after {
border-color: transparent transparent #333;
transform: scaleY(-1);
}
.choices[data-type*="select-one"][dir="rtl"]::after {
left: 12px;
right: auto;
}
.choices[data-type*="select-one"][dir="rtl"] .choices__button {
right: auto;
left: 0;
}
.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="text"] .choices__inner {
cursor: text;
}
.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
position: relative;
display: inline-block;
padding-left: 16px;
border-left: 1px solid #003642;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
background-size: 8px;
width: 8px;
line-height: 1;
opacity: 0.75;
border-radius: 0;
margin: 0 -4px 0 8px;
}
.choices[data-type*="select-multiple"] .choices__button:focus,
.choices[data-type*="select-multiple"] .choices__button:hover,
.choices[data-type*="text"] .choices__button:focus,
.choices[data-type*="text"] .choices__button:hover {
opacity: 1;
}
.choices__inner {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
background-color: transparent;
padding: 4px 16px;
border: 1px solid #ededed;
border-radius: 500px;
font-size: 16px;
min-height: 46px;
min-width: 136px;
overflow: hidden;
}
.is-focused .choices__inner,
.is-open .choices__inner {
border-color: #ededed;
}
.is-open .choices__inner {
border-radius: 12px 12px 0 0;
}
.is-flipped.is-open .choices__inner {
border-radius: 0 0 12px 12px;
}
.choices__list {
margin: 0;
padding-left: 0;
list-style: none;
}
.choices__list--single {
display: inline-block;
width: 100%;
}
[dir="rtl"] .choices__list--single {
padding-left: 24px;
}
.choices__list--single .choices__item {
width: 100%;
}
.choices__list--multiple {
display: inline;
}
.choices__list--multiple .choices__item {
display: inline-block;
vertical-align: middle;
border-radius: 20px;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
margin-right: 3.75px;
margin-bottom: 3.75px;
background-color: #005f75;
border: 1px solid #004a5c;
color: #fff;
word-break: break-all;
box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
padding-right: 5px;
}
[dir="rtl"] .choices__list--multiple .choices__item {
margin-right: 0;
margin-left: 3.75px;
}
.choices__list--multiple .choices__item.is-highlighted,
.is-disabled .choices__list--multiple .choices__item {
color: #a5a8ad;
}
.choices__list--dropdown,
.choices__list[aria-expanded] {
display: none;
position: absolute;
width: 100%;
background-color: #fff;
border: 1px solid #ddd;
top: 100%;
margin-top: -1px;
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px;
overflow: hidden;
word-break: break-all;
z-index: 5;
}
.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
display: block;
}
.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
border-color: #ededed;
}
.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: -1px;
border-radius: 12px 12px 0 0;
}
.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
position: relative;
max-height: 300px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position;
}
.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
position: relative;
padding: 10px;
font-size: 16px;
}
[dir="rtl"] .choices__list--dropdown .choices__item,
[dir="rtl"] .choices__list[aria-expanded] .choices__item {
text-align: right;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
color: #a5a8ad;
}
.choices__item {
cursor: default;
}
.choices__item--selectable {
cursor: pointer;
}
.choices__item--disabled {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0.5;
}
.choices__heading {
font-weight: 600;
font-size: 12px;
padding: 10px;
border-bottom: 1px solid #f7f7f7;
color: gray;
}
.choices__button {
text-indent: -9999px;
-moz-appearance: none;
appearance: none;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.choices__button:focus {
outline: 0;
}
.choices__input {
display: inline-block;
vertical-align: baseline;
background-color: #f9f9f9;
font-size: 16px;
margin-bottom: 5px;
border: 0;
border-radius: 0;
max-width: 100%;
padding: 4px 0 4px 2px;
}
.choices__input:focus {
outline: 0;
}
.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
display: none;
}
.choices__input::-ms-clear,
.choices__input::-ms-reveal {
display: none;
width: 0;
height: 0;
}
[dir="rtl"] .choices__input {
padding-right: 2px;
padding-left: 0;
}
.blog-card {
color: var(--text-black);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 32px;
cursor: pointer;
}
.blog-card .link-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 32px;
}
.blog-card a {
color: unset;
}
.blog-card .img-wrapper {
width: 100%;
height: auto;
aspect-ratio: 424/240;
overflow: hidden;
border-radius: 12px;
}
.blog-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s;
}
.blog-card .card-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: end;
align-items: flex-end;
gap: 20px;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.blog-card .card-content .headline-and-text {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 12px;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.blog-card .card-content p {
margin-bottom: 0;
}
.blog-card .card-content p.small {
font-size: 14px;
font-weight: 500;
line-height: 153%;
color: var(--text-gray);
}
.blog-card .card-content .headline-cont {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
transition: 0.3s ease-in-out;
}
.blog-card .card-content .headline-cont svg {
width: 22px;
height: 22px;
stroke: var(--text-color-main);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.blog-card .card-content .headline-cont h4 {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0;
transition: opacity 0.4s;
}
.blog-card .card-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
gap: 8px;
}
.blog-card .card-footer .tag {
display: -ms-flexbox;
display: flex;
padding: 6px 12px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
border-radius: 500px;
border: 1px solid var(--Black, #363636);
transition: 0.3s ease-in-out;
}
.blog-card .card-footer .tag p {
font-size: 14px;
font-weight: 700;
line-height: 130%;
}
.blog-card .card-footer .tag:hover {
background-color: var(--Design-Blue);
border: 1px solid var(--Design-Blue);
}
.blog-card:hover img {
transform: scale(1.05);
}
.blog-card:hover h4 {
opacity: 0.8;
}
.blog-card:hover .headline-cont {
opacity: 0.75;
}
.label_checkbox,
.wpcf7-acceptance label,
.wpcf7-checkbox label {
display: inline-block;
vertical-align: top;
}
.label_checkbox [type="checkbox"],
.wpcf7-acceptance label [type="checkbox"],
.wpcf7-checkbox label [type="checkbox"] {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}
.label_checkbox [type="checkbox"]:checked + .checkbox_title::before,
.label_checkbox [type="checkbox"]:checked + .wpcf7-list-item-label::before,
.wpcf7-acceptance label [type="checkbox"]:checked + .checkbox_title::before,
.wpcf7-acceptance
label
[type="checkbox"]:checked
+ .wpcf7-list-item-label::before,
.wpcf7-checkbox label [type="checkbox"]:checked + .checkbox_title::before,
.wpcf7-checkbox
label
[type="checkbox"]:checked
+ .wpcf7-list-item-label::before {
background-color: var(--border-black);
background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 4.375L4.25 7.375L8.75 0.625' stroke='%23FFFDFC' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.label_checkbox .checkbox_title,
.label_checkbox .wpcf7-list-item-label,
.wpcf7-acceptance label .checkbox_title,
.wpcf7-acceptance label .wpcf7-list-item-label,
.wpcf7-checkbox label .checkbox_title,
.wpcf7-checkbox label .wpcf7-list-item-label {
display: inline-block;
vertical-align: top;
padding: 0 24px 0 0;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.label_checkbox .checkbox_title::before,
.label_checkbox .wpcf7-list-item-label::before,
.wpcf7-acceptance label .checkbox_title::before,
.wpcf7-acceptance label .wpcf7-list-item-label::before,
.wpcf7-checkbox label .checkbox_title::before,
.wpcf7-checkbox label .wpcf7-list-item-label::before {
right: 0;
border-radius: 4px;
position: absolute;
content: "";
width: 16px;
height: 16px;
border: 1px solid var(--border-gray-2);
top: 2px;
background-repeat: no-repeat;
background-position: center;
}
.label_checkbox .checkbox_title a:not(.link-gray),
.label_checkbox .wpcf7-list-item-label a:not(.link-gray),
.wpcf7-acceptance label .checkbox_title a:not(.link-gray),
.wpcf7-acceptance label .wpcf7-list-item-label a:not(.link-gray),
.wpcf7-checkbox label .checkbox_title a:not(.link-gray),
.wpcf7-checkbox label .wpcf7-list-item-label a:not(.link-gray) {
color: var(--text-black);
}
.label_checkbox .checkbox_title a:not(.link-gray):hover,
.label_checkbox .wpcf7-list-item-label a:not(.link-gray):hover,
.wpcf7-acceptance label .checkbox_title a:not(.link-gray):hover,
.wpcf7-acceptance label .wpcf7-list-item-label a:not(.link-gray):hover,
.wpcf7-checkbox label .checkbox_title a:not(.link-gray):hover,
.wpcf7-checkbox label .wpcf7-list-item-label a:not(.link-gray):hover {
text-decoration: underline;
}
.label-radio [type="radio"] {
position: absolute;
top: 0;
right: 0;
opacity: 0;
}
.label-radio [type="radio"]:checked + .radio-block::before {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23A5A8AD'/%3E%3C/svg%3E");
}
.label-radio .radio-block {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 8px;
border: 1px solid var(--border-gray-2);
padding: 10px 38px 10px 16px;
min-height: 52px;
cursor: pointer;
font-size: 14px;
position: relative;
}
.label-radio .radio-block::before {
position: absolute;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid var(--border-gray);
right: 16px;
margin-top: -8px;
top: 50%;
background-position: center;
background-repeat: no-repeat;
display: block;
}
.address-radio [type="radio"] {
position: absolute;
top: 0;
right: 0;
opacity: 0;
}
.address-radio [type="radio"]:focus-within:focus-visible + .radio-block {
outline: auto;
}
.address-radio [type="radio"]:checked + .radio-block::before {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23A5A8AD'/%3E%3C/svg%3E");
}
.address-radio .radio-block {
display: block;
border-radius: 8px;
border: 1px solid var(--border-gray-2);
padding: 10px 40px 10px 16px;
min-height: 52px;
cursor: pointer;
}
.address-radio .radio-block::before {
position: absolute;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid var(--border-gray);
right: 16px;
top: 15px;
background-position: center;
background-repeat: no-repeat;
}
.payment-radio [type="radio"] {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
pointer-events: none;
}
.payment-radio [type="radio"]:focus-within:focus-visible + .grid-radio {
outline: auto;
}
.payment-radio [type="radio"]:checked + .grid-radio .circle {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23A5A8AD'/%3E%3C/svg%3E");
}
.payment-radio .grid-radio {
-ms-grid-columns: auto 1fr auto;
grid-template-columns: auto 1fr auto;
}
.payment-radio .grid-radio > div {
min-height: 42px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.payment-radio .circle-wrap {
min-width: 32px;
width: 32px;
}
.payment-radio .circle {
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid var(--border-gray);
right: 16px;
top: 15px;
background-position: center;
background-repeat: no-repeat;
}
.card-radio-wrap [type="radio"] {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
}
.card-radio-wrap [type="radio"]:focus-within:focus-visible + .card-radio {
outline: auto;
}
.card-radio-wrap [type="radio"]:checked + .card-radio .circle {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23A5A8AD'/%3E%3C/svg%3E");
}
.card-radio-wrap .logo {
width: 40px;
}
.card-radio-wrap .content {
padding-right: 14px;
}
.card-radio-wrap .circle-wrap {
min-width: 32px;
width: 32px;
}
.card-radio-wrap .circle {
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid var(--border-gray);
right: 16px;
top: 15px;
background-position: center;
background-repeat: no-repeat;
}
label.variant:hover .variant__inner {
background-color: #f2f6f6;
border-color: var(--border-gray-3);
}
label.variant [type="radio"] {
position: absolute;
top: 0;
right: 0;
opacity: 0;
}
label.variant [type="radio"]:checked + .variant__inner {
background-color: #f2f6f6;
border-color: var(--border-gray-3);
}
label.variant [type="radio"]:checked + .variant__inner .circle__inner {
opacity: 1;
visibility: visible;
}
label.variant .variant__inner {
min-height: 76px;
-ms-flex-align: start;
align-items: flex-start;
padding: 12px 60px 12px 24px;
background-color: #f6f6f6;
border: 1px solid #f6f6f6;
position: relative;
gap: 6px 40px;
}
label.variant .circle {
width: 20px;
height: 20px;
border-radius: 100%;
border: 2px solid var(--border-black);
right: 26px;
top: 14px;
}
label.variant .circle__inner {
width: 10px;
height: 10px;
margin: auto;
border-radius: 100%;
background-color: var(--border-black);
opacity: 0;
visibility: hidden;
}
label.variant .total-price {
gap: 8px;
}
label.variant .total-price .old_price {
color: #949fb7;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
}
label.variant .title {
font-size: 18px;
font-weight: 700;
}
label.variant .info-part__botton {
font-size: 14px;
line-height: 1.2;
gap: 0 12px;
}
label.variant .info-part__botton .per::before {
content: "|";
margin-left: 12px;
}
label.variant .tag {
border: 1px solid var(--border-black);
min-height: 24px;
font-weight: 700;
font-size: 12px;
padding: 2px 8px 1px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
label.variant .quantity {
background-color: transparent;
border: 1px solid var(--border-black);
min-height: 20px;
font-weight: 700;
font-size: 12px;
line-height: 1.1;
padding: 2px 8px 1px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.page-blur {
background: rgba(0, 0, 0, 0.45);
backdrop-filter: blur(5px);
z-index: 55;
opacity: 0;
visibility: hidden;
}
.page-blur.active-mini-cart,
.page-blur.active-quick-add {
opacity: 1;
visibility: visible;
}
.mini-cart__wrapper {
position: fixed;
z-index: 60;
height: 100%;
overflow: hidden;
opacity: 0;
visibility: hidden;
}
.mini-cart__wrapper.active .mini-cart__aside {
transform: none;
}
.mini-cart .btn-close {
width: 20px;
height: 20px;
}
.mini-cart__aside {
width: 560px;
transition: transform 0.2s linear;
transform: translateX(-100%);
}
.mini-cart__right {
width: calc(100% - 560px);
}
.mini-cart__right .right-part {
width: 100%;
}
.mini-cart .aside__head {
min-height: 52px;
padding: 24px 20px 5px;
}
.mini-cart .aside__footer {
box-shadow: 0 -1px 16px rgba(0, 0, 0, 0.07);
}
.mini-cart .aside__footer .total h3 span {
position: relative;
top: -2px;
}
.mini-cart .mobile-part-xs {
width: 100%;
}
.mini-cart .recommended > .title {
margin-bottom: 12px;
}
.mini-cart .recommended > .title h2,
.mini-cart .recommended > .title h3 {
font-size: 28px;
}
.mini-cart .r-products .r-products-list {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow: auto;
padding: 20px;
gap: 32px;
}
.mini-cart .r-products .add-to-bundle {
margin: 0;
width: 100%;
}
.mini-cart .r-products .card-wrap {
padding: 14px;
width: 336px;
min-width: 336px;
}
.mini-cart .club-info__text {
font-size: 16px;
font-weight: 700;
display: inline-block;
vertical-align: top;
padding: 10px 16px;
background: #ededed;
border-radius: 20px;
}
.mini-cart .product__quantity .btn {
min-height: 36px;
font-size: 14px;
padding: 6px 14px 5px 46px;
}
.mini-cart .product__quantity .btn .icon {
width: 28px;
height: 28px;
}
.mini-cart-control .aside__body {
overflow: auto;
padding: 40px 20px 10px;
}
.mini-cart-control .aside__body .products-list {
padding-bottom: 30px;
}
.mini-cart-control .aside__total {
padding: 25px 20px 32px;
}
.mini-cart-control .shipping {
font-size: 14px;
}
.mini-cart-control .shipping:not(:first-child) {
margin-top: 20px;
}
.mini-cart-control .shipping__line {
background: #f8fbff;
border: 1px solid #d7e7f6;
height: 10px;
}
.mini-cart-control .shipping .line {
top: 0;
bottom: 0;
right: 0;
width: 0;
background: #d7e7f6;
}
.mini-cart-control .shipping__info {
margin-top: 10px;
}
.quick-add .aside__body {
overflow: auto;
padding: 10px 20px 30px;
}
.quick-add .product__image {
max-width: 262px;
}
.quick-add .product__image .image-wrap {
aspect-ratio: 3/3.48;
}
.quick-add .product__tags {
margin-bottom: 12px;
}
.quick-add .product__tags .title-button {
margin: 0;
}
.quick-add .product__title h3 {
font-weight: 700;
font-size: 24px;
}
.quick-add .product__variant:not(:last-child) {
margin-bottom: 40px;
}
.quick-add .product__additional h3 {
font-size: 16px;
}
.quick-add .product__additional h3:not(:last-child) {
margin-bottom: 8px;
}
.quick-add .product__additional p:not(:last-child) {
margin-bottom: 12px;
}
.quick-add .aside__total {
padding: 16px 20px;
}
.quick-add .total {
font-size: 24px;
line-height: 1.2;
}
[data-mini-cart] .head-control {
-ms-flex-align: center;
align-items: center;
}
[data-mini-cart] .head-control .title-h3-24 h3 {
font-size: 24px;
}
[data-mini-cart].active,
[data-quick-add].active {
opacity: 1;
visibility: visible;
}
.product-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.product-card__inner {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.product-card .top-control {
padding: 22px 18px 0;
top: 0;
left: 0;
right: 0;
}
.product-card .categories {
max-width: calc(100% - 48px);
gap: 8px;
}
.product-card .category {
min-height: 30px;
padding: 5px 12px;
font-size: 14px;
font-weight: 500;
}
.product-card__image {
min-height: 460px;
}
.product-card .image-hover img,
.product-card .image-static img {
margin: auto;
}
.product-card .product-card__image {
margin-top: auto;
margin-bottom: auto;
}
.product-card .bottom-control {
font-size: 16px;
font-weight: 500;
bottom: 0;
left: 0;
right: 0;
}
.product-card .bottom-control__inner {
padding: 0 18px 22px;
}
.product-card .product-title {
max-width: 160px;
}
.product-card .product-title a {
color: inherit;
color: var(--text-black);
}
.product-card .product-title,
.product-card .product-title h3 {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.product-card .gradient {
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 81.05%,
rgba(0, 0, 0, 0.4) 100%
);
}
.product-card.bundler-card .card-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
.product-card.bundler-card a {
text-decoration: underline;
font-size: 14px;
color: var(--text-black);
font-weight: 500;
}
.b-products-slider .column-right {
width: 45%;
}
.b-products-slider .column-left {
width: 55%;
}
.b-products-slider .slider {
padding-left: 16px;
}
.b-products-slider .slider-part {
padding-right: 44px;
}
.b-products-slider .slider-part .section-title {
padding-left: 70px;
}
.b-products-slider .slider-nav {
font-size: 0;
}
.b-products-slider .button-next {
left: 0;
}
.b-products-slider .button-prev {
left: 33px;
right: unset;
}
.b-products-slider .button-next,
.b-products-slider .button-prev {
bottom: 100%;
margin-bottom: 40px;
border-radius: 0;
background-color: transparent;
}
.product-card-custom .svg-mask-overlay {
pointer-events: none;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
}
.product-card-custom .svg-mask-overlay svg {
width: 100%;
height: 100%;
display: block;
}
.product-card-custom .gradient {
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 37.06%,
rgba(0, 0, 0, 0.3) 100%
);
}
.product-card-custom .top-control {
padding: 28px 32px 0;
}
.product-card-custom .top-control .category {
color: var(--text-black);
min-height: 28px;
padding: 5px 10px;
font-size: 12px;
}
.product-card-custom .bottom-control {
padding: 0 32px 28px;
}
.product-card-custom .title-wrap {
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.product-card-custom .title {
max-width: 200px;
}
.b-main-hero .flex__inner {
padding: 100px 0 200px;
}
.b-main-hero .title-part {
color: #fffdfc;
font-family: Poppins;
}
.b-main-hero .title-part:not(:last-child) {
margin-bottom: 32px;
}
.b-main-hero .title-part h1,
.b-main-hero .title-part h2 {
font-size: 32px;
line-height: 1.2;
font-weight: 500;
}
.b-main-hero .title-part .font {
font-style: italic;
font-size: 66px;
line-height: 1.1;
font-family: "Playfair Display";
font-weight: 700;
}
.b-banner-after {
pointer-events: none;
}
.b-banner-after .image-decor {
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-bottom: -124px;
}
.b-banner-after .image-decor__inner {
margin: 0 -20px;
}
.b-banner-after .image-decor svg {
position: absolute;
margin-right: -20px;
}
.b-banner-after .image-decor img {
max-width: unset;
margin: 0 auto;
width: 100%;
}
.b-banner-after .image-decor__inner text {
letter-spacing: 1px;
font-size: 30px;
font-weight: 900;
fill: #363636;
white-space: nowrap;
transform: translateY(10px);
}
.b-banner-after #marquee-text {
font-size: 30px;
font-weight: 900;
fill: #363636;
}
.b-capsule .hero-content {
min-height: var(--section-min-height);
padding: 100px 0;
gap: 40px 0;
}
.b-capsule .section-title {
max-width: 420px;
}
.b-capsule .capsule-animation {
padding: 100px 0 150px;
}
.b-capsule .capsule-static {
padding: 0 20px;
}
.b-capsule .capsule-top {
left: 0;
right: 0;
bottom: calc(50% - 4px);
z-index: 1;
}
.b-capsule .capsule-bottom {
left: 0;
right: 0;
padding: 0 1px;
top: calc(50% - 22px);
}
.b-capsule .left-part {
margin-right: auto;
}
.b-capsule:has(+ .section) {
margin-bottom: 50px;
}
.faq__row {
border-bottom: 1px solid var(--border-gray-2);
}
.faq__row.active .faq__title::after {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='3' viewBox='0 0 10 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.5H10' stroke='%23363636' stroke-width='1.5'/%3E%3C/svg%3E");
}
.faq__row.active .faq__title,
.faq__row.active .faq__title h2,
.faq__row.active .faq__title h3 {
font-weight: 700;
}
.faq__title {
min-height: 70px;
padding: 10px 0 10px 40px;
width: 100%;
position: relative;
}
.faq__title::after {
position: absolute;
content: "";
width: 34px;
height: 34px;
top: 50%;
left: 0;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0V10M0 5H10' stroke='%23363636' stroke-width='1.5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
margin-top: -17px;
}
.faq__title,
.faq__title h2,
.faq__title h3 {
font-weight: 500;
font-size: 16px;
cursor: pointer;
}
.faq__content {
display: none;
padding-bottom: 20px;
}
.b-table table {
width: 100%;
}
.b-table .table td {
border-bottom: 1px solid var(--border-gray-2);
padding: 30px 0;
}
.b-table .table td:not(:first-child) {
text-align: center;
}
.b-table .table td:not(:first-child) img {
margin: 0 auto;
}
.b-media-content.style-2 .content {
max-width: 670px;
}
.b-media-content .media-part {
width: 44%;
}
.b-media-content .media-decor {
top: 0;
left: 0;
}
.b-media-content .media-decor__inner {
transform: translate(-58%, -50%);
}
.b-media-content .content-part {
width: 56%;
}
.b-media-content .content-control:not(:last-child) {
margin-bottom: 40px;
}
.b-media-content .way-steps:not(:first-child) {
margin-top: 68px;
}
.b-media-content .custom-list .list-row {
padding-bottom: 24px;
}
.b-media-content .custom-list .list-row:not(:last-child) {
margin-bottom: 24px;
border-bottom: 1px solid var(--border-gray);
}
.b-media-content .custom-list .list-title,
.b-media-content .custom-list .list-title h3 {
font-size: 16px;
}
.way-steps__inner {
margin: 0 -6px;
position: relative;
}
.way-steps__inner .fade-line {
position: absolute;
top: 0;
height: 18px;
width: 100%;
background-color: #f8fbffa1;
display: block;
left: 0;
}
.way-steps .step {
padding: 0 6px;
width: 33.33%;
}
.way-steps .line-control {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 24px;
gap: 0 8px;
}
.way-steps .line-control .dot {
background-color: var(--bg-orange);
min-width: 16px;
width: 16px;
height: 16px;
border-radius: 50%;
}
.way-steps .line-control .line {
height: 2px;
width: 100%;
border-radius: 4px;
background-color: var(--bg-orange);
}
.way-steps .step-content {
max-width: 370px;
opacity: 0.3;
transition: 0.3s ease-in-out;
}
.way-steps .step-content.active {
opacity: 1;
}
.way-steps .label {
font-size: 14px;
margin-bottom: 20px;
}
.way-steps .content h3 {
font-size: 16px;
}
.way-steps .content h3:not(:last-child) {
margin-bottom: 14px;
}
.club-banner {
display: -ms-flexbox;
display: flex;
background: #e4dbf6;
}
.club-banner .content-block {
padding: 30px;
}
.club-banner .content-block__inner {
max-width: 500px;
}
.club-banner .content-block__inner .block-title:not(:last-child) {
margin-bottom: 24px;
}
.club-banner .content-block__inner h2,
.club-banner .content-block__inner h3 {
font-size: 42px;
}
.club-banner .media-left,
.club-banner .media-right {
width: 25%;
}
.b-kits .right-column {
width: 66%;
}
.b-kits .banner-lg {
min-height: 480px;
background: radial-gradient(
49.13% 49.02% at 45.29% 48.06%,
rgba(244, 245, 250, 0.2) 0,
rgba(194, 192, 211, 0.2) 100%
);
}
.b-kits .banner-lg .hero-image img {
height: 100%;
margin-right: auto;
}
.b-kits .banner-lg .banner-content {
padding: 38px;
max-width: 380px;
}
.b-kits .banner-lg .title-part:not(:last-child) {
margin-bottom: 16px;
}
.b-kits .banner-lg .title-part h2,
.b-kits .banner-lg .title-part h3 {
font-size: 20px;
}
.b-kits .left-column {
width: 34%;
}
.b-kits .content-block {
min-height: 190px;
}
.b-kits .product-block:hover .overlay {
opacity: 0.4;
}
.b-kits .product-block:hover .content-part {
opacity: 1;
}
.b-kits .product-block__inner {
padding: 80px 32px 32px;
}
.b-kits .product-block .overlay {
background-color: #000;
}
.b-kits .product-block .button {
top: 32px;
right: 32px;
}
.b-kits .product-block .old-price {
color: #d0d1d5;
text-decoration: line-through;
}
.b-logo-section .logo-part {
width: 33.33333333%;
}
.b-logo-section .logo-part .logo {
padding-left: 24px;
}
.b-logo-section .logo-part .logo img {
max-width: 202px;
}
.b-logo-section .title-part {
width: 66.66666667%;
}
.b-product-cards .product-cards:not(.swiper-initialized) {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.b-product-cards .product-card__content {
aspect-ratio: 1;
}
.b-custom-card .slider-nav {
padding: 20px 20px 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.b-custom-card .slider-nav .swiper-btn-left {
margin-right: 8px;
}
.b-custom-card .slider-nav .swiper-btn-left,
.b-custom-card .slider-nav .swiper-btn-right {
background-color: transparent;
}
.b-custom-card .custom-card {
min-width: 368px;
width: 368px;
padding: 23px;
}
.b-custom-card .custom-card__inner {
padding: 24px 12px;
}
.b-custom-card .custom-card__inner .content {
font-weight: 700;
font-size: 20px;
}
.b-custom-card .custom-card__content {
min-height: 279px;
}
.b-custom-card .custom-card__content .name {
font-weight: 700;
font-size: 24px;
}
.b-custom-card .custom-card .top-decor {
top: 0;
}
.b-custom-card .custom-card .bottom-decor {
bottom: 0;
}
.b-custom-card .custom-card .right-decor {
right: 0;
}
.b-custom-card .custom-card .left-decor {
left: 0;
}
.b-custom-card .custom-card .bottom-decor,
.b-custom-card .custom-card .top-decor {
width: 100%;
}
.b-custom-card .custom-card .bottom-decor svg,
.b-custom-card .custom-card .top-decor svg {
width: 100%;
height: auto;
}
.b-custom-card .custom-card .left-decor,
.b-custom-card .custom-card .right-decor {
height: 100%;
}
.b-custom-card .custom-card .left-decor svg,
.b-custom-card .custom-card .right-decor svg {
width: auto;
height: 100%;
}
.b-custom-card .custom-card .bottom-decor svg,
.b-custom-card .custom-card .left-decor svg,
.b-custom-card .custom-card .right-decor svg,
.b-custom-card .custom-card .top-decor svg {
display: block;
}
.b-cards-hover .card-block {
width: 50%;
}
.b-cards-hover .media:hover .hover {
opacity: 1;
}
.b-benefits .block-item:not(.w-full) {
width: 50%;
}
.b-benefits .content-block {
min-height: 386px;
}
.b-benefits .content-block.bg-orange .btn-orange-inverse:hover {
border-color: #fff;
}
.b-benefits .content-block:not(.has-bg-image) {
padding-top: 45px;
padding-bottom: 45px;
}
.b-benefits .content-block .media-decor {
top: 0;
left: 0;
}
.b-benefits .content-block .media-decor__inner {
transform: translate(-30%, -57%);
}
.b-benefits .content-block .subscribe-form {
max-width: 418px;
}
.b-benefits .content-card {
max-width: 244px;
}
.b-benefits .content-card__inner {
min-height: 228px;
}
.b-benefits .bg-card.bg-white {
background: rgba(255, 255, 255, 0.6);
}
.b-development .item-horizon {
width: 66.67%;
}
.b-development .item-horizon .title-wrap {
padding-left: 50px;
}
.b-development .item-horizon .title {
max-width: 655px;
}
.b-development .item-vertical {
width: 33.33%;
}
.b-development .item-vertical .media-decor {
bottom: 0;
right: 0;
}
.b-development .item-vertical .media-decor__inner {
transform: translate(50%, 50%);
}
.b-video-slider .content-part:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
bottom: 0;
background-color: inherit;
width: 100vw;
}
.b-video-slider .content-block {
padding: 0 24px 0 0;
}
.video-slider {
direction: ltr;
}
.video-slider__inner {
overflow: visible;
}
.video-slider .btn-play {
margin: auto;
}
.video-slider .swiper-slide > button {
transition:
opacity 0.2s linear,
transform 0.2s linear;
}
.video-slider .swiper-slide:not(.swiper-slide-active) > button {
opacity: 0.5;
transform: scale(0.98);
}
.video-container {
position: absolute;
}
.video-container img,
.video-container video {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.video-container div[id^="vjs_"] {
height: 100%;
width: 100%;
}
.video-container div[id^="vjs_"] div[class^="vjs-"] {
display: none;
}
.video-container .video-card-poster {
z-index: 2;
}
[data-video-sticky-box] {
position: fixed;
bottom: 0;
right: 0;
z-index: 50;
transition:
opacity 0.2s linear,
visibility 0.2s linear;
pointer-events: none;
opacity: 0;
visibility: hidden;
}
[data-video-sticky-box].show {
pointer-events: auto;
opacity: 1;
visibility: visible;
max-width: 50vw;
width: 0;
height: calc(100dvh - var(--header-height) * 3);
}
[data-video-sticky-box].show .video-cards-wrap > .swiper {
aspect-ratio: 9/16;
}
[data-video-sticky-box].show:not(.full-screen) {
bottom: 30px;
right: 30px;
}
[data-video-sticky-box].full-screen {
height: 100dvh;
width: 100%;
top: 0;
right: 0;
}
[data-video-sticky-box].full-screen [data-video-card] {
border-radius: 0;
}
[data-video-card] .line-wrap {
background-color: rgba(241, 242, 243, 0.5);
height: 2px;
top: 10px;
right: 10px;
left: 10px;
border-radius: 4px;
}
[data-video-card] .line-wrap .progress-line {
border-radius: 4px;
height: 100%;
}
[data-video-card] .bottom-control {
bottom: 10px;
left: 10px;
right: 10px;
}
[data-video-card] [data-action="toggle-muted"] {
margin-left: auto;
}
[data-action="close-video-sticky-box"],
[data-action="toggle-muted"],
[data-action="toggle-play-pause"],
[data-action="toggle-visible-product-links"] {
border-radius: 100%;
}
[data-action="close-video-sticky-box"] {
z-index: 2;
top: 30px;
right: 20px;
}
[data-action="toggle-muted"].unmuted .muted,
[data-action="toggle-muted"]:not(.unmuted) .unmuted,
[data-action="toggle-play-pause"].pause .play,
[data-action="toggle-play-pause"]:not(.pause) .pause {
display: none;
}
[data-action="toggle-visible-product-links"]:not(.active) {
transform: scaleY(-1);
}
[data-video-cards] .product-links {
width: auto;
margin-top: 8px;
margin-left: -10px;
margin-right: -10px;
padding: 0 10px;
}
[data-video-cards] .product {
padding: 10px 10px 10px 60px;
border-radius: 8px;
min-height: 70px;
background-color: rgba(241, 242, 243, 0.9);
color: var(--text-black);
}
[data-video-cards] .product .price,
[data-video-cards] .product .text {
font-weight: 700;
}
[data-video-cards] .multiple .swiper-slide {
width: 80%;
}
.b-product-page .tags-list .tag {
font-size: 14px;
font-weight: 700;
padding: 5px 12px 4px;
min-height: 30px;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
background-color: var(--bg-page);
}
.b-product-page .product-image {
left: 20px;
right: 20px;
top: 0;
bottom: 0;
}
.b-product-page .product-image .gradient {
background: linear-gradient(90deg, #e2d3e8 0, #e8d1eb 100%);
height: calc(var(--section-min-height) - 30px);
max-height: 100%;
}
.b-product-page .media-part {
width: 50%;
}
.b-product-page .media-part .media {
min-height: calc(var(--section-min-height) - 60px);
}
.b-product-page .media-part .media img {
min-height: 200px;
max-height: 80vh;
}
.b-product-page .media-part .media .media__inner {
width: 100%;
}
.b-product-page .media-part .media .swiper-slide {
height: unset;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 12px;
}
.b-product-page .product-gallery {
width: 100%;
}
.b-product-page .block-description {
width: 50%;
}
.b-product-page .block-description .section-title,
.b-product-page .block-description .section-title h1,
.b-product-page .block-description .section-title h2 {
font-size: 32px;
}
.b-product-page .additional-content {
padding: 24px 16px;
background-color: #f6f6f6;
}
.b-product-page .additional-content h3 {
font-size: 16px;
}
.b-product-page .additional-content h3:not(:last-child) {
margin-bottom: 12px;
}
.product-sticky-bar {
bottom: 0;
left: 0;
right: 0;
z-index: 5;
transition: transform 0.2s linear;
transform: translate(0, 100%);
}
.product-sticky-bar.active {
transform: none;
}
.product-sticky-bar.active .product-bar {
box-shadow: 0 -1px 16px rgba(0, 0, 0, 0.07);
}
.product-bar {
background: #fffdfc;
}
.product-bar__inner {
min-height: 78px;
padding: 16px 0;
}
.coupon-form .form__control {
min-height: 42px;
border-color: #d0d1d5;
padding: 5px 20px 5px 130px;
border-radius: 500px;
font-size: 14px;
}
.coupon-form .btn-submit {
position: absolute;
top: 4px;
left: 4px;
min-height: 34px;
padding-left: 45px;
font-size: 14px;
}
.coupon-form .btn-submit .icon {
width: 28px;
height: 28px;
left: 3px;
top: 2px;
}
.coupon-form .btn-submit .icon img,
.coupon-form .btn-submit .icon svg {
max-width: 14px;
}
body.checkout-control .b-header {
position: absolute;
}
body.checkout-control .b-header .button-menu,
body.checkout-control .b-header .header__nav-menu,
body.checkout-control .b-header .right-part {
display: none !important;
}
.b-checkout .form__row {
margin-bottom: 6px;
}
.b-checkout .label_checkbox {
font-size: 14px;
}
.b-checkout .label_checkbox:first-child {
margin-top: 8px;
}
.b-checkout .label_checkbox .checkbox_title::before {
top: 1px;
}
.b-checkout .checkout {
min-height: 100dvh;
}
.b-checkout .btn-toggle-products {
background-color: var(--bg-white-2);
border-radius: 0;
border: none;
}
.b-checkout .btn-toggle-products.active .icon.icon-12 {
transform: scaleY(-1);
}
.b-checkout .checkout__left {
background-color: var(--bg-white-2);
width: 44%;
padding: 110px 40px;
}
.b-checkout .checkout__left .left-part {
max-width: 460px;
}
.b-checkout .products-list {
padding-bottom: 20px;
border-bottom: 1px solid #ededed;
}
.b-checkout .checkout__right {
width: 56%;
padding: 120px 30px 30px;
}
.b-checkout .checkout__right .right-part {
max-width: 670px;
}
.b-checkout .total-part table {
width: 100%;
}
.b-checkout .total-part table td {
vertical-align: top;
padding: 10px 0;
}
.b-checkout .total-part table td:not(:first-child) {
padding-right: 20px;
}
.b-checkout .total-part table tr:last-child td {
padding-top: 16px;
padding-bottom: 0;
border-top: 1px solid #ededed;
}
.b-checkout .total-part table tr:nth-last-child(2):not(:nth-child(1)) td {
padding-bottom: 32px;
}
.b-checkout .total-part table td:last-child {
text-align: left;
}
.b-checkout .bottom-nav {
padding: 100px 0 0;
}
.b-checkout .bottom-nav ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
gap: 24px;
}
.b-checkout .bottom-nav ul a:hover {
color: #a5a8ad;
}
.b-checkout .form__button {
text-align: left;
margin-top: 12px;
}
.b-checkout .address-radio {
width: calc(50% - 8px);
}
.b-checkout .grid-table {
-ms-grid-columns: auto 1fr auto;
grid-template-columns: auto 1fr auto;
border: 1px solid var(--border-gray-2);
}
.b-checkout .grid-table .grid-item {
padding: 5px 16px;
min-height: 42px;
display: -ms-grid;
display: grid;
-ms-flex-line-pack: center;
align-content: center;
}
.b-checkout .grid-table .grid-item:not(:nth-last-child(-n + 3)) {
border-bottom: 1px solid var(--border-gray-2);
}
.b-checkout .payment-row:not(:first-child) {
border-top: 1px solid var(--border-gray-2);
}
.b-checkout .payment-content {
background-color: #ededed;
}
.b-checkout .payment-content .form__row:last-child {
margin-bottom: 0;
}
.b-checkout .card-radio-wrap {
width: calc(50% - 8px);
}
.b-checkout .btn-add-card {
min-height: 86px;
border-radius: 8px;
}
.b-checkout .btn-add-card svg path {
transition: 0.2s linear;
}
.b-checkout .btn-add-card:hover {
color: var(--text-orange);
}
.b-checkout .btn-add-card:hover svg path {
stroke: var(--text-orange);
}
.step-block {
border-bottom: 1px solid var(--border-gray-3);
}
.step-block.active .step-block__title,
.step-block:not(.active) .step-block__content {
display: none;
}
.step-block__title {
min-height: 78px;
font-size: 18px;
font-weight: 700;
color: #d0d1d5;
}
.step-block__content {
padding: 40px 0;
}
.step-block .account.active {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.step-block .account.active:not(:first-child) {
margin-top: 16px;
}
.product__info .counter {
top: -14px;
left: -15px;
}
.product__info .counter__number {
background-color: var(--text-black);
color: var(--text-white);
font-weight: 500;
width: 30px;
height: 30px;
padding-top: 1px;
}
.product__info .product__description .product__title,
.product__info .product__description .product__title h3 {
font-size: 16px;
font-weight: 700;
}
.product__info .product__description .top-part:not(:last-child) {
margin-bottom: 24px;
}
.product__info .product__description .category {
color: #a5a8ad;
}
.b-checkout .products-list .product__image,
.mini-cart .products-list .product__image {
width: 80px;
}
.b-checkout .products-list .product__image .media,
.mini-cart .products-list .product__image .media {
border-radius: 4px;
overflow: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
aspect-ratio: 3/4;
padding: 4px;
}
.b-checkout .product__info,
.mini-cart .product__info {
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.b-checkout .product__price,
.mini-cart .product__price {
padding-right: 20px;
}
.b-checkout-thanks .section-content {
padding: 30px 0;
}
.b-checkout-thanks .columns__inner {
row-gap: 56px;
}
.b-checkout-thanks .checkout-thanks {
max-width: 1190px;
}
.b-checkout-thanks .content-part {
max-width: 540px;
padding-left: 40px;
}
.b-checkout-thanks .content-part .main-title,
.b-checkout-thanks .content-part .main-title h1,
.b-checkout-thanks .content-part .main-title h2 {
font-size: 32px;
}
.b-checkout-thanks .media-block {
max-width: 455px;
margin-right: auto;
}
.b-checkout-thanks .media-decor {
top: -27px;
right: -65px;
}
.b-single-article .section-inner {
max-width: 1156px;
}
.b-single-article .page-title,
.b-single-article .page-title h1,
.b-single-article .page-title h2 {
font-weight: 700;
font-size: 32px;
}
.b-single-article .article__nav {
width: 288px;
}
.b-single-article .article__nav.active .btn_toggle_nav svg {
transform: scaleX(-1);
}
.b-single-article .article__nav .nav__wrapper {
margin-left: auto;
}
.b-single-article .article__nav .nav.nav {
padding: 0;
margin: 0;
list-style: none;
}
.b-single-article .article__nav .nav.nav li {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
padding: 5px 0;
min-height: 50px;
}
.b-single-article .article__nav .nav.nav a {
color: var(--text-black);
transition: color 0.2s linear;
}
.b-single-article .article__nav .nav.nav a:hover {
color: var(--text-gray-2);
}
.b-single-article .article__part {
width: calc(100% - 288px);
padding: 0 70px 0 0;
border-right: 1px solid var(--border-gray-2);
}
.b-single-article .article__wrapper {
padding: 40px 0 0;
}
.b-single-article .article__content h3 {
font-size: 16px;
}
.b-single-article .article__content ul {
padding: 0;
list-style: none;
}
.b-single-article .article__content ul li {
line-height: 1.6;
padding: 0 25px 0 0;
position: relative;
}
.b-single-article .article__content ul li:not(:last-child) {
margin-bottom: 20px;
}
.b-single-article .article__content ul li:before {
position: absolute;
content: "";
right: 12px;
top: 10px;
width: 2px;
height: 2px;
border-radius: 50%;
background-color: var(--border-black);
}
.b-single-article .article__content ol {
padding-right: 30px;
}
.b-single-article .article__content ol li {
line-height: 1.6;
}
.b-single-article .article__content ol li:not(:last-child) {
margin-bottom: 20px;
}
.b-single-article .article__content ol li ul {
margin-top: 12px;
}
.b-single-article .btn_toggle_nav {
display: none;
position: absolute;
top: 0;
left: 100%;
width: 28px;
max-width: 28px;
height: 28px;
border-radius: 100%;
background-color: #fff;
border: 1px solid var(--border-gray-2);
padding: 0;
margin-left: 10px;
background-repeat: no-repeat;
background-position: center;
box-shadow: -5.93939px 0 13.5758px rgba(0, 0, 0, 0.07);
}
.b-single-article .btn_toggle_nav.active {
transform: rotate(180deg);
}
.b-single-article .btn_toggle_nav svg {
display: block;
}
.b-personal-zone {
padding: 40px 0 30px;
}
.b-personal-zone .mobile-button {
top: 50%;
left: 24px;
margin-top: -16px;
}
.b-personal-zone .mobile-button button {
box-shadow: 0 -1px 16px rgba(0, 0, 0, 0.07);
border-radius: 4px;
}
.b-personal-zone .mobile-button button.menu-is-active span.toggler_bottom,
.b-personal-zone .mobile-button button.menu-is-active span.toggler_top {
top: 16px;
}
.b-personal-zone .form__row {
margin: 0;
}
.b-personal-zone .user-block {
position: relative;
padding: 24px;
}
.b-personal-zone .form__row .choices__inner {
border-radius: 8px;
font-size: 14px;
}
.b-personal-zone .label_checkbox {
font-size: 14px;
}
.b-personal-zone .address__location p {
margin: 0;
}
.b-personal-zone .no-address,
.b-personal-zone .no-orders,
.b-personal-zone .no-payment {
min-height: 216px;
}
.b-personal-zone .no-address .buttons-control,
.b-personal-zone .no-orders .buttons-control,
.b-personal-zone .no-payment .buttons-control {
-ms-flex-pack: center;
justify-content: center;
}
.b-personal-zone .orders-list .media {
border-radius: 4px;
overflow: hidden;
}
.b-personal-zone .payments .card-radio-wrap {
font-size: 14px;
}
.b-personal-zone .payments .card-radio-wrap .circle-wrap {
display: none;
}
.b-personal-zone
.payments
.card-radio-wrap
[type="radio"]:checked
+ .card-radio::after {
content: attr(data-title);
display: block;
width: 100%;
font-size: 14px;
color: var(--text-gray-2);
margin-top: 10px;
padding-right: 22px;
background-repeat: no-repeat;
background-position: calc(100%) 40%;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.625 5.4375L4.125 8.9375L9.375 1.0625' stroke='%23A5A8AD' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.b-personal-zone .payment .buttons {
top: 25px;
left: 16px;
}
.b-personal-zone .upcoming_events .swiper-slide {
height: unset;
}
.b-personal-zone .upcoming_events .inner-content {
height: 100%;
}
.b-personal-zone .upcoming_events .columns__inner {
row-gap: 24px;
}
.b-personal-zone .upcoming_events .column {
width: calc(50% - 12px);
}
.b-personal-zone .upcoming_events .column h4 {
font-size: 18px;
}
.b-personal-zone .upcoming_events .column h4:not(:last-child) {
margin-bottom: 12px;
}
.b-personal-zone .upcoming_events .slider-nav button {
background-color: transparent;
}
.b-personal-zone .upcoming_events .slider-nav button:not(.swiper-button-lock) {
margin-top: 16px;
}
.b-personal-zone .join {
width: calc(41% - 12px);
}
.b-personal-zone .join-form .form__row {
width: 100%;
}
.b-personal-zone .join-form .form__row.columns {
gap: 12px;
}
.b-personal-zone .join-form .input-wrap:not(.using) .input-label {
top: 15px;
transform: none;
}
.b-personal-zone .gift {
width: calc(59% - 12px);
}
.b-personal-zone .subscribe-status {
color: #d8242f;
}
.b-personal-zone .subscribe-control {
gap: 12px 24px;
}
.b-personal-zone
.club-banner
.content-block__inner
.block-title:not(:last-child) {
margin-bottom: 20px;
}
.b-personal-zone .club-banner .content-block__inner .block-title h2,
.b-personal-zone .club-banner .content-block__inner .block-title h3 {
font-size: 24px;
}
.b-personal-zone .categories-links:not(:last-child) {
margin-bottom: 60px;
}
.b-personal-zone .categories-links .link-category {
width: calc(33.33% - 24px * 2 / 3);
font-size: 18px;
font-weight: 400;
color: var(--text-black);
}
.personal-zone {
gap: 16px 24px;
max-width: 1200px;
margin: 0 auto;
}
.personal-zone .pz-sidebar {
width: 288px;
-ms-flex-line-pack: start;
align-content: flex-start;
position: relative;
z-index: 5;
}
.personal-zone .pz-main-part {
width: calc(100% - 288px - 26px);
}
.personal-zone__nav {
padding: 8px;
}
.personal-zone__nav ul {
padding: 0;
margin: 0;
list-style: none;
}
.personal-zone__nav ul li:not(:last-child) {
margin-bottom: 12px;
}
.personal-zone__nav ul li.current {
font-weight: 700;
pointer-events: none;
}
.personal-zone__nav ul li:not(.current) a:hover {
background-color: var(--design-grey-100);
}
.personal-zone__nav ul a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: 30px;
color: var(--text-black);
padding: 2px 8px 1px;
border-radius: 4px;
}
.personal-zone .form-personal-details .form__button,
.personal-zone .form-personal-details .form__row {
width: 100%;
}
.personal-zone .form-personal-details .label_checkbox {
margin: 4px 0;
}
.personal-zone .width-1-3 {
width: calc(37% - 12px);
}
.personal-zone .width-2-3 {
width: calc(63% - 12px);
}
.personal-zone .events {
border: 1px solid #f8fbff;
background-color: #f8fbff;
}
.personal-zone .whatsapp {
border: 1px solid #fbfbfc;
background-color: #fff8ea;
}
.personal-zone .custom-link:hover .arrow {
background-color: var(--bg-orange);
}
.personal-zone .custom-link:hover .arrow svg path {
stroke: #fff;
}
.personal-zone .join {
border: 1px solid #fbfbfc;
background-color: #d7e7f6;
}
.personal-zone .gift {
border: 1px solid #fbfbfc;
background-color: #f7f1f9;
}
#add-new-address .columns .columns .column {
width: calc(50% - 8px);
}
#active_orders .block-title h4 {
font-size: 18px;
}
#active_orders .status {
font-size: 14px;
font-weight: 700;
border-color: var(--text-black);
min-height: 30px;
padding: 4px 12px;
}
#history_orders .order-el .cover-bg {
top: 0;
left: -16px;
right: -16px;
bottom: 0;
background-color: var(--design-grey-100);
opacity: 0;
}
#history_orders .order-el .media {
width: 80px;
}
#history_orders .order-el .product-row {
padding: 13px 0;
}
#history_orders .order-el .product-row:not(:first-child) {
border-top: 1px solid var(--design-grey-100);
}
#history_orders .order-el [data-toggle-collapse] {
padding: 16px 0;
}
#history_orders .order-el [data-toggle-collapse].active .icon-chevron-down svg {
transform: scaleY(-1);
}
#history_orders .order-el [data-toggle-collapse]:hover .cover-bg {
opacity: 1;
}
#history_orders .order-el [data-toggle-collapse] .media {
width: 35px;
}
#history_orders .order-el .product__title {
margin: 0 0 4px;
}
#history_orders .order-el .separator {
font-size: 15px;
}
#history_orders .total-info {
border-top: 1px solid var(--design-grey-100);
margin: 8px 0 0;
padding: 20px 0 0;
}
#history_orders .total-info td {
padding: 0 0 16px;
}
#history_orders .total-info td:last-child {
text-align: left;
}
#history_orders .total-info .total td {
border-top: 1px solid var(--design-grey-100);
padding: 16px 0 0;
}
#history_orders .order-control {
padding: 16px 0;
}
.b-club-banner {
margin-top: 68px;
margin-bottom: 68px;
position: relative;
z-index: 1;
background-color: var(--bg-white-2);
}
.b-club-banner .club-banner {
display: -ms-flexbox;
display: flex;
background: #e4dbf6;
}
.b-club-banner .content-block__inner {
max-width: 500px;
}
.b-club-banner .content-block__inner .block-title:not(:last-child) {
margin-bottom: 24px;
}
.b-club-banner .content-block .button {
display: -ms-flexbox;
display: flex;
width: -moz-fit-content;
width: fit-content;
margin: auto;
}
.b-club-banner .media-left,
.b-club-banner .media-right {
width: 25%;
}
.b-hero-img {
height: 520px;
width: 100%;
padding-left: 20px;
padding-right: 20px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 60px;
}
.b-hero-img .bg {
height: 100%;
border-radius: 12px;
box-sizing: border-box;
z-index: 0;
position: absolute;
top: 0;
left: 20px;
right: 20px;
overflow: hidden;
}
.b-hero-img .bg picture {
width: 100%;
height: 100%;
}
.b-hero-img .bg picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
.b-hero-img h1 {
padding: 24px;
margin: 0;
display: -ms-flexbox;
display: flex;
width: -moz-fit-content;
width: fit-content;
z-index: 2;
line-height: 1;
}
.b-hero-img-animated {
width: 100%;
position: relative;
display: -ms-flexbox;
display: flex;
margin-bottom: 100px;
}
.b-hero-img-animated .inner-bg {
position: absolute;
width: 100%;
height: 100%;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 80px;
z-index: 0;
}
.b-hero-img-animated .bg-wrapper {
position: sticky;
width: 100%;
height: -moz-fit-content;
height: fit-content;
background-color: var(--bg-page);
top: 0;
z-index: 0;
}
.b-hero-img-animated .bg {
height: 100%;
border-radius: 12px;
box-sizing: border-box;
overflow: hidden;
background-color: var(--bg-light-orange);
}
.b-hero-img-animated .bg picture {
width: 100%;
height: 100%;
opacity: 0;
}
.b-hero-img-animated .bg picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
.b-hero-img-animated .content {
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 1;
padding-bottom: 60px;
}
.b-hero-img-animated .blocks {
padding-top: 1585px;
padding-bottom: 150px;
margin-right: auto;
padding-left: 60px;
gap: 69px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
}
.b-hero-img-animated .blocks .block {
background: rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px 16px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
backdrop-filter: blur(18px);
max-width: 380px;
color: #000;
}
.b-hero-img-animated .blocks .block h4 {
margin: 0;
font-size: 18px;
font-weight: 700;
}
.b-hero-img-animated .blocks .block p {
line-height: 163%;
margin: 0;
}
.b-hero-img-animated .blocks .block:nth-child(odd) {
margin-left: 70px;
}
.b-hero-img-animated h1 {
padding: 60px;
margin: 0 0 0 auto;
position: sticky;
display: -ms-flexbox;
display: flex;
width: -moz-fit-content;
width: fit-content;
z-index: 2;
line-height: 1;
height: -moz-fit-content;
height: fit-content;
}
.b-product-repeater {
margin-top: 60px;
margin-bottom: 60px;
}
.b-product-repeater .filter {
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-align: center;
align-items: center;
padding-bottom: 48px;
-ms-flex-pack: center;
justify-content: center;
}
.b-product-repeater .filter .sort-by-filter {
position: absolute;
left: 0;
z-index: 4;
}
.b-product-repeater .filter .sort-by-filter ul {
list-style-type: none;
padding: 12px 0;
position: absolute;
border: 1px solid var(--text-gray);
border-radius: 12px;
z-index: 1;
gap: 8px;
width: 100%;
background-color: var(--bg-page);
opacity: 0;
visibility: hidden;
}
.b-product-repeater .filter .sort-by-filter ul li {
padding: 14px 12px;
cursor: pointer;
transition: 0.3s;
font-size: 16px;
line-height: 163%;
width: 100%;
color: var(--text-gray);
}
.b-product-repeater .filter .sort-by-filter ul li:hover {
opacity: 0.7;
}
.b-product-repeater .filter .sort-by-filter ul li.active {
font-weight: 700;
}
.b-product-repeater .filter .btn-filter-products {
border: 1px solid var(--text-gray);
border-radius: 500px;
background-color: transparent;
display: -ms-flexbox;
display: flex;
vertical-align: top;
padding: 9px 30px;
height: -moz-fit-content;
height: fit-content;
}
.b-product-repeater .filter .btn-filter-products img {
width: 22px;
height: 22px;
}
.b-product-repeater .filter ul.category-icons {
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0;
margin: 0;
gap: 0 clamp(8px, 5vw, 56px);
}
.b-product-repeater .filter ul.category-icons li {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
transition: 0.3s;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.b-product-repeater .filter ul.category-icons li a {
color: var(--text-color-main);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 4px 0;
}
.b-product-repeater .filter ul.category-icons li:hover {
opacity: 0.7;
}
.b-product-repeater .filter ul.category-icons li img {
width: 32px;
height: auto;
}
.b-product-repeater .animating-block {
-ms-flex: 1;
flex: 1;
width: 100%;
}
.b-product-repeater .anchor {
margin-right: auto;
width: 100%;
position: relative;
display: none;
}
.b-product-repeater .animating-el {
height: auto;
width: 100%;
max-height: 80vh;
aspect-ratio: 652/797;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
font-size: 32px;
line-height: 130%;
border-radius: 20px;
position: sticky;
top: 80px;
}
.b-product-repeater .animating-el h2 {
font-size: 32px;
}
.b-product-repeater .animating-el.hide-md {
height: 420px;
display: -ms-flexbox;
display: flex;
}
.b-product-repeater .animating-el .text {
color: #fff;
margin-bottom: 56px;
margin-right: 56px;
}
.b-product-repeater .products-cont {
display: -ms-flexbox;
display: flex;
gap: 24px;
}
.b-product-repeater .products-cont .product-list-wrapper {
width: calc(50% - 24px);
}
.b-product-repeater .products-cont .product-list {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
}
.b-product-repeater .products-cont .product-list .product-card {
-ms-flex: 0 0 calc(50% - 12px);
flex: 0 0 calc(50% - 12px);
}
.b-product-bundler {
margin-top: 60px;
margin-bottom: 60px;
}
.b-product-bundler .filter {
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-align: center;
align-items: center;
padding-bottom: 8px;
overflow: auto;
width: 100%;
}
.b-product-bundler .filter .btn-filter-products {
border: 1px solid var(--text-gray);
border-radius: 500px;
background-color: transparent;
display: -ms-flexbox;
display: flex;
vertical-align: top;
padding: 9px 30px;
height: -moz-fit-content;
height: fit-content;
position: absolute;
left: 0;
}
.b-product-bundler .filter .btn-filter-products img {
width: 22px;
height: 22px;
}
.b-product-bundler .filter ul.category-icons {
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0;
margin: 0;
gap: 0 10px;
width: 100%;
}
.b-product-bundler .filter ul.category-icons li {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
transition: 0.3s;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.b-product-bundler .filter ul.category-icons li:hover {
opacity: 0.7;
}
.b-product-bundler .filter ul.category-icons li img {
width: 32px;
height: auto;
}
.b-product-bundler .animating-block {
-ms-flex: 1;
flex: 1;
width: 100%;
}
.b-product-bundler .animating-el {
height: auto;
width: 100%;
max-width: 572px;
margin-right: auto;
max-height: auto;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: 1px solid var(--grey-200);
background-color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
font-size: 32px;
line-height: 130%;
border-radius: 20px;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px 40px 20px;
-ms-flex-align: center;
align-items: center;
position: sticky;
transition:
background-color 0.3s,
color 0.3s;
top: 108px;
}
.b-product-bundler .animating-el .anchor {
width: 100%;
-ms-flex-pack: center;
justify-content: center;
}
.b-product-bundler .animating-el .arrow {
stroke: var(--text-black);
margin-right: 16px;
display: none;
transition: stroke 0.3s;
}
.b-product-bundler .animating-el h2 {
margin-bottom: 12px;
}
.b-product-bundler .animating-el p {
text-align: center;
font-size: 16px;
}
.b-product-bundler .animating-el .bundled-items {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-bottom: 40px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: start;
align-items: flex-start;
}
.b-product-bundler .animating-el .bundled-items .item-slot {
width: 30%;
aspect-ratio: 152/226;
border-radius: 12px;
position: relative;
}
.b-product-bundler .animating-el .bundled-items .item-slot .remove-item {
display: -ms-flexbox;
display: flex;
outline: 0;
border: 1px solid var(--border-gray-2);
width: 30px;
height: 30px;
padding: 7px;
background-color: #fff;
border-radius: 100%;
position: absolute;
top: -8px;
right: -10px;
z-index: 1;
transition: 0.3s;
}
.b-product-bundler .animating-el .bundled-items .item-slot .remove-item svg {
fill: var(--text-black);
margin: auto;
width: 11px;
height: 11px;
}
.b-product-bundler .animating-el .bundled-items .item-slot .remove-item:hover {
background-color: var(--bg-black);
}
.b-product-bundler
.animating-el
.bundled-items
.item-slot
.remove-item:hover
svg {
fill: var(--text-white);
}
.b-product-bundler .animating-el .bundled-items .item-slot .item-img {
position: relative;
width: 100%;
height: 100%;
border-radius: 12px;
overflow: hidden;
padding: 40px 30px;
background-color: var(--bg-light-orange);
}
.b-product-bundler .animating-el .bundled-items .item-slot .item-img img {
height: 100%;
object-fit: cover;
}
.b-product-bundler .animating-el .bundled-items .item-slot .item-img .gradient {
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 81.05%,
rgba(0, 0, 0, 0.4) 100%
);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.b-product-bundler .animating-el .bundled-items .item-slot .item-title {
font-size: 16px;
line-height: 163%;
text-align: center;
margin-top: 16px;
}
.b-product-bundler .animating-el .bundled-items .item-slot.empty .remove-item {
display: none;
}
.b-product-bundler .animating-el .bundled-items .item-slot.empty .item-img {
border: 2px dashed var(--border-gray-3);
background-color: var(--design-grey-50);
}
.b-product-bundler .animating-el .bundled-items .item-slot.empty .item-img img {
display: none;
}
.b-product-bundler .animating-el .bundler-footer {
width: 100%;
padding-top: 24px;
border-top: 1px solid var(--grey-200);
}
.b-product-bundler .animating-el .bundler-footer .bundle-sum {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: 700;
}
.b-product-bundler .animating-el .bundler-footer .bundle-sum .total {
font-size: 24px;
line-height: 120%;
}
.b-product-bundler
.animating-el
.bundler-footer
.bundle-sum
.total.applied-discount
.original {
text-decoration: line-through;
color: var(--design-grey-200);
margin-left: 12px;
}
.b-product-bundler .animating-el .bundler-footer .bundle-sum .shipping {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.b-product-bundler .animating-el .bundler-footer .bundle-sum .shipping h4 {
font-size: 24px;
line-height: 120%;
margin: 0;
}
.b-product-bundler .animating-el .bundler-footer .bundle-sum .shipping h4 span {
position: relative;
top: -2px;
}
.b-product-bundler .animating-el .bundler-footer .bundle-sum .shipping p {
font-weight: 400;
font-size: 16px;
}
.b-product-bundler .animating-el .bundler-footer .add-to-cart {
margin-top: 24px;
width: 100%;
background: 0 0;
text-align: center;
position: relative;
font-size: 16px;
line-height: 130%;
height: 46px;
margin-bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--design-grey-200);
border-color: var(--design-grey-200);
color: var(--design-grey-50);
}
.b-product-bundler .animating-el .bundler-footer .add-to-cart .icon {
height: 100%;
width: auto;
margin-right: auto;
background-color: var(--design-grey-50);
}
.b-product-bundler .animating-el .bundler-footer .add-to-cart svg {
stroke: var(--design-grey-200);
}
.b-product-bundler .animating-el .bundler-footer .add-to-cart span {
margin-right: auto;
}
.b-product-bundler .animating-el .bundler-footer .add-to-cart:hover {
color: var(--text-white);
background: var(--bg-black);
}
.b-product-bundler .animating-el .bundler-footer .add-to-cart:hover .icon {
background: var(--text-white);
}
.b-product-bundler .animating-el .bundler-footer .add-to-cart:hover svg {
stroke: var(--text-color-main);
}
.b-product-bundler .animating-el .bundler-footer .btn-round span {
margin-left: unset;
}
.b-product-bundler .animating-el.filled .add-to-cart {
background: 0 0;
border-color: var(--bg-black);
color: var(--text-black);
}
.b-product-bundler .animating-el.filled .add-to-cart svg {
stroke: var(--design-light-blue);
}
.b-product-bundler .animating-el.filled .add-to-cart .icon {
background: var(--bg-black);
}
.b-product-bundler .products-cont {
display: -ms-flexbox;
display: flex;
gap: 56px;
}
.b-product-bundler .products-cont .product-bundle-list,
.b-product-bundler .products-cont .products-list {
width: calc(50% - 24px);
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
}
.b-product-bundler .products-cont .product-bundle-list .product-card,
.b-product-bundler .products-cont .products-list .product-card {
-ms-flex: 0 0 calc(50% - 12px);
flex: 0 0 calc(50% - 12px);
}
.b-product-bundler
.products-cont
.product-bundle-list
.product-card
.product-title
a,
.b-product-bundler
.products-cont
.products-list
.product-card
.product-title
a {
text-decoration: none;
}
.b-product-bundler .products-cont .product-bundle-list {
width: 100%;
}
.b-banner-kapps {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
margin-top: 60px;
margin-bottom: 56px;
}
.b-banner-kapps h2 {
font-weight: 700;
text-align: center;
vertical-align: middle;
margin-top: 22px;
}
.b-tiled-content-1 {
margin-top: 60px;
margin-bottom: 100px;
}
.b-tiled-content-1 .top-part {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: end;
align-items: flex-end;
gap: 22px;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 56px;
}
.b-tiled-content-1 .top-part .headline-cont {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 24px;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.b-tiled-content-1 .top-part .headline-cont h2 {
margin-top: 0;
}
.b-tiled-content-1 .top-part .btn-round-expand {
display: -ms-flexbox;
display: flex;
border-color: var(--Design-Orange-peach);
color: var(--Design-Orange-peach);
margin-bottom: 8px;
}
.b-tiled-content-1 .top-part .btn-round-expand .icon {
background-color: var(--Design-Orange-peach);
}
.b-tiled-content-1 .tiles {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
gap: 24px;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-item-align: stretch;
align-self: stretch;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.b-tiled-content-1 .tiles img {
object-fit: cover;
}
.b-tiled-content-1 .tiles .tile-1 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
gap: 24px;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.b-tiled-content-1 .tiles .tile-1 .content-box {
display: -ms-flexbox;
display: flex;
padding: 24px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 12px;
background: var(--Design-Orange-peach, #ed5522);
color: var(--Design-Beige);
}
.b-tiled-content-1 .tiles .tile-1 .content-box .top-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.b-tiled-content-1 .tiles .tile-1 .content-box .top-content h4 {
margin-bottom: 0;
}
.b-tiled-content-1 .tiles .tile-1 .content-box .top-content p {
font-weight: 500;
}
.b-tiled-content-1 .tiles .tile-1 .content-box .bottom-content {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.b-tiled-content-1 .tiles .tile-1 .content-box .bottom-content:hover .btn-link {
color: var(--Design-Grey-300);
}
.b-tiled-content-1
.tiles
.tile-1
.content-box
.bottom-content:hover
.btn-arrow {
background-color: var(--Design-Orange-peach);
}
.b-tiled-content-1
.tiles
.tile-1
.content-box
.bottom-content:hover
.btn-arrow
svg {
stroke: var(--design-light-blue);
}
.b-tiled-content-1 .tiles .tile-1 img {
border-radius: 12px;
min-height: 295px;
}
.b-tiled-content-1 .tiles .tile-1 .btn-arrow:hover {
background-color: var(--text-black);
}
.b-tiled-content-1 .tiles .tile-2 {
display: -ms-flexbox;
display: flex;
min-height: 540px;
padding: 24px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
position: relative;
overflow: hidden;
width: 100%;
}
.b-tiled-content-1 .tiles .tile-2 img {
height: 100%;
position: absolute;
object-fit: cover;
z-index: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 12px;
width: 100%;
}
.b-tiled-content-1 .tiles .tile-2 .cutoff-cont {
z-index: 1;
position: relative;
width: 100%;
}
.b-tiled-content-1 .tiles .tile-2 .cutoff-cont svg {
fill: rgba(255, 255, 255, 0.6);
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: -1;
display: block;
height: auto;
}
.b-tiled-content-1 .tiles .tile-2 .cutoff-cont h3 {
margin-bottom: 0;
padding: 24px 30px 20px 20px;
font-size: 32px;
line-height: 130%;
}
.b-tiled-content-1 .tiles .tile-3 {
background-color: var(--Design-Blue);
padding: 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
gap: 30px 40px;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 12px;
}
.b-tiled-content-1 .tiles .tile-3 img {
clip-path: url(#pillClip);
width: 100%;
aspect-ratio: 376/232;
object-fit: cover;
height: auto;
-ms-flex-preferred-size: 0;
flex-basis: 0%;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-radius: 12px;
}
.b-tiled-content-1 .tiles .tile-3 .bottom-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
height: 100%;
}
.b-tiled-content-1 .tiles .tile-3 .bottom-content .content {
margin-bottom: 24px;
}
.b-tiled-content-1 .tiles .tile-3 .bottom-content h4 {
margin-bottom: 12px;
margin-top: 0;
font-size: 28px;
}
.b-tiled-content-1 .tiles .tile-3 .bottom-content p {
margin-bottom: 0;
}
.b-tiled-content-1 .tiles .tile-3 .bottom-content .time p:first-child {
margin-bottom: 16px;
}
.b-tiled-content-1 .tiles .tile-3 .bottom-content .tile-footer {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.b-tiled-content-1 .tiles .tile-3 .bottom-content .tile-footer a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.b-tiled-content-1 .tiles .tile-3 .bottom-content .tile-footer:hover .btn-link {
color: var(--Design-Grey-300);
}
.b-tiled-content-1
.tiles
.tile-3
.bottom-content
.tile-footer:hover
.btn-arrow {
background-color: var(--Design-Orange-peach);
}
.b-tiled-content-1
.tiles
.tile-3
.bottom-content
.tile-footer:hover
.btn-arrow
svg {
stroke: var(--design-light-blue);
}
.b-tiled-content-1 .btn-round-expand {
display: -ms-flexbox;
display: flex;
margin-top: 40px;
margin-bottom: 0;
border-color: var(--Design-Orange-peach);
color: var(--Design-Orange-peach);
}
.b-tiled-content-1 .btn-round-expand .icon {
background-color: var(--Design-Orange-peach);
}
.b-faded-image {
position: relative;
z-index: 0;
}
.b-faded-image .fade-cont {
margin-bottom: -60px;
position: relative;
}
.b-faded-image .fade-cont .fade-bg {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: -5px;
background: linear-gradient(
180deg,
rgba(248, 251, 255, 0) 10.84%,
#f8fbff 82.95%
);
z-index: 2;
}
.b-faded-image .fade-cont img {
border-radius: 20px 20px 0 0;
width: 100%;
}
.b-faded-image .fade-cont img.active {
position: absolute;
opacity: 0;
transition: 0.3s;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.b-faded-image .fade-cont:hover img.active {
opacity: 1;
}
.b-tiled-content-2 .container {
z-index: 3;
position: relative;
}
.b-tiled-content-2 .container .top-part {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end;
gap: 22px;
margin-bottom: 56px;
}
.b-tiled-content-2 .container .top-part .headline-cont {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 24px;
}
.b-tiled-content-2 .container .top-part .headline-cont h2 {
margin-top: 0;
}
.b-tiled-content-2 .container .top-part .fixed-w {
max-width: 650px;
}
.b-tiled-content-2 .container .tiles {
display: -ms-flexbox;
display: flex;
gap: 24px;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.b-tiled-content-2 .container .tiles .tile {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
gap: 32px;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.b-tiled-content-2 .container .tiles .tile img {
border-radius: 12px;
aspect-ratio: 1/1;
max-height: 400px;
width: 100%;
object-fit: cover;
}
.b-tiled-content-2 .container .tiles .tile p {
line-height: 100%;
max-width: 328px;
font-size: 18px;
text-align: center;
}
.b-tiled-content-2.style-2 .tiles .tile {
border-radius: 12px;
padding: 24px 24px 32px;
-ms-flex-align: unset;
align-items: unset;
gap: 0;
}
.b-tiled-content-2.style-2 .tiles .tile img {
margin-bottom: 40px;
width: 100%;
aspect-ratio: 376/300;
}
.b-tiled-content-2.style-2 .tiles .tile:nth-child(3) {
background-color: var(--Design-Blue);
}
.b-tiled-content-2.style-2 .tiles .tile:nth-child(3) img {
border-radius: 50px;
}
.b-tiled-content-2.style-2 .tiles .tile:nth-child(2) {
background-color: var(--Design-Pink);
}
.b-tiled-content-2.style-2 .tiles .tile:nth-child(2) img {
border-radius: 0 0 999px 999px;
}
.b-tiled-content-2.style-2 .tiles .tile:nth-child(1) {
background-color: var(--design-purple);
}
.b-tiled-content-2.style-2 .tiles .tile:nth-child(1) img {
border-radius: 999px 0 0 999px;
}
.b-tiled-content-2.style-2 .tiles .tile h3 {
text-align: right;
font-size: 28px;
font-weight: 700;
line-height: 130%;
margin-bottom: 16px;
margin-top: 0;
}
.b-tiled-content-2.style-2 .tiles .tile p {
text-align: right;
font-size: 16px;
line-height: 163%;
max-width: unset;
}
.b-vertical-videos-scroller {
margin-top: 100px;
margin-bottom: 100px;
width: 100%;
overflow: hidden;
}
.b-vertical-videos-scroller .container {
display: -ms-flexbox;
display: flex;
gap: 58px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
overflow: visible;
}
.b-vertical-videos-scroller .headlines {
max-width: 614px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.b-vertical-videos-scroller .headlines h2 {
margin-bottom: 32px;
}
.b-vertical-videos-scroller .scroller-nav {
width: -moz-fit-content;
width: fit-content;
margin-right: auto;
margin-top: 16px;
gap: 16px;
display: -ms-flexbox;
display: flex;
}
.b-vertical-videos-scroller .scroller-nav button {
outline: 0;
border: none;
background: 0 0;
display: -ms-flexbox;
display: flex;
stroke: var(--text-black);
padding: 0;
transition: 0.2s ease-in-out;
}
.b-vertical-videos-scroller .scroller-nav button.prev {
transform: rotate(180deg);
}
.b-vertical-videos-scroller .scroller-nav button:disabled,
.b-vertical-videos-scroller .scroller-nav button:hover {
opacity: 0.5;
}
.b-vertical-videos-scroller .vertical-videos-cont {
display: -ms-flexbox;
display: flex;
gap: 24px;
direction: ltr;
}
.b-vertical-videos-scroller .video-card {
position: relative;
opacity: 0.5;
transform: scale(0.95);
}
.b-vertical-videos-scroller .video-card button.play {
background-color: var(--Design-Beige);
padding: 6px;
outline: 0;
border: none;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
transition: 0.2s ease-in-out;
}
.b-vertical-videos-scroller .video-card button.play svg {
width: 22px;
height: 22px;
stroke: var(--text-black);
transition: 0.2s ease-in-out;
}
.b-vertical-videos-scroller .video-card button.play:hover {
background-color: var(--Design-Orange-peach);
}
.b-vertical-videos-scroller .video-card button.play:hover svg {
stroke: var(--text-white);
}
.b-vertical-videos-scroller .video-card video {
height: 500px;
aspect-ratio: 280/500;
width: auto;
border-radius: 12px;
object-fit: cover;
}
.b-vertical-videos-scroller .video-card.active {
opacity: 1;
transform: scale(1);
}
.b-cta-panel {
margin: 100px 0;
}
.b-cta-panel .container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.b-cta-panel .content {
width: 518px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
gap: 40px;
}
.b-cta-panel .content h2 {
margin: 24px 0 16px;
}
.b-cta-panel .title-button {
width: -moz-fit-content;
width: fit-content;
}
.b-cta-panel img {
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 400px;
height: 408px;
border-radius: 12px;
object-fit: cover;
aspect-ratio: 748/408;
max-width: 100%;
margin-left: 56px;
}
.b-img-text-cols {
margin-top: -100px;
margin-bottom: -100px;
padding-bottom: 100px;
padding-top: 100px;
position: relative;
z-index: 1;
background-color: var(--bg-white-2);
}
.b-img-text-cols .container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
}
.b-img-text-cols img {
aspect-ratio: 650/480;
height: 480px;
width: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
object-fit: cover;
border-radius: 12px;
}
.b-img-text-cols .content {
width: 600px;
margin-left: 25px;
}
.b-img-text-cols .content .title-button {
margin-bottom: 16px;
width: -moz-fit-content;
width: fit-content;
}
.b-img-text-cols .content h2 {
margin-top: 0;
}
.b-colorful-shapes {
margin-bottom: 100px;
margin-top: 100px;
position: relative;
z-index: 1;
background-color: var(--bg-white-2);
}
.b-colorful-shapes .headlines {
text-align: center;
margin-bottom: 48px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.b-colorful-shapes .headlines h2 {
margin-top: 12px;
}
.b-colorful-shapes .shapes {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.b-colorful-shapes .shapes .content {
z-index: 2;
position: relative;
margin: auto;
}
.b-colorful-shapes .shapes .content h4 {
font-size: 18px;
font-weight: 700;
line-height: 130%;
margin-bottom: 8px;
}
.b-colorful-shapes .shapes .shape-1,
.b-colorful-shapes .shapes .shape-2,
.b-colorful-shapes .shapes .shape-3,
.b-colorful-shapes .shapes .shape-4 {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
text-align: center;
position: relative;
transition: 0.5s ease-in-out;
}
.b-colorful-shapes .shapes .shape-1 svg,
.b-colorful-shapes .shapes .shape-2 svg,
.b-colorful-shapes .shapes .shape-3 svg,
.b-colorful-shapes .shapes .shape-4 svg {
width: 100%;
height: 100%;
position: absolute;
}
.b-colorful-shapes .shapes .shape-1 {
width: 330px;
aspect-ratio: 1/1;
}
.b-colorful-shapes .shapes .shape-1 .content {
width: 70%;
}
.b-colorful-shapes .shapes .shape-1:hover {
transform: rotate(-5deg);
}
.b-colorful-shapes .shapes .shape-2 {
transform: rotate(5deg);
width: 229px;
aspect-ratio: 229/330;
margin-left: 36px;
margin-right: -15px;
}
.b-colorful-shapes .shapes .shape-2 .content {
padding: 0 20px;
}
.b-colorful-shapes .shapes .shape-2 svg {
aspect-ratio: 229/330;
}
.b-colorful-shapes .shapes .shape-2:hover {
transform: rotate(0);
}
.b-colorful-shapes .shapes .shape-3 {
aspect-ratio: 1/1;
width: 330px;
background-color: var(--Design-Blue);
border-radius: 50%;
}
.b-colorful-shapes .shapes .shape-3 .content {
padding-left: 30px;
padding-right: 30px;
}
.b-colorful-shapes .shapes .shape-3:hover {
transform: rotate(5deg);
}
.b-colorful-shapes .shapes .shape-4 {
aspect-ratio: 1/1;
width: 330px;
transform: rotate(-5deg);
}
.b-colorful-shapes .shapes .shape-4 .content {
padding-left: 30px;
padding-right: 30px;
}
.b-colorful-shapes .shapes .shape-4:hover {
transform: rotate(-2deg);
}
.b-text-img-cols {
margin-top: 100px;
margin-bottom: 100px;
}
.b-text-img-cols .container {
display: -ms-flexbox;
display: flex;
gap: 56px;
-ms-flex-align: stretch;
align-items: stretch;
}
.b-text-img-cols img {
width: auto;
height: 378px;
aspect-ratio: 568/378;
-ms-flex-negative: 0;
flex-shrink: 0;
object-fit: cover;
border-radius: 12px;
}
.b-text-img-cols .content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.b-text-img-cols .content h2 {
margin-bottom: 0;
}
.b-text-img-cols .content .bottom-part {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 23px;
padding-top: 32px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-top: solid 1px var(--design-grey-100);
}
.b-text-img-cols .content .bottom-part .box {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.b-text-img-cols .content .bottom-part .box h3 {
font-size: 60px;
letter-spacing: 0.3px;
font-weight: 700;
line-height: 59px;
margin-bottom: 0;
}
.b-blog-showcase {
margin-top: 100px;
margin-bottom: 100px;
}
.b-blog-showcase .top-part {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: end;
align-items: flex-end;
gap: 22px;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 56px;
}
.b-blog-showcase .top-part .headline-cont {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 24px;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.b-blog-showcase .top-part .headline-cont h2 {
margin-top: 0;
}
.b-blog-showcase .top-part .title-button {
margin-bottom: 0;
}
.b-blog-showcase .content {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
gap: 24px;
-ms-flex-item-align: stretch;
align-self: stretch;
cursor: pointer;
overflow-x: auto;
}
.b-blog-showcase .content .blog-card {
color: var(--text-black);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 32px;
-ms-flex: 0 0 calc((100% - 48px) / 3);
flex: 0 0 calc((100% - 48px) / 3);
}
.b-blog-showcase .content .blog-card .img-wrapper {
height: 240px;
aspect-ratio: 424/240;
overflow: hidden;
border-radius: 12px;
}
.b-blog-showcase .content .blog-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s;
}
.b-blog-showcase .content .blog-card .card-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: end;
align-items: flex-end;
gap: 20px;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.b-blog-showcase .content .blog-card .card-content .headline-and-text {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 12px;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.b-blog-showcase .content .blog-card .card-content p {
margin-bottom: 0;
}
.b-blog-showcase .content .blog-card .card-content p.small {
font-size: 14px;
font-weight: 500;
line-height: 153%;
}
.b-blog-showcase .content .blog-card .card-content .headline-cont {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.b-blog-showcase .content .blog-card .card-content .headline-cont svg {
width: 22px;
height: 22px;
stroke: var(--text-color-main);
}
.b-blog-showcase .content .blog-card .card-content .headline-cont h4 {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0;
transition: opacity 0.4s;
}
.b-blog-showcase .content .blog-card .card-content .card-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
gap: 8px;
}
.b-blog-showcase .content .blog-card .card-content .card-footer .tag {
display: -ms-flexbox;
display: flex;
padding: 6px 12px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
border-radius: 500px;
border: 1px solid var(--Black, #363636);
}
.b-blog-showcase .content .blog-card .card-content .card-footer .tag p {
font-size: 14px;
font-weight: 700;
line-height: 130%;
}
.b-blog-showcase .content .blog-card:hover img {
transform: scale(1.05);
}
.b-blog-showcase .content .blog-card:hover h4 {
opacity: 0.8;
}
.b-blog-showcase .btn-round-expand.mobile {
margin-top: 40px;
display: none;
border-color: var(--Design-Orange-peach);
color: var(--Design-Orange-peach);
margin-bottom: 8px;
}
.b-blog-showcase .btn-round-expand.mobile .icon {
background-color: var(--Design-Orange-peach);
}
.b-404 {
margin-top: 55px;
margin-bottom: 55px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.b-404 .container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
gap: 42px;
}
.b-404 .content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.b-404 .content h1 {
margin-bottom: 32px;
font-size: 48px;
font-weight: 700;
line-height: 48px;
}
.b-404 .content p {
margin-bottom: 40px;
}
.b-404 .img-cont {
height: 637px;
max-height: 95vh;
position: relative;
}
.b-404 .img-cont img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 12px;
}
.b-404 .img-cont svg {
position: absolute;
right: 0;
transform: translateX(50%);
bottom: -22px;
}
.b-faq {
margin-top: 60px;
margin-bottom: 120px;
scroll-behavior: smooth;
}
.b-faq .container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.b-faq .faq-nav {
position: sticky;
display: -ms-flexbox;
display: flex;
width: 194px;
top: 78px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 36px;
margin-top: 0;
padding-bottom: 48px;
padding-top: 20px;
padding-right: 0;
border-bottom: 2px solid #ededed;
list-style-type: none;
height: -moz-fit-content;
height: fit-content;
}
.b-faq .faq-nav li a {
color: var(--text-color-main);
transition: 0.3s;
}
.b-faq .faq-nav li a:hover {
color: var(--Design-Grey-300);
}
.b-faq hr {
margin: 0;
border: 1px solid #ededed;
height: unset;
box-sizing: unset;
}
.b-faq .spacer {
-ms-flex: 1 1 70px;
flex: 1 1 70px;
}
.b-faq .faq-cont {
width: 862px;
}
.b-faq .faq-cont .faq-section:not(:first-child) {
padding-top: 56px;
}
.b-faq .faq-cont h2 {
margin-bottom: 0;
}
.b-faq .faq-cont ul {
list-style-type: none;
padding-right: 0;
margin: 0;
}
.b-faq .faq-cont li {
padding-bottom: 20px;
padding-top: 20px;
border-bottom: 2px solid #ededed;
}
.b-faq .faq-cont .item-top {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-bottom: 4px;
}
.b-faq .faq-cont .item-top button {
border-radius: 50%;
position: relative;
width: 36px;
height: 36px;
border: 0;
outline: 0;
background-color: transparent;
transition: 0.3s;
}
.b-faq .faq-cont .item-top button span {
position: absolute;
top: 50%;
left: 50%;
font-size: 18px;
font-family: SimplerPro;
font-weight: 400;
transform: translate(-50%, -50%);
line-height: 36px;
}
.b-faq .faq-cont .item-top button span.close {
visibility: hidden;
padding-bottom: 4px;
}
.b-faq .faq-cont .item-top li .title {
transition: 0.3s;
}
.b-faq .faq-cont li.expanded .title {
font-weight: 700;
}
.b-faq .faq-cont li.expanded .item-top button span.expand {
visibility: hidden;
}
.b-faq .faq-cont li.expanded .item-top button span.close {
visibility: visible;
}
.b-faq .faq-cont p {
font-size: 16px;
font-weight: 500;
line-height: 163%;
margin-bottom: 0;
}
.b-faq .faq-cont p.title.active {
font-weight: 700;
}
.b-faq .faq-cont .expandable {
height: 0;
overflow: hidden;
}
.b-faq .pullout-nav {
display: none;
position: fixed;
padding: 16px;
left: 20px;
bottom: 16px;
z-index: 9;
}
.b-faq .pullout-nav button {
border-radius: 50%;
position: relative;
width: 28px;
height: 28px;
border: 0;
outline: 0;
background-color: var(--Design-Beige);
border: 0.5px solid var(--design-grey-100, #ededed);
box-shadow: -5.939px 0 13.576px 0 rgba(0, 0, 0, 0.07);
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-left: 8px;
padding: 0;
}
.b-faq .pullout-nav button svg {
width: 18px;
height: 18px;
}
.b-faq .pullout-nav ul {
display: -ms-flexbox;
display: flex;
padding: 16px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
border-radius: 7px;
border: 0.5px solid var(--design-grey-100, #ededed);
background: #fff;
box-shadow: -7px 0 16px 0 rgba(0, 0, 0, 0.07);
list-style-type: none;
margin: 0;
}
.b-faq .pullout-nav ul li {
width: 100%;
}
.b-faq .pullout-nav ul li a {
width: 100%;
color: var(--text-black, #363636);
font-size: 16px;
font-weight: 500;
line-height: 163%;
}
.b-faq .pullout-nav.active button {
transform: rotate(180deg);
}
.b-featured-blog {
margin-top: 60px;
margin-bottom: 60px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 32px;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.b-featured-blog a {
color: unset;
}
.b-featured-blog h2 {
margin-bottom: 32px;
}
.b-featured-blog .content-cont {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
gap: 32px;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.b-featured-blog .content-cont .blog-card .small {
color: var(--text-gray);
}
.b-featured-blog .small-cont {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
gap: 32px;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.b-featured-blog .small-cont .blog-card {
-ms-flex-direction: row;
flex-direction: row;
}
.b-featured-blog .small-cont .blog-card .img-wrapper {
width: 320px;
height: auto;
aspect-ratio: 320/204;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.b-featured-blog .small-cont .blog-card .card-footer {
margin-top: auto;
}
.b-featured-blog .big-cont {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 32px;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.b-featured-blog .big-cont .blog-card .img-wrapper {
height: 240px;
width: 100%;
}
.b-blog-archive {
margin-top: 80px;
margin-bottom: 80px;
}
.b-blog-archive .blog-card-repeater {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
column-gap: 24px;
row-gap: 40px;
margin-bottom: 60px;
}
.b-blog-archive .blog-card {
width: calc(33.333% - 16px);
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.b-blog-archive .blog-card .small {
color: var(--text-gray);
}
.b-blog-archive .filter {
position: relative;
width: 100%;
margin-bottom: 20px;
display: -ms-flexbox;
display: flex;
}
.b-blog-archive .filter .sort-by-filter {
margin-right: auto;
position: relative;
width: 140px;
}
.b-blog-archive .filter .sort-by-filter ul {
list-style-type: none;
padding: 12px 0;
position: absolute;
border: 1px solid var(--text-gray);
border-radius: 12px;
z-index: 1;
gap: 8px;
width: 100%;
background-color: var(--bg-page);
opacity: 0;
visibility: hidden;
margin-top: 4px;
}
.b-blog-archive .filter .sort-by-filter ul li {
padding: 14px 12px;
cursor: pointer;
transition: 0.3s;
font-size: 16px;
line-height: 163%;
width: 100%;
color: var(--text-gray);
}
.b-blog-archive .filter .sort-by-filter ul li:hover {
opacity: 0.7;
}
.b-blog-archive .filter .sort-by-filter ul li.active {
font-weight: 700;
}
.b-blog-archive .filter .sort-by-filter .btn-filter-products {
border: 1px solid var(--text-gray);
border-radius: 500px;
background-color: transparent;
display: -ms-flexbox;
display: flex;
vertical-align: top;
padding: 8px 24px;
height: -moz-fit-content;
height: fit-content;
width: 100%;
-ms-flex-pack: center;
justify-content: center;
}
.b-blog-archive .filter .sort-by-filter .btn-filter-products img {
width: 22px;
height: 22px;
margin-right: 8px;
}
.b-blog-archive .filter .tag-filter ul {
display: -ms-flexbox;
display: flex;
gap: 24px;
list-style-type: none;
padding: 0;
margin: 0;
overflow-x: auto;
}
.b-blog-archive .filter .tag-filter ul li {
cursor: pointer;
transition: 0.3s;
font-size: 16px;
line-height: 163%;
width: -moz-fit-content;
width: fit-content;
color: var(--design-grey-200);
white-space: nowrap;
}
.b-blog-archive .filter .tag-filter ul li:hover {
color: var(--text-color-main);
}
.b-blog-archive .filter .tag-filter ul li.active {
color: var(--text-color-main);
text-decoration: underline;
}
.b-blog-archive .pagination {
display: -ms-flexbox;
display: flex;
padding: 20px 60px 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.b-blog-archive .pagination ul {
list-style-type: none;
padding: 0;
margin: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
gap: 16px;
}
.b-blog-archive .pagination ul li {
cursor: pointer;
transition: 0.3s;
font-size: 14px;
font-weight: 600;
width: 40px;
height: 40px;
color: var(--design-grey-200);
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.b-blog-archive .pagination ul li.active,
.b-blog-archive .pagination ul li:hover {
color: var(--text-color-main);
}
.b-blog-archive .pagination .next,
.b-blog-archive .pagination .prev {
background-color: transparent;
border: 0;
outline: 0;
height: 40px;
width: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.b-featured-products-slider {
margin-top: 100px;
margin-bottom: 100px;
overflow: hidden;
}
.b-featured-products-slider .headline-img {
object-fit: cover;
border-radius: 12px;
position: relative;
z-index: 2;
-ms-flex: 1;
flex: 1;
min-height: 645px;
aspect-ratio: 580/645;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.b-featured-products-slider .container {
display: -ms-flexbox;
display: flex;
gap: 68px;
clip-path: inset(0 10px 0 -1000px);
-ms-flex-item-align: stretch;
align-self: stretch;
}
.b-featured-products-slider .content {
width: 100%;
position: relative;
}
.b-featured-products-slider .top-part {
width: 100%;
margin-bottom: 40px;
}
.b-featured-products-slider .top-part .title-button {
margin-bottom: 12px;
width: -moz-fit-content;
width: fit-content;
}
.b-featured-products-slider .top-part .headline-and-control {
display: -ms-flexbox;
display: flex;
width: 100%;
justify-self: stretch;
}
.b-featured-products-slider .top-part .controls {
display: -ms-flexbox;
display: flex;
margin-right: auto;
-ms-flex-align: end;
align-items: flex-end;
gap: 12px;
}
.b-featured-products-slider .top-part .controls button {
transition: 0.3s;
}
.b-featured-products-slider .top-part .controls button:disabled {
opacity: 0.3;
}
.b-featured-products-slider .top-part h2 {
margin-bottom: 0;
}
.b-featured-products-slider .slider-cont {
height: 460px;
position: relative;
overflow: visible;
}
.b-featured-products-slider .slider {
position: absolute;
right: 0;
width: 100%;
height: 100%;
overflow: visible;
}
.b-featured-products-slider .slider.swiper .swiper-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
}
.b-featured-products-slider .slider.swiper .swiper-slide {
width: 306px;
-ms-flex-negative: 0;
flex-shrink: 0;
height: auto;
}
.b-contact-form {
margin-top: 60px;
margin-bottom: 120px;
}
.b-contact-form .container {
border-radius: 20px;
background: var(--design-light-blue, #f8fbff);
display: -ms-flexbox;
display: flex;
padding: 90px 120px 100px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
gap: 48px;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.b-contact-form h1 {
margin-left: auto;
margin-bottom: 0;
}
.b-contact-form .content {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.b-contact-form .content form {
width: 500px;
}
.b-contact-form .content form:valid button {
pointer-events: auto;
}
.b-contact-form .content form button {
margin-top: 24px;
pointer-events: none;
}
.b-contact-form .content form:not(:valid) button {
cursor: not-allowed;
color: var(--text-white);
border-color: #d0d1d5;
background-color: #d0d1d5;
pointer-events: none;
}
.b-contact-form .content form:not(:valid) button .icon {
background-color: var(--bg-white);
}
.b-contact-form .content form:not(:valid) button .icon svg path {
stroke: #d0d1d5;
}
.b-contact-form .content form input {
margin-bottom: 12px;
line-height: 153%;
}
.b-contact-form .content form input:-ms-input-placeholder {
font-size: 14px;
color: var(--text-gray);
}
.b-contact-form .content form input::placeholder {
font-size: 14px;
color: var(--text-gray);
}
.b-contact-form .content form textarea {
padding: 12px 12px 12px 24px;
height: 84px;
}
.b-contact-form .content form textarea:-ms-input-placeholder {
font-size: 14px;
color: var(--text-gray);
}
.b-contact-form .content form textarea::placeholder {
font-size: 14px;
color: var(--text-gray);
}
.b-contact-form .content form .form-row {
display: -ms-flexbox;
display: flex;
gap: 16px;
}
.b-contact-form .content .text-content {
width: 500px;
}
.b-contact-form .content .text-content > p {
margin-bottom: 20px;
}
.b-contact-form .content .text-content > a {
margin-bottom: 20px;
display: block;
}
.b-contact-form .content .text-content .info-row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 12px;
}
.b-contact-form .content .text-content .info-row p {
margin-left: 12px;
margin-right: 8px;
font-weight: 700;
margin-bottom: 0;
}
.b-contact-form .content .text-content .info-row a {
color: var(--text-black);
line-height: 160%;
}
.b-arcticle {
margin-top: 36px;
margin-bottom: 100px;
}
.b-arcticle article {
display: -ms-flexbox;
display: flex;
gap: 40px;
}
.b-arcticle .sticky-featured-img {
position: sticky;
top: 100px;
left: 0;
right: 0;
z-index: 2;
height: -moz-fit-content;
height: fit-content;
overflow: hidden;
min-width: 0;
padding: 0 10px;
max-height: 75vh;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.b-arcticle .sticky-featured-img img {
border-radius: 18px;
width: 100%;
object-fit: cover;
aspect-ratio: 360/203;
}
.b-arcticle .entry-content {
width: 655px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.b-arcticle .entry-content .timestamp {
color: var(--text-gray);
margin-bottom: 8px;
}
.b-arcticle .entry-content .entry-header {
margin-bottom: 32px;
}
.b-arcticle .entry-content .entry-header .entry-title {
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 130%;
margin-bottom: 20px;
}
.b-arcticle .entry-content .tags {
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.b-arcticle .entry-content .tags a {
display: -ms-flexbox;
display: flex;
padding: 6px 12px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
border-radius: 500px;
border: 1px solid var(--Black, #363636);
color: var(--Black);
transition: 0.2s ease-in-out;
}
.b-arcticle .entry-content .tags a p {
font-size: 14px;
font-weight: 700;
line-height: 130%;
}
.b-arcticle .entry-content .tags a:hover {
background-color: var(--Design-Blue);
border: 1px solid var(--Design-Blue);
}
.b-arcticle .entry-content figure {
margin-bottom: 14px;
width: 100%;
}
.b-arcticle .entry-content figure img {
width: 100%;
border-radius: 12px;
height: 367px;
object-fit: cover;
}
.b-arcticle .entry-content figcaption {
margin-top: 14px;
margin-bottom: 16px;
margin-right: 12px;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 153%;
}
.b-arcticle .entry-content h4 {
margin-bottom: 16px;
}
.b-arcticle .entry-content h5 {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
margin-bottom: 12px;
}
.b-arcticle .entry-content blockquote {
color: var(--Design-Orange-peach, #ed5522);
border-right: var(--Design-Orange-peach) solid 2px;
border-left: unset;
padding-right: 20px;
margin-right: 20px;
padding-left: 0;
}
.b-arcticle .entry-content blockquote p {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 133%;
}
.b-arcticle .entry-content figure,
.b-arcticle .entry-content h4,
.b-arcticle .entry-content h5 {
margin-top: 40px;
}
.header__nav-menu li.nav__item button.cred_modal_btn {
background: 0 0;
border: none;
cursor: pointer;
outline: 0;
padding: 0;
}
.header__nav-menu li.nav__item button.cred_modal_btn:hover {
color: var(--text-orange);
}
.creds__wrapper {
position: fixed;
height: 100%;
max-width: 560px;
width: 100%;
top: 0;
bottom: 0;
left: 0;
z-index: 60;
padding: 56px 0 0;
border-radius: 0 20px 20px 0;
background-color: #fff;
transform: translateX(-100%);
transition: transform 0.3s ease-out;
}
.creds__wrapper.extended {
transform: translateX(0);
}
.creds__wrapper .creds__inner {
height: 100%;
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 56px 56px;
overflow: auto;
}
.creds__wrapper .creds__header {
position: absolute;
top: 0;
left: 0;
}
.creds__wrapper .creds__header .close-btn {
width: 16px;
height: 16px;
margin-top: 6px;
cursor: pointer;
outline: 0;
border: none;
background: 0 0;
padding: 0;
position: relative;
z-index: 2;
top: 54px;
left: 60px;
}
.creds__wrapper .creds__content {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.creds__wrapper .creds__content h4 {
font-size: 24px;
font-weight: 700;
line-height: 120%;
margin: 0;
width: -moz-fit-content;
width: fit-content;
}
.creds__wrapper .panel {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
gap: 32px;
}
.creds__wrapper .panel:not(.active) {
display: none;
}
.creds__wrapper .panel__footer {
width: 100%;
margin-top: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
gap: 16px;
}
.creds__wrapper .panel__footer p {
margin-bottom: 0;
}
.creds__wrapper .nsl-container {
width: 100%;
}
.creds__wrapper .nsl-container-buttons {
padding: 0;
width: 100%;
display: -ms-flexbox;
display: flex;
gap: 16px;
margin: 0;
}
.creds__wrapper .nsl-container-buttons a,
.creds__wrapper .nsl-container-buttons button {
-ms-flex: 1;
flex: 1;
border-radius: 8px;
border: 0.711px solid var(--Design-Grey-100, #ededed);
background: var(--Design-Light-Blue, #f8fbff);
padding: 9px 16px;
width: 100%;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: center;
justify-content: center;
}
.creds__wrapper .nsl-container-buttons img {
width: 24px;
height: 24px;
}
.creds__wrapper .integrations {
list-style-type: none;
padding: 0;
width: 100%;
display: -ms-flexbox;
display: flex;
gap: 16px;
margin: 0;
}
.creds__wrapper .integrations li {
-ms-flex: 1;
flex: 1;
}
.creds__wrapper .integrations li a,
.creds__wrapper .integrations li button {
border-radius: 8px;
border: 0.711px solid var(--Design-Grey-100, #ededed);
background: var(--Design-Light-Blue, #f8fbff);
padding: 9px 16px;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.creds__wrapper .integrations li img {
width: 24px;
height: 24px;
}
.creds__wrapper .separator {
width: 100%;
position: relative;
display: -ms-flexbox;
display: flex;
}
.creds__wrapper .separator::before {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: var(--Design-Grey-300);
position: absolute;
z-index: -1;
top: 14px;
}
.creds__wrapper .separator p {
font-size: 14px;
font-weight: 500;
line-height: 153%;
color: var(--Design-Grey-300);
margin: auto;
background-color: #fff;
padding: 0 12px;
}
.creds__wrapper form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.creds__wrapper form .form-row {
position: relative;
display: -ms-flexbox;
display: flex;
gap: 16px;
margin-bottom: 12px;
}
.creds__wrapper form input {
-ms-flex: 1;
flex: 1;
}
.creds__wrapper form input:-ms-input-placeholder {
font-size: 14px;
color: var(--text-gray);
}
.creds__wrapper form input::placeholder {
font-size: 14px;
color: var(--text-gray);
}
.creds__wrapper form input.visibility-controled {
padding-left: 50px;
}
.creds__wrapper form input.pass-visibility {
position: absolute;
top: 14px;
left: 24px;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
.creds__wrapper form input.pass-visibility::before {
content: "";
display: block;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2929 11.5046C14.2929 13.2992 12.8212 14.7493 11.0001 14.7493C9.17892 14.7493 7.70728 13.2992 7.70728 11.5046C7.70728 9.71004 9.17892 8.25988 11.0001 8.25988C12.8212 8.25988 14.2929 9.71004 14.2929 11.5046Z' stroke='%23A5A8AD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 19C14.2468 19 17.2729 17.1148 19.3792 13.852C20.207 12.574 20.207 10.426 19.3792 9.14804C17.2729 5.8852 14.2468 4 11 4C7.75319 4 4.72713 5.8852 2.62085 9.14804C1.79305 10.426 1.79305 12.574 2.62085 13.852C4.72713 17.1148 7.75319 19 11 19Z' stroke='%23A5A8AD' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
.creds__wrapper form input.pass-visibility:checked::before {
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2929 11.5046C14.2929 13.2992 12.8212 14.7493 11.0001 14.7493C9.17892 14.7493 7.70728 13.2992 7.70728 11.5046C7.70728 9.71004 9.17892 8.25988 11.0001 8.25988C12.8212 8.25988 14.2929 9.71004 14.2929 11.5046Z' stroke='%23A5A8AD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 19C14.2468 19 17.2729 17.1148 19.3792 13.852C20.207 12.574 20.207 10.426 19.3792 9.14804C17.2729 5.8852 14.2468 4 11 4C7.75319 4 4.72713 5.8852 2.62085 9.14804C1.79305 10.426 1.79305 12.574 2.62085 13.852C4.72713 17.1148 7.75319 19 11 19Z' stroke='%23A5A8AD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4L18 18' stroke='%23A5A8AD' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");
}
.creds__wrapper form .pass-box {
position: relative;
-ms-flex: 1;
flex: 1;
}
.creds__wrapper form .btn-link {
margin-right: auto;
margin-top: -4px;
font-size: 14px;
line-height: 163%;
}
.creds__wrapper form button[type="submit"] {
margin-right: auto;
margin-left: auto;
margin-top: 24px;
transition: 0.2s ease-in-out;
}
.creds__wrapper form:not(:valid) button[type="submit"] {
cursor: not-allowed;
color: var(--text-white);
border-color: #d0d1d5;
background-color: #d0d1d5;
pointer-events: none;
}
.creds__wrapper form:not(:valid) button[type="submit"] .icon {
background-color: var(--bg-white);
}
.creds__wrapper form:not(:valid) button[type="submit"] .icon svg path {
stroke: #d0d1d5;
}
.creds__wrapper form .checkboxes {
margin-top: 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.creds__wrapper form .checkboxes .error-text {
margin-top: 0;
}
.creds__wrapper form .checkboxes .checkbox_title::before {
top: 3px;
}
.creds__wrapper .input-wrap {
width: 100%;
}
.b-password-reset {
margin-top: 142px;
margin-bottom: 142px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.b-password-reset form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 489px;
}
.b-password-reset form .form-row {
position: relative;
display: -ms-flexbox;
display: flex;
gap: 16px;
margin-bottom: 12px;
}
.b-password-reset form input {
-ms-flex: 1;
flex: 1;
}
.b-password-reset form input:-ms-input-placeholder {
font-size: 14px;
color: var(--text-gray);
}
.b-password-reset form input::placeholder {
font-size: 14px;
color: var(--text-gray);
}
.b-password-reset form .visibility-controled {
padding-left: 50px;
}
.b-password-reset form .pass-visibility {
position: absolute;
top: 14px;
left: 24px;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
.b-password-reset form .pass-visibility::before {
content: "";
display: block;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2929 11.5046C14.2929 13.2992 12.8212 14.7493 11.0001 14.7493C9.17892 14.7493 7.70728 13.2992 7.70728 11.5046C7.70728 9.71004 9.17892 8.25988 11.0001 8.25988C12.8212 8.25988 14.2929 9.71004 14.2929 11.5046Z' stroke='%23A5A8AD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 19C14.2468 19 17.2729 17.1148 19.3792 13.852C20.207 12.574 20.207 10.426 19.3792 9.14804C17.2729 5.8852 14.2468 4 11 4C7.75319 4 4.72713 5.8852 2.62085 9.14804C1.79305 10.426 1.79305 12.574 2.62085 13.852C4.72713 17.1148 7.75319 19 11 19Z' stroke='%23A5A8AD' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
.b-password-reset form .pass-visibility:checked::before {
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2929 11.5046C14.2929 13.2992 12.8212 14.7493 11.0001 14.7493C9.17892 14.7493 7.70728 13.2992 7.70728 11.5046C7.70728 9.71004 9.17892 8.25988 11.0001 8.25988C12.8212 8.25988 14.2929 9.71004 14.2929 11.5046Z' stroke='%23A5A8AD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 19C14.2468 19 17.2729 17.1148 19.3792 13.852C20.207 12.574 20.207 10.426 19.3792 9.14804C17.2729 5.8852 14.2468 4 11 4C7.75319 4 4.72713 5.8852 2.62085 9.14804C1.79305 10.426 1.79305 12.574 2.62085 13.852C4.72713 17.1148 7.75319 19 11 19Z' stroke='%23A5A8AD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4L18 18' stroke='%23A5A8AD' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");
}
.b-password-reset form .pass-box {
position: relative;
-ms-flex: 1;
flex: 1;
}
.b-password-reset form button[type="submit"] {
margin-right: auto;
margin-left: auto;
margin-top: 12px;
transition: 0.2s ease-in-out;
}
.b-password-reset form:not(:valid) button[type="submit"] {
cursor: not-allowed;
color: var(--text-white);
border-color: #d0d1d5;
background-color: #d0d1d5;
pointer-events: none;
}
.b-password-reset form:not(:valid) button[type="submit"] .icon {
background-color: var(--bg-white);
}
.b-password-reset form:not(:valid) button[type="submit"] .icon svg path {
stroke: #d0d1d5;
}
.b-single-career-post {
margin-top: 40px;
margin-bottom: 100px;
}
.b-single-career-post .container {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 56px;
-ms-flex-pack: center;
justify-content: center;
}
.b-single-career-post .top-part {
width: 100%;
margin-bottom: 40px;
}
.b-single-career-post .top-part a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.b-single-career-post .top-part a div {
margin-left: 12px;
border-radius: 50%;
background-color: var(--Design-Beige);
width: 33px;
height: 33px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
transition: 0.2s ease-in-out;
}
.b-single-career-post .top-part a div svg {
width: 16px;
stroke: var(--text-black);
transition: 0.2s ease-in-out;
}
.b-single-career-post .top-part a:hover div {
background-color: var(--Design-Orange-peach);
}
.b-single-career-post .top-part a:hover div svg {
stroke: #fff;
}
.b-single-career-post .tags {
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.b-single-career-post .tags .tag {
display: -ms-flexbox;
display: flex;
padding: 6px 12px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
border-radius: 500px;
border: 1px solid var(--Black, #363636);
color: var(--Black);
}
.b-single-career-post .tags .tag p {
font-size: 14px;
font-weight: 700;
line-height: 130%;
}
.b-single-career-post .career-form-cont {
padding: 40px 32px;
background: #fff;
border-radius: 20px;
width: 518px;
height: -moz-fit-content;
height: fit-content;
}
.b-single-career-post .career-form-cont h3 {
margin-bottom: 32px;
}
.b-single-career-post .career-info-cont {
padding: 40px 40px 90px;
background: #fff;
border-radius: 20px;
max-width: 660px;
min-width: 420px;
-ms-flex: 1;
flex: 1;
height: -moz-fit-content;
height: fit-content;
}
.b-single-career-post .career-info-cont .share-copy {
outline: 0;
border: 0;
background: 0 0;
position: relative;
}
.b-single-career-post .career-info-cont .tags {
margin-bottom: 12px;
}
.b-single-career-post .career-info-cont .title {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-bottom: 12px;
}
.b-single-career-post .career-info-cont .title a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.b-single-career-post .career-info-cont .title svg {
width: 16px;
height: 16px;
}
.b-single-career-post .career-info-cont .title h2 {
margin-bottom: 0;
}
.b-single-career-post .career-info-cont .list.heading {
padding-top: 24px;
margin-top: 24px;
margin-bottom: 16px;
border-top: 1px solid var(--design-grey-100);
font-size: 18px;
font-weight: 700;
line-height: 130%;
}
.b-single-career-post .career-info-cont ul {
padding-right: 14px;
margin-bottom: 16px;
margin-top: 0;
}
.b-single-career-post .career-info-cont ul li {
margin-bottom: 24px;
}
.b-single-career-post .career-info-cont ul li:last-child {
margin-bottom: 0;
}
.b-single-career-post .career-info-cont ul li::marker {
color: var(--Design-Orange-peach);
font-size: 18px;
}
.b-single-career-post form .form-row {
margin-bottom: 12px;
}
.b-single-career-post form input:-ms-input-placeholder {
font-size: 14px;
color: var(--text-gray);
}
.b-single-career-post form input::placeholder {
font-size: 14px;
color: var(--text-gray);
}
.b-single-career-post form input[type="file"] {
content: "TEST";
-ms-flex-align: center;
align-items: center;
color: transparent;
cursor: pointer;
}
.b-single-career-post form input[type="file"]:valid {
color: transparent;
}
.b-single-career-post form input[type="file"]::-webkit-file-upload-button {
display: none;
}
.b-single-career-post form input[type="file"]::file-selector-button {
display: none;
}
.b-single-career-post form input[type="file"]::before {
content: "";
display: block;
width: 14px;
height: 14px;
position: absolute;
top: 50%;
left: 24px;
z-index: 1;
transform: translateY(-50%);
background-size: cover;
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13%206.6256L7.32667%2011.9763C6.63165%2012.6317%205.68899%2013%204.70608%2013C3.72317%2013%202.78051%2012.6317%202.08549%2011.9763C1.39046%2011.3208%201%2010.4317%201%209.5047C1%208.57769%201.39046%207.68865%202.08549%207.03315L7.75881%201.6825C8.22216%201.2455%208.8506%201%209.50587%201C10.1611%201%2010.7896%201.2455%2011.2529%201.6825C11.7163%202.1195%2011.9766%202.71219%2011.9766%203.3302C11.9766%203.94821%2011.7163%204.5409%2011.2529%204.9779L5.57344%2010.3286C5.34176%2010.5471%205.02754%2010.6698%204.69991%2010.6698C4.37227%2010.6698%204.05805%2010.5471%203.82638%2010.3286C3.5947%2010.1101%203.46455%209.81371%203.46455%209.5047C3.46455%209.1957%203.5947%208.89935%203.82638%208.68085L9.06756%203.74358%22%20stroke%3D%22%23A5A8AD%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.b-single-career-post form input[type="file"]::after {
content: "";
display: block;
width: 62px;
height: calc(100% - 2px);
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
position: absolute;
top: 50%;
left: 1px;
transform: translateY(-50%);
background-size: cover;
background-color: #fff;
}
.b-single-career-post form button.clear-file {
width: 62px;
height: 48px;
position: absolute;
top: 0;
left: 0;
background-color: transparent;
outline: 0;
border: 0;
background-image: url('data:image/svg+xml,');
display: none;
padding: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
}
.b-single-career-post form .filled button.clear-file {
display: block;
}
.b-single-career-post form .filled input[type="file"]::before {
display: none;
}
.b-single-career-post form .file-input-label {
font-size: 14px;
color: var(--text-gray);
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
display: block;
text-align: right;
max-width: calc(100% - 70px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.b-single-career-post form .file-input-info {
color: var(--Design-Grey-300);
text-align: right;
font-size: 14px;
font-weight: 500;
margin-top: 8px;
}
.b-single-career-post form:not(:valid) button[type="submit"] {
cursor: not-allowed;
color: var(--text-white);
border-color: #d0d1d5;
background-color: #d0d1d5;
pointer-events: none;
}
.b-single-career-post form:not(:valid) button[type="submit"] .icon {
background-color: var(--bg-white);
}
.b-single-career-post form:not(:valid) button[type="submit"] .icon svg path {
stroke: #d0d1d5;
}
.b-single-career-post .after-submit {
display: none;
-ms-flex-direction: column;
flex-direction: column;
}
.b-single-career-post .after-submit h3 {
margin-bottom: 16px;
}
.b-single-career-post .form-filled .after-submit-form {
display: none;
}
.b-single-career-post .form-filled .after-submit {
display: -ms-flexbox;
display: flex;
}
.b-job-board {
margin-top: 100px;
margin-bottom: 100px;
}
.b-job-board .top-part {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
margin-bottom: 56px;
}
.b-job-board .top-part h2 {
margin-bottom: 0;
margin-top: 12px;
}
.b-job-board .job-list {
gap: 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.b-job-board .job-list .job-card {
-ms-flex: 0 1 calc(50% - 12px);
flex: 0 1 calc(50% - 12px);
box-sizing: border-box;
background-color: var(--Design-Beige);
padding: 24px;
height: -moz-fit-content;
height: fit-content;
}
.b-job-board .job-list .job-card .card-header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
row-gap: 16px;
}
.b-job-board .job-list .job-card .card-header .tags {
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.b-job-board .job-list .job-card .card-header .tags .tag {
display: -ms-flexbox;
display: flex;
padding: 6px 12px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
border-radius: 500px;
border: 1px solid var(--text-gray, #363636);
color: var(--text-gray);
}
.b-job-board .job-list .job-card .card-header .tags .tag p {
font-size: 14px;
font-weight: 700;
line-height: 130%;
}
.b-job-board .job-list .job-card .card-header h3 {
margin: 0;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 130%;
}
.custom-popup {
background-color: rgba(0, 0, 0, 0.45);
backdrop-filter: blur(5px);
z-index: 200;
transition: opacity 0.2s linear;
overflow: hidden;
pointer-events: none;
opacity: 0;
visibility: hidden;
}
.custom-popup.active {
pointer-events: unset;
opacity: 1;
visibility: visible;
}
.custom-popup__wrap {
overflow: auto;
padding: 20px;
}
.custom-popup .popup-control {
width: 100%;
max-width: 700px;
margin: auto;
padding: 32px 24px;
}
.custom-popup .popup-control.popup-xs {
max-width: 312px;
}
.custom-popup .btn-close-popup {
top: 14px;
left: 14px;
}
#add-address-popup .form__row {
margin: 0;
}
.b-socials-section:not(:first-child) {
margin-top: 70px;
}
.b-socials-section .decor img {
width: 100%;
}
.b-socials-section .text-image {
max-width: 219px;
}
.b-socials-section .socials-section {
padding: 60px 0 240px;
}
.b-socials-section .socials-list:not(:last-child) {
margin-bottom: 74px;
}
.b-socials-section .socials-list a:hover {
opacity: 0.7;
}
.b-socials-section .tag-company {
font-size: 56px;
font-weight: 700;
line-height: 1;
padding: 54px 0 0;
}
.b-socials-section .media2 {
width: 260px;
top: 0;
left: calc(50% + 20vw);
}
.b-socials-section .media3 {
width: 170px;
top: 45%;
left: calc(50% + 43vw);
}
.b-socials-section .media4 {
width: 170px;
bottom: 2%;
left: calc(50% + 18vw);
}
.b-socials-section .media5 {
width: 140px;
bottom: 2%;
right: calc(50% + 22vw);
}
.b-socials-section .media6 {
width: 280px;
right: calc(50% + 36vw);
top: 25%;
}
.b-socials-section .media7 {
width: 124px;
top: 0;
right: calc(50% + 17vw);
}
.b-socials-section .swiper-wrapper {
transition-timing-function: linear;
}
.b-socials-section .gallery-slider {
direction: ltr;
}
.b-socials-section .gallery-slider:not(:first-child) {
margin-top: 75px;
}
.b-socials-section .gallery-slider .swiper-slide {
width: auto;
}
.b-socials-section .gallery-slider .media {
width: 222px;
height: 270px;
}
.subscribe-form .form__control {
min-height: 42px;
border-color: #fff;
padding-left: 150px;
border-radius: 500px;
}
.subscribe-form .btn-submit {
position: absolute;
top: 4px;
left: 4px;
min-height: 34px;
padding-left: 45px;
}
.subscribe-form .btn-submit .icon {
width: 28px;
height: 28px;
left: 3px;
top: 2px;
}
.subscribe-form .btn-submit .icon img,
.subscribe-form .btn-submit .icon svg {
max-width: 14px;
}
.footer .top-part {
padding: 50px 0 24px;
}
.footer .top-part .content-part {
max-width: 584px;
}
.footer .top-part .content-part .content:not(:last-child) {
margin-bottom: 40px;
}
.footer .top-part .subscribe-form {
max-width: 418px;
}
.footer .footer-menu .menu-column {
width: 125px;
}
.footer .footer-menu .column-title:not(:last-child) {
margin-bottom: 24px;
}
.footer .footer-menu .column-title {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.footer .footer-menu .column-title,
.footer .footer-menu .column-title h3 {
font-size: 16px;
}
.footer .footer-menu .column-menu {
font-size: 14px;
}
.footer .footer-menu .column-menu li:not(:last-child) {
margin-bottom: 24px;
}
.footer .footer-menu .column-menu a {
text-decoration: none;
transition: 0.2s linear;
}
.footer .logo-part img {
margin: 0 auto;
}
.footer .bottom-part {
padding: 24px 0;
border-top: 1px solid #e6e6e6;
}
.footer .bottom-part .links > ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
gap: 24px;
}
.footer .bottom-part .links a {
display: block;
}
.fixed-contact-us {
left: 9px;
bottom: 60px;
z-index: 10;
transition: 0.2s linear;
line-height: 1.2;
}
.fixed-contact-us:not(.active) {
opacity: 0;
visibility: hidden;
}
.fixed-contact-us .title {
display: block;
margin: 0 0 5px;
}
.btn-round {
padding: 4px 16px 4px 4px;
border-radius: 500px;
border: var(--border-black) solid 1px;
background-color: var(--bg-white-2);
display: -ms-flexbox;
display: flex;
margin-bottom: 16px;
-ms-flex-align: center;
align-items: center;
transition: 0.2s ease-in-out;
}
.btn-round span {
font-weight: 700;
display: -ms-flexbox;
display: flex;
margin-left: 16px;
height: -moz-fit-content;
height: fit-content;
margin-right: auto;
}
.btn-round .icon {
padding: 6px;
background: var(--border-black);
border-radius: 100%;
width: 32px;
height: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-right: auto;
}
.btn-round .icon svg {
stroke: var(--bg-white-2);
width: 25px;
height: 25px;
}
.btn-round:hover {
background-color: var(--border-black);
}
.btn-round:hover span {
color: var(--bg-white-2);
}
.btn-round:hover .icon {
background: var(--bg-white-2);
}
.btn-round:hover .icon svg {
stroke: var(--text-black);
}
.btn-round:focus {
outline: 0;
}
.btn-round-expand {
padding: 4px 16px 4px 4px;
border-radius: 500px;
border: var(--border-black) solid 1px;
background-color: var(--bg-white-2);
display: -ms-flexbox;
display: flex;
margin-bottom: 16px;
-ms-flex-align: center;
align-items: center;
transition: 0.2s ease-in-out;
}
.btn-round-expand span {
font-weight: 700;
display: -ms-flexbox;
display: flex;
margin-left: 16px;
height: -moz-fit-content;
height: fit-content;
margin-right: auto;
}
.btn-round-expand .icon {
padding: 6px;
background: var(--border-black);
border-radius: 100%;
width: 32px;
height: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-right: 0;
transition: 0.2s ease-in-out;
}
.btn-round-expand .icon svg {
stroke: var(--bg-white-2);
width: 25px;
height: 25px;
}
.btn-round-expand:hover {
margin-right: -10px;
}
.btn-round-expand:hover .icon {
margin-right: 10px;
}
.btn-round-expand:focus {
outline: 0;
}
.btn-round-expand.orange {
border-color: var(--Design-Orange-peach);
color: var(--Design-Orange-peach);
margin-bottom: 8px;
}
.btn-round-expand.orange .icon,
.btn-round-expand.orange:hover {
background-color: var(--Design-Orange-peach);
}
.btn-round-expand.orange:hover span {
color: var(--bg-white-2);
}
.btn-round-expand.orange:hover .icon {
background: var(--bg-white-2);
}
.btn-round-expand.orange:hover .icon svg {
stroke: var(--Design-Orange-peach);
}
.btn-round-expand:disabled {
cursor: default;
background-color: var(--design-grey-200);
color: #fff;
border-color: var(--design-grey-200);
}
.btn-round-expand:disabled .icon {
background-color: #fff;
}
.btn-round-expand:disabled .icon svg {
stroke: var(--design-grey-200);
}
.btn-black-rounded-inverse {
padding: 4px 16px 4px 4px;
border-radius: 500px;
border: var(--border-black) solid 1px;
background-color: var(--bg-white-2);
display: -ms-flexbox;
display: flex;
margin-bottom: 16px;
-ms-flex-align: center;
align-items: center;
transition: 0.2s ease-in-out;
width: -moz-fit-content;
width: fit-content;
justify-self: center;
color: var(--text-black);
}
.btn-black-rounded-inverse span {
font-weight: 700;
display: -ms-flexbox;
display: flex;
margin-left: 16px;
height: -moz-fit-content;
height: fit-content;
margin-right: auto;
}
.btn-black-rounded-inverse .icon {
padding: 6px;
background: var(--border-black);
border-radius: 100%;
width: 32px;
height: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-right: 0;
transition: 0.2s ease-in-out;
}
.btn-black-rounded-inverse .icon svg {
stroke: var(--bg-white-2);
width: 25px;
height: 25px;
}
.btn-black-rounded-inverse:hover {
margin-right: -5px;
margin-left: -5px;
background-color: var(--text-black);
color: var(--bg-white-2);
}
.btn-black-rounded-inverse:hover .icon {
margin-right: 10px;
background-color: var(--bg-white-2);
}
.btn-black-rounded-inverse:hover .icon svg {
stroke: var(--text-black);
}
.btn-black-rounded-inverse:focus {
outline: 0;
}
.btn-black-rounded-inverse.dark {
border-color: var(--text-black);
color: var(--bg-white-2);
background-color: var(--text-black);
margin-bottom: 8px;
}
.btn-black-rounded-inverse.dark .icon {
background-color: var(--bg-white-2);
}
.btn-black-rounded-inverse.dark .icon svg {
stroke: var(--text-black);
}
.btn-black-rounded-inverse.dark:hover {
background-color: var(--bg-white-2);
}
.btn-black-rounded-inverse.dark:hover span {
color: var(--text-black);
}
.btn-black-rounded-inverse.dark:hover .icon {
background: var(--text-black);
}
.btn-black-rounded-inverse.dark:hover .icon svg {
stroke: var(--bg-white-2);
}
.btn-arrow {
padding: 6px;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
transition: 0.2s ease-in-out;
border-radius: 50%;
background-color: var(--Design-Beige);
border: none;
}
.btn-arrow svg {
width: 22px;
height: 22px;
stroke: var(--text-black);
transition: 0.2s ease-in-out;
}
.btn-arrow:hover {
background-color: var(--Design-Orange-peach);
}
.btn-arrow:hover svg {
stroke: var(--design-light-blue);
}
.btn-link {
color: var(--text-black);
text-overflow: ellipsis;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-style: solid;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
transition: 0.2s ease-in-out;
}
.btn-link.light {
color: var(--Design-Beige);
}
.btn-link:hover {
color: var(--Design-Grey-300);
}
.btn-link.orange-hover:hover {
color: var(--Design-Orange-peach);
}
.popover {
position: absolute;
background: var(--text-color-main);
color: #fff;
padding: 8px 12px;
border-radius: 4px;
font-size: 14px;
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
white-space: nowrap;
z-index: 1000;
opacity: 0;
transition: opacity 0.2s;
pointer-events: none;
}
@font-face {
font-family: "Playfair Display";
src: url();
src:
url() format("embedded-opentype"),
url() format("woff2"),
url() format("woff"),
url() format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Playfair Display";
src: url();
src:
url() format("embedded-opentype"),
url(../fonts/PlayfairDisplay-BoldItalic.woff2) format("woff2"),
url() format("woff"),
url() format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Poppins;
src: url();
src:
url() format("embedded-opentype"),
url(../fonts/Poppins-Medium.woff2) format("woff2"),
url() format("woff"),
url() format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@media (min-width: 640px) {
.choices__list--dropdown .choices__item--selectable[data-select-text],
.choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
padding-right: 100px;
}
.choices__list--dropdown .choices__item--selectable[data-select-text]::after,
.choices__list[aria-expanded]
.choices__item--selectable[data-select-text]::after {
content: attr(data-select-text);
font-size: 12px;
opacity: 0;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
[dir="rtl"]
.choices__list--dropdown
.choices__item--selectable[data-select-text],
[dir="rtl"]
.choices__list[aria-expanded]
.choices__item--selectable[data-select-text] {
text-align: right;
padding-left: 100px;
padding-right: 10px;
}
[dir="rtl"]
.choices__list--dropdown
.choices__item--selectable[data-select-text]::after,
[dir="rtl"]
.choices__list[aria-expanded]
.choices__item--selectable[data-select-text]::after {
right: auto;
left: 10px;
}
}
@media (min-width: 768px) {
.b-personal-zone .pz-nav {
display: block !important;
}
.b-tiled-content-1 .btn-round-expand {
display: none;
}
.b-faq .faq-cont .item-top button:hover {
background: rgba(232, 193, 210, 0.4);
}
.footer .footer-menu .column-menu {
display: block !important;
}
}
@media (min-width: 992px) {
.btn.btn-hover-animation:hover .title {
padding-left: 10px;
}
.hover-zoom-img:hover img {
transform: scale(1.05);
}
.swiper-arrow-control:hover svg path {
stroke: #a5a8ad;
}
.product-card-custom:hover .svg-mask-overlay,
.product-card:hover .image-hover {
opacity: 1;
}
.product-card-custom:hover .title-wrap {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.product-card-custom:hover .arrow,
.product-card-custom:hover .top-control {
opacity: 0;
}
.product-card-custom:hover .gradient {
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 10.61%,
rgba(0, 0, 0, 0.4) 100%
);
}
.b-product-cards .row-card {
width: 33.33%;
}
.b-custom-card {
margin-bottom: -40px;
}
.b-custom-card .slider-nav {
display: none;
}
.b-custom-card .swiper-slide {
width: unset;
height: unset;
position: unset;
}
.b-custom-card .list-row.style_1:hover {
position: relative;
z-index: 2;
}
.b-custom-card .list-row.style_1:hover .list-row__inner {
transform: translate(-60%, -20%);
}
.b-custom-card .list-row.style_2:hover {
position: relative;
z-index: 2;
}
.b-custom-card .list-row.style_2:hover .list-row__inner {
transform: translate(0, -20%);
}
.b-custom-card .list-row.style_3:hover {
position: relative;
z-index: 2;
}
.b-custom-card .list-row.style_3:hover .list-row__inner {
transform: translate(0, -25%);
}
.b-custom-card .list-row.style_4:hover {
position: relative;
z-index: 2;
}
.b-custom-card .list-row.style_4:hover .list-row__inner {
transform: translate(0, -20%);
}
.b-custom-card .list-row.style_5:hover {
position: relative;
z-index: 2;
}
.b-custom-card .list-row.style_5:hover .list-row__inner {
transform: translate(40%, -25%);
}
.b-custom-card .list-row .list-row__inner {
transition: 0.3s linear;
}
.b-custom-card .card__list {
padding-top: 150px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: center;
justify-content: center;
}
.video-slider .swiper-slide:not(.swiper-slide-active) {
pointer-events: none;
}
.video-slider
.swiper-slide.swiper-slide-active:hover
[data-action="show-video-by-index"]
.btn-play {
background-color: var(--bg-orange);
}
.video-slider
.swiper-slide.swiper-slide-active:hover
[data-action="show-video-by-index"]
.btn-play
svg
path {
stroke: #fff;
}
.b-product-page .media-part .media .media__inner {
margin-left: calc(0px - var(--space) + 48px);
}
body.checkout-control .b-header .header {
background-color: transparent;
}
.b-checkout .checkout__left {
display: block !important;
}
.b-product-repeater .animating-el.hide-md {
display: none;
}
}
@media (min-width: 1200px) {
.product-card-custom .title,
.product-card-custom .title h3 {
font-size: 28px;
}
.b-main-hero .section-control {
min-height: 818px;
}
}
@media (min-width: 1364px) {
.b-hero-img h1 {
padding: 42px 60px;
}
}
@media (min-width: 1400px) {
.b-custom-card .list-row.style_1:hover .list-row__inner {
transform: translate(-70%, -20%);
}
.b-custom-card .list-row.style_5:hover .list-row__inner {
transform: translate(50%, -25%);
}
}
@media (min-width: 1440px) {
.b-banner-after .image-decor {
width: 100%;
margin-bottom: -8.5vw;
}
.b-banner-after .image-decor img {
width: 100%;
}
}
@media (max-width: 1500px) {
.mini-cart .r-products .r-products-list {
gap: 24px;
}
}
@media (max-width: 1420px) {
.b-featured-blog .small-cont {
-ms-flex: 1 0 calc(50% - 16px);
flex: 1 0 calc(50% - 16px);
}
}
@media (max-width: 1400px) {
.mini-cart__aside {
width: 420px;
}
.mini-cart__right {
width: calc(100% - 420px);
}
.b-custom-card .list-row {
margin: 0 -30px;
}
}
@media (max-width: 1364px) {
.b-hero-img {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 40px;
height: 452px;
}
.b-hero-img .bg {
left: 10px;
right: 10px;
}
.b-hero-img-animated {
margin-bottom: 40px;
}
}
@media (max-width: 1350px) {
.b-contact-form .container {
padding: 90px 80px;
}
}
@media (max-width: 1300px) {
.b-single-career-post .container {
gap: 26px;
}
}
@media (max-width: 1200px) {
.b-tiled-content-1 .tiles .tile-2 .cutoff-cont h3 {
font-size: 28px;
}
.b-vertical-videos-scroller .headlines {
max-width: 312px;
}
.b-img-text-cols {
margin-top: -60px;
margin-bottom: -70px;
padding-top: 60px;
padding-bottom: 68px;
}
.b-img-text-cols .container {
-ms-flex-direction: column;
flex-direction: column;
}
.b-img-text-cols img {
width: 100%;
height: 358px;
}
.b-img-text-cols .content {
width: 100%;
margin-left: 0;
margin-bottom: 40px;
}
.b-featured-blog .content-cont {
overflow-x: auto;
gap: 12px;
}
.b-featured-blog .small-cont {
-ms-flex-direction: row;
flex-direction: row;
}
.b-featured-blog .big-cont .blog-card,
.b-featured-blog .small-cont .blog-card {
-ms-flex-direction: column;
flex-direction: column;
width: 320px;
}
.b-featured-blog .big-cont .blog-card .img-wrapper,
.b-featured-blog .small-cont .blog-card .img-wrapper {
height: 224px;
}
.b-featured-products-slider {
padding-bottom: 52px;
}
.b-featured-products-slider .headline-img {
display: none;
}
.b-featured-products-slider .container {
clip-path: none;
}
.b-contact-form .container {
padding: 70px 60px;
}
.b-contact-form .content {
gap: 26px;
}
.b-contact-form .content .text-content,
.b-contact-form .content form {
width: auto;
-ms-flex: 1;
flex: 1;
}
.b-single-career-post .container {
gap: 40px;
}
.b-single-career-post .top-part {
margin-bottom: 0;
}
.b-single-career-post .career-form-cont {
padding: 40px 16px;
width: 100%;
-ms-flex-order: 2;
order: 2;
}
.b-single-career-post .career-info-cont {
max-width: 100%;
min-width: 100%;
padding: 24px 16px;
-ms-flex-order: 1;
order: 1;
}
.b-job-board .job-list .job-card {
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
}
@media (max-width: 1199px) {
label.variant .total-price {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: end;
align-items: end;
gap: 2px 0;
}
.mini-cart .r-products .card-wrap {
width: 280px;
min-width: 280px;
}
.mini-cart .r-products .card-wrap .product-card__image {
min-height: 400px;
}
.b-products-slider .slider-part {
padding: 0;
}
.product-card-custom .top-control {
padding: 20px 20px 0;
}
.product-card-custom .bottom-control {
padding: 0 20px 20px;
}
.product-card-custom .title,
.product-card-custom .title h3 {
font-size: 20px;
}
.b-main-hero .section-control {
min-height: 100vh;
}
.club-banner .content-block__inner h2,
.club-banner .content-block__inner h3 {
font-size: 26px;
}
.b-kits .banner-lg {
min-height: 320px;
}
.b-kits .banner-lg .banner-content {
max-width: 320px;
}
.b-kits .product-block__inner {
padding: 80px 24px 24px;
}
.b-kits .product-block .button {
top: 24px;
right: 24px;
}
.b-custom-card .custom-card {
min-width: 26vw;
width: 26vw;
padding: 12px 23px;
}
.b-custom-card .custom-card__inner {
padding: 12px;
}
.b-custom-card .custom-card__inner .content {
font-size: 18px;
}
.b-custom-card .custom-card__content {
min-height: 279px;
}
.b-benefits .content-block .media-decor__inner {
transform: translate(-10px, -50%);
max-width: 138px;
}
.b-single-article .article__wrapper {
padding: 0;
}
.b-personal-zone .gift,
.b-personal-zone .join {
width: 100%;
}
.b-personal-zone .subscription-wrap {
padding: 20px 16px;
}
.b-personal-zone .subscribe-control {
gap: 12px 14px;
}
.b-personal-zone .club-banner .content-block {
padding: 16px;
}
.b-personal-zone
.club-banner
.content-block__inner
.block-title:not(:last-child) {
margin-bottom: 10px;
}
.b-personal-zone .club-banner .content-block__inner .block-title h2,
.b-personal-zone .club-banner .content-block__inner .block-title h3 {
font-size: 18px;
}
.b-personal-zone .categories-links .media:not(:last-child) {
margin-bottom: 16px;
}
.b-personal-zone .categories-links .link-category {
font-size: 16px;
}
.personal-zone .width-1-3,
.personal-zone .width-2-3 {
width: 100%;
}
.b-product-repeater .anchor {
display: -ms-flexbox;
display: flex;
margin-top: 40px;
margin-bottom: 40px;
}
.b-product-repeater .animating-el .text {
margin-bottom: 30px;
margin-right: 30px;
}
.b-arcticle {
margin-top: 0;
margin-bottom: 68px;
}
.b-arcticle article {
-ms-flex-direction: column;
flex-direction: column;
}
.b-arcticle .entry-content {
width: 100%;
}
.b-arcticle .sticky-featured-img {
position: static;
padding: 0;
}
.footer .top-part .content-part {
max-width: 340px;
}
}
@media (max-width: 1000px) {
.b-hero-img-animated .inner-bg {
padding: 0;
height: calc(100% * 2);
}
.b-hero-img-animated .bg-wrapper {
height: 100vh;
}
.b-hero-img-animated .bg picture {
opacity: 1;
}
.b-hero-img-animated .bg {
border-radius: 0;
height: 100vh;
}
.b-hero-img-animated .blocks {
padding-top: 0;
}
.b-hero-img-animated .blocks .block:nth-child(odd) {
margin-left: unset;
}
.b-hero-img-animated .header-cont {
height: 100vh;
}
.b-hero-img-animated .content {
padding: 24px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.b-hero-img-animated h1 {
margin: 0 0 30px;
color: #000;
padding: 0;
}
.b-hero-img-animated h1 br {
display: none;
}
.b-hero-img-animated .blocks {
margin: auto;
gap: 16px;
padding-left: 0;
padding-bottom: 80px;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.b-hero-img-animated .blocks .block {
padding: 18px 12px;
max-width: 100%;
-ms-flex: 1 1 285px;
flex: 1 1 285px;
gap: 12px;
height: -moz-fit-content;
height: fit-content;
}
.b-hero-img-animated .blocks .block h4,
.b-hero-img-animated .blocks .block p {
font-size: 14px;
}
}
@media (max-width: 992px) {
.blog-card .card-content .headline-cont h4 {
max-width: 264px;
}
.blog-card {
max-width: calc(100vw - 32px);
width: 340px;
-ms-flex: none;
flex: none;
}
.blog-card .link-wrapper {
width: 100%;
-ms-flex: none;
flex: none;
}
.blog-card .img-wrapper {
width: 100%;
height: auto;
}
.b-banner-after .image-decor {
margin-bottom: 0;
background: linear-gradient(to top, #f8fbff 50%, transparent 50%);
}
.club-banner .content-block {
padding: 25px;
}
.b-product-repeater .animating-el h2 {
font-size: 20px;
}
.b-tiled-content-1 .tiles {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.b-tiled-content-1 .tiles .tile-1,
.b-tiled-content-1 .tiles .tile-2,
.b-tiled-content-1 .tiles .tile-3 {
margin: auto;
}
.b-tiled-content-1 .tiles .tile-1 {
width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-order: 3;
order: 3;
}
.b-tiled-content-1 .tiles .tile-2 .cutoff-cont h3 {
font-size: 24px;
}
.b-tiled-content-1 .tiles .tile-3 {
-ms-flex-order: 1;
order: 1;
}
.b-tiled-content-1 .tiles .tile-3 .bottom-content h4 {
font-size: 20px;
margin-bottom: 20px;
}
.b-tiled-content-1 .tiles .tile-3 .bottom-content a,
.b-tiled-content-1 .tiles .tile-3 .bottom-content p {
font-size: 16px;
line-height: 160%;
}
.b-tiled-content-1 .tiles .tile-3 .bottom-content .content {
margin-bottom: 28px;
}
.b-tiled-content-1 .tiles .tile-3 .bottom-content .time {
margin-bottom: 35px;
}
.b-tiled-content-1 .tiles .tile-3 .bottom-content .time p:first-child {
margin-bottom: 14px;
}
.b-tiled-content-1 .tiles .tile-3 .bottom-content .time p {
line-height: 1;
}
.b-faded-image .fade-cont img {
max-height: 696px;
aspect-ratio: 375/696;
width: 100%;
object-fit: cover;
}
.b-tiled-content-2 .container .top-part {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
.b-tiled-content-2 .container .tiles {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.b-tiled-content-2 .container .tiles .tile {
-ms-flex-preferred-size: 200px;
flex-basis: 200px;
}
.b-tiled-content-2 .top-part {
margin-bottom: 40px;
}
.b-tiled-content-2.style-2 .tiles {
-ms-flex-direction: column;
flex-direction: column;
}
.b-tiled-content-2.style-2 .tiles .tile p {
max-width: unset;
}
.b-cta-panel {
margin: 68px 0;
}
.b-cta-panel .container {
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
}
.b-cta-panel .container img {
margin-left: 0;
aspect-ratio: unset;
}
.b-cta-panel .content {
width: 100%;
}
.b-cta-panel .content h3 {
font-size: 24px;
}
.b-cta-panel .content p {
font-size: 16;
}
.b-cta-panel .content input {
font-size: 14px;
}
.b-img-text-cols .content h2 {
font-size: 24px;
}
.b-colorful-shapes {
margin-bottom: 68px;
margin-top: 68px;
}
.b-colorful-shapes .headlines h2 {
font-size: 24px;
}
.b-colorful-shapes .shapes {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 32px;
}
.b-text-img-cols {
margin-top: 68px;
margin-bottom: 68px;
}
.b-text-img-cols .container {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
row-gap: 40px;
}
.b-text-img-cols .content .bottom-part {
margin-top: 16px;
}
.b-text-img-cols .content .bottom-part .box h3 {
font-size: 32px;
line-height: 1;
}
.b-text-img-cols img {
aspect-ratio: 343/322;
width: 100%;
height: auto;
}
.b-text-img-cols .content h2 {
font-size: 24px;
}
.b-blog-showcase .btn-round-expand.mobile {
display: none;
display: -ms-flexbox;
display: flex;
}
.b-blog-showcase {
margin-top: 68px;
margin-bottom: 68px;
}
.b-blog-showcase .content {
gap: 12px;
}
.b-blog-showcase .content .blog-card {
max-width: calc(100vw - 32px);
width: 340px;
-ms-flex: none;
flex: none;
}
.b-blog-showcase .content .blog-card .img-wrapper {
width: 100%;
height: auto;
}
.b-404 {
margin-top: 0;
}
.b-404 .container {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.b-404 .content h1 {
font-size: 32px;
font-weight: 700;
line-height: 36px;
letter-spacing: 0.3px;
margin-bottom: 24px;
}
.b-404 .img-cont {
height: 480px;
margin-bottom: 40px;
}
.b-404 .img-cont svg {
transform: translateY(50%);
left: 0;
bottom: 0;
right: unset;
width: 82px;
height: 82px;
}
.b-blog-archive {
margin-bottom: 68px;
margin-top: 68px;
}
.b-blog-archive h2 {
font-weight: 700;
}
.b-blog-archive .blog-card-repeater {
column-gap: 12px;
margin-bottom: 40px;
}
.b-blog-archive .blog-card {
-ms-flex: 0 1 calc((100% - 12px) / 2);
flex: 0 1 calc((100% - 12px) / 2);
}
.b-blog-archive .filter {
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 40px;
}
.b-blog-archive .filter .sort-by-filter {
margin-right: 0;
margin-top: 32px;
}
.b-featured-products-slider .top-part .controls {
position: absolute;
bottom: -50px;
z-index: 2;
}
.b-contact-form {
margin-bottom: 68px;
margin-right: 16px;
margin-left: 16px;
}
.b-contact-form .container {
gap: 40px;
padding: 24px 16px;
}
.b-contact-form .content {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 40px;
}
.b-contact-form .content .text-content .btn-link {
margin-bottom: 30px;
}
.b-contact-form .content .text-content .info-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 24px;
}
.b-contact-form .content .text-content .info-row:last-child {
margin-bottom: 0;
}
.b-contact-form .content .text-content .info-row a {
margin-top: 6px;
width: 100%;
}
}
@media (max-width: 991px) {
.mobile-part-sm {
display: block;
width: 100%;
}
.columns__inner.column50 .column {
width: 100%;
}
label.variant .variant__inner {
padding: 12px 46px 12px 16px;
}
label.variant .circle {
right: 16px;
}
label.variant .total-price .old_price {
font-weight: 400;
font-size: 12px;
}
.mini-cart .recommended > .title h2,
.mini-cart .recommended > .title h3 {
font-size: 20px;
}
.mini-cart .r-products .r-products-list {
padding: 24px 0 0;
gap: 0 16px;
}
[data-mini-cart] .aside__footer {
border-radius: 20px 20px 0 0;
}
[data-mini-cart] .aside__footer .top-part h3 {
font-size: 24px;
}
.b-products-slider .column-right {
width: 100%;
-ms-flex-order: 1;
order: 1;
}
.b-products-slider .column-left {
width: 100%;
}
.b-products-slider .slider {
margin-right: calc(0px - var(--space));
}
.b-products-slider .slider__inner {
max-width: 726px;
margin: 0 auto;
}
.b-banner-after .image-decor__inner {
-ms-flex-pack: end;
justify-content: flex-end;
}
.b-capsule .hero-content {
padding: 60px 0;
gap: 60px 0;
}
.b-capsule .capsule-animation {
padding: 50px 0 100px;
max-width: 40px;
}
.b-capsule .capsule-static {
padding: 0 5px;
}
.b-capsule .capsule-bottom {
top: calc(50% - 12px);
}
.b-media-content:not(.style-2) .content-wrapper {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.b-media-content .media-part {
width: 100%;
}
.b-media-content .media-decor {
max-width: 100px;
}
.b-media-content .media-decor__inner {
transform: translate(-8px, -67%);
}
.b-media-content .content-part {
width: 100%;
}
.b-media-content .content-block {
padding: 32px;
}
.club-banner .content-block__inner .block-title:not(:last-child) {
margin-bottom: 22px;
}
.club-banner .content-block__inner h2,
.club-banner .content-block__inner h3 {
font-size: 22px;
}
.club-banner .media-left,
.club-banner .media-right {
width: 35%;
}
.b-club-banner {
margin-top: 68px;
margin-bottom: 68px;
padding: 0;
}
.b-kits .left-column,
.b-kits .right-column {
width: 100%;
}
.b-logo-section .logo-part {
width: 100%;
-ms-flex-pack: center;
justify-content: center;
margin-top: 50px;
}
.b-logo-section .logo-part .logo {
padding: 0;
}
.b-logo-section .title-part {
width: 100%;
}
.b-logo-section .title {
margin: 0 auto;
text-align: center;
}
.b-product-cards .product-cards {
margin: 0 -16px;
padding: 0 28px;
}
.b-product-cards .product-cards__list {
margin: 0;
}
.b-product-cards .row-card {
padding: 0 6px;
}
.b-custom-card .section-content {
padding: 60px 0;
}
.b-custom-card .swiper-slide {
width: auto;
}
.b-custom-card .swiper-slide:nth-child(2n) .custom-card {
transform: rotate(-3deg) !important;
}
.b-custom-card .swiper-slide:nth-child(2n + 1) .custom-card {
transform: rotate(3deg) !important;
}
.b-custom-card .card__list {
padding: 0;
}
.b-custom-card .list-row {
margin: 0;
}
.b-custom-card .custom-card {
min-width: 368px;
width: 368px;
transform: unset !important;
}
.b-development .item-horizon {
width: 60%;
}
.b-development .item-vertical {
width: 40%;
}
.b-video-slider .columns__inner {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
row-gap: 58px;
}
.b-video-slider .content-wrapper {
margin: 0;
}
.b-video-slider .content-block {
padding: 0;
}
.video-slider {
direction: rtl;
}
.video-slider .btn-left {
-ms-flex-order: 1;
order: 1;
}
.b-product-page .product-info .section-title {
margin-bottom: 16px;
}
.b-product-page .product-image {
left: 0;
right: 0;
}
.b-product-page .product-image .gradient {
height: 100%;
}
.b-product-page .media-part {
width: 100%;
-ms-flex-order: -1;
order: -1;
padding-bottom: 0;
}
.b-product-page .media-part .media {
min-height: unset;
top: unset;
}
.b-product-page .block-description {
width: 100%;
padding: 24px 0;
}
.b-product-page .block-description .section-title,
.b-product-page .block-description .section-title h1,
.b-product-page .block-description .section-title h2 {
font-size: 24px;
}
.b-product-page .product-cta {
margin: 32px 0;
}
body.checkout-control .b-header .container {
max-width: 100%;
}
body.checkout-control .b-header {
position: static;
background-color: #fff;
}
body.checkout-control .b-header .header__wrapper {
min-height: 60px;
}
.b-checkout .checkout__left {
width: 100%;
padding: 24px 16px 30px;
-ms-flex-order: -1;
order: -1;
}
.b-checkout .checkout__left .left-part {
max-width: unset;
}
.b-checkout .checkout__right {
width: 100%;
padding: 24px 16px;
}
.b-checkout .checkout__right .right-part {
max-width: unset;
}
.b-checkout .form__button {
text-align: center;
margin-top: 16px;
}
.step-block__title {
min-height: 68px;
}
.b-checkout-thanks .content-part {
padding-left: 0;
max-width: unset;
}
.b-checkout-thanks .media-block {
margin: 0 auto;
}
.b-single-article .page-title,
.b-single-article .page-title h1,
.b-single-article .page-title h2 {
font-size: 24px;
}
.b-single-article .date {
font-size: 14px;
}
.b-single-article .article__nav {
width: auto;
max-width: 70%;
position: fixed;
z-index: 200;
top: 0;
left: 0;
bottom: 0;
padding: 100px 0;
transition: 0.2s linear;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
transform: translate(-100%, 0);
}
.b-single-article .article__nav.active {
transform: none;
}
.b-single-article .article__nav.active .article-nav {
box-shadow: -5.93939px 0 13.5758px rgba(0, 0, 0, 0.07);
}
.b-single-article .article__nav .nav__wrapper {
margin: 0;
width: 100%;
max-width: unset;
}
.b-single-article .article-nav {
max-height: 70vh;
overflow: auto;
margin-top: auto;
margin-bottom: auto;
background-color: #fdfeff;
padding: 16px;
min-width: 250px;
}
.b-single-article .article__part {
width: 100%;
padding: 0;
border: none;
}
.b-single-article .article__wrapper {
margin: 0;
}
.b-single-article .btn_toggle_nav {
display: block;
}
.b-personal-zone .block-control {
padding: 16px;
}
.b-personal-zone .user-block {
padding-left: 60px;
}
.b-personal-zone .form__row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
}
.b-personal-zone .label_checkbox {
margin: 4px 0;
}
.b-personal-zone .club-banner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.b-personal-zone .club-banner .content-block {
width: 100%;
-ms-flex: unset;
flex: unset;
-ms-flex-order: -1;
order: -1;
padding: 30px;
}
.b-personal-zone .club-banner .content-block__inner .block-title h2,
.b-personal-zone .club-banner .content-block__inner .block-title h3 {
font-size: 20px;
}
.b-personal-zone .club-banner .media-left,
.b-personal-zone .club-banner .media-right {
width: 50%;
}
.b-personal-zone .categories-links .link-category {
width: calc(50% - 12px);
}
.personal-zone .form-personal-details .form__button {
-ms-flex-pack: start;
justify-content: flex-start;
}
#history_orders .order-el .cover-bg {
display: none;
}
#history_orders .order-el [data-toggle-collapse] .miniatures,
#history_orders .order-el [data-toggle-collapse] .text-base {
width: 100%;
font-size: 14px;
}
#history_orders .order-el [data-toggle-collapse] .text-base {
padding-left: 30px;
}
#history_orders .order-el [data-toggle-collapse] .miniatures {
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 10px;
}
#history_orders .order-el [data-toggle-collapse] .icon-chevron-down {
position: absolute;
top: 16px;
left: 0;
}
#history_orders .order-el .separator {
font-size: 13px;
}
.b-product-repeater {
margin-top: 40px;
margin-bottom: 40px;
}
.b-product-repeater .filter {
padding-bottom: 24px;
display: block;
}
.b-product-repeater .filter .sort-by-filter {
position: relative;
-ms-flex-item-align: start;
align-self: flex-start;
}
.b-product-repeater .filter .btn-filter-products {
position: static;
-ms-flex-item-align: start;
align-self: flex-start;
}
.b-product-repeater .filter ul.category-icons {
gap: 60px;
overflow: auto;
width: 100%;
}
.b-product-repeater .products-cont .product-list-wrapper {
width: 100%;
}
.b-product-bundler {
margin-top: 40px;
margin-bottom: 40px;
}
.b-product-bundler .filter {
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 24px;
}
.b-product-bundler .filter .btn-filter-products {
position: static;
-ms-flex-item-align: start;
align-self: flex-start;
}
.b-product-bundler .filter ul.category-icons {
overflow: auto;
}
.b-product-bundler .animating-block {
position: absolute;
}
.b-product-bundler .animating-el {
max-width: unset;
border-radius: 20px 20px 0 0;
position: fixed;
padding: 0 16px 24px;
z-index: 52;
top: calc(100% - 150px);
left: 0;
}
.b-product-bundler .animating-el:not(.expanded) {
z-index: 4;
}
.b-product-bundler .animating-el.filled:not(.expanded) {
background-color: var(--Design-Orange-peach);
color: #fff;
}
.b-product-bundler .animating-el.filled:not(.expanded) .arrow {
stroke: #fff !important;
}
.b-product-bundler .animating-el .anchor {
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center;
padding-bottom: 20px;
padding-top: 24px;
cursor: pointer;
}
.b-product-bundler .animating-el .arrow {
display: block;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.b-product-bundler .animating-el h2 {
margin: 0;
}
.b-product-bundler .animating-el p {
font-size: 14px !important;
}
.b-product-bundler .animating-el .bundled-items .item-slot .item-title {
font-weight: 700;
font-size: 14px !important;
}
.b-product-bundler .products-cont .product-bundle-list,
.b-product-bundler .products-cont .products-list {
width: 100%;
}
.b-blog-archive .filter .sort-by-filter {
position: relative;
-ms-flex-item-align: start;
align-self: flex-start;
}
.b-blog-archive .filter .sort-by-filter .btn-filter-products {
position: static;
-ms-flex-item-align: start;
align-self: flex-start;
}
.b-socials-section {
border-bottom: 1px solid var(--border-orange);
}
.b-socials-section .socials-section {
padding: 60px 0 0;
}
.b-socials-section .tag-company {
padding: 0;
font-size: 42px;
}
.footer .top-part {
padding: 32px 0 24px;
}
.footer .top-part .content-part {
max-width: unset;
width: 100%;
}
.footer .top-part .content-part .content:not(:last-child) {
margin-bottom: 24px;
}
.footer .top-part .subscribe-form {
max-width: 418px;
}
.fixed-contact-us .title {
display: none;
}
}
@media (max-width: 862px) {
.b-faq .faq-cont {
width: 100%;
}
}
@media (max-width: 768px) {
.product-card.bundler-card button.add-to-bundle {
width: 100%;
}
.b-cards-hover.relative {
display: none;
}
.way-steps__inner .fade-line {
width: 20px;
height: 100%;
right: -4px;
top: 0;
z-index: 1;
}
.club-banner {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.club-banner .content-block {
padding: 52px 42px;
width: 100%;
-ms-flex: unset;
flex: unset;
-ms-flex-order: 1;
order: 1;
}
.b-club-banner .content-block__inner .block-title:not(:last-child) {
margin-bottom: 12px;
}
.b-club-banner .media-left,
.b-club-banner .media-right {
width: 50%;
}
.b-product-bundler .filter {
display: none;
}
.b-product-bundler .products-cont .product-bundle-list,
.b-product-bundler .products-cont .products-list {
gap: 12px;
row-gap: 40px;
}
.b-product-bundler .products-cont .product-bundle-list .product-card,
.b-product-bundler .products-cont .products-list .product-card {
-ms-flex: 0 0 calc(50% - 6px);
flex: 0 0 calc(50% - 6px);
}
.b-banner-kapps {
-ms-flex-align: start;
align-items: start;
margin-top: 40px;
margin-bottom: 40px;
}
.b-banner-kapps h2 {
text-align: start;
}
.b-tiled-content-1 .top-part .btn-round-expand,
.b-tiled-content-1 .top-part .headline-cont h2 br {
display: none;
}
.b-tiled-content-1 .top-part {
margin-bottom: 40px;
}
.b-tiled-content-1 .tiles {
-ms-flex-direction: column;
flex-direction: column;
}
.b-tiled-content-1 .tiles .tile-1 .content-box {
padding-top: 115px;
}
.b-tiled-content-1 .tiles .tile-1 picture {
width: 100%;
object-fit: none;
}
.b-tiled-content-1 .tiles .tile-1 img {
height: 200px;
width: 100%;
min-height: unset;
}
.b-tiled-content-1 .tiles .tile-2 .cutoff-cont svg {
max-width: 500px;
}
.b-tiled-content-1 {
margin-top: 40px;
margin-bottom: 68px;
}
.b-tiled-content-2 .container .tiles .tile img {
height: 400px;
}
.b-vertical-videos-scroller {
margin-top: 68px;
}
.b-vertical-videos-scroller .container {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: unset;
align-items: unset;
}
.b-vertical-videos-scroller .headlines {
max-width: unset;
}
.b-vertical-videos-scroller .vertical-videos-cont,
.b-vertical-videos-scroller .vertical-videos-scroller-cont {
direction: rtl;
}
.b-vertical-videos-scroller .scroller-nav {
margin-left: auto;
margin-right: unset;
}
.b-colorful-shapes .shapes {
-ms-flex-direction: column;
flex-direction: column;
gap: 6px;
}
.b-colorful-shapes .shapes .shape-2 {
margin-right: 0;
margin-bottom: -15px;
}
.b-blog-showcase .top-part {
margin-bottom: 40px;
}
.b-blog-showcase .top-part .btn-orange-inverse {
display: none;
}
.b-blog-showcase .top-part .headline-cont {
gap: 16px;
}
.b-faq {
margin-top: 40px;
margin-bottom: 32px;
}
.b-faq .container {
-ms-flex-direction: column;
flex-direction: column;
}
.b-faq .faq-nav {
border-bottom: none;
border-top: 2px solid #ededed;
padding-top: 32px;
padding-bottom: 32px;
width: 100%;
margin-bottom: 0;
position: relative;
top: unset;
}
.b-faq .faq-nav a,
.b-faq .faq-nav li {
width: 100%;
}
.b-faq .spacer {
display: none;
}
.b-faq .faq-cont {
padding-top: 32px;
}
.b-faq .pullout-nav {
display: -ms-flexbox;
display: flex;
}
.b-featured-blog h2 {
font-weight: 700;
}
.creds__wrapper {
max-width: 100%;
border-radius: 0;
}
.creds__wrapper .creds__content {
height: -moz-fit-content;
height: fit-content;
}
.creds__wrapper .panel__footer {
margin-top: 36px;
}
.creds__wrapper form button[type="submit"] {
margin-left: unset;
margin-right: unset;
}
.b-password-reset {
margin-top: 62px;
margin-bottom: 62px;
}
.b-password-reset form button[type="submit"] {
margin-left: unset;
margin-right: unset;
width: -moz-fit-content;
width: fit-content;
}
}
@media (max-width: 767px) {
.title-button {
margin-bottom: 12px;
}
.section {
padding: 38px 0;
}
.mobile-part-xs {
display: block;
}
label.variant .variant__inner {
gap: 6px 20px;
}
label.variant .total-price {
gap: 0;
font-size: 14px;
}
label.variant .title {
font-size: 16px;
}
label.variant .info-part__top {
-ms-flex-align: start;
align-items: flex-start;
}
label.variant .info-part__top .right-part {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
.mini-cart__aside {
width: 100%;
}
.mini-cart .recommended > .title {
color: var(--text-black);
text-align: right;
margin-bottom: unset;
}
.mini-cart .r-products .r-products-list {
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 12px;
}
.mini-cart .r-products .card-wrap {
padding: 0;
}
.mini-cart-control .aside__body {
padding: 40px 16px 30px;
}
.mini-cart-control .aside__body .recommended {
margin-top: 56px;
}
.mini-cart-control .aside__total {
padding: 25px 16px 32px;
}
[data-mini-cart] .aside__footer .top-part .text {
margin-top: 8px;
font-size: 14px;
font-weight: 500;
}
.b-products-slider .slider__inner {
padding: 0 16px;
}
.b-products-slider .button-prev {
margin-left: 12px;
}
.b-products-slider .button-next,
.b-products-slider .button-prev {
position: relative;
margin-top: 24px;
margin-bottom: 0;
left: unset;
}
.b-main-hero .title-part h1,
.b-main-hero .title-part h2 {
font-size: 17px;
line-height: 1;
}
.b-main-hero .title-part .font {
font-size: 27px;
}
.b-capsule .section-title {
max-width: 298px;
}
.way-steps__inner {
margin: 0;
gap: 12px 0;
}
.way-steps .step {
width: 100%;
padding: 8px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0 20px;
}
.way-steps .line-control {
margin: 0;
width: 15px;
min-width: 15px;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px 0;
}
.way-steps .line-control .line {
height: unset;
width: 2px;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.way-steps .step-content {
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: unset;
}
.club-banner .media-left,
.club-banner .media-right {
width: 50%;
}
.b-kits .content-block .title h2,
.b-kits .content-block .title h3 {
font-size: 20px;
}
.b-kits .product-block__inner {
min-height: 400px;
}
.b-kits .product-block .overlay {
opacity: 0.4;
}
.b-kits .product-block .content-part {
opacity: 1;
}
.b-cards-hover .card-block {
width: 100%;
}
.b-cards-hover .media .hover {
opacity: 1;
}
.b-cards-hover + .b-benefits {
padding-top: 68px;
}
.b-benefits .block-item:not(.w-full) {
width: 100%;
}
.b-benefits .content-block.exclusive-block {
min-height: unset;
padding-top: 90px;
padding-bottom: 32px;
}
.b-development .item-horizon {
width: 100%;
}
.b-development .item-horizon .media-part {
-ms-flex-order: 1;
order: 1;
margin: 40px 0 0;
}
.b-development .item-horizon .media {
height: 440px;
}
.b-development .item-vertical {
width: 100%;
}
.b-development .item-vertical .media-decor__inner {
transform: translate(16px, 16px);
}
.b-video-slider.style_2 .columns__inner {
row-gap: 40px;
}
.b-video-slider.style_2 .content-block .section-title {
margin: 0;
}
.b-video-slider.style_2 .content-block .content-wrapper {
display: none;
}
.video-slider .swiper-slide {
width: 280px;
}
.video-slider .swiper-nav .btn-left {
-ms-flex-order: -1;
order: -1;
}
.video-slider .swiper-nav .btn-left svg,
.video-slider .swiper-nav .btn-right svg {
transform: scaleX(-1);
}
.b-product-page .media-part {
padding: 24px 0 0;
}
.b-product-page .product-content {
padding: 32px 16px;
}
.product-sticky-bar .right-part .title h3 {
font-size: 24px;
}
.product-bar__inner {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
row-gap: 24px;
}
.coupon-form .form__control {
padding: 5px 16px 5px 120px;
min-height: 44px;
}
.coupon-form .btn-submit {
min-height: 36px;
}
.coupon-form .btn-submit .icon {
top: 3px;
}
.b-checkout .input-wrap [data-use-input-label].using .input-label {
top: 4px;
}
.b-checkout .input-wrap input.form__control,
.b-checkout .input-wrap textarea.form__control {
padding-top: 18px;
padding-bottom: 2px;
}
.b-checkout .form-head .block-title,
.b-checkout input.form__control,
.b-checkout textarea.form__control {
font-size: 16px;
}
.b-checkout .form-head .user {
font-size: 14px;
}
.b-checkout .form__button {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
row-gap: 20px;
}
.product__info .product__description .product__title,
.product__info .product__description .product__title h3 {
font-size: 14px;
}
.product__info .product__description .category {
font-size: 12px;
}
.b-checkout-thanks .media-decor {
display: none;
}
.b-personal-zone .pz-nav {
display: none;
padding: 0;
overflow: hidden;
}
.b-personal-zone .addresses .buttons-control {
-ms-flex-pack: unset;
justify-content: unset;
}
.personal-zone .pz-main-part,
.personal-zone .pz-sidebar {
width: 100%;
}
.personal-zone__nav {
padding: 24px;
}
#add-new-address .buttons-control {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-top: 16px;
}
#active_orders .order-row {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
#history_orders .order-control .control-inner {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.b-product-repeater .filter ul.category-icons {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: calc(100% + 32px);
margin-right: -16px;
padding: 0 16px;
}
.b-tiled-content-1 .top-part {
-ms-flex-direction: column;
flex-direction: column;
}
.b-tiled-content-1 .top-part .button {
width: 100%;
}
.b-cta-panel .content {
-ms-flex-order: -1;
order: -1;
}
.creds__wrapper {
padding: 16px 0 0;
}
.creds__wrapper .creds__inner {
padding: 0 16px 16px;
}
.creds__wrapper .creds__header .close-btn {
top: 16px;
left: 34px;
}
#add-address-popup .form__row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
}
.b-socials-section:not(:first-child) {
margin-top: 34px;
}
.b-socials-section .text-image {
max-width: 170px;
}
.b-socials-section .socials-section {
padding: 24px 0 0;
}
.footer .footer-menu,
.footer .footer-menu .menu-column {
width: 100%;
}
.footer .footer-menu .menu-column:not(:last-child) {
border-bottom: 1px solid #ededed;
}
.footer .footer-menu .column-title {
position: relative;
}
.footer .footer-menu .column-title:not(:last-child) {
margin-bottom: unset;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
min-height: 40px;
}
.footer .footer-menu .column-title::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.25 1.53125L6.25 6.53125L1.25 1.53125' stroke='%23363636' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
left: 0;
}
.footer .footer-menu .column-title.active::after {
transform: scaleY(-1);
}
.footer .footer-menu .column-menu {
display: none;
}
.footer .footer-menu .column-menu li:not(:last-child) {
margin-bottom: 12px;
}
.footer .bottom-part__inner {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.fixed-contact-us {
left: 15px;
bottom: 65px;
}
}
@media (max-width: 660px) {
.b-kits .banner-lg .hero-image {
position: static;
}
.b-kits .banner-lg .hero-image img {
height: auto;
}
.b-kits .banner-lg .banner-content {
max-width: unset;
padding: 32px;
}
}
@media (max-width: 650px) {
.b-personal-zone .upcoming_events .columns__inner {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.b-personal-zone .upcoming_events .column {
width: 100%;
}
}
@media (max-width: 550px) {
.form__row.columns-xs-50 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.b-custom-card .custom-card {
min-width: 300px;
width: 300px;
}
.b-checkout .address-radio,
.b-checkout .card-radio-wrap {
width: 100%;
}
}
@media (max-width: 511px) {
[data-video-sticky-box].show {
max-width: 100vw;
}
[data-video-sticky-box].show .video-cards-wrap > .swiper {
aspect-ratio: unset;
}
}
@media (max-width: 500px) {
.b-banner-after .image-decor {
margin-bottom: -90px;
}
.b-banner-after .image-decor svg {
margin-right: unset;
width: 1000px;
margin-left: -150px;
}
.b-banner-after .image-decor img {
margin-left: -150px;
width: 1000px;
}
.b-banner-after + .section {
z-index: 2;
}
}
@media (max-width: 480px) {
.product-card.bundler-card button.add-to-bundle {
font-size: 14px;
}
.product-card.bundler-card button.add-to-bundle .icon {
width: 28px;
height: 28px;
}
.product-card.bundler-card .product-card__image {
min-height: 0;
padding: 25px 38px;
}
.product-card.bundler-card .top-control {
padding: 10px 10px 0;
position: relative;
}
.product-card.bundler-card .top-control .category {
font-size: 10px;
line-height: 150%;
padding: 5px 10px;
min-height: 0;
}
.product-card.bundler-card .bottom-control {
position: relative;
}
.product-card.bundler-card .bottom-control__inner {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
}
.product-card.bundler-card .bottom-control__inner .price,
.product-card.bundler-card .bottom-control__inner h3 {
font-size: 12px;
}
.b-product-repeater .products-cont .product-list .product-card {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.b-product-bundler .animating-el br {
display: none;
}
.b-tiled-content-1 .tiles {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.b-tiled-content-1 .tiles .tile-1 {
-ms-flex-order: unset;
order: unset;
}
.b-tiled-content-1 .tiles .tile-2 .cutoff-cont svg {
max-width: unset;
}
.b-cta-panel img {
min-width: 0;
width: 100%;
}
.b-blog-archive .blog-card {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.b-contact-form .content form .form-row {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 0;
}
.b-contact-form .content form button {
width: -moz-fit-content;
width: fit-content;
}
}
@media (max-width: 450px) {
.b-personal-zone .categories-links .link-category {
width: 100%;
}
.home .section-content.relative.z-1 {
margin-top: -50px;
}
}
@media (max-width: 992px) and (min-width: 768px) {
.b-colorful-shapes .shapes .shape-1,
.b-colorful-shapes .shapes .shape-2,
.b-colorful-shapes .shapes .shape-3,
.b-colorful-shapes .shapes .shape-4 {
-ms-flex: 0 0 calc(50% - 8px);
flex: 0 0 calc(50% - 8px);
}
.b-colorful-shapes .shapes .shape-2 {
-ms-flex-order: 3;
order: 3;
margin-left: 0;
-ms-flex: 0 0 41%;
flex: 0 0 41%;
}
.b-colorful-shapes .shapes .shape-3 {
-ms-flex-order: 4;
order: 4;
}
.b-colorful-shapes .shapes .shape-4 {
-ms-flex-order: 2;
order: 2;
}
}
@media (min-height: 1300px) {
.b-product-page .media-part .media {
min-height: unset;
}
}
.product-cards.yaya-shop {
padding-bottom: 90px;
}
.container {
padding-bottom: 30px;
}
.b-logo-section.relative.section {
padding: 0px !important;
}
a.btn.btn-orange-inverse.arrow.btn-hover-animation {
margin-right: 0 !important;
}
/* ==== yaya-vendor: vendor.css ==== */
@font-face{font-display:swap;font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;--swiper-navigation-size:44px;--f-button-width:40px;--f-button-height:40px;--f-button-border:0;--f-button-border-radius:0;--f-button-color:#374151;--f-button-bg:#f8f8f8;--f-button-shadow:none;--f-button-transition:all .15s ease;--f-button-transform:none;--f-button-outline-width:1px;--f-button-outline-color:rgba(0, 0, 0, .7);--f-button-svg-width:20px;--f-button-svg-height:20px;--f-button-svg-stroke-width:1.5;--f-button-svg-fill:none;--f-button-svg-filter:none;--f-button-svg-opacity:1;--f-button-svg-disabled-opacity:.5;--f-button-svg-transition:opacity .15s ease;--f-button-svg-transform:none;--f-spinner-color-1:rgba(0, 0, 0, .1);--f-spinner-color-2:rgba(17, 24, 28, .8);--f-spinner-width:50px;--f-spinner-height:50px;--f-spinner-border-radius:50%;--f-spinner-border-width:4px;--f-thumbs-gap:8px;--f-thumbs-margin:0;--f-thumbs-padding-x:8px;--f-thumbs-padding-y:8px;--f-thumbs-z-index:1;--f-thumb-width:96px;--f-thumb-height:72px;--f-thumb-fit:cover;--f-thumb-opacity:1;--f-thumb-transition:opacity .3s ease,transform .15s ease;--f-thumb-border:none;--f-thumb-border-radius:4px;--f-thumb-transfors:none;--f-thumb-shadow:none;--f-thumb-bg:linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow:inset 0 0 0 .8px #222,inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow:inset 0 0 0 .8px #222,inset 0 0 0 2.25px #fff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color,var(--f-button-color));background-color:var(--f-button-hover-bg,var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color,var(--f-button-hover-color,var(--f-button-color)));background-color:var(--f-button-active-bg,var(--f-button-hover-bg,var(--f-button-bg)))}.f-button:focus{outline:0}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset);position:relative;z-index:1}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity,1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-spinner{position:absolute;top:50%;left:50%;margin:calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5);padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);border-radius:var(--f-spinner-border-radius);border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);animation:.75s linear infinite f-spinner,.2s .2s both f-fadeIn}@keyframes f-spinner{to{transform:rotate(360deg)}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:after,.f-panzoom:before,.f-zoomable:after,.f-zoomable:before{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.has-lazyerror,.f-panzoom__content.is-lazyloading{visibility:hidden}img.f-panzoom__content{vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>img.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.f-panzoom__viewport>.f-panzoom__content{display:block;width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-fadeIn{animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration,.2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration,.2s) * .2) ease calc(var(--f-transition-duration,.2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap,0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap,0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap,0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap,0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap,0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap,0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap,0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap,0)))}}.f-zoomInUp{animation:var(--f-transition-duration,.3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration,.3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale,.975)) translate3d(var(--f-zoomInUp-x,0),var(--f-zoomInUp-y,16px),0);opacity:var(--f-zoomInUp-opacity,0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale,.975)) translate3d(var(--f-zoomOutDown-x,0),var(--f-zoomOutDown-y,16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration,.2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration,.2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y,150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y,150px),0);opacity:0}}.f-carousel__slide.has-html{overflow:auto}.f-html{position:relative;margin:var(--f-html-margin,0);padding:var(--f-html-padding,2rem);color:var(--f-html-color,currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.has-gmap .f-html,.has-iframe .f-html,.has-pdf .f-html{min-height:1px;overflow:visible;width:100%;height:100%}.has-gmap .f-html,.has-pdf .f-html{padding:0}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;max-width:100%;max-height:calc(80vh - 100px);overflow:auto;margin:var(--f-caption-margin);padding:var(--f-caption-padding,16px 4px);overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-vimeo .f-html,.has-youtube .f-html{padding:0;width:100%;height:100%;max-width:var(--f-video-width,960px);max-height:var(--f-video-height,540px);aspect-ratio:var(--f-video-aspect-ratio);min-height:1px;overflow:visible;background:var(--f-video-bg,rgba(0,0,0,.9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:0 0}.f-button.is-arrow{--f-button-width:var(--f-arrow-width, 46px);--f-button-height:var(--f-arrow-height, 46px);--f-button-svg-width:var(--f-arrow-svg-width, 24px);--f-button-svg-height:var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width:var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius:var(--f-arrow-border-radius, unset);--f-button-bg:var(--f-arrow-bg, transparent);--f-button-hover-bg:var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg:var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow:var(--f-arrow-shadow);--f-button-color:var(--f-arrow-color);--f-button-hover-color:var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color:var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-next,.f-button.is-arrow.is-prev{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-next,.is-horizontal .f-button.is-arrow.is-prev{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos,0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos,0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos,0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos,0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos,0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos,0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-next svg,.is-vertical .f-button.is-arrow.is-prev svg{transform:rotate(90deg)}.f-carousel__toolbar{--f-progressbar-height:100%;display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin,0);padding:var(--f-toolbar-padding,8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg,none);box-shadow:var(--f-toolbar-shadow,none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color,currentColor);font-size:var(--f-toolbar-font-size,17px);font-weight:var(--f-toolbar-font-weight,inherit);font-family:var(--f-toolbar-font,-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap,0);pointer-events:none}.f-carousel__toolbar__column.is-left{justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{justify-content:center}.f-carousel__toolbar__column.is-right{justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column>*{pointer-events:all}.f-carousel:has(.f-carousel__slide.is-fullsize) [data-panzoom-action=toggleFull] g{display:none}[data-autoplay-action=toggle] svg g:first-child{display:flex}.has-autoplay [data-autoplay-action=toggle] svg g:first-child,[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}.f-carousel__counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin,0);padding:var(--f-counter-padding,4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-carousel__counter span{padding:0 var(--f-counter-gap,4px)}.f-thumbs{--f-carousel-slide-width:calc(var(--f-thumb-width) + var(--f-thumbs-gap));--f-carousel-slide-height:calc(var(--f-thumb-height) + var(--f-thumbs-gap));--f-carousel-gap:0;flex-shrink:0;max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2);margin:var(--f-thumbs-margin);padding:0;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:max-height .3s;z-index:var(--f-thumbs-z-index);overflow:hidden}.f-thumbs__viewport{margin:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:calc(var(--f-thumbs-gap) * .5);cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity,1);transform:var(--f-thumb-hover-transform,none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border,none);box-shadow:var(--f-thumb-hover-shadow,var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:0;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:none;border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity,1);transform:var(--f-thumb-focus-transform,none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border,none);box-shadow:var(--f-thumb-focus-shadow,var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity,1);transform:var(--f-thumb-active-transform,none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border,none);box-shadow:var(--f-thumb-active-shadow,var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity,1);transform:var(--f-thumb-selected-transform,none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border,none);box-shadow:var(--f-thumb-selected-shadow,var(--f-thumb-shadow))}.f-thumbs__slide img{display:block;width:100%;height:100%;object-fit:var(--f-thumb-fit);border-radius:inherit;pointer-events:none}.f-thumbs__slide img.has-lazyerror{display:none}.f-thumbs.is-modern{--f-thumb-clip-width:46px;--f-thumb-extra-gap:16px;--f-carousel-slide-width:calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height:var(--f-thumb-height);--width-diff:calc((var(--f-thumb-width) - var(--f-thumb-clip-width)));--f-transition-duration:.25s;--f-transition-easing:ease-out}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--width-diff) * 2);margin-left:calc(var(--width-diff) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift:calc((var(--width-diff) * .5) * var(--progress));--clip-path:inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift,0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-left:-50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration,.2s) var(--f-thumb-transition-easing,ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:0}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border,none);box-shadow:var(--f-thumb-focus-shadow,none)}.f-thumbs.is-modern.is-syncing{--f-transition-duration:0s}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:30;height:var(--f-progressbar-height,3px);transform:scaleX(0);transform-origin:0;background:var(--f-progressbar-color,var(--f-carousel-theme-color,#575ad6));user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin,0px) + var(--f-scrollbar-compensate,0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:0 0}.fancybox__dialog:focus{outline:0}.fancybox__dialog::backdrop{opacity:0}@supports (height:100dvh){.fancybox__dialog{height:100dvh}}.fancybox__container{--fancybox-color:#dbdbdb;--fancybox-backdrop-bg:rgba(24, 24, 27, .95);--f-toolbar-margin:0;--f-toolbar-padding:8px;--f-toolbar-gap:0;--f-toolbar-color:#ddd;--f-toolbar-font-size:16px;--f-toolbar-font-weight:500;--f-toolbar-font:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;--f-toolbar-line-height:var(--f-button-height);--f-toolbar-text-shadow:1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow:none;--f-toolbar-bg:none;--f-counter-margin:0;--f-counter-padding:0px 10px;--f-counter-gap:4px;--f-counter-line-height:var(--f-button-height);--f-carousel-gap:17px;--f-carousel-slide-width:100%;--f-carousel-slide-height:100%;--f-carousel-slide-padding:0;--f-carousel-slide-bg:unset;--f-html-color:#222;--f-html-bg:#fff;--f-error-color:#fff;--f-error-bg:#333;--f-caption-margin:0;--f-caption-padding:16px 4px;--f-caption-color:var(--fancybox-color, #dbdbdb);--f-caption-bg:transparent;--f-caption-font:inherit;--f-caption-line-height:1.375;--f-spinner-color-1:rgba(255, 255, 255, .2);--f-spinner-color-2:rgba(255, 255, 255, .8);--f-spinner-width:50px;--f-spinner-height:50px;--f-spinner-border-radius:50%;--f-spinner-border-width:4px;--f-progressbar-color:rgba(255, 255, 255, .2);--f-button-width:46px;--f-button-height:46px;--f-button-color:#ddd;--f-button-hover-color:#fff;--f-button-outline-width:1px;--f-button-outline-color:rgba(255, 255, 255, .75);--f-button-outline-offset:0px;--f-button-bg:rgba(54, 54, 54, .75);--f-button-border:0;--f-button-border-radius:0;--f-button-shadow:none;--f-button-transition:all .2s ease;--f-button-transform:none;--f-button-svg-width:24px;--f-button-svg-height:24px;--f-button-svg-stroke-width:1.75;--f-button-svg-filter:drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)),drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill:none;--f-button-svg-disabled-opacity:.5;--f-arrow-pos:32px;--f-arrow-width:50px;--f-arrow-height:50px;--f-arrow-svg-width:24px;--f-arrow-svg-height:24px;--f-arrow-svg-stroke-width:2;--f-arrow-border-radius:50%;--f-arrow-bg:rgba(54, 54, 54, .65);--f-arrow-color:#ddd;--f-arrow-hover-color:#fff;--f-thumbs-margin:0px;--f-thumbs-padding-x:8px;--f-thumbs-padding-y:8px;--f-thumbs-bg:none;--f-thumb-transition:all .2s ease;--f-thumb-width:94px;--f-thumb-height:76px;--f-thumb-opacity:1;--f-thumb-border:none;--f-thumb-shadow:none;--f-thumb-transform:none;--f-thumb-focus-opacity:1;--f-thumb-focus-border:none;--f-thumb-focus-shadow:inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform:none;--f-thumb-hover-opacity:1;--f-thumb-hover-border:none;--f-thumb-hover-transform:none;--f-thumb-active-opacity:var(--f-thumb-hover-opacity);--f-thumb-active-border:var(--f-thumb-hover-border);--f-thumb-active-transform:var(--f-thumb-hover-transform);--f-thumb-selected-opacity:1;--f-thumb-selected-border:none;--f-thumb-selected-shadow:inset 0 0 0 2px #fff;--f-thumb-selected-transform:none;position:absolute;inset:0;overflow:hidden;outline:0;display:flex;flex-direction:column}.fancybox__container[theme=light]{--fancybox-color:#222;--fancybox-backdrop-bg:rgba(255, 255, 255, .97);--f-toolbar-color:var(--fancybox-color, #222);--f-toolbar-text-shadow:none;--f-toolbar-font-weight:400;--f-html-color:var(--fancybox-color, #222);--f-html-bg:#fff;--f-error-color:#555;--f-error-bg:#fff;--f-video-bg:#fff;--f-caption-color:#333;--f-spinner-color-1:rgba(0, 0, 0, .2);--f-spinner-color-2:rgba(0, 0, 0, .8);--f-spinner-border-width:3.5px;--f-progressbar-color:rgba(111, 111, 116, .2);--f-button-color:#333;--f-button-hover-color:#000;--f-button-outline-color:rgba(0, 0, 0, .85);--f-button-bg:rgba(255, 255, 255, .85);--f-button-svg-stroke-width:1.3;--f-button-svg-filter:none;--f-arrow-bg:rgba(255, 255, 255, .85);--f-arrow-color:#333;--f-arrow-hover-color:#000;--f-arrow-svg-stroke-width:1.3;--f-close-button-color:#555;--f-close-button-hover-color:#000;--f-thumb-bg:linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow:0 0 0 1.8px #fff,0px 0px 0px 2.25px #888;--f-thumb-selected-shadow:0 0 0 1.8px #fff,0px 0px 0px 2.25px #000}.fancybox__container::backdrop{background-color:transparent}.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html,.f-panzoom__wrapper,.f-spinner),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container>:not(.fancybox__carousel){opacity:var(--f-drag-opacity,1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html,.f-panzoom__wrapper,.f-spinner),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-revealing>:not(.fancybox__carousel){animation:var(--f-interface-enter-duration,.35s) ease none f-fadeIn}.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html,.f-panzoom__wrapper),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-hiding .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-hiding>:not(.fancybox__carousel){animation:var(--f-interface-exit-duration,.35s) ease forwards f-fadeOut}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height:100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__carousel>.f-progressbar{background-color:var(--fancybox-color)}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset,0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [contenteditable],.fancybox__viewport [data-selectable]{cursor:auto}.fancybox__slide{position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:after,.fancybox__slide:before{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color:var(--f-error-color, --f-html-color);--f-html-bg:var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide .f-button[data-fancybox-close]{--f-button-width:var(--f-close-button-width, 34px);--f-button-height:var(--f-close-button-height, 34px);--f-button-border-radius:var(--f-close-border-radius, 4px);--f-button-color:var(--f-close-button-color, #fff);--f-button-hover-color:var(--f-close-button-hover-color, #fff);--f-button-bg:var(--f-close-button-bg, transparent);--f-button-hover-bg:var(--f-close-button-hover-bg, transparent);--f-button-active-bg:var(--f-close-button-active-bg, transparent);--f-button-svg-width:var(--f-close-button-svg-width, 22px);--f-button-svg-height:var(--f-close-button-svg-height, 22px);position:absolute;top:calc(var(--f-button-height) * -1);right:0;z-index:40}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.air-datepicker-cell.-day-.-other-month-,.air-datepicker-cell.-year-.-other-decade-{color:var(--adp-color-other-month)}.air-datepicker-cell.-day-.-other-month-:hover,.air-datepicker-cell.-year-.-other-decade-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-,.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-day-.-other-month-,.-selected-.air-datepicker-cell.-year-.-other-decade-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-,.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-day-.-other-month-,.-in-range-.air-datepicker-cell.-year-.-other-decade-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-,.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-day-.-other-month-:empty,.air-datepicker-cell.-year-.-other-decade-:empty{background:0 0;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7,var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7,var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--action,.air-datepicker-nav--title{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:0 0}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:0}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:0 0;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration);margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:0}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:transparent;background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:transparent;background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:transparent;background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}.air-datepicker{--adp-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px;background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0,0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:transparent}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-center- .air-datepicker--pointer,.-top-left- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-center- .air-datepicker--pointer:after,.-top-left- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-bottom- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-bottom- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-top- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-center- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-center- .air-datepicker--pointer:after,.-bottom-left- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-bottom- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-top- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-bottom- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-top- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-bottom-left- .air-datepicker--pointer,.-top-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-bottom-right- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-bottom-center- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/ 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/ 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99;position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}
/* ==== yaya-wc-blocks: wc-blocks-rtl.css ==== */
body.wc-block-product-gallery-modal-open,body.wc-modal--open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:100%}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-left:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-right:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-right:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating,.wp-block-woocommerce-product-review-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars,.wc-block-grid__product-rating .wc-block-product-review-rating__stars,.wp-block-woocommerce-product-review-rating .star-rating,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:right;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars:before,.wp-block-woocommerce-product-review-rating .star-rating:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars:before{content:"SSSSS";right:0;opacity:.5;position:absolute;left:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span,.wp-block-woocommerce-product-review-rating .star-rating span,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span{right:0;overflow:hidden;padding-top:1.5em;position:absolute;left:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span:before,.wp-block-woocommerce-product-review-rating .star-rating span:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before{color:inherit;content:"SSSSS";right:0;position:absolute;left:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;right:auto;padding:.25em .75em;position:absolute;left:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.5}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;left:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)}.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid #2f2f2f;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{align-self:center;flex-basis:100%;padding-left:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-left:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 24px 0 0;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:left;margin:0;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px auto 0 0!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner>.wc-block-components-button:focus{outline:2px solid currentColor!important;outline-offset:0}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(-180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(-180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.wc-block-components-notice-banner:focus{outline-width:0}.wc-block-components-notice-banner:focus-visible{outline-style:solid;outline-width:2px}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)}
/* ==== yaya-tab-settings: tab-settings.css ==== */
.wcu-settings-tabs{margin-bottom:20px}.wcu-settings-tab-nav{list-style:none;padding:0;margin:0;border-bottom:1px solid #ddd;display:flex;padding-left:0!important;margin-bottom:0!important}.wcu-settings-tab-nav li{margin:0}.wcu-settings-tab-nav a{display:block;padding:10px 20px;text-decoration:none;color:#0073aa;border-bottom:2px solid transparent}.wcu-settings-tab-nav li.active a{color:#000;border-bottom:2px solid #0073aa}#wcu-settings-update-button{margin-top:20px}.wcu-settings-tab-content{padding:20px;border:1px solid #ddd;border-top:none;background:#fff}.wcu-settings-tab-pane{display:none}.wcu-settings-tab-pane.active{display:block}.wcu-settings-tab-content .profile-picture img{border-radius:50%;width:96px;height:96px}.admin-edit-account{opacity:.5}#wcu-settings-ajax-message{margin-bottom:20px}
/* ==== yaya-coupon: style.css ==== */
.order-date {
color: green;
}
.coupon-orders-single {
margin: 20px 0;
width: 100%;
}
.wcuTable {
display: table;
width: 100% !important;
text-align: center;
border: 1px solid #e8e8e8;
margin: 0 auto;
}
@media screen and (min-width: 900px) {
.wcu-dash-coupon-area {
min-width: 900px;
}
.woocommerce-MyAccount-content .wcu-dash-coupon-area {
min-width: 100% !important;
}
}
@media screen and (max-width: 900px) {
.wcu-dash-coupon-area {
min-width: 100%;
padding: 0;
}
}
.wcu-dash-coupon-area .wcutabcontent .wcuTableRow {
display: table-row;
background: linear-gradient(#fefefe, #fff);
color: #333;
}
.wcuTableRowDropdown {
color: #333;
}
.wcu-dash-coupon-area .wcutabcontent .wcuTableRowDropdown:nth-child(even) td {
background: #fdfdfd !important;
color: #333;
}
.wcu-dash-coupon-area .wcutabcontent .wcuTableRowDropdown:nth-child(odd) td {
background: #fafafa !important;
color: #333;
}
.wcu-dash-coupon-area .wcutabcontent .wcuTableRowDropdown:hover td {
background: #fff;
color: #333;
}
.wcu-dash-coupon-area .wcutabcontent .wcuTableRow td,
.wcu-dash-coupon-area .wcutabcontent .wcuTableRow tr:nth-child(odd) td {
background: linear-gradient(#fefefe, #fff);
color: #333;
}
.wcutabcontent a {
text-decoration: none;
}
form#product_search_form input {
max-width: 250px;
}
.wcutabmobile {
display: none;
}
@media (max-width: 1000px) {
.wcutabmobile {
display: block;
}
}
.wcuTableHeading {
display: table-header-group;
background-color: #ddd;
}
.wcuTable thead {
text-align: center;
}
.wcuTableCell {
text-align: center;
display: table-cell;
vertical-align: middle;
padding: 9px 10px !important;
border: 1px solid #e7e7e7;
width: auto;
max-width: 200px;
white-space: normal;
overflow-wrap: break-word;
}
@media screen and (min-width: 720px) {
.wcuTableCell-time {
min-width: 100px;
}
}
.wcuTableHead {
display: table-cell;
padding: 7px 10px;
font-weight: 700;
background: #333 !important;
background-color: #333 !important;
color: #fff !important;
text-align: center;
border: 1px solid #e7e7e7;
}
.wcuTableHead-summary {
display: table-cell;
padding: 2px 0 !important;
font-weight: 700;
background: #f4f4f4 !important;
background-color: #f4f4f4 !important;
color: #333 !important;
text-align: center;
border: 0 !important;
font-size: 14px !important;
}
.wcuTableFoot {
display: table-cell;
padding: 7px 10px;
background: #333;
color: #fff;
text-align: center;
border: 1px solid #e7e7e7;
}
.wcuTableBody {
display: table-row-group;
}
@media screen and (max-width: 720px) {
.wcuTableRow,
.wcuTableCell,
.wcuTableHead,
.wcuTableHead-summary {
display: block;
width: 100%;
}
}
.wcutablinks,
.ml_wcutablinks {
border-radius: 2px;
}
.wcutablinks .fas {
margin-right: 1px;
}
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
select#wcu-select-tab {
width: calc(100% - 20px);
margin: 0 auto;
}
.coupon-title {
font-size: 20px !important;
width: 100vw;
padding: 5px;
height: auto !important;
text-align: center;
}
.coupon-title .wcusage-dash-logout {
float: none;
text-align: center;
}
.wcusage-dash-top-links {
display: inline-block;
text-align: center;
margin-top: 10px;
margin-bottom: -7px;
}
.wcutab {
padding: 0 !important;
margin-top: 20px !important;
margin-bottom: 20px;
margin-left: 0 !important;
margin-right: 0 !important;
}
.wcutablinks,
.ml_wcutablinks {
margin: 2px !important;
}
.wcutab button {
float: none;
margin-top: 4px;
margin-left: 0;
width: 98vw;
display: block;
clear: both;
text-align: center;
}
.wcutabcontent {
padding: 10px;
box-sizing: border-box;
}
div.wcutabcontent div {
box-sizing: border-box;
}
#wcu5.wcutabcontent.active {
text-align: center;
}
#wcu5.wcutabcontent button {
margin: 0 auto;
}
.wcuTable table,
.wcuTable thead,
.wcuTable tbody,
.wcuTable th,
.wcuTable td,
.wcuTable tr,
.wcuTableRow,
.wcuTableCell {
display: block;
}
.wcuTable thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.wcuTable tr {
border: 1px solid #ccc;
display: inline-block;
margin-bottom: 5px;
}
.wcu-dash-coupon-area .wcutabcontent .wcuTableRow,
.wcu-dash-coupon-area .wcutabcontent .listtheproducts {
display: block;
margin-bottom: 15px;
}
.wcu-statistics-orders {
width: 100%;
}
.wcu-dash-coupon-area .wcutabcontent .listtheproducts,
.wcu-dash-coupon-area .wcutabcontent .listtheproducts .wcuTableCell {
padding: 10px 0 !important;
}
.wcuTable td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.wcuTable td:before {
position: absolute;
top: 5px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
.wcuTableRow,
.wcu-table-payouts {
margin-bottom: 20px;
}
.wcuTableCell {
display: block;
max-width: 100%;
}
.wcuTableHead {
display: block;
}
.wcu-table-monthly-summary td:before {
font-weight: 700;
}
.wcu-thetitlerow {
display: none !important;
}
}
.wcu-dash-coupon-area .wcutabcontent p.wcu-tab-title {
margin-top: 25px;
margin-bottom: 25px;
}
.entry-content .ml_wcutabcontent p.wcu-tab-title {
margin-top: 25px;
}
@media screen and (max-width: 1060px) {
.wcu-tab-title,
.wcu-tab-text {
width: 100%;
}
}
@media screen and (max-width: 520px) {
.wcu-tab-title {
margin-top: 0;
text-align: center;
}
}
.wcu-coupon-box {
margin-top: 20px;
}
.wcutab {
overflow: hidden;
}
.coupon-title {
font-size: 30px;
margin-top: 10px;
margin-bottom: 20px;
}
@media screen and (min-width: 1060px) {
.wcuTableCell-ref-website {
max-width: 250px !important;
}
.wcuTableCell-ref-landing {
max-width: 350px !important;
}
}
.rates-pagination {
float: right;
}
@media only screen and (max-width: 1020px) {
.rates-pagination {
float: none;
display: block;
width: 100%;
}
}
.wcu-rates-image img {
text-align: center;
margin: 0 auto;
}
.wcu-dash-coupon-area .wcusage-dash-logout {
font-size: 12px;
margin-top: 14px;
margin-right: 0;
margin-bottom: 5px;
}
.wcutab button {
background-color: #333;
color: #fff;
float: left;
border: none;
outline: none;
cursor: pointer;
transition: 0.3s;
font-size: 17px;
margin: 2px;
}
.wcu-active-tab {
opacity: 0.8;
}
#search-coupon-all,
#search-coupon,
#search-criteria {
min-height: 40px;
padding: 5px 10px;
max-width: 150px;
}
#wcu-paypal-input,
#wcu-paypal-input2 {
margin-top: 10px;
}
#wcu-paypal-button,
.wcu-paypal-button,
#wcu-email-settings-update-button,
#wcu-billing-update-button,
#wcu-register-button,
.wcu-settings-tab-content .button {
margin-top: 12px;
font-size: 15px;
min-height: 40px;
padding: 5px 20px;
}
#wcu-register-button {
margin-top: 15px;
}
.wcu-save-settings-button,
#wcu6 .woocommerce-Button,
#wcu6 button {
border: 2px solid #333;
border-radius: 2px;
}
#paypal-input {
width: 300px;
max-width: 100%;
}
.wcu_paypal_email_form p {
margin-bottom: 5px;
}
.create-stripe-link,
.create-stripe-link span,
.create-stripe-link i {
color: #fff;
}
.create-stripe-link {
text-decoration: none !important;
}
#submitpayoutyes {
background: #008cdd;
padding: 10px 15px;
color: #fff;
font-weight: 700;
width: auto;
display: block;
}
#submitpayoutyes:hover {
background: #0074b8;
}
#submitpayoutno {
cursor: not-allowed;
padding: 10px 15px;
}
#payouts_invoice_label {
padding: 0;
}
#payouts_invoice_label:hover {
cursor: pointer;
}
#wcu_copylink {
padding: 2px 10px !important;
border-radius: 20px !important;
}
#wcusage_copylink,
.wcusage_copylink {
margin: 0;
padding: 2px 10px !important;
border-radius: 20px !important;
cursor: pointer;
}
#wcusage_copylink:active,
.wcusage_copylink:active,
#wcusage_copylink:focus,
.wcusage_copylink:focus {
opacity: 0.8;
}
#wcusage_copylink i {
margin: 0;
}
.referral-url-box,
.payouts-box,
.creatives-box {
background: linear-gradient(#fefefe, #fff);
color: #333;
box-shadow: 0 0 4px #dbdada;
border-radius: 10px;
padding: 10px 20px;
margin-top: 10px;
}
.payouts-box {
margin-top: 28px;
padding: 20px 25px 20px 25px;
}
@media only screen and (max-width: 720px) {
.referral-url-box,
.payouts-box,
.creatives-box {
padding: 10px 5px;
}
}
.referral-url-box p,
.payouts-box p,
.creatives-box p,
.referral-url-box strong,
.payouts-box strong {
color: #333 !important;
}
form.wcu_payout_button {
margin-bottom: 0;
}
.wcu-color-box {
width: 90%;
margin: 0 auto 10px auto;
padding: 10px;
border-radius: 5px;
cursor: pointer;
font-size: 20px;
border: 2px solid #fff;
box-shadow: 0 0 4px #dbdada;
font-weight: 700;
}
.wcu-stripe-button {
display: inline-block;
width: auto;
margin: 0 0 7px 0 !important;
padding: 5px 20px !important;
background: #008cdd !important;
color: #fff !important;
font-size: 20px !important;
border-radius: 10px !important;
text-decoration: none !important;
}
.wcu-stripe-error {
color: red;
}
#wcu6 label {
width: 100%;
}
#wcu6 input[type="text"],
#wcu6 input[type="email"],
#wcu6 input[type="password"] {
min-width: 33%;
margin: 0 0 2px 0;
padding: 5px;
}
#wcu6 em {
width: 100%;
}
.listtheproducts {
display: none;
}
.listtheproducts .wcuTableCell {
padding: 0 !important;
margin: 0;
}
.listtheproducts .wcuTableCell {
text-align: center;
}
.listtheproducts::before {
display: none !important;
content: "" !important;
}
.listtheproducts-small {
display: none;
}
@media only screen and (max-width: 1024px) {
.listtheproducts-summary {
display: none !important;
}
.listtheproducts-small {
display: block !important;
}
}
.wcutab button {
background-color: #333;
color: #fff;
padding: 8px 10px;
font-size: 16px;
line-height: 16px;
}
.wcutab button:hover {
background-color: #000;
color: #fff;
}
.wcutab button.active {
background-color: #000;
color: #fff;
}
.wcutabcontent {
display: none;
border-top: none;
}
.wcutabcontent p,
.wcutabcontent td,
.wcutabcontent tr,
.wcutabcontent code,
.wcuTableCell {
font-size: 17px;
}
.wcu-dash-coupon-area .wcutabcontent p,
.entry-content .ml_wcutabcontent p {
margin: 8px 0;
padding: 0 !important;
}
.listproductsbutton {
display: block;
text-align: center;
color: #333;
text-decoration: none;
font-weight: 700;
cursor: pointer;
}
.wcu-orders-search,
.wcu-summary-search {
float: right;
max-width: 150px;
margin-right: 10px;
}
.wcusage-search-form {
float: right;
margin: 5px 0;
height: 35px;
margin-top: -55px;
}
@media screen and (max-width: 720px) {
.wcusage-search-form {
width: 100%;
display: block;
float: none;
margin-top: 0;
}
#product_search_form input[type="text"] {
width: 50%;
max-width: 50%;
margin: 0 auto;
}
}
.wcu-button-export {
border: 1px solid #333 !important;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
}
.wcusage_settings_form {
margin: 0;
padding: 0;
}
.wcusage_settings_form input[type="submit"],
.wcusage_settings_form input[type="button"],
.wcusage_settings_form input[type="date"],
.wcusage_settings_form input[type="month"],
.wcu-monthly-orders-button,
.wcu-button-export,
.submitpayoutno,
.submitpayoutyes {
height: 40px !important;
font-size: 15px !important;
padding: 0 20px !important;
display: inline-block !important;
border: 1px solid #333;
border-radius: 5px;
cursor: pointer;
}
.wcusage_settings_form input[type="date"],
.wcusage_settings_form input[type="month"] {
min-width: 0 !important;
}
.wcu-filters-col1,
.wcu-filters-col2 {
display: table;
height: 70px;
}
.wcu-filters-inner {
display: table-cell;
vertical-align: middle;
}
.wcu-order-filters-space {
min-width: 15px;
display: inline-block;
}
@media only screen and (min-width: 940px) {
.wcu-filters-col1 {
width: 80%;
float: left;
}
.wcu-filters-col2 {
width: 20%;
float: left;
}
.wcu-button-export {
float: right;
}
}
@media only screen and (max-width: 939px) {
#wcusage_settings_form_orders,
.wcu-filters-col1,
.wcu-filters-col2,
.wcu-filters-inner {
max-width: 100% !important;
}
}
.ordersfilterbutton,
.summaryfilterbutton {
display: block;
margin: 4px auto;
max-width: 150px !important;
}
@media only screen and (max-width: 939px) {
.wcu-filters-col1 {
margin: 20px 0;
width: 100vw;
text-align: center;
}
.wcu-filters-col2 {
width: 100vw;
text-align: center;
}
.wcu-order-filters-field {
width: calc(100% - 20px);
display: block;
margin-bottom: 4px;
}
.wcu-order-filters-space {
display: none;
}
}
.wcu-order-filters-field input {
max-width: 190px !important;
display: inline-block;
}
.wcu-order-filters-field .minimal-form-input {
width: auto !important;
padding: 0 !important;
margin: 0 !important;
}
.wcu-order-filters label {
display: inline-block;
}
.wcu_form_affiliate_register label:first-letter {
text-transform: capitalize;
}
.wcu-form-section .wcusage-register-form-title,
.wcu-form-section .wcusage-login-form-title {
margin-top: 20px !important;
margin-bottom: 25px !important;
}
.wcu_form_affiliate_register input[type="text"],
.wcu_form_affiliate_register input[type="password"],
.wcu_form_affiliate_register input[type="email"] {
width: 100%;
min-height: 30px;
}
.wcu_form_affiliate_register input[type="text"],
.wcu_form_affiliate_register input[type="email"],
.wcu_form_affiliate_register input[type="password"] {
margin-top: 10px;
padding: 10px;
margin-bottom: 0;
max-width: 100% !important;
width: 100%;
}
.wcusage-login-form-col label,
.wcu_form_affiliate_register label {
font-weight: 700;
}
.wcu_form_affiliate_register label {
display: block;
width: 100% !important;
}
.wcu_form_affiliate_register p {
margin-bottom: 20px;
}
#wcu-register-button,
.wcusage-login-form-col .woocommerce-button {
padding: 10px;
min-width: 200px !important;
cursor: pointer !important;
}
.wcu-reg-terms {
padding: 5px 0;
font-weight: 700;
}
.wcu-form-section .wcu-reg-terms p {
line-height: 1.5em;
}
.wcu_form_style_columns .wcu-register-field-col-1,
.wcu_form_style_columns .wcu-register-field-col-2 {
width: 49.5%;
float: left;
display: inline-block;
}
.wcu_form_style_columns .wcu-register-field-col-1 {
margin-right: 1%;
}
.wcu_form_style_2 input[type="text"],
.wcu_form_style_2 input[type="email"],
.wcu_form_style_2 input[type="password"],
.wcu_form_style_2 input[type="date"],
.wcu_form_style_2 textarea,
.wcu_form_style_2 select {
margin: 4px 0 5px 0 !important;
width: 100% !important;
max-width: 100% !important;
border: 3px solid #dadada !important;
border-radius: 4px !important;
}
.wcu_form_style_3 p {
margin-bottom: 15px !important;
}
.wcu_form_style_3 input[type="text"],
.wcu_form_style_3 input[type="email"],
.wcu_form_style_3 input[type="password"],
.wcu_form_style_3 input[type="date"],
.wcu_form_style_3 textarea,
.wcu_form_style_3 select {
margin: 4px 0 0 0 !important;
padding: 10px;
width: 100% !important;
max-width: 100% !important;
border: 1px solid #dadada !important;
border-radius: 5px !important;
}
.wcu-campaigns-col1,
.wcu-campaigns-col2 {
display: table;
}
#wcu-add-campaign,
#wcu-add-directlink {
padding: 0;
}
@media only screen and (max-width: 759px) {
#wcu-add-directlink input,
#wcu-add-directlink select {
width: 100% !important;
max-width: 100% !important;
margin-bottom: 10px !important;
}
}
@media only screen and (min-width: 760px) {
.wcu-campaigns-col1 {
width: 75%;
float: left;
}
.wcu-campaigns-col2 {
width: 25%;
float: left;
text-align: right;
}
.wcu-campaigns-col1 p,
.wcu-campaigns-col2 p {
margin-bottom: 0;
}
#wcu-referral-campaign {
min-height: 27px;
width: 200px;
max-width: 100%;
float: right;
}
#wcu-creatives-campaign {
min-height: 27px;
}
#wcu-add-campaign-name {
width: 120px;
max-width: 100%;
font-size: 12px;
padding: 5px;
}
#wcu-add-campaign-button {
display: inline-block;
float: left;
max-width: 100%;
font-size: 12px;
line-height: 12px;
padding: 0 5px;
height: 30px;
}
#wcu-add-campaign-button,
#wcu-add-directlink-button {
max-width: 100%;
font-size: 12px;
padding: 5px;
min-height: 0px !important;
}
}
@media only screen and (max-width: 759px) {
.wcu-campaigns-col1 {
width: 100%;
text-align: center;
}
.wcu-campaigns-col2 {
width: 100%;
text-align: center;
}
#wcu-referral-campaign {
margin: 0 auto;
}
#wcu-creatives-campaign {
margin: 0 auto;
float: none !important;
}
#wcu-add-campaign-button {
width: 100%;
margin-bottom: 40px !important;
}
}
.wcusage-info-box {
padding: 25px 15px 25px 105px;
background: linear-gradient(#fefefe, #fff);
color: #000;
border: 1px solid #f3f3f3;
display: block;
border-radius: 5px;
margin: 0.5%;
box-shadow: 0 0 4px #dbdada;
width: 99%;
position: relative;
}
.wcusage-info-box:before {
content: "";
font-family: "Font Awesome 5 Free";
font-size: 40px;
position: absolute;
left: 30px;
top: 44px;
color: #bebebe;
width: 50px;
text-align: center;
font-style: normal;
font-weight: 900;
height: 40px !important;
display: flex;
align-items: center;
justify-content: center;
}
.wcusage-info-box-dollar:before {
content: "\f155";
}
.wcusage-info-box-dollar2:before {
content: "\f81d";
}
.wcusage-info-box-dollar3:before {
content: "\f571";
}
.wcusage-info-box-dollar4:before {
content: "\f4c0";
}
.wcusage-info-box-discount:before {
content: "\f02b";
}
.wcusage-info-box-discounts:before {
content: "\f02c";
}
.wcusage-info-box-usage:before {
content: "\f0c0";
}
.wcusage-info-box-sales:before {
content: "\f07a";
}
.wcusage-info-box-commission:before {
content: "\f53a";
}
.wcusage-info-box-percent:before {
content: "\f541";
}
.wcusage-info-box-clicks:before {
content: "\f245";
}
.wcusage-info-box-convert:before {
content: "\f058";
}
@media only screen and (min-width: 1060px) {
.wcusage-info-box {
width: 32.3%;
float: left;
box-sizing: border-box;
}
}
.wcusage-info-box:hover {
background: #f9f9f9;
}
.wcusage-info-box p {
margin: 8px 0 !important;
padding: 0 !important;
font-size: 32px !important;
line-height: 32px !important;
}
.wcusage-info-box .wcusage-info-box-title {
width: 100%;
font-size: 16px;
display: block;
margin-bottom: 5px;
line-height: 20px;
color: #000;
}
.wcusage-info-box p,
.wcusage-info-box span {
color: #000;
}
.wcusage-info-box .wcusage-info-box-value {
width: 100%;
font-size: 22px;
display: block;
}
.wcusage-last-days {
margin: 15px 0 10px 0;
font-weight: 700;
margin-top: 20px;
margin-bottom: 10px;
color: #333;
padding: 0 !important;
}
.show_statistics .wcusage-stats-title {
margin: 0;
font-weight: 700;
margin-bottom: 10px;
margin-left: 5px;
}
.wcusagechart {
padding: 0 10px 10px 10px;
box-shadow: 0 0 4px #dbdada;
background: #fff;
width: calc(100% - 10px);
margin: 0 auto;
min-height: 400px;
overflow: hidden;
border-radius: 5px;
}
.wcusagechart #chart_divquarter,
.wcusagechart #chart_divmonth,
.wcusagechart #chart_divlastmonth {
margin-top: -20px;
}
@media only screen and (max-width: 720px) {
.wcusage-all-charts {
width: 100vw;
}
}
.wcusagechart {
visibility: hidden;
}
#mla_chart_div table.google-visualization-orgchart-table p,
#mla_chart_div table.google-visualization-orgchart-table a {
font-family: arial, sans-serif;
}
.wcusage-num-pos {
color: green !important;
font-size: 12px;
position: absolute;
margin-left: 10px;
bottom: 27%;
}
.wcusage-num-neg {
color: red !important;
font-size: 12px;
position: absolute;
margin-left: 10px;
bottom: 27%;
}
@media only screen and (max-width: 1260px) {
.wcusage-num-pos,
.wcusage-num-neg {
display: block !important;
margin-bottom: -30px !important;
margin-left: 0;
}
}
.wcu-loading-loader {
margin: 25px 0 0 0;
width: 90px;
aspect-ratio: 2;
--_g: no-repeat radial-gradient(circle closest-side, #000 90%, #0000);
background:
var(--_g) 0% 50%,
var(--_g) 50% 50%,
var(--_g) 100% 50%;
background-size: calc(100% / 3) 50%;
animation: l3 1s infinite linear;
}
@keyframes l3 {
20% {
background-position:
0% 0%,
50% 50%,
100% 50%;
}
40% {
background-position:
0% 100%,
50% 0%,
100% 50%;
}
60% {
background-position:
0% 50%,
50% 100%,
100% 0%;
}
80% {
background-position:
0% 50%,
50% 50%,
100% 100%;
}
}
.wcu-loading-loader-text {
margin: 0;
font-weight: 700;
font-size: 15px;
margin-top: -5px;
text-align: center;
width: 90px;
}
@media only screen and (max-width: 720px) {
.wcu-loading-loader-text {
margin-top: 10px;
}
}
@media only screen and (min-width: 1240px) {
.wcu-user-coupon-list-group {
display: flex;
}
}
.wcu-user-coupon-list {
margin: 10px;
float: left;
padding: 15px 20px;
text-align: center;
font-size: 18px;
background: linear-gradient(#fefefe, #fff);
box-shadow: 0 0 4px #dbdada;
border: 1px solid #f3f3f3;
border-radius: 10px;
word-wrap: break-word;
}
.wcu-coupon-list-button,
.wcu-coupon-list-button2 {
padding: 5px 20px;
background: #333 !important;
border: 1px solid #333;
display: block;
text-align: center;
color: #fff !important;
border-radius: 4px;
text-decoration: none !important;
}
.wcu-coupon-list-button:hover,
.wcu-coupon-list-button2:hover {
background: #000 !important;
color: #fff;
}
@media only screen and (min-width: 1240px) {
.wcu-user-coupon-list {
width: calc(33.33% - 20px);
}
}
@media only screen and (min-width: 820px) and (max-width: 1239px) {
.wcu-user-coupon-list {
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 820px) {
.wcu-user-coupon-list {
width: calc(100% - 20px);
}
}
.wcu-loading-image {
display: inline-block;
}
.wcusage-loading {
color: green;
}
@media only screen and (max-width: 820px) {
.wcu-loading-image {
display: inline;
}
.wcu-loading-loader {
margin: 0 auto;
}
.wcu-loading-image p {
text-align: center;
width: 100% !important;
}
}
.wcusage-refresh-data {
margin-top: -2px;
}
.wcusage_custom_ref_url {
margin-bottom: 0 !important;
padding: 5px;
display: inline-block;
}
.wcu-display-qr-code {
display: none;
padding: 10px;
border: 4px solid #f3f3f3;
border-radius: 10px;
text-align: center;
margin-top: 10px;
}
.wcu-qr-code {
width: 150px;
max-width: 150px;
margin: 2px 0 0 0;
display: none;
}
.wcu-download-qr {
display: none;
background: none;
margin-top: 0;
margin-bottom: 0;
padding: 0 10px;
cursor: pointer;
border-radius: 5px;
}
.wcusage-social-icon {
font-size: 30px;
margin: 0 4px 0 0;
}
.wcusage-social-link-whatsapp {
display: none;
}
@media only screen and (max-width: 780px) {
.wcusage-social-link-whatsapp {
display: inline-block !important;
}
}
.wcusage-login-form-col {
width: 50%;
display: block;
float: left;
padding: 20px;
}
.wcusage-login-form-col input[type="text"] {
width: 100% !important;
max-width: 100% !important;
}
.wcu-form-section p {
margin-top: 0;
line-height: 1em;
}
.wcusage-login-form-section .woocommerce-form-login {
padding: 0 !important;
}
.wcusage-login-form-section
.woocommerce-form-login
.woocommerce-form__input-checkbox {
width: 20px;
}
.wcusage-login-form-section .woocommerce-form-login__rememberme {
width: 100% !important;
margin-bottom: 20px !important;
display: block !important;
}
.wcusage-login-form-section .woocommerce-form__input-checkbox {
margin-bottom: 0px !important;
}
@media only screen and (max-width: 1020px) {
.wcusage-login-form-col {
width: 100%;
min-width: 300px;
display: block;
float: left;
padding: 20px;
}
}
.creatives-box {
margin-top: 15px;
margin: 10px;
float: left;
text-align: center;
border: 2px solid #f3f3f3;
}
@media screen and (max-width: 940px) {
.creatives-box {
width: calc(100% - 20px);
}
}
.creatives-box-image {
position: relative;
width: 90%;
overflow: hidden;
margin: 0 auto;
margin-bottom: 0;
border: 2px solid #f3f3f3;
background-color: #fff;
opacity: 1;
background-image:
repeating-linear-gradient(
45deg,
#f9f9f9 25%,
transparent 25%,
transparent 75%,
#f9f9f9 75%,
#f9f9f9
),
repeating-linear-gradient(
45deg,
#f9f9f9 25%,
#ffffff 25%,
#ffffff 75%,
#f9f9f9 75%,
#f9f9f9
);
background-position:
0 0,
19px 19px;
background-size: 38px 38px;
}
.creatives-box-image:before {
content: "";
display: block;
padding-top: 100%;
}
.creatives-box-image-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
}
.creatives-box img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.wcusage_creativelink {
width: 90%;
border-radius: 0 !important;
border: 2px solid #f3f3f3 !important;
border-radius: 4px !important;
margin-bottom: 10px;
padding: 4px !important;
}
.wcu-tooltip {
position: relative;
display: inline-block;
z-index: 999999;
}
.wcu-tooltip .wcu-tooltiptext {
visibility: hidden;
opacity: 0;
width: max-content;
min-width: 200px;
max-width: 300px;
background-color: #000;
color: #fff;
text-align: left;
padding: 5px 10px;
border-radius: 6px;
position: absolute !important;
z-index: 999999 !important;
top: calc(100% + 5px);
left: 0;
transition: opacity 0.3s;
word-wrap: break-word;
white-space: normal;
pointer-events: none;
}
.wcu-tooltip:hover .wcu-tooltiptext {
visibility: visible;
opacity: 1;
}
.wcuTableCell .wcu-tooltip {
position: relative;
z-index: 999999;
}
.wcuTableCell .wcu-tooltip .wcu-tooltiptext {
position: absolute !important;
z-index: 999999 !important;
top: calc(100% + 5px);
left: 50%;
transform: translateX(-50%);
}
.wcuTableCell {
overflow: visible !important;
}
.wcuTable {
overflow: visible !important;
}
@media only screen and (max-width: 760px) {
.wcu-tooltip .wcu-tooltiptext {
position: fixed !important;
left: 10px !important;
right: 10px !important;
width: auto !important;
max-width: calc(100vw - 20px) !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 999999 !important;
}
.wcuTableCell .wcu-tooltip .wcu-tooltiptext {
transform: translateY(-50%) !important;
left: 10px !important;
right: 10px !important;
}
}
.wcu-mla-network-button {
margin: 2px 0 7px 0 !important;
padding: 2px 5px 2px 5px !important;
text-decoration: none !important;
}
.wcu-mla-network-tier {
font-size: 12px !important;
width: 20px !important;
margin-top: -15px !important;
margin-bottom: -8px !important;
margin-left: -7px !important;
opacity: 0.2 !important;
cursor: default !important;
}
.wcu-mla-network-avatar {
text-align: center;
display: inline-block !important;
margin: 0 auto !important;
max-width: 50px;
border-radius: 50px;
border: 2px solid #f3f3f3;
}
.wcu-mla-network-user {
font-size: 18px !important;
line-height: 25px !important;
min-width: 150px !important;
}
.wcu-mla-network-coupon {
margin-top: 5px !important;
font-size: 12px !important;
line-height: 12px !important;
}
.wcu-mla-network-amount {
cursor: default !important;
font-size: 18px !important;
line-height: 17px !important;
margin: 8px 0 10px 0 !important;
}
.wcu-mla-network-email {
text-decoration: none;
display: inline-block !important;
margin-top: 4px !important;
margin-bottom: -2px !important;
}
.wcu-mla-network-email:hover {
text-decoration: none !important;
opacity: 0.8;
}
#ml-wcu4 {
padding: 0 20px;
}
#mla_chart_div table td {
border: 0 !important;
}
#mla_chart_div table td {
background: transparent !important;
}
#mla_chart_div td.google-visualization-orgchart-node {
padding: 18px 12px;
font-weight: 700;
background: linear-gradient(#fefefe, #fff) !important;
box-shadow: 0 0 4px #d0d0d0 !important;
border: 0 !important;
border-radius: 10px;
word-wrap: break-word;
margin-left: -2px;
cursor: grab;
}
#mla_chart_div table td a:hover {
opacity: 0.75;
text-decoration: underline;
}
#mla_chart_div .google-visualization-orgchart-linenode {
padding: 10px;
}
#mla_chart_div .google-visualization-orgchart-linebottom,
#mla_chart_div .google-visualization-orgchart-linetop,
#mla_chart_div .google-visualization-orgchart-lineleft,
#mla_chart_div .google-visualization-orgchart-lineright {
padding-top: 10px;
padding-bottom: 10px;
}
#mla_chart_div {
text-align: center;
display: inline-block;
width: 100%;
overflow: scroll;
overflow: auto;
cursor: grab;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#mla_chart_div .google-visualization-orgchart-table {
cursor: grab;
display: flex;
width: auto;
}
#mla_chart_div::-webkit-scrollbar {
display: none;
}
.wcusage-bonuses-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
position: relative;
}
.wcusage-reward-box {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
width: calc(50% - 20px);
float: left;
border: 2px solid #f3f3f3;
border-radius: 10px;
padding: 29px 10px 15px 10px;
box-shadow: 0 0 4px #dbdada;
margin-bottom: 0;
position: relative;
}
@media only screen and (max-width: 920px) {
.wcusage-reward-box {
width: 98vw;
}
}
.wcusage-reward-text {
display: block;
padding: 5px 10px;
font-size: 18px;
font-weight: 700;
background-image: linear-gradient(0deg, #f6d365 50%, #ffb9a5 100%);
color: #000;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
margin: -10px auto 10px auto;
width: auto;
}
@media only screen and (max-width: 720px) {
.wcusage-reward-text {
width: 100%;
}
}
.wcusage-reward-box h4 {
margin-top: 5px !important;
margin-bottom: 0px !important;
}
.wcusage-reward-box p {
margin-bottom: 10px;
}
.wcusage-progress-bar {
box-sizing: content-box;
height: 35px;
border-radius: 5px;
margin-bottom: 10px;
padding: 0;
box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
background: #d2d2d2;
width: 90%;
margin: 0 auto 10px auto;
display: block;
position: relative;
font-size: 15px;
line-height: 35px;
}
.wcusage-progress-bar-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: 700;
z-index: 2;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
width: 100%;
}
.wcutabcontent p.wcusage-reward-description {
margin-top: 10px;
margin-bottom: 20px;
padding: 0 20px !important;
}
.wcusage-progress-bar > span {
display: block;
height: 100%;
border-radius: 5px;
background-color: rgba(43, 194, 83, 0.75);
background-image: linear-gradient(
center bottom,
rgb(43, 194, 83) 37%,
rgb(84, 240, 84) 69%
);
box-shadow:
inset 0 2px 9px rgba(255, 255, 255, 0.3),
inset 0 -2px 6px rgba(0, 0, 0, 0.4);
position: relative;
overflow: hidden;
}
.wcusage-progress-bar > span:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: linear-gradient(
-45deg,
rgba(255, 255, 255, 0.2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0.2) 75%,
transparent 75%,
transparent
);
z-index: 1;
background-size: 50px 50px;
animation: move 4s linear infinite;
border-top-right-radius: 20px;
overflow: hidden;
}
@keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}
.wcusage-reward-status {
display: inline-block;
padding: 5px 10px;
color: #fff;
font-size: 15px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 10px;
font-weight: 700;
}
.wcusage-reward-achieved {
background-color: #2ecc71;
color: #fff;
font-size: 15px;
margin-bottom: 0;
}
.wcusage-reward-not-achieved {
background-color: #e74c3c;
}
.wcusage-reward-summary-item {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.wcusage-reward-countdown {
font-size: 15px;
font-weight: 700;
margin-bottom: 10px;
}
.wcusage-store-credit-info {
display: block;
}
table.wcusage-leaderboard-table {
width: 100%;
border-collapse: collapse;
}
.wcusage-leaderboard-table th {
padding: 10px;
}
.wcusage-leaderboard-table td {
padding: 10px;
}
.wcusage-leaderboard-table .wcusage-highlight {
background: #b8e4c7;
color: #333;
}
.wcu-bank-details-display {
font-size: 14px;
line-height: 1.4;
}
.wcu-bank-details-display strong {
color: #333 !important;
}
.wcu-bank-details-display div {
word-wrap: break-word;
overflow-wrap: break-word;
}
@media only screen and (max-width: 720px) {
.wcu-bank-details-display {
padding: 8px !important;
margin-left: -5px !important;
margin-right: -5px !important;
}
}
body.dark-mode .wcu-bank-details-display {
background: var(--content-bg2) !important;
border: 1px solid var(--border-color) !important;
color: var(--text-color) !important;
}
body.dark-mode .wcu-bank-details-display strong {
color: var(--text-color) !important;
}
.bg img {
width: 100%;
height:100%;
object-fit:cover;
}
/* ==== yaya-wc-smallscreen: woocommerce-smallscreen-rtl.css ==== */
:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}.woocommerce table.shop_table_responsive thead,.woocommerce-page table.shop_table_responsive thead{display:none}.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{border-top:0}.woocommerce table.shop_table_responsive tbody th,.woocommerce-page table.shop_table_responsive tbody th{display:none}.woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr{display:block}.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td{display:block;text-align:left!important}.woocommerce table.shop_table_responsive tr td.order-actions,.woocommerce-page table.shop_table_responsive tr td.order-actions{text-align:right!important}.woocommerce table.shop_table_responsive tr td::before,.woocommerce-page table.shop_table_responsive tr td::before{content:attr(data-title) ": ";font-weight:700;float:right}.woocommerce table.shop_table_responsive tr td.actions::before,.woocommerce table.shop_table_responsive tr td.product-remove::before,.woocommerce-page table.shop_table_responsive tr td.actions::before,.woocommerce-page table.shop_table_responsive tr td.product-remove::before{display:none}.woocommerce table.shop_table_responsive tr:nth-child(2n) td,.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{background-color:rgba(0,0,0,.025)}.woocommerce table.my_account_orders tr td.order-actions,.woocommerce-page table.my_account_orders tr td.order-actions{text-align:right}.woocommerce table.my_account_orders tr td.order-actions::before,.woocommerce-page table.my_account_orders tr td.order-actions::before{display:none}.woocommerce table.my_account_orders tr td.order-actions .button,.woocommerce-page table.my_account_orders tr td.order-actions .button{float:none;margin:.125em 0 .125em .25em}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{float:none;width:100%}.woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{width:48%;float:right;clear:both;margin:0 0 2.992em}.woocommerce ul.products[class*=columns-] li.product:nth-child(2n),.woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){float:left;clear:none!important}.woocommerce #content div.product div.images,.woocommerce #content div.product div.summary,.woocommerce div.product div.images,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.images,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.images,.woocommerce-page div.product div.summary{float:none;width:100%}.woocommerce #content table.cart .product-thumbnail,.woocommerce table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail,.woocommerce-page table.cart .product-thumbnail{display:none}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:none;padding-bottom:.5em}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce #content table.cart td.actions .coupon::before,.woocommerce table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::before,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::before,.woocommerce-page table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::before{content:" ";display:table}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::after{clear:both}.woocommerce #content table.cart td.actions .coupon .button,.woocommerce #content table.cart td.actions .coupon .input-text,.woocommerce #content table.cart td.actions .coupon input,.woocommerce table.cart td.actions .coupon .button,.woocommerce table.cart td.actions .coupon .input-text,.woocommerce table.cart td.actions .coupon input,.woocommerce-page #content table.cart td.actions .coupon .button,.woocommerce-page #content table.cart td.actions .coupon .input-text,.woocommerce-page #content table.cart td.actions .coupon input,.woocommerce-page table.cart td.actions .coupon .button,.woocommerce-page table.cart td.actions .coupon .input-text,.woocommerce-page table.cart td.actions .coupon input{width:48%;box-sizing:border-box}.woocommerce #content table.cart td.actions .coupon .button.alt,.woocommerce #content table.cart td.actions .coupon .input-text+.button,.woocommerce table.cart td.actions .coupon .button.alt,.woocommerce table.cart td.actions .coupon .input-text+.button,.woocommerce-page #content table.cart td.actions .coupon .button.alt,.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,.woocommerce-page table.cart td.actions .coupon .button.alt,.woocommerce-page table.cart td.actions .coupon .input-text+.button{float:left}.woocommerce #content table.cart td.actions .coupon .coupon-error-notice,.woocommerce table.cart td.actions .coupon .coupon-error-notice,.woocommerce-page #content table.cart td.actions .coupon .coupon-error-notice,.woocommerce-page table.cart td.actions .coupon .coupon-error-notice{clear:right;color:var(--wc-red);float:right;font-size:.75em;margin-bottom:0;text-align:right;width:48%}.woocommerce #content table.cart td.actions .button,.woocommerce table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page table.cart td.actions .button{display:block;width:100%}.woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells,.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .shipping_calculator{width:100%;float:none;text-align:right}.woocommerce-page.woocommerce-checkout form.login .form-row,.woocommerce.woocommerce-checkout form.login .form-row{width:100%;float:none}.woocommerce #payment .terms,.woocommerce-page #payment .terms{text-align:right;padding:0}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:none;width:100%;box-sizing:border-box;margin-bottom:1em}.woocommerce .lost_reset_password .form-row-first,.woocommerce .lost_reset_password .form-row-last,.woocommerce-page .lost_reset_password .form-row-first,.woocommerce-page .lost_reset_password .form-row-last{width:100%;float:none;margin-left:0}.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:100%}.single-product .twentythirteen .panel{padding-right:20px!important;padding-left:20px!important}
/* ==== yaya-wpml: style.min.css ==== */
.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center}
/* ==== yaya-countdown: countdown.css ==== */
body:has(.yaydp-countdown-wrapper){position:relative}.yaydp-countdown-wrapper{display:flex;flex-wrap:wrap;justify-content:center;z-index:100;width:100%}.yaydp-event-wrapper{margin:10px!important;width:fit-content;display:flex!important;align-items:center;gap:10px}.yaydp-event-wrapper p{margin:0}.yaydp-event-wrapper.notice{background:#3d9cd2}.yaydp-event-wrapper.warning{background:#dd8e27}.yaydp-timer-space-group{vertical-align:top}.yaydp-event-countdown{display:inline-flex;gap:8px;vertical-align:middle;margin-left:.5rem;margin-right:.5rem;align-items:center}.yaydp-event-countdown .yaydp-timer-number{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;position:initial;background:transparent;border:1px solid transparent;text-align:center;font-weight:600;padding:0 2px;border-radius:5px;display:block;-webkit-transform:perspective(100px);-ms-transform:perspective(100px);-o-transform:perspective(100px);transform:perspective(100px);-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;overflow:hidden;line-height:1;-webkit-transition:-webkit-transform 800ms,opacity 700ms,color 400ms,filter 400ms;-o-transition:-o-transform 800ms,opacity 700ms,color 400ms,filter 400ms;transition:transform 800ms,opacity 700ms,color 400ms,filter 400ms}.yaydp-event-countdown .yaydp-timer-label{display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;font-size:10px}.yaydp-notice-countdown-wrap::before{top:1.6em!important}.yaydp-countdown-view-event{line-height:2.5!important}
/* ==== yaya-free-products: change-free-products.css ==== */
.yaydp-change-free-products-modal-wrap .modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:999999}.yaydp-change-free-products-modal-wrap .modal__container{background-color:#fff;padding:30px;width:min(600px, 95vw);max-height:95vh;border-radius:4px;overflow-y:auto;box-sizing:border-box}.yaydp-change-free-products-modal-wrap .modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.yaydp-change-free-products-modal-wrap .modal__title{margin-top:0;margin-bottom:0;font-weight:600;font-size:1.25rem;line-height:1.25;color:#00449e;box-sizing:border-box}.yaydp-change-free-products-modal-wrap .modal__close{background:transparent;border:0}.yaydp-change-free-products-modal-wrap .modal__header .modal__close:before{content:"\2715"}.yaydp-change-free-products-modal-wrap .modal__content{margin-top:2rem;margin-bottom:2rem;line-height:1.5;color:rgba(0,0,0,.8)}.yaydp-change-free-products-modal-wrap .modal__btn{font-size:.875rem;padding:.5rem 1rem;background-color:#e6e6e6;color:rgba(0,0,0,.8);border-radius:.25rem;border:none;cursor:pointer;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-transform:none;overflow:visible;line-height:1.15;margin:0;will-change:transform;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:transform 0.25s ease-out}.yaydp-change-free-products-modal-wrap .modal__btn:focus,.yaydp-change-free-products-modal-wrap .modal__btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.yaydp-change-free-products-modal-wrap .modal__btn-primary{background-color:#00449e;color:#fff}.yaydp-change-free-products-modal-wrap .modal__footer{text-align:right}@keyframes mmfadeIn{from{opacity:0}to{opacity:1}}@keyframes mmfadeOut{from{opacity:1}to{opacity:0}}@keyframes mmslideIn{from{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{from{transform:translateY(0)}to{transform:translateY(-10%)}}.yaydp-change-free-products-modal-wrap .micromodal-slide{display:none}.yaydp-change-free-products-modal-wrap .micromodal-slide.is-open{display:block;visibility:visible!important;opacity:unset!important;background-color:transparent!important}.yaydp-change-free-products-modal-wrap .micromodal-slide[aria-hidden="false"] .modal__overlay{animation:mmfadeIn 0.3s cubic-bezier(0,0,.2,1)}.yaydp-change-free-products-modal-wrap .micromodal-slide[aria-hidden="false"] .modal__container{animation:mmslideIn 0.3s cubic-bezier(0,0,.2,1)}.yaydp-change-free-products-modal-wrap .micromodal-slide[aria-hidden="true"] .modal__overlay{animation:mmfadeOut 0.3s cubic-bezier(0,0,.2,1)}.yaydp-change-free-products-modal-wrap .micromodal-slide[aria-hidden="true"] .modal__container{animation:mmslideOut 0.3s cubic-bezier(0,0,.2,1)}.yaydp-change-free-products-modal-wrap .micromodal-slide .modal__container,.yaydp-change-free-products-modal-wrap .micromodal-slide .modal__overlay{will-change:transform}#yaydp-change-product-modal .modal__container{position:relative}#yaydp-change-product-modal.is-loading .modal__container::before{position:absolute;content:'';width:100%;height:100%;background-color:#fffb;z-index:1}#yaydp-change-product-modal.is-loading .modal__container::after{position:absolute;content:"Loading...";top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.yaydp-free-option-content{font-size:14px}.yaydp-free-option-content table td img{width:110px;height:auto}.yaydp-free-option-contents .yaydp-free-option-content{display:none}.yaydp-free-option-contents .yaydp-free-option-content.active{display:block}.yaydp-free-options{display:block;width:100%}label[for="yaydp-free-options"]{font-size:12px}.yaydp-free-option-content .yaydp-change-free-products-table{width:100%}.yaydp-free-option-content .yaydp-change-free-products-table tbody td.yaydp-change-free-products-td-name{max-width:300px;overflow:auto}.yaydp-free-option-content .yaydp-change-free-products-table-wrapper{max-height:max(70vh, 400px);overflow:auto}.yaydp-free-option-content .yaydp-change-free-products-table tbody td.yaydp-change-free-products-td-image{width:130px;padding-right:1rem}td.yaydp-change-free-products-td-qty{width:100px}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control{display:flex;align-items:center;justify-content:space-between;border:1px solid #c9c9c9;border-radius:4px;width:100%}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control input{display:flex;align-items:center;justify-content:center;padding:4px;width:25px;height:25px;text-align:center;font-size:12px;border:none}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control input::-webkit-inner-spin-button,td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;-moz-appearance:none;appearance:none}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control .yaydp-quantity-btn{display:flex;align-items:center;justify-content:center;width:20px;height:25px;text-align:center;font-size:12px;cursor:pointer;background-color:#f8f8f8;border:none;transition:all 0.2s ease;color:#000}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control .yaydp-quantity-btn.plus{border-top-right-radius:4px;border-bottom-right-radius:4px}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control .yaydp-quantity-btn.minus{border-top-left-radius:4px;border-bottom-left-radius:4px}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control .yaydp-quantity-btn:hover:not(.disabled){background-color:#e0e0e0}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control .yaydp-quantity-btn.disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5;color:#999}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control .yaydp-quantity-btn.disabled:hover{background-color:#f5f5f5}.yaydp-change-free-products-item-attributes{margin:0;list-style-type:none;font-size:.9em;font-style:italic}.yaydp-free-option-tabs{display:flex;flex-wrap:wrap}.yaydp-free-option-tabs .yaydp-free-option-tab{cursor:pointer;padding:5px 20px;margin:0!important;border-top:1px solid #c9c9c9;border-top-left-radius:4px;border-top-right-radius:4px;border-left:1px solid #c9c9c9;background-color:#f8f8f8}.yaydp-free-option-tabs .yaydp-free-option-tab:last-child{border-right:1px solid #c9c9c9}.yaydp-free-option-tabs .yaydp-free-option-tab input{display:none!important}.yaydp-free-option-tabs .yaydp-free-option-tab--selected{background-color:#00449e;color:#fff}@media screen and (max-width:768px){.yaydp-change-free-products-modal-wrap .modal__container{padding:20px;width:min(500px, 90vw)}.yaydp-change-free-products-modal-wrap .modal__title{font-size:1.1rem}.yaydp-change-free-products-modal-wrap .modal__content{margin-top:1.5rem;margin-bottom:1.5rem}.yaydp-free-option-tabs .yaydp-free-option-tab{padding:4px 12px;font-size:.85rem}.yaydp-free-option-content .yaydp-change-free-products-table tbody td.yaydp-change-free-products-td-name{max-width:200px;padding-right:1rem}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control input{width:45px;font-size:13px}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control .yaydp-quantity-btn{width:26px;height:26px;font-size:14px}}@media screen and (max-width:480px){.yaydp-change-free-products-modal-wrap .modal__container{padding:15px;width:95vw;max-height:90vh}.yaydp-change-free-products-modal-wrap .modal__title{font-size:1rem}.yaydp-change-free-products-modal-wrap .modal__content{margin-top:1rem;margin-bottom:1rem;font-size:.9rem}.yaydp-change-free-products-modal-wrap .modal__btn{font-size:.8rem;padding:.4rem .8rem}.yaydp-free-option-tabs{flex-wrap:wrap;gap:2px}.yaydp-free-option-tabs .yaydp-free-option-tab{padding:6px 10px;border-radius:4px;font-size:.8rem;flex:1;min-width:0;text-align:center;margin:0;border:1px solid #c9c9c9c9}.yaydp-free-option-content .yaydp-change-free-products-table tbody td.yaydp-change-free-products-td-name{max-width:150px;font-size:.85rem}.yaydp-free-option-content .yaydp-change-free-products-table-wrapper{max-height:60vh}.yaydp-free-options{width:100%}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control input{width:40px;height:24px;padding:3px;font-size:12px}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control .yaydp-quantity-btn{width:24px;height:24px;font-size:12px}label[for="yaydp-free-options"]{font-size:11px}.yaydp-free-option-content{font-size:13px}.yaydp-change-free-products-item-attributes{font-size:.8em}.yaydp-free-option-content .yaydp-change-free-products-table{font-size:12px;margin-top:1rem}.yaydp-free-option-content .yaydp-change-free-products-table tbody td.yaydp-change-free-products-td-image{width:100px}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control .yaydp-quantity-btn{min-height:28px;min-width:28px}.yaydp-change-free-products-modal-wrap .modal__overlay{align-items:flex-start;padding:10px}.yaydp-change-free-products-modal-wrap .modal__container{margin-top:20px;margin-bottom:20px}}@media screen and (max-width:320px){.yaydp-change-free-products-modal-wrap .modal__container{padding:10px;width:98vw;margin:5px;max-height:85vh}.yaydp-change-free-products-modal-wrap .modal__title{font-size:.9rem}.yaydp-change-free-products-modal-wrap .modal__content{margin-top:.75rem;margin-bottom:.75rem;font-size:.85rem}.yaydp-free-option-tabs .yaydp-free-option-tab{padding:5px 8px;font-size:.75rem}.yaydp-free-option-content .yaydp-change-free-products-table tbody td.yaydp-change-free-products-td-name{max-width:120px;font-size:.8rem}.yaydp-free-option-content .yaydp-change-free-products-table-wrapper{max-height:50vh}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control input{width:35px;height:22px;font-size:11px}td.yaydp-change-free-products-td-qty .yaydp-change-free-products-quantity-control .yaydp-quantity-btn{width:22px;height:22px;font-size:11px;min-height:26px;min-width:26px}.yaydp-free-option-content .yaydp-change-free-products-table{font-size:11px}.yaydp-free-option-content .yaydp-change-free-products-table tbody td.yaydp-change-free-products-td-image{width:60px}.yaydp-change-free-products-modal-wrap .modal__overlay{padding:5px}.yaydp-change-free-products-modal-wrap .modal__container{margin-top:10px;margin-bottom:10px}}
/* ==== yaya-brands: brands.css ==== */
.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}
/* ==== yaya-theme-rtl: style-rtl.css ==== */
/*!
Theme Name: kapps-theme
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called kapps-theme, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kapps-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
kapps-theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*="wp-image-"]{display:block;margin-right:auto;margin-left:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}.gallery-item{display:inline-block;text-align:center;width:100%}.gallery-columns-2{grid-template-columns:repeat(2,1fr)}.gallery-columns-3{grid-template-columns:repeat(3,1fr)}.gallery-columns-4{grid-template-columns:repeat(4,1fr)}.gallery-columns-5{grid-template-columns:repeat(5,1fr)}.gallery-columns-6{grid-template-columns:repeat(6,1fr)}.gallery-columns-7{grid-template-columns:repeat(7,1fr)}.gallery-columns-8{grid-template-columns:repeat(8,1fr)}.gallery-columns-9{grid-template-columns:repeat(9,1fr)}.gallery-caption{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.aligncenter{clear:both;display:block;margin-right:auto;margin-left:auto;margin-bottom:1.5em}.woocommerce-error,.woocommerce-info,.woocommerce-message{padding:1em 3.5em 1em 2em;margin:0 0 2em;position:relative;background-color:#f6f5f8;color:#515151;border-top:3px solid #720eec;list-style:none outside;width:auto;word-wrap:break-word}.woocommerce-error::after,.woocommerce-error::before,.woocommerce-info::after,.woocommerce-info::before,.woocommerce-message::after,.woocommerce-message::before{content:" ";display:table}.woocommerce-error::after,.woocommerce-info::after,.woocommerce-message::after{clear:both}.woocommerce-error::before,.woocommerce-info::before,.woocommerce-message::before{font-family:WooCommerce;content:"\e028";content:"\e028"/"";display:inline-block;position:absolute;top:1em;right:1.5em}.woocommerce-error .button,.woocommerce-info .button,.woocommerce-message .button{float:left}.woocommerce-error li,.woocommerce-info li,.woocommerce-message li{list-style:none outside!important;padding-right:0!important;margin-right:0!important}.woocommerce-message{border-top-color:#8fae1b}.woocommerce-message::before{content:"\e015";color:#8fae1b}.woocommerce-info{border-top-color:#1e85be}.woocommerce-info::before{color:#1e85be}.woocommerce-error{border-top-color:#b81c23}.woocommerce-error::before{content:"\e016";color:#b81c23}@font-face{font-display:swap;font-family:"WooCommerce";src:url() format("woff2"),url() format("woff"),url() format("truetype");font-weight:400;font-style:normal}.woocommerce-notices-wrapper,.woocommerce-notices-wrapper*,.woocommerce-notices-wrapper:focus-visible,.woocommerce-notices-wrapper*:focus-visible,.woocommerce-message:focus-visible{outline:none!important}.woocommerce-checkout .woocommerce-NoticeGroup{display:none!important}.b-kits .banner-lg .hero-image img{width:auto}.b-product-page .media-part .media img{width:auto}.step-section{padding:18px 0 50px}@media (max-width:767px){.step-section{padding:18px 0 38px}}a.added_to_cart.wc-forward{display:none!important}.total-price .old_price{color:#949fb7;-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.coupon-notice-success,.coupon-notice-error{margin-top:5px}.autoComplete_wrapper{width:100%}.autoComplete_wrapper>ul>li{text-align:right!important}.autoComplete_wrapper>ul>p{margin:6px;padding:4px 12px;text-align:right;color:var(--text-color-main);border-radius:8px;background-color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.autoComplete_wrapper{display:inline-block;position:relative}.autoComplete_wrapper>ul{position:absolute;max-height:226px;overflow-y:scroll;box-sizing:border-box;left:0;right:0;margin:.5rem 0 0 0;padding:0;z-index:6;list-style:none;border-radius:.6rem;background-color:#fff;border:1px solid rgba(33,33,33,.07);box-shadow:0 3px 6px rgba(149,157,165,.15);outline:0;transition:opacity 0.15s ease-in-out;-moz-transition:opacity 0.15s ease-in-out;-webkit-transition:opacity 0.15s ease-in-out}.autoComplete_wrapper>ul:empty,.autoComplete_wrapper>ul[hidden]{display:block;opacity:0;transform:scale(0)}.autoComplete_wrapper>ul>li{margin:6px;padding:4px 12px;text-align:left;color:var(--text-color-main);border-radius:8px;background-color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.2s ease}.autoComplete_wrapper>ul>li mark{background-color:transparent;font-weight:700}.autoComplete_wrapper>ul>li:hover{cursor:pointer;color:var(--text-white);background-color:var(--text-black)}.autoComplete_wrapper>ul>li:hover mark{color:var(--text-white)}.autoComplete_wrapper>ul>li[aria-selected="true"]{color:var(--text-white);background-color:var(--text-black)}.woocommerce-SavedPaymentMethods-saveNew{display:none}.wpcf7-response-output{display:none!important}.wpcf7-list-item{margin:0}.wpcf7{direction:rtl}.shipping+.woocommerce-info{margin-top:20px;margin-bottom:0}.wpcf7-spinner{display:none}.b-blog-archive .pagination ul li a,.b-blog-archive .pagination ul li span{color:inherit;width:100%;height:100%;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.b-blog-archive .pagination ul li span.active{color:var(--text-color-main)}.b-blog-archive .filter .tag-filter ul li a{color:inherit}.personal-zone .pz-main-part .woocommerce-error,.personal-zone .pz-main-part .woocommerce-info,.personal-zone .pz-main-part .woocommerce-message,.personal-zone .pz-main-part .woocommerce-notices-wrapper{width:100%}#add_payment_method ul,#add_payment_method ul li{list-style:none;padding:0;margin:0}.fixed-contact-us{color:var(--text-color-main);text-align:center}.btn.arrow .icon lottie-player{display:none}.btn.arrow.loading .icon svg{display:none}.btn.arrow.loading .icon lottie-player{display:block}.hidden-backend{display:none!important}.personal-zone #add_payment_method ul li>input,.personal-zone #add_payment_method ul li>label{display:none}body.logged-in [data-mini-cart] [data-membership].woocommerce-info{display:none!important}html body .uwy:not(.uon){z-index:50}.wpcf7-form-control-wrap{width:100%}.b-contact-form .content form input+.wpcf7-not-valid-tip{margin-bottom:12px;margin-top:-6px}.b-password-reset form .form-row .input-wrap{width:100%}.z-1012{z-index:1012}.checkout.woocommerce-checkout.processing .loader-wrapper{display:block}.b-single-career-post .career-info-cont h3{padding-top:24px;margin-top:24px;margin-bottom:16px;border-top:1px solid var(--design-grey-100);font-size:18px;font-weight:700;line-height:130%}.b-benefits .bg-orange .wpcf7-not-valid-tip{color:#fff}.b-single-career-post form .file-input-label{z-index:1}.after-submit-form.form-filled{display:none}.after-submit-form.form-filled+.after-submit{display:flex}.b-tiled-content-1 .top-part .buttons-list{width:100%}label.variant .info-part__botton .per::before{content:none}label.variant .info-part__botton .price+.per::before{content:'|'}
/* ==== yaya-cf7: styles.css ==== */
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type="file"]{cursor:pointer}.wpcf7 input[type="file"]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
/* ==== yaya-cf7-rtl: styles-rtl.css ==== */
.wpcf7-not-valid-tip{direction:rtl}.use-floating-validation-tip .wpcf7-not-valid-tip{right:1em}.wpcf7-list-item{margin:0 1em 0 0}
/* ==== yaya-woo: yaya-woo.css ==== */
/*دى سكشن التصنيÙات ÙÙ‰ الرئيسيه */
.b-product-cards.relative.section.overflow-hidden {
display: none;
}
.buttons-list.flex.gap-x-12 {
margin-right: 47px;
}
/* =========================================================
Yaya  تنسيقات WooCommerce المكمّلة (المتجر/المنتج/السلة)
========================================================= */
/* ----- قسم "الأكثر مبيعًا": تمديد الصورة بطول عمود المنتجات (إزالة الÙÂÂÂراغ السÙÂÂÂلي) ----- */
.b-products-slider .columns { align-items: stretch; }
.b-products-slider .column-right { display: flex; }
.b-products-slider .column-right .media-part { flex: 1; height: 100%; }
.b-products-slider .column-right .media-part img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* ----- بانر "كوّنرزمتك": الصورة تملأ عرض البانر بالكامل ----- */
.b-kits .banner-lg .hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
margin-right: 0;
}
/* ----- قسم التطوير: تØÂÂÂريك النص لليسار قليلاً ----- */
.b-development .item-horizon .title-wrap {
padding-right: 48px;
}
/* ----- ترويسة المتجر: عدد النتائج + الترتيب ÙÂÂÂيص٠واØÂÂÂد ----- */
.yaya-woocommerce .woocommerce-products-header { margin-bottom: 8px; }
.yaya-woocommerce .woocommerce-result-count {
float: right;
margin: 0 0 20px;
color: var(--text-gray, #616266);
line-height: 44px;
}
.yaya-woocommerce .woocommerce-ordering {
float: left !important;
margin: 0 0 20px !important;
}
.yaya-woocommerce .woocommerce-ordering select {
padding: 11px 18px;
border: 1px solid var(--border-gray-2, #EDEDED);
border-radius: 500px;
background: #fff;
cursor: pointer;
}
/* ----- شبكة المتجر والأرشي٠----- */
.yaya-shop-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
list-style: none;
margin: 0;
padding: 0;
clear: both;
}
.yaya-shop-grid::before,
.yaya-shop-grid::after { content: none; display: none; }
/* بطاقة المنتج: نسبة ثابتة، الصورة بالوسط، الاسم/السعر بالأسÙÂÂÂÙ„ */
.yaya-shop-grid .product-card { width: auto; margin: 0; float: none; list-style: none; }
.yaya-shop-grid .product-card__inner {
position: relative;
aspect-ratio: 1 / 1.2;
border-radius: 16px;
overflow: hidden;
}
.yaya-shop-grid .product-card__image {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 46px 18px 78px;
}
.yaya-shop-grid .product-card__image .image-static { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.yaya-shop-grid .product-card__image img {
max-width: 82%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
mix-blend-mode: multiply;
}
.yaya-shop-grid .top-control { top: 16px; inset-inline: 16px; left: 16px; right: 16px; }
.yaya-shop-grid .bottom-control { bottom: 0; inset-inline: 0; left: 0; right: 0; padding: 16px 18px; }
.yaya-shop-grid .product-title h3 { font-size: 13px; font-weight: 700; margin: 0; }
.yaya-shop-grid .product-price .price { font-weight: 700; }
@media (max-width: 1024px) {
.yaya-shop-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
.yaya-shop-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
.yaya-woocommerce .woocommerce-result-count { float: none; line-height: 1.5; }
.yaya-woocommerce .woocommerce-ordering { float: none !important; }
/* كروت المتجر على الموبايل: تخطيط رأسي(صورة ↠اسم ↠سعر) بدل التراكب */
.yaya-shop-grid .product-card__inner { background: #efefef !important; aspect-ratio: auto !important; display: flex; flex-direction: column; }
.yaya-shop-grid .product-card__image { position: relative !important; inset: auto !important; min-height: 0 !important; aspect-ratio: 1 / 1; margin: 0 !important; padding: 36px 12px 6px !important; }
.yaya-shop-grid .product-card__image img { max-width: 88%; }
.yaya-shop-grid .bottom-control { position: relative !important; inset: auto !important; padding: 0 !important; }
.yaya-shop-grid .bottom-control__inner { flex-direction: column; align-items: flex-start; gap: 4px; padding: 0 12px 14px !important; }
.yaya-shop-grid .product-title { max-width: none !important; }
.yaya-shop-grid .product-title h3 { font-size: 13px; line-height: 1.35; }
.yaya-shop-grid .top-control { top: 10px !important; left: 10px; right: 10px; padding: 0 !important; }
.yaya-shop-grid .categories { max-width: calc(100% - 44px) !important; }
.yaya-shop-grid .category { font-size: 10px !important; min-height: 0 !important; padding: 4px 8px !important; line-height: 1.2; }
}
/* ----- صÙÂÂÂØÂÂÂØ© "كوّنرزمتك" على الموبايل: تكديس اللوØÂÂÂØ© ÙÂÂÂوق قائمة المنتجات ----- */
@media (max-width: 768px) {
.b-product-bundler .products-cont { flex-direction: column !important; gap: 28px !important; }
.b-product-bundler .products-cont .products-list,
.b-product-bundler .products-cont .product-bundle-list { width: 100% !important; }
.b-product-bundler .animating-block { position: static !important; width: 100% !important; flex: none !important; height: auto !important; }
.b-product-bundler .animating-el { position: static !important; transform: none !important; max-width: none !important; top: auto !important; margin: 0 !important; }
}
/* ============================================================
* الصÙÂÂÂØÂÂÂØ© الرئيسية  إصلاØÂÂÂات الموبايل
* ============================================================ */
.banner-strip { display: none; }
@keyframes yayaBannerMarquee { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@media (max-width: 768px) {
/* #4/#5 شريط مستقيم متØÂÂÂرك بدل الشريط المنØÂÂÂني(النص العربيبيتكسر ÙÂÂÂÙŠtextPath على iOS ويركب على الصورة) */
.b-banner-after .banner-svg { display: block; }
.b-banner-after { z-index: 3; }
.b-banner-after .banner-strip {
display: none;
overflow: hidden;
background: #F9DFF2;
padding: 12px 0;
position: relative;
z-index: 3;
margin-bottom: 0;
direction: ltr;
}
.b-banner-after .banner-strip__track {
display: flex;
width: max-content;
white-space: nowrap;
animation: yayaBannerMarquee 40s linear infinite;
}
.b-banner-after .banner-strip__track span {
flex: 0 0 auto;
padding: 0 20px;
font-weight: 900;
font-size: 14px;
color: #363636;
direction: rtl;
}
/* #2 توسيط زر الهيرو*/
.b-main-hero .flex__inner { text-align: center; }
.b-main-hero .button { display: flex; justify-content: center; }
/* #3 عنوان"الأكثر مبيعًا"  توسيط + إنزال بسيط */
.b-products-slider .slider-part { text-align: center; }
.b-products-slider .slider-part .title-button { margin-top: 10px; }
/* #6 تقليل الÙÂÂÂراغات ÙÂÂÂوق وتØÂÂÂت الأقسام */
.section { padding: 26px 0; }
.b-logo-section.section { padding: 14px 0; }
/* #1 إزالة الشريط الأبيض تØÂÂÂت الهيدر (padding سÙÂÂÂليÙÂÂÂاضيÙÂÂÂÙŠØÂÂÂاوية الهيدر يظهر أبيض عند تثبيت الهيدر على iOS) */
.b-header .container { padding-bottom: 0 !important; }
}
/* ترقيم الصÙÂÂÂØÂÂÂات */
.yaya-woocommerce .woocommerce-pagination ul {
display: flex;
gap: 8px;
justify-content: center;
list-style: none;
padding: 0;
margin: 32px 0 0;
}
.yaya-woocommerce .woocommerce-pagination a,
.yaya-woocommerce .woocommerce-pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 12px;
border-radius: 500px;
background: #fff;
border: 1px solid var(--border-gray-2, #EDEDED);
text-decoration: none;
color: var(--text-color-main, #363636);
}
.yaya-woocommerce .woocommerce-pagination .current {
background: var(--bg-orange, #cb6801);
color: #fff;
border-color: var(--bg-orange, #cb6801);
}
/* ----- صÙÂÂÂØÂÂÂØ© المنتج المÙÂÂÂرد ----- */
.single-product div.product {
display: grid;
gap: 48px;
align-items: center;
justify-content: center;
}
.single-product div.product .woocommerce-product-gallery {
width: 100% !important;
margin: 0;
}
.single-product div.product .woocommerce-product-gallery img {
border-radius: 16px;
background: var(--bg-light-orange, #F2F0EF);
}
.single-product div.product .entry-summary { margin: 0; }
.single-product .product_title {
font-size: 2rem;
font-weight: 700;
margin-bottom: 12px;
color: var(--text-color-main, #363636);
}
.single-product .price,
.single-product .woocommerce-Price-amount {
font-size: 1.6rem;
font-weight: 700;
color: var(--text-color-main, #363636);
}
.single-product .woocommerce-product-details__short-description {
margin: 16px 0;
color: var(--text-gray, #616266);
line-height: 1.8;
}
/* أزرار ووكومرس بهوية الثيم */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce .checkout-button {
background: var(--bg-orange, #cb6801) !important;
color: #fff !important;
border-radius: 500px !important;
padding: 14px 32px !important;
font-weight: 600 !important;
border: none !important;
transition: opacity .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover { opacity: .9; }
.woocommerce .quantity input.qty {
padding: 12px;
border: 1px solid var(--border-gray-2, #EDEDED);
border-radius: 12px;
width: 70px;
}
/* تبويبات بيانات المنتج */
.woocommerce-tabs { margin-top: 48px; }
.woocommerce-tabs ul.tabs {
display: flex;
gap: 12px;
list-style: none;
padding: 0;
border-bottom: 1px solid var(--border-gray-2, #EDEDED);
margin-bottom: 24px;
}
.woocommerce-tabs ul.tabs li {
padding: 12px 20px;
border-radius: 500px 500px 0 0;
}
.woocommerce-tabs ul.tabs li.active { background: var(--bg-light-orange, #F2F0EF); }
/* رسائل ووكومرس */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
border-radius: 12px;
padding: 16px 20px;
border-top: 3px solid var(--bg-orange, #cb6801);
background: #fff;
list-style: none;
}
/* السلة والدÙÂÂÂع */
.woocommerce table.shop_table {
border-radius: 12px;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review {
background: var(--bg-light-orange, #F2F0EF);
border-radius: 16px;
padding: 24px;
}
@media (max-width: 768px) {
.single-product div.product { display: block; gap: 24px; }
}
/* ----- النماذج الذاتية (تواصل/إلغاء/نشرة) ----- */
.yaya-form { max-width: 560px; }
.yaya-form .form__control {
width: 100%;
padding: 14px 18px;
border: 1px solid var(--border-gray-2, #EDEDED);
border-radius: 12px;
background: #fff;
font: inherit;
color: var(--text-color-main, #363636);
}
.yaya-form textarea.form__control { resize: vertical; min-height: 120px; }
.yaya-form .btn { cursor: pointer; }
.yaya-form-notice {
padding: 14px 18px;
border-radius: 12px;
margin-bottom: 18px;
font-weight: 600;
}
.yaya-form-notice--success { background: #e7f6ee; color: #0b7a4b; border: 1px solid #b6e2cb; }
.yaya-form-notice--error { background: #fdecea; color: #b3261e; border: 1px solid #f5c6c2; }
/* =========================================================
كروت التصنيÙÂÂÂات الثلاثة ÙÂÂÂيالصÙÂÂÂØÂÂÂØ© الرئيسية
========================================================= */
.yaya-cat-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.yaya-cat-cards .product-card-custom { display: block; text-decoration: none; }
.yaya-cat-cards .product-card-custom__inner {
position: relative;
border-radius: 16px;
overflow: hidden;
aspect-ratio: 1 / 1;
transition: clip-path .55s cubic-bezier(.4,0,.2,1), border-radius .55s ease, transform .55s cubic-bezier(.4,0,.2,1);
}
.yaya-cat-cards .product-card-custom__image,
.yaya-cat-cards .product-card-custom__image img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.yaya-cat-cards .product-card-custom__image .gradient {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.45) 100%);
}
.yaya-cat-cards .product-card__content {
position: relative;
z-index: 2;
height: 100%;
padding: 20px;
}
.yaya-cat-cards .top-control { position: absolute; inset: 20px 20px auto auto; left: 20px; }
.yaya-cat-cards .categories { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.yaya-cat-cards .category {
background: #fff;
color: var(--text-color-main, #363636);
border-radius: 500px;
padding: 6px 14px;
font-size: .8rem;
white-space: nowrap;
}
.yaya-cat-cards .bottom-control { margin-top: auto; }
.yaya-cat-cards .control { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.yaya-cat-cards .title h3 { color: #fff; font-size: 1.5rem; font-weight: 700; margin: 0; }
.yaya-cat-cards .arrow {
width: 44px; height: 44px;
background: #fff;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: transform .25s ease;
}
.yaya-cat-cards .product-card-custom:hover .arrow { transform: translateX(-6px); }
.yaya-cat-cards .product-card-custom__image img { transition: transform .5s ease; }
/* ===== تأثير الهوÙÂÂÂر: دائرتين+ نجمة ÙÂÂÂيالكارت الأوسط (زيالتصميم الأصلي) ===== */
.yaya-cat-cards .top-control,
.yaya-cat-cards .bottom-control,
.yaya-cat-cards .control,
.yaya-cat-cards .title h3 { transition: opacity .4s ease, transform .4s ease; }
.yaya-cat-cards .product-card-custom:hover .product-card-custom__inner { transform: scale(.94); }
.yaya-cat-cards .product-card-custom:hover .product-card-custom__image img { transform: scale(1.08); }
.yaya-cat-cards .product-card-custom:nth-child(1):hover .product-card-custom__inner,
.yaya-cat-cards .product-card-custom:nth-child(3):hover .product-card-custom__inner { clip-path: circle(50% at 50% 50%); }
.yaya-cat-cards .product-card-custom:nth-child(2):hover .product-card-custom__inner { clip-path: polygon(50% 0%, 59.3% 15.2%, 75% 6.7%, 75.5% 24.5%, 93.3% 25%, 84.8% 40.7%, 100% 50%, 84.8% 59.3%, 93.3% 75%, 75.5% 75.5%, 75% 93.3%, 59.3% 84.8%, 50% 100%, 40.7% 84.8%, 25% 93.3%, 24.5% 75.5%, 6.7% 75%, 15.2% 59.3%, 0% 50%, 15.2% 40.7%, 6.7% 25%, 24.5% 24.5%, 25% 6.7%, 40.7% 15.2%); }
.yaya-cat-cards .product-card-custom:hover .top-control { opacity: 0; }
.yaya-cat-cards .product-card-custom:hover .arrow { opacity: 0; transform: scale(.4); }
.yaya-cat-cards .product-card-custom:hover .bottom-control { position: absolute; inset: 0; margin: 0; display: flex; align-items: center; justify-content: center; padding: 24px; }
.yaya-cat-cards .product-card-custom:hover .control { justify-content: center; width: 100%; }
.yaya-cat-cards .product-card-custom:hover .title { max-width: none; flex: 0 1 auto; }
.yaya-cat-cards .product-card-custom:hover .title h3 { text-align: center; text-shadow: 0 1px 14px rgba(0,0,0,.5); }
@media (max-width: 900px) {
.yaya-cat-cards { grid-template-columns: 1fr; }
}
/* =========================================================
سلايدرات المنتجات ÙÂÂÂيالصÙÂÂÂØÂÂÂØ© الرئيسية
========================================================= */
.jsProductsSlider,
.jsProductCards { overflow: hidden; }
.jsProductsSlider .swiper-wrapper,
.jsProductCards .swiper-wrapper { display: flex; }
.jsProductsSlider .swiper-slide,
.jsProductCards .swiper-slide { height: auto; }
.jsProductsSlider .product-card,
.jsProductCards .product-card { width: 100%; height: 100%; }
/* قبل تÙÂÂÂعيل Swiper: امنع ظهور كرت واØÂÂÂد عملاق */
.jsProductsSlider:not(.swiper-initialized) .swiper-wrapper,
.jsProductCards:not(.swiper-initialized) .swiper-wrapper { gap: 16px; }
.jsProductsSlider:not(.swiper-initialized) .swiper-slide,
.jsProductCards:not(.swiper-initialized) .swiper-slide { flex: 0 0 calc(25% - 12px); max-width: calc(25% - 12px); }
@media (max-width: 992px) {
.jsProductsSlider:not(.swiper-initialized) .swiper-slide,
.jsProductCards:not(.swiper-initialized) .swiper-slide { flex-basis: calc(33.333% - 11px); max-width: calc(33.333% - 11px); }
}
@media (max-width: 640px) {
.jsProductsSlider:not(.swiper-initialized) .swiper-slide,
.jsProductCards:not(.swiper-initialized) .swiper-slide { flex-basis: calc(50% - 8px); max-width: calc(50% - 8px); }
}
/* =========================================================
صÙÂÂÂØÂÂÂØ© المنتج المÙÂÂÂردة  بنية التصميم الأصلي(b-product-page)
دعم التخطيط بدونسكربتات jsSticky/jsMinHeight المÙÂÂÂقودة
========================================================= */
.b-product-page { padding: 32px 0 8px; }
.b-product-page .product-page {
display: flex !important;
flex-direction: row; /* RTL: الملخّص يمين، المعرض شمال (مطابق للأصل) */
gap: 32px;
align-items: flex-start;
flex-wrap: wrap;
}
.b-product-page .block-description,
.b-product-page .media-part {
flex: 1 1 380px;
min-width: 0;
padding: 0;
}
.b-product-page .product-image { display: none; } /* خلÙÂÂÂية تزيينية تعتمد على JS */
/* الملخّص */
.b-product-page .product-content {
background: #fff;
border-radius: 16px;
padding: 32px;
}
.b-product-page .title-button {
background: var(--bg-light-orange, #F2F0EF);
color: var(--text-color-main, #363636);
border-radius: 500px;
padding: 8px 18px;
display: inline-flex;
font-size: .9rem;
}
.b-product-page .section-title h1 {
font-size: 2rem;
font-weight: 700;
line-height: 1.25;
margin: 0;
color: var(--text-color-main, #363636);
}
.b-product-page .content-wrapper .content { color: var(--text-gray, #616266); line-height: 1.9; }
.b-product-page .logotypes { display: flex; flex-wrap: wrap; gap: 16px; }
.b-product-page .logotypes .logo img { width: 48px; height: 48px; object-fit: contain; }
.b-product-page .product-price-wrap .price,
.b-product-page .product-price-wrap .woocommerce-Price-amount {
font-size: 1.6rem;
font-weight: 700;
color: var(--text-color-main, #363636);
}
.b-product-page .quantity-row .qty {
width: 90px;
padding: 13px;
border: 1px solid var(--border-gray-2, #EDEDED);
border-radius: 12px;
text-align: center;
font: inherit;
}
.b-product-page .btn-black {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
background: var(--bg-black, #363636) !important;
color: #fff !important;
border: none !important;
border-radius: 500px !important;
padding: 16px 28px !important;
font-weight: 600;
font-size: 1.05rem;
cursor: pointer;
transition: opacity .2s ease;
}
.b-product-page .btn-black:hover { opacity: .9; }
.b-product-page .btn-black .title { color: #fff; }
.b-product-page .btn-black .icon { display: inline-flex; align-items: center; }
/* Ù…ØÂÂÂدّد الباقات (الخيارات) */
.b-product-page .variants__list { display: flex; flex-direction: column; gap: 14px; }
.b-product-page .variant { display: block; position: relative; cursor: pointer; }
.b-product-page .variant input { position: absolute; opacity: 0; pointer-events: none; }
.b-product-page .variant__inner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
border: 1.5px solid var(--border-gray-2, #EDEDED);
border-radius: 14px;
padding: 16px 48px 16px 18px;
position: relative;
transition: border-color .2s ease, background .2s ease;
}
.b-product-page .variant input:checked + .variant__inner {
border-color: var(--bg-black, #363636);
background: #fafafa;
}
.b-product-page .variant .circle {
position: absolute;
inset-inline-start: 16px;
top: 50%;
transform: translateY(-50%);
width: 20px; height: 20px;
border: 2px solid var(--border-gray-3, #D0D1D5);
border-radius: 50%;
}
.b-product-page .variant .circle__inner { position: absolute; inset: 3px; border-radius: 50%; background: transparent; }
.b-product-page .variant input:checked + .variant__inner .circle { border-color: var(--bg-black, #363636); }
.b-product-page .variant input:checked + .variant__inner .circle__inner { background: var(--bg-black, #363636); }
.b-product-page .info-part { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.b-product-page .info-part__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.b-product-page .right-part { display: flex; align-items: center; gap: 12px; }
.b-product-page .variant .title { font-weight: 700; font-size: 1.05rem; }
.b-product-page .quantity {
background: var(--bg-light-orange, #F2F0EF);
border-radius: 500px;
padding: 4px 12px;
font-size: .8rem;
display: inline-block;
}
.b-product-page .tag {
background: var(--bg-orange, #cb6801);
color: #fff;
border-radius: 500px;
padding: 4px 12px;
font-size: .78rem;
display: inline-block;
}
.b-product-page .info-part__botton { color: var(--text-gray, #616266); font-size: .9rem; }
.b-product-page .info-part__botton .woocommerce-Price-amount { font-weight: 700; color: var(--text-color-main, #363636); }
.b-product-page .total-price { display: flex; align-items: center; gap: 8px; font-weight: 700; white-space: nowrap; }
.b-product-page .total-price .old_price { color: var(--text-gray-2, #A5A8AD); text-decoration: line-through; font-weight: 500; font-size: .9rem; }
.b-product-page .total-price .price .woocommerce-Price-amount { font-size: 1.15rem; }
/* المعرض */
.b-product-page .media-part .media { position: sticky; top: 24px; width: 100%; display: block; }
.b-product-page .media__inner,
.b-product-page .media .swiper { width: 100%; }
.b-product-page .product-gallery {
background: var(--bg-light-orange, #F2F0EF);
border-radius: 20px;
padding: 24px;
overflow: hidden;
}
.b-product-page .product-gallery .swiper-wrapper { display: flex; align-items: center; }
.b-product-page .product-gallery .swiper-slide { display: flex; align-items: center; justify-content: center; }
/* قبل تÙÂÂÂعيل Swiper: اعرض أول صورة ÙÂÂÂقط لمنع التراص العملاق */
.jsProductPageSlider:not(.swiper-initialized) .swiper-slide:not(:first-child) { display: none !important; }
.b-product-page .media-el { width: 100%; text-align: center; }
.b-product-page .media-el img {
max-width: 100% !important;
max-height: 460px !important;
width: auto !important;
height: auto !important;
margin: 0 auto;
object-fit: contain;
mix-blend-mode: multiply;
}
.b-product-page .swiper-nav { display: flex; gap: 12px; justify-content: center; margin-top: 16px; }
.b-product-page .swiper-nav button {
width: 44px; height: 44px;
border-radius: 50%;
background: #fff;
border: 1px solid var(--border-gray-2, #EDEDED);
display: inline-flex; align-items: center; justify-content: center;
cursor: pointer;
}
/* الأقسام تØÂÂÂت المنتج */
.b-product-description { padding: 40px 0; }
.b-product-description .section-title h2 { font-size: 1.6rem; font-weight: 700; margin-bottom: 16px; }
.b-product-description .wysiwyg { color: var(--text-gray, #616266); line-height: 1.9; }
.b-related-products { padding: 24px 0 64px; }
.b-related-products h2 { font-size: 1.5rem; font-weight: 700; margin-bottom: 24px; }
@media (max-width: 900px) {
.b-product-page .product-page { flex-direction: column; }
.b-product-page .media-part .media { position: static; }
.b-product-page .block-description,
.b-product-page .media-part { flex-basis: 100%; }
.b-product-page .section-title h1 { font-size: 1.6rem; }
}
/* =========================================================
درج سلة التسوق الجانبي تصميم الموقع
========================================================= */
.mini-cart__wrapper[data-mini-cart],
.mini-cart__wrapper[data-quick-add] { display: none !important; }
.yaya-cart { position: fixed; inset: 0; z-index: 99999; display: flex; visibility: hidden; pointer-events: none; }
.yaya-cart.is-open { visibility: visible; pointer-events: auto; }
.yaya-cart__overlay { position: absolute; inset: 0; background: rgba(54,54,54,.5); opacity: 0; transition: opacity .3s ease; }
.yaya-cart.is-open .yaya-cart__overlay { opacity: 1; }
body.yaya-cart-open { overflow: hidden; }
/* اللوØÂÂÂØ© (يسار) */
.yaya-cart__panel {
position: relative; z-index: 2; margin-inline-end: auto;
width: 460px; max-width: 92vw; height: 100%;
background: #fff; display: flex; flex-direction: column;
transform: translateX(-100%); transition: transform .35s cubic-bezier(.4,0,.2,1);
box-shadow: 0 0 50px rgba(0,0,0,.18);
}
.yaya-cart.is-open .yaya-cart__panel { transform: translateX(0); }
.yaya-cart__head { display: flex; align-items: center; justify-content: space-between; padding: 22px 26px; }
.yaya-cart__head h3 { margin: 0; font-size: 1.5rem; font-weight: 700; }
.yaya-cart__close { background: none; border: none; cursor: pointer; padding: 6px; }
.yaya-cart__content { display: flex; flex-direction: column; flex: 1; min-height: 0; }
/* شريط الشØÂÂÂنالمجاني*/
.yaya-cart__shipping { padding: 0 26px 18px; }
.yaya-cart__bar { height: 8px; border-radius: 500px; background: var(--bg-light-orange,#F2F0EF); overflow: hidden; }
.yaya-cart__bar span { display: block; height: 100%; border-radius: 500px; background: var(--bg-orange,#cb6801); transition: width .4s ease; }
.yaya-cart__shipinfo { margin-top: 10px; font-size: .92rem; color: var(--text-gray,#616266); }
.yaya-cart__shipinfo strong { color: var(--text-orange,#cb6801); }
/* العناصر */
.yaya-cart__items { flex: 1; overflow-y: auto; padding: 4px 26px; }
.yaya-cart__item { display: flex; gap: 14px; align-items: flex-start; padding: 18px 0; border-top: 1px solid var(--border-gray-2,#EDEDED); position: relative; }
.yaya-cart__thumb { width: 84px; height: 84px; flex-shrink: 0; border-radius: 12px; background: var(--bg-light-orange,#F2F0EF); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.yaya-cart__thumb img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.yaya-cart__info { flex: 1; min-width: 0; }
.yaya-cart__name a, .yaya-cart__name { color: var(--text-color-main,#363636); text-decoration: none; font-weight: 700; font-size: 1.02rem; }
.yaya-cart__cat { color: var(--text-gray-2,#A5A8AD); font-size: .85rem; margin: 2px 0 10px; }
.yaya-cart__qty { display: inline-flex; align-items: center; gap: 14px; border: 1px solid var(--border-gray-2,#EDEDED); border-radius: 500px; padding: 6px 14px; }
.yaya-cart__qty button { background: none; border: none; font-size: 1.1rem; line-height: 1; cursor: pointer; color: var(--text-color-main,#363636); width: 18px; }
.yaya-cart__num { min-width: 18px; text-align: center; font-weight: 600; }
.yaya-cart__side { display: flex; flex-direction: column; align-items: flex-end; gap: 28px; }
.yaya-cart__price { text-align: end; white-space: nowrap; }
.yaya-cart__price .old { display: block; color: var(--text-gray-2,#A5A8AD); text-decoration: line-through; font-size: .82rem; }
.yaya-cart__price .now { font-weight: 700; }
.yaya-cart__remove { background: none; border: none; cursor: pointer; padding: 0; opacity: .7; }
.yaya-cart__remove:hover { opacity: 1; }
/* الØÂÂÂالة الÙÂÂÂارغة */
.yaya-cart__empty { text-align: center; padding: 50px 26px; }
.yaya-cart__empty h3 { font-size: 1.2rem; font-weight: 700; margin: 0 0 8px; }
.yaya-cart__empty p { color: var(--text-gray,#616266); margin: 0 0 20px; }
/* الÙÂÂÂوتر */
.yaya-cart__footer { padding: 20px 26px 26px; border-top: 1px solid var(--border-gray-2,#EDEDED); }
.yaya-cart__shiprow { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.yaya-cart__shiprow .lbl { font-weight: 700; }
.yaya-cart__shiprow .sub { font-size: .8rem; color: var(--text-gray-2,#A5A8AD); }
.yaya-cart__grandtotal { font-size: 1.5rem; font-weight: 700; }
.yaya-cart__checkout { display: block; text-align: center; background: var(--bg-black,#363636); color: #fff; border-radius: 500px; padding: 16px; font-weight: 700; text-decoration: none; }
.yaya-cart__checkout:hover { opacity: .92; }
/* قسم "قد يعجبك أيضاً" (يمين) */
.yaya-cart__reco { position: relative; z-index: 2; flex: 1; padding: 40px; overflow-y: auto; align-self: center; max-height: 100%; }
.yaya-cart__recohead { text-align: center; margin-bottom: 24px; }
.yaya-cart__recohead h2 { color: #fff; font-size: 1.8rem; font-weight: 700; }
.yaya-cart__recolist { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1000px; margin: 0 auto; }
.yaya-reco__card { background: #fff; border-radius: 16px; padding: 16px; display: flex; flex-direction: column; }
.yaya-reco__card .product-card { width: 100%; }
.yaya-reco__add { margin-top: 14px; background: var(--bg-black,#363636); color: #fff; border: none; border-radius: 500px; padding: 13px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.yaya-reco__add.loading { opacity: .6; pointer-events: none; }
@media (max-width: 1100px) { .yaya-cart__reco { display: none; } }
@media (max-width: 480px) { .yaya-cart__panel { width: 100%; max-width: 100%; } }
/* =========================================================
Ù…ÙÂÂÂكوّنالرزمة (Build Your Bundle)
========================================================= */
.b-product-bundler .bundler-card { transition: box-shadow .2s ease, transform .2s ease; position: relative; }
.b-product-bundler .bundler-card.is-selected { box-shadow: 0 0 0 2px var(--bg-orange,#cb6801); border-radius: 14px; }
.b-product-bundler .bundler-hint { color: var(--text-gray,#616266); margin: 8px 0 20px; }
/* خانات الرزمة (3 خانات بعرض متساوÙÂÂÂ) */
.b-product-bundler .bundled-items { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 20px; }
.b-product-bundler .item-slot {
position: relative !important; width: auto !important; height: auto !important; aspect-ratio: 1 / 1;
border-radius: 14px !important; border: 1.5px dashed var(--border-gray-3,#D0D1D5) !important;
background: var(--bg-light-orange,#F2F0EF) !important; overflow: hidden !important;
display: flex !important; flex-direction: column; align-items: center; justify-content: center; padding: 8px;
}
.b-product-bundler .item-slot.empty { border-style: dashed !important; }
.b-product-bundler .item-slot:not(.empty) { border-style: solid !important; border-color: var(--border-gray-2,#EDEDED) !important; background: #fff !important; }
.b-product-bundler .item-slot.empty .remove-item,
.b-product-bundler .item-slot.empty .item-title { display: none !important; }
.b-product-bundler .item-slot .item-img {width: 100%;flex: 1;min-height: 0;display: flex;align-items: center;justify-content: center;padding: 0 !important;}
.b-product-bundler .item-slot .item-img img {max-width: 100%;max-height: 100%;width: 100% !important;height: 100% !important;object-fit: contain;mix-blend-mode: multiply;}
.b-product-bundler .item-slot .item-title { font-size: .72rem; font-weight: 600; text-align: center; margin: 6px 0 0; line-height: 1.2; color: var(--text-color-main,#363636); }
.b-product-bundler .item-slot .remove-item {
position: absolute !important;
top: 6px;
inset-inline-start: 6px;
z-index: 2;
width: 22px;
height: 22px;
border-radius: 50%;
border: none;
background: #fff;
box-shadow: 0 1px 4px rgba(0,0,0,.12);
cursor: pointer;
font-size: 15px;
line-height: 1;
color: #b3261e;
top: 10px !important;
right: 10px !important;
}
.b-product-bundler .bundler-footer { display: flex; flex-direction: column; gap: 16px; margin-top: 4px; }
.b-product-bundler .bundle-sum { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.b-product-bundler .bundle-sum .shipping h4 { margin: 0; font-weight: 700; }
.b-product-bundler .bundle-sum .shipping p { margin: 0; font-size: .78rem; color: var(--text-gray-2,#A5A8AD); }
.b-product-bundler .bundle-sum .total { font-size: 1.5rem; font-weight: 700; display: flex; gap: 10px; align-items: baseline; }
.b-product-bundler .bundle-sum .total .original.is-struck { color: var(--text-gray-2,#A5A8AD); text-decoration: line-through; font-size: 1rem; font-weight: 500; }
.b-product-bundler .bundle-sum .total .discounted.hidden { display: none; }
/* زر إضاÙÂÂÂØ© الرزمة */
.b-product-bundler .jsAddBundleProduct {
display: flex !important; align-items: center; justify-content: center; gap: 14px;
background: var(--bg-black,#363636) !important; color: #fff !important; border: none !important;
border-radius: 500px !important; padding: 12px 14px 12px 28px !important; font-weight: 700; font-size: 1.05rem;
cursor: pointer; width: 100%; transition: opacity .2s ease; position: relative;
}
.b-product-bundler .jsAddBundleProduct span { color: #fff; }
.b-product-bundler .jsAddBundleProduct .icon {
width: 42px !important;
height: 42px !important;
background: #fff !important;
border-radius: 50% !important;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.b-product-bundler .jsAddBundleProduct:disabled { opacity: .4; cursor: not-allowed; }
.b-product-bundler .jsAddBundleProduct.loading { opacity: .6; pointer-events: none; }
/* ÙÂÂÂلترة التصنيÙÂÂÂات */
.b-product-bundler .jsFilterCategories { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 0 0 24px; }
.b-product-bundler .jsFilterCategories li { padding: 8px 18px; border-radius: 500px; border: 1px solid var(--border-gray-2,#EDEDED); cursor: pointer; background: #fff; display: flex; align-items: center; gap: 8px; }
.b-product-bundler .jsFilterCategories li.is-active { background: var(--bg-black,#363636); color: #fff; border-color: var(--bg-black,#363636); }
.b-product-bundler .product-bundle-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 1024px) { .b-product-bundler .product-bundle-list { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .b-product-bundler .product-bundle-list { grid-template-columns: repeat(2, 1fr); } }
/* تخطيط لوØÂÂÂØ© الرزمة بجانب قائمة المنتجات */
.b-product-bundler .products-cont {/* display: grid; */grid-template-columns: 360px 1fr;gap: 32px;align-items: start;}
.b-product-bundler .animating-el.bundler { background: #fff; border-radius: 18px; padding: 24px; position: sticky; top: 24px; }
@media (max-width: 992px) { .b-product-bundler .products-cont { grid-template-columns: 1fr; } .b-product-bundler .animating-el.bundler { position: static; } }
/* =========================================================
مودال تسجيل الدخول / إنشاء ØÂÂÂساب
========================================================= */
/* إخÙÂÂÂاء منطقة الدخول الاجتماعيالÙÂÂÂارغة + ÙÂÂÂاصل "أو" */
.creds__content .integrations:empty,
.creds__content .integrations,
.creds__content .separator { display: none !important; }
.creds__content .panel { display: none; }
.creds__content .panel.active { display: block; }
.creds__content h4 { font-size: 1.4rem; font-weight: 700; margin: 0 0 22px; }
.creds__content .form-row { margin-bottom: 16px; }
.creds__content .input-wrap { position: relative; }
.creds__content .form__control {
width: 100%;
padding: 14px 18px;
border: 1px solid var(--border-gray-2, #EDEDED);
border-radius: 12px;
background: #fff;
font: inherit;
}
.creds__content .form-row.checkboxes { display: flex; flex-direction: column; gap: 10px; }
.creds__content .label_checkbox { display: flex; align-items: flex-start; gap: 8px; font-size: .85rem; color: var(--text-gray, #616266); cursor: pointer; }
.creds__content .btn-link { background: none; border: none; color: var(--text-orange, #cb6801); cursor: pointer; text-decoration: underline; padding: 0; }
.creds__content .panel__footer { margin-top: 18px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.creds__content .btn.btn-black-inverse {
display: inline-flex; align-items: center; justify-content: center; gap: 12px;
background: var(--bg-black, #363636) !important; color: #fff !important;
border: none; border-radius: 500px; padding: 12px 16px 12px 28px; font-weight: 700; cursor: pointer;
}
.creds__content .btn.btn-black-inverse .title { color: #fff; }
.creds__content .btn.btn-black-inverse .icon { width: 40px; height: 40px; background: #fff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
.creds__content .btn.btn-black-inverse .icon svg path { stroke: #363636; }
.woocommerce-error, .woocommerce-message { margin-bottom: 16px; }
.yaya-auth-notice { padding: 12px 16px; border-radius: 10px; margin-bottom: 16px; font-weight: 600; font-size: .9rem; }
.yaya-auth-notice--success { background: #e7f6ee; color: #0b7a4b; border: 1px solid #b6e2cb; }
.yaya-auth-notice--error { background: #fdecea; color: #b3261e; border: 1px solid #f5c6c2; }
.creds__content button.loading { opacity: .6; pointer-events: none; }
/* =========================================================
صÙÂÂÂØÂÂÂØ© ØÂÂÂسابي(My Account)
========================================================= */
.woocommerce-account .entry-content > .woocommerce {
display: flex;
direction: ltr; /* تثبيت التخطيط بصر٠النظر عنالاتجاه الموروث */
gap: 40px;
align-items: flex-start;
}
/* المعلومات شمال، القائمة (التابات) يمين*/
.woocommerce-account .woocommerce-MyAccount-content { order: 1; flex: 1; min-width: 0; direction: rtl; }
.woocommerce-account .yaya-account-side { order: 2; width: 300px; flex-shrink: 0; direction: rtl; }
/* العمود الجانبي: بطاقة المستخدم + القائمة */
.yaya-account-side { position: sticky; top: 24px; display: flex; flex-direction: column; gap: 20px; }
.yaya-account-card {
background: #fff;
border: 1px solid var(--border-gray-2, #EDEDED);
border-radius: 18px;
padding: 22px 24px;
text-align: center;
}
.yaya-account-card strong { display: block; font-size: 1.15rem; font-weight: 700; margin-bottom: 4px; }
.yaya-account-card span { color: var(--text-gray, #616266); font-size: .9rem; word-break: break-all; }
.woocommerce-MyAccount-navigation {
background: #fff;
border: 1px solid var(--border-gray-2, #EDEDED);
border-radius: 18px;
padding: 14px;
}
/* نموذج تÙÂÂÂاصيل الØÂÂÂساب */
.yaya-account-title { font-size: 1.6rem; font-weight: 700; margin: 0 0 24px; }
.yaya-account-form .yaya-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 8px; }
.yaya-account-form .form-row { margin: 0; display: flex; flex-direction: column; }
.yaya-account-form label { font-weight: 600; font-size: .9rem; margin-bottom: 6px; color: var(--text-color-main, #363636); }
.yaya-account-form input.input-text,
.yaya-account-form select,
.yaya-account-form input[type="date"],
.yaya-account-form input[type="password"] {
width: 100%;
padding: 14px 16px;
border: 1px solid var(--border-gray-2, #EDEDED);
border-radius: 12px;
background: #fff;
font: inherit;
}
.yaya-password-fieldset { border: none; padding: 18px 0 0; margin: 18px 0 0; border-top: 1px solid var(--border-gray-2, #EDEDED); }
.yaya-password-fieldset legend { font-weight: 700; padding: 0; margin-bottom: 14px; }
.yaya-account-submit { margin-top: 24px; }
.yaya-account-form .btn.btn-black-inverse {
display: inline-flex; align-items: center; gap: 12px;
background: var(--bg-black, #363636) !important; color: #fff !important;
border: none; border-radius: 500px; padding: 12px 16px 12px 28px; font-weight: 700; cursor: pointer;
}
.yaya-account-form .btn.btn-black-inverse .title { color: #fff; }
.yaya-account-form .btn.btn-black-inverse .icon { width: 40px; height: 40px; background: #fff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 600px) { .yaya-account-form .yaya-form-grid { grid-template-columns: 1fr; } }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-MyAccount-navigation li { margin: 0 0 4px; }
.woocommerce-MyAccount-navigation li a {
display: block;
padding: 13px 18px;
border-radius: 12px;
text-decoration: none;
color: var(--text-color-main, #363636);
font-weight: 600;
transition: background .2s ease, color .2s ease;
}
.woocommerce-MyAccount-navigation li a:hover { background: var(--bg-light-orange, #F2F0EF); }
.woocommerce-MyAccount-navigation li.is-active a {
background: var(--bg-black, #363636);
color: #fff;
}
.woocommerce-MyAccount-navigation li--downloads a::before,
.woocommerce-MyAccount-navigation li--orders a::before { content: ''; }
/* المØÂÂÂتوى */
.woocommerce-MyAccount-content {
background: #fff;
border: 1px solid var(--border-gray-2, #EDEDED);
border-radius: 18px;
padding: 32px;
min-height: 300px;
}
.woocommerce-MyAccount-content p { line-height: 1.9; color: var(--text-gray, #616266); }
.woocommerce-MyAccount-content a { color: var(--text-orange, #cb6801); }
.woocommerce-MyAccount-content .woocommerce-Message,
.woocommerce-MyAccount-content mark { background: transparent; }
/* عنوانالصÙÂÂÂØÂÂÂØ© */
.woocommerce-account .page-title {
font-size: 2rem;
font-weight: 700;
margin-bottom: 28px;
}
/* جداول الطلبات/التنزيلات */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account table.shop_table {
width: 100%;
border: 1px solid var(--border-gray-2, #EDEDED);
border-radius: 12px;
overflow: hidden;
border-collapse: separate;
border-spacing: 0;
}
.woocommerce-account table.shop_table th { background: var(--bg-light-orange, #F2F0EF); padding: 14px; text-align: start; font-weight: 700; }
.woocommerce-account table.shop_table td { padding: 14px; border-top: 1px solid var(--border-gray-2, #EDEDED); }
/* نماذج تÙÂÂÂاصيل الØÂÂÂساب / العناوين*/
.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-form-row,
.woocommerce-EditAccountForm p,
.woocommerce-address-fields p {
margin-bottom: 16px;
}
.woocommerce-account .woocommerce-MyAccount-content label { display: block; font-weight: 600; margin-bottom: 6px; }
.woocommerce-account .woocommerce-MyAccount-content input.input-text,
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
width: 100%;
padding: 13px 16px;
border: 1px solid var(--border-gray-2, #EDEDED);
border-radius: 12px;
background: #fff;
font: inherit;
}
/* بطاقات العناوين*/
.woocommerce-account .woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 16px; }
.woocommerce-account .woocommerce-Address { background: var(--bg-light-orange, #F2F0EF); border-radius: 12px; padding: 20px; }
@media (max-width: 768px) {
.woocommerce-account .entry-content > .woocommerce { flex-direction: column; gap: 20px; }
.woocommerce-account .yaya-account-side { width: 100%; order: 0; }
.woocommerce-account .woocommerce-MyAccount-content { order: 1; }
.woocommerce-account .yaya-account-side { position: static; }
.woocommerce-account .woocommerce-Addresses { grid-template-columns: 1fr; }
}
/* =========================================================
قسم آراء العملاء (كروت متموّجة)  الصÙÂÂÂØÂÂÂØ© الرئيسية
========================================================= */
.b-testimonials { padding: 16px 0 0; overflow: hidden; }
.b-testimonials .testi-head {text-align: center;margin-bottom: 26px;/* display: none; */z-index: 9999999999999;position: relative;margin-top: 40px;}
.b-testimonials .testi-head h2 { font-size: 2rem; font-weight: 700; margin: 0; color: var(--text-color-main, #363636); }
.b-testimonials .testi-list {
display: flex;
gap: 0;
overflow-x: auto;
padding: 36px 25px 16px;
width: 100vw;
margin-inline: calc(50% - 45vw);
scroll-snap-type: x mandatory;
scrollbar-width: none;
overflow-y: hidden;
}
.b-testimonials .testi-list::-webkit-scrollbar { display: none; }
.b-testimonials .testi-card {
flex: 0 0 calc(50% - 8px);
aspect-ratio: 180 / 179;
background: var(--c, #D9E6F7);
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20182%20208'%3E%3Cpath%20d='M%2013%2013%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20Z'%20fill='%23000'/%3E%3C/svg%3E") center/100% 100% no-repeat;
mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20182%20208'%3E%3Cpath%20d='M%2013%2013%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20Z'%20fill='%23000'/%3E%3C/svg%3E") center/100% 100% no-repeat;
scroll-snap-align: center;
transition: transform .3s ease;
}
.b-testimonials .testi-card {margin-inline: -8px;}
.b-testimonials .testi-card:nth-child(1) {transform: rotate(-5deg) translateY(7px);}
.b-testimonials .testi-card:nth-child(2) {transform: rotate(4.5deg) translateY(17px);z-index: 2;}
.b-testimonials .testi-card:nth-child(3) { transform: rotate(-1.5deg) translateY(18px); }
.b-testimonials .testi-card:nth-child(4) { transform: rotate(4.5deg) translateY(0); z-index: 2; }
.b-testimonials .testi-card:nth-child(5) { transform: rotate(-5deg) translateY(-10px); }
.b-testimonials .testi-card:hover { transform: rotate(0) translateY(-6px) scale(1.02); z-index: 5; }
.b-testimonials .testi-card__inner {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 18px;
width: 100%;
height: 100%;
padding: 40px 34px;
color: var(--tc, #2a2a2a);
}
.b-testimonials .testi-text {font-size: 17px;line-height: 1.7;font-weight: 600;margin: 0;max-width: 300px;text-align: center; padding-top:30px;}
.b-testimonials .testi-name { font-weight: 800; font-size: 1.3rem; }
.b-testimonials .testi-stars { display: flex; gap: 5px; margin-top: 10px; opacity: .9; }
.b-testimonials .testi-stars svg { width: 19px; height: 19px; }
/* تابلت / أقل من1000px: سلايدر يتØÂÂÂرك يمينوشمال */
@media (min-width: 769px) and (max-width: 999px) {
.b-testimonials .testi-card { flex-basis: calc(40% - 8px); }
}
/* ديسكتوب: 4 كروت تملأ عرض الصÙÂÂÂØÂÂÂØ© (بدونسلايدر) */
@media (min-width: 1000px) {
.b-testimonials .testi-list { overflow-x: auto; justify-content: flex-start; }
.b-testimonials .testi-card { flex: 0 0 368px; width: 368px; min-width: 368px; }
}
/* موبايل: كرتينجنب بعض (سلايدر) */
@media (max-width: 768px) {
.b-testimonials .testi-card {flex-basis: calc(50% - 7px);}
.b-testimonials .testi-card__inner {padding: 29px 20px;gap: 8px;}
.b-testimonials .testi-text {font-size: 13px;line-height: 1.55;max-width: 80%;}
.b-testimonials .testi-name { font-size: 1.1rem; }
.b-testimonials .testi-stars svg { width: 16px; height: 16px; }
.b-testimonials .testi-head h2 {font-size: 20px;}
.b-testimonials .testi-head {
margin-bottom: 0px;
}
}
/* كروت الآراء أقل طولاً على التابلت والديسكتوب (ماسك أقصر) */
@media (min-width: 769px) {
.b-testimonials .testi-card {
aspect-ratio: 182 / 156;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20182%20156'%3E%3Cpath%20d='M%2013%2013%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20Z'%20fill='%23000'/%3E%3C/svg%3E") center/100% 100% no-repeat;
mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20182%20156'%3E%3Cpath%20d='M%2013%2013%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%2026%200%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%200%2026%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%20-26%200%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20a%2013%2013%200%200%201%200%20-26%20Z'%20fill='%23000'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.b-testimonials .testi-card__inner {
padding: 24px 12px;
}
}
/* تصغير خط الشريط المتموّج (SVG textPath على الديسكتوب) */
.b-banner-after .image-decor__inner text,
.b-banner-after #marquee-text { font-size: 21px; }
/* ============================================================
ص٠المميزات (الصÙÂØÂØ© الرئيسية  تØÂت الشريط)
============================================================ */
.b-features { padding: 30px 0 10px; }
.b-features .features-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.b-features .feature-item { text-align: center; padding: 0 8px; }
.b-features .feature-icon {
width: 106px;
height: 106px;
margin: 0 auto 16px;
border: 1px solid var(--border-gray-2, #EDEDED);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: #9aa0a6;
}
.b-features .feature-icon svg {width: 60px;height: 60px;}
.b-features .feature-title {font-size: 1.5rem;font-weight: 700;color: var(--text-color-main, #363636);margin: 0 0 6px;}
.b-features .feature-desc {font-size: 1.3rem;color: var(--text-gray, #616266);margin: 0;line-height: 1.55;}
@media (max-width: 768px) {
.b-features { padding: 18px 0 6px; }
.b-features .features-row { grid-template-columns: repeat(2, 1fr); gap: 26px 12px; }
.b-features .feature-icon { width: 64px; height: 64px; margin-bottom: 12px; }
.b-features .feature-icon svg { width: 26px; height: 26px; }
.b-features .feature-title { font-size: .95rem; }
.b-features .feature-desc { font-size: .82rem; }
}
/* تصغير خط الشريط المتموّج (SVG textPath على الديسكتوب) */
.b-banner-after .image-decor__inner text,
.b-banner-after #marquee-text { font-size: 21px; }
/* ============================================================
ص٠المميزات (الصÙØØ© الرئيسية — تØت الشريط)
============================================================ */
.b-features { padding: 30px 0 10px; }
.b-features .features-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.b-features .feature-item { text-align: center; padding: 0 8px; }
.b-features .feature-icon {
width: 106px;
height: 106px;
margin: 0 auto 16px;
border: 1px solid var(--border-gray-2, #EDEDED);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: #9aa0a6;
}
.b-features .feature-icon svg {width: 50px;height: 50px;}
.b-features .feature-title {font-size: 1.5rem;font-weight: 700;color: var(--text-color-main, #363636);margin: 0 0 6px;}
.b-features .feature-desc {font-size: 1.3rem;color: var(--text-gray, #616266);margin: 0;line-height: 1.55;}
@media (max-width: 768px) {
.b-features {padding: 18px 0 6px;z-index: 9 !important;position: relative;}
.b-features .features-row { grid-template-columns: repeat(2, 1fr); gap: 26px 12px; }
.b-features .feature-icon { width: 64px; height: 64px; margin-bottom: 12px; }
.b-features .feature-icon svg { width: 26px; height: 26px; }
.b-features .feature-title { font-size: .95rem; }
.b-features .feature-desc { font-size: .82rem; }
}
a.product-card__image {
margin-top: 0 !important;
}
/* ===== صورة العميل ÙÙŠ كارت الرأي ===== */
.b-testimonials .testi-meta {display: flex;align-items: center;gap: 4px;padding: 1px 8px;}
.b-testimonials .testi-namewrap { text-align: right; }
.b-testimonials .testi-avatar {
flex: 0 0 auto; width: 54px; height: 54px; border-radius: 50%;
overflow: hidden; background: rgba(255,255,255,.45);
}
.b-testimonials .testi-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 768px) { .b-testimonials .testi-avatar { width: 44px; height: 44px; } }
/* ===== سلايدر آراء العملاء بالسØب على الديسكتوب ===== */
@media (min-width: 1000px) {
.b-testimonials .testi-list { cursor: grab; scroll-behavior: auto; }
.b-testimonials .testi-list.is-grabbing { cursor: grabbing; scroll-snap-type: none; }
.b-testimonials .testi-list.is-grabbing * { pointer-events: none; }
}
/* ============================================================
LOGIN / AUTH MODAL FIX (creds + account form)
- neutralize .btn.arrow absolute icon so "إرسال" is visible
- give inputs breathing room from borders
============================================================ */
.creds__content .btn.btn-black-inverse.arrow,
.yaya-account-form .btn.btn-black-inverse.arrow {
position: relative;
display: inline-flex !important;
flex-direction: row-reverse;
align-items: center;
justify-content: center;
gap: 14px;
min-width: 190px;
padding: 10px 26px 10px 12px !important;
margin: 0 !important;
overflow: visible;
}
.creds__content .btn.btn-black-inverse.arrow .title,
.yaya-account-form .btn.btn-black-inverse.arrow .title {
position: static !important;
white-space: nowrap;
overflow: visible;
font-size: 1rem;
line-height: 1.2;
padding: 0 !important;
margin: 0 !important;
}
.creds__content .btn.btn-black-inverse.arrow .icon,
.yaya-account-form .btn.btn-black-inverse.arrow .icon {
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
transform: none !important;
flex: 0 0 auto;
width: 38px !important;
height: 38px !important;
margin: 0 !important;
}
.creds__content .panel__footer,
.yaya-account-form .panel__footer { justify-content: center; }
/* inputs: keep text off the borders (RTL-safe) */
.creds__content .form__control {
padding: 15px 20px !important;
line-height: 1.4;
}
.creds__content .input-wrap .form__control { padding-inline-end: 20px !important; }
/* password field has the eye toggle on the left in RTL -> extra room */
.creds__content .visibility-controled { padding-left: 46px !important; }
.creds__content .input-wrap .visibility { inset-inline-start: 12px; }
.creds__content .form-row { margin-bottom: 18px; }
/* ============================================================
BLOG PAGE — 3 posts per row (responsive)
============================================================ */
.yaya-blog .posts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.yaya-blog .post-card {
display: flex;
flex-direction: column;
height: 100%;
}
.yaya-blog .post-card .post-thumb { margin-bottom: 16px; }
.yaya-blog .post-card .post-thumb img {
width: 100%;
height: 210px;
object-fit: cover;
display: block;
}
.yaya-blog .post-card .post-title { font-size: 1.15rem; line-height: 1.4; }
.yaya-blog .post-card .post-excerpt { flex: 1 1 auto; }
.yaya-blog .post-card .btn { align-self: flex-start; margin-top: auto; }
@media (max-width: 900px) {
.yaya-blog .posts-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 600px) {
.yaya-blog .posts-grid { grid-template-columns: 1fr; }
/* على الموبايل: تظهر صورة المقال كاملة بدون قص (بارتفاع تلقائي). */
.yaya-blog .post-card .post-thumb img { height: auto; object-fit: inherit; }
}
/* blog card typography — readable, on-palette */
.yaya-blog .post-card .post-title { margin: 0 0 6px; }
.yaya-blog .post-card .post-title a {
color: var(--text-black, #1c1c1c) !important;
font-weight: 700;
text-decoration: none;
}
.yaya-blog .post-card .post-title a:hover { color: var(--text-orange, #cb6801) !important; }
.yaya-blog .post-card .post-meta {
color: #9b9b9b !important;
font-size: .85rem;
margin-bottom: 10px;
}
.yaya-blog .post-card .post-excerpt {
color: var(--text-gray, #616266) !important;
font-size: .95rem;
line-height: 1.9;
}
.yaya-blog .post-card .post-excerpt p { color: inherit !important; margin: 0; }
/* blog card — larger, clearer text */
.yaya-blog .post-card .post-title a { font-size: 1.35rem !important; line-height: 1.45 !important; }
.yaya-blog .post-card .post-meta { font-size: .95rem !important; }
.yaya-blog .post-card .post-excerpt,
.yaya-blog .post-card .post-excerpt p {
font-size: 1.05rem !important;
line-height: 2 !important;
color: #4a4a4a !important;
}
.yaya-blog .post-card .btn { font-size: 1rem; }
/* ============================================================
SINGLE POST — featured image on the right, text on the left
============================================================ */
.single-post .entry-thumb {
float: right;
width: 42%;
max-width: 460px;
margin: 4px 0 22px 30px;
}
.single-post .entry-thumb img { width: 100%; height: auto; display: block; }
.single-post .entry-content { overflow: hidden; }
.single-post .entry-content::after { content: ""; display: block; clear: both; }
@media (max-width: 782px) {
.single-post .entry-thumb {
float: none;
width: 100%;
max-width: none;
margin: 0 0 20px;
}
.single-post .entry-content { overflow: visible; }
}
/* cards-hover images -> clickable link to blog */
.b-cards-hover .card-block { position: relative; }
.b-cards-hover .card-cover-link {
position: absolute;
inset: 0;
z-index: 6;
display: block;
}
/* ============================================================
CONTACT PAGE — form + info side by side
============================================================ */
.yaya-contact-formcol { display: none !important; }
.yaya-contact-grid { display: block; }
.yaya-contact-info {
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
.yaya-contact-info .cinfo-title {
font-size: 1.6rem;
font-weight: 700;
margin: 0 0 28px;
color: var(--text-black, #1c1c1c);
text-align: center;
}
.yaya-contact-info .cinfo-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.yaya-contact-info .cinfo-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 16px;
border: 1px solid var(--border-gray-2, #EDEDED);
border-radius: 16px;
padding: 36px 20px;
background: #fff;
}
.yaya-contact-info .cinfo-ic {
flex: 0 0 auto;
width: 62px;
height: 62px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: #FCEDE8;
color: var(--text-orange, #cb6801);
}
.yaya-contact-info .cinfo-ic svg { width: 26px; height: 26px; }
.yaya-contact-info .cinfo-tx {
color: #4a4a4a;
font-size: 1.05rem;
line-height: 1.7;
text-align: center;
text-decoration: none;
padding-top: 0;
}
.yaya-contact-info a.cinfo-tx { color: #363636; }
.yaya-contact-info a.cinfo-tx:hover { color: var(--text-orange, #cb6801); }
@media (max-width: 782px) {
.yaya-contact-info .cinfo-list { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) {
.yaya-contact-info .cinfo-list { grid-template-columns: 1fr 1fr; gap: 12px !important; }
.yaya-contact-info .cinfo-item { padding: 22px 12px; gap: 12px; }
.yaya-contact-info .cinfo-ic { width: 52px; height: 52px; }
.yaya-contact-info .cinfo-tx { font-size: 1.02rem !important; }
}
.b-development .item-horizon .title-wrap {
margin-top: 30px;
}
/* login modal — arrow on the left, tighter button, more space under title */
.creds__content .btn.btn-black-inverse.arrow,
.yaya-account-form .btn.btn-black-inverse.arrow {
flex-direction: row !important; /* RTL: text on right, arrow on left */
justify-content: center !important;
gap: 14px !important;
min-width: 0 !important;
padding: 10px 26px !important;
}
.creds__content .btn.btn-black-inverse.arrow .title,
.yaya-account-form .btn.btn-black-inverse.arrow .title { order: 0; }
.creds__content .btn.btn-black-inverse.arrow .icon,
.yaya-account-form .btn.btn-black-inverse.arrow .icon { order: 1; }
.creds__content h4 { margin-bottom: 34px !important; }
/* contact info — tighter spacing, larger text */
.yaya-contact-info .cinfo-list { gap: 16px !important; }
.yaya-contact-info .cinfo-item { gap: 12px !important; align-items: center !important; justify-content: flex-start; }
.yaya-contact-info .cinfo-tx {
flex: 0 1 auto !important;
font-size: 1.3rem !important;
line-height: 1.7 !important;
padding-top: 0 !important;
}
button.btn.btn-orange.arrow {
padding: 10px 40px !important;
margin: 0 !important;
}
/* ============================================================
BEFORE/AFTER (kapps-club) — 3 items per row, 1 on mobile
============================================================ */
.yaya-ba-page .yaya-ba-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
max-width: none;
align-items: start;
}
.yaya-ba-page .yaya-ba__media { height: 340px; }
@media (max-width: 991px) {
.yaya-ba-page .yaya-ba-list { grid-template-columns: repeat(2, 1fr); gap: 22px; }
}
@media (max-width: 600px) {
.yaya-ba-page .yaya-ba-list { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }
.yaya-ba-page .yaya-ba__media { height: 420px; }
}
/* footer newsletter title + contact column */
.b-footer .subscribe-title p { margin: 0 0 12px; font-weight: 700; font-size: 1.05rem; color: var(--text-black, #1c1c1c); }
.b-footer .column-contact a[href^="tel"],
.b-footer .column-contact a[href^="mailto"] { direction: ltr; unicode-bidi: plaintext; display: inline-block; }
/* before/after — 2 cards per row on mobile */
@media (max-width: 600px) {
.yaya-ba-page .yaya-ba-list { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; max-width: none !important; }
.yaya-ba-page .yaya-ba__media { height: 140px !important; }
.yaya-ba-page .yaya-ba__title { font-size: 0.95rem; }
.yaya-ba-page .yaya-ba__handle-btn { width: 36px; height: 36px; }
.yaya-ba-page .yaya-ba__label { font-size: 11px; padding: 4px 10px; top: 10px; }
}
/* before/after — popup (lightbox) with draggable comparison */
body.yaya-ba-modal-open { overflow: hidden; }
.yaya-ba-modal { position: fixed; inset: 0; z-index: 100000; display: none; }
.yaya-ba-modal.is-open { display: flex; align-items: center; justify-content: center; padding: 22px; }
.yaya-ba-modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.72); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.yaya-ba-modal__dialog { position: relative; z-index: 1; }
.yaya-ba-modal__close {
position: absolute; top: -16px; inset-inline-end: -16px;
width: 42px; height: 42px; border-radius: 50%; border: none;
background: #fff; color: #363636; font-size: 26px; line-height: 1;
cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,.3); z-index: 5;
display: flex; align-items: center; justify-content: center;
}
.yaya-ba-modal__media { width: min(92vw, 460px); height: min(82vh, 720px); border-radius: 18px; cursor: ew-resize; }
.yaya-ba-modal__media .yaya-ba__img,
.yaya-ba-modal__media .yaya-ba__after,
.yaya-ba-modal__media .yaya-ba__before { height: 100% !important; width: 100%; object-fit: cover; }
/* before/after cards are clickable (open popup); no inline drag cursor */
.yaya-ba-page .yaya-ba--clickable,
.yaya-ba-page .yaya-ba--clickable .yaya-ba__media { cursor: pointer; }
/* homepage development section: hide decorative mirror image on mobile */
@media (max-width: 767px) {
.b-development .item-vertical { display: none !important; }
}
/* About page: stats numbers moved before the intro button */
.b-img-text-cols .bottom-part {
display: flex;
align-items: center;
gap: 22px;
padding-top: 22px;
margin-top: 18px;
border-top: solid 1px var(--design-grey-100, #e8e8e8);
}
.b-img-text-cols .bottom-part .box {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
flex: 1 0 0%;
}
.b-img-text-cols .bottom-part .box h3 {
font-size: 46px;
letter-spacing: 0.3px;
font-weight: 700;
line-height: 1.05;
margin-bottom: 0;
}
.b-img-text-cols .bottom-part .box p { font-size: 0.82rem; margin: 0; }
@media (max-width: 767px) {
.b-img-text-cols .bottom-part { gap: 14px; padding-top: 18px; }
.b-img-text-cols .bottom-part .box h3 { font-size: 34px; }
.b-img-text-cols .bottom-part .box p { font-size: 0.72rem; }
}
/* homepage features: 4 items in one row */
.b-features .features-row {
grid-template-columns: repeat(4, 1fr) !important;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
/* symmetric spacing above/below the row when it sits under the marquee strip */
.b-features.features-below { padding-top: 34px !important; padding-bottom: 34px !important; }
@media (max-width: 767px) {
.b-features .features-row { grid-template-columns: repeat(4, 1fr) !important; gap: 6px; }
.b-features.features-below .feature-icon { width: 46px !important; height: 46px !important; margin-bottom: 8px; }
.b-features.features-below .feature-icon svg { width: 22px !important; height: 22px !important; }
.b-features.features-below .feature-title { font-size: .72rem !important; line-height: 1.25; }
.b-features.features-below .feature-item { padding: 0 2px; }
}
/* ============================================================
HEADER — full white bar (logo + menu + icons on white)
============================================================ */
.b-header .header {
background-color: #fff !important;
box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
}
.b-header .header__wrapper { min-height: 66px; }
/* nav text dark on white */
.b-header .header__nav-menu a,
.b-header .header__nav-menu .nav__item > a,
.b-header .header__nav-menu button.cred_modal_btn,
.b-header .nav__item > a { color: #2a2a2a !important; }
.b-header .header__nav-menu a:hover,
.b-header .header__nav-menu .nav__item > a:hover,
.b-header .header__nav-menu button.cred_modal_btn:hover { color: var(--text-orange, #cb6801) !important; }
/* icons blend into the white bar (no separate pill) */
.b-header .right-part,
.b-header .right-part .separator p { background: transparent !important; box-shadow: none !important; }
/* header: floating white pill bar (rounded both ends, container width) */
.b-header .header {
background-color: transparent !important;
box-shadow: none !important;
padding: 14px 0 !important;
}
.b-header .header > .container {
background-color: #fff !important;
border-radius: 500px !important;
box-shadow: 0 6px 22px rgba(0, 0, 0, .08);
padding-top: 8px;
padding-bottom: 8px;
padding-inline: 34px;
}
@media (max-width: 767px) {
.b-header .header { padding: 0 10px !important; margin-top: -10px !important; }
.b-header .header > .container { border-radius: 40px !important; padding-inline: 18px; }
.b-header .header__wrapper { min-height: 48px !important; }
.b-header .header__logo { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; }
}
/* moved ribbon: band directly above the feature icons */
.b-features .b-banner-after {
position: relative;
pointer-events: none;
height: 150px;
overflow: hidden;
margin-bottom: 24px;
z-index: 1;
}
.b-features .b-banner-after .banner-strip { display: none !important; }
.b-features .b-banner-after .image-decor {
position: absolute !important;
left: 0; right: 0;
top: 50%;
transform: translateY(-50%);
bottom: auto !important;
margin: 0 !important;
}
@media (max-width: 767px) {
.b-features .b-banner-after { height: 96px; }
}
/* ribbon above icons: straight animated strip (not wavy) */
.b-features .b-banner-after { height: auto !important; overflow: visible !important; }
.b-features .b-banner-after .banner-strip { display: block !important; }
.b-features .b-banner-after .banner-svg,
.b-features .b-banner-after .image-decor { display: none !important; }
/* straight strip: spacing between repeated phrases */
.b-features .b-banner-after .banner-strip__track span { padding: 0 26px; font-weight: 700; color: #2a2a2a; }
/* force the straight marquee to match the original strip exactly (bg, size, font, speed, direction) */
.b-features .b-banner-after { height: auto !important; overflow: visible !important; margin-bottom: 24px; }
.b-features .b-banner-after .banner-strip {
display: block !important;
background: #cb6801 !important;
padding: 12px 0 !important;
overflow: hidden !important;
direction: ltr !important;
position: relative;
z-index: 3;
}
.b-features .b-banner-after .banner-strip__track {
display: flex !important;
width: max-content !important;
flex-wrap: nowrap !important;
white-space: nowrap !important;
animation: yayaBannerMarquee 40s linear infinite !important;
}
.b-features .b-banner-after .banner-strip__track span {
flex: 0 0 auto !important;
padding: 0 20px !important;
font-weight: 900 !important;
font-size: 14px !important;
color: #ffffff !important;
direction: rtl !important;
white-space: nowrap !important;
}
/* strip: taller + straddling hero/white boundary + remove white gap above */
.b-features { padding-top: 0 !important; }
.b-features .b-banner-after {
margin-top: -42px !important;
margin-bottom: 34px !important;
position: relative;
z-index: 5;
}
.b-features .b-banner-after .banner-strip { padding: 20px 0 !important; }
@media (max-width: 767px) {
.b-features .b-banner-after { margin-top: -34px !important; }
.b-features .b-banner-after .banner-strip { padding: 14px 0 !important; }
}
/* label chip: no border, no background, logo-red text (top-level, all screens) */
.b-products-slider .title-button,
.b-kits .title-button {
border: none !important;
background: transparent !important;
color: #cb6801 !important;
border-radius: 0 !important;
padding: 0 !important;
min-height: 0 !important;
font-weight: 800 !important;
font-size: 14px !important;
letter-spacing: .3px;
box-shadow: none !important;
}
.b-products-slider .title-button::before,
.b-kits .title-button::before { display: none !important; }
/* homepage: dark nav text once scrolled (header turns solid white) */
body.scrolled.home .b-header .header__nav-menu a,
body.scrolled.home .b-header .header__nav-menu .nav__item > a,
body.scrolled.home .b-header .header__nav-menu button.cred_modal_btn,
body.scrolled.home .b-header .nav__item > a { color: #363636 !important; }
body.scrolled.home .b-header .header__nav-menu a:hover,
body.scrolled.home .b-header .header__nav-menu .nav__item > a:hover,
body.scrolled.home .b-header .header__nav-menu button.cred_modal_btn:hover { color: #cb6801 !important; opacity: 1; }
/* features row moved below products slider: give it its own spacing */
.b-features.features-below { padding-top: 16px !important; padding-bottom: 18px !important; margin: 0 !important; }
/* الموبايل: صف الأيقونات على خلفية بيضاء نظيفة تحت الشريط مباشرة
(كان الأمبر بتاع الهيرو + فراغ الشريط بيظهروا خلف الأيقونات) */
@media (max-width: 768px) {
.b-features .b-banner-after { margin-bottom: 0 !important; }
.b-features.features-below {
margin: 0 !important;
padding-top: 0px !important;
padding-bottom: 4px !important;
position: relative;
z-index: 6;
background: #fff !important;
}
}
/* شاشات صغيرة جداً: صفر مسافة علوية للقسم */
@media (max-width: 450px) {
.home .section-content.relative.z-1 { margin-top: 0 !important; }
}
.b-features.features-below .b-banner-after { display: none !important; }
/* ===== product card: reference redesign (category + title on top, image center, arrow + price bottom) ===== */
.product-card__inner.yaya-card-ref {
background: #fff !important;
border-radius: 18px !important;
padding: 22px 20px 18px !important;
box-shadow: 0 8px 26px rgba(0, 0, 0, .06) !important;
height: 100% !important;
}
.yaya-card-ref .card-head { text-align: center; margin-bottom: 4px; }
.yaya-card-ref .card-cat { color: #9aa0a6; font-size: 13px; font-weight: 500; margin-bottom: 6px; }
.yaya-card-ref .card-title { display: block; text-decoration: none; }
.yaya-card-ref .card-title h3 { color: #1f2a44; font-size: 17px; line-height: 1.35; margin: 0; }
.yaya-card-ref .product-card__image {
min-height: 0 !important;
margin: 10px 0 16px !important;
flex: 1 1 auto;
align-items: center;
justify-content: center;
}
.yaya-card-ref .product-card__image .image-static { width: 100%; }
.yaya-card-ref .product-card__image .image-static img {
max-height: 187px !important;
width: auto !important;
max-width: 100% !important;
object-fit: cover;
margin: inherit;
}
.yaya-card-ref .card-foot { direction: ltr; margin-top: auto; padding-top: 4px; }
.yaya-card-ref .card-arrow {
width: 44px; height: 44px; flex: 0 0 44px;
border-radius: 50%;
background: #f3f3f4; color: #363636;
display: inline-flex; align-items: center; justify-content: center;
transition: background .2s, color .2s;
}
.yaya-card-ref .card-arrow:hover { background: #cb6801; color: #fff; }
.yaya-card-ref .product-price .price { display: flex; align-items: center; gap: 8px; direction: rtl; }
.yaya-card-ref .product-price .amount { color: #cb6801 !important; font-size: 22px; font-weight: 700; text-decoration: none; }
.yaya-card-ref .product-price ins { text-decoration: none; }
.yaya-card-ref .product-price del .amount { color: #bdbdbd !important; font-size: 14px; font-weight: 400; }
.b-products-slider .swiper-slide { height: auto !important; }
/* prevent big-card flash before Swiper initializes (pre-size slides to match 3-per-view) */
@media (min-width: 992px) {
.b-products-slider .jsProductsSlider:not(.swiper-initialized) .swiper-slide { width: calc(33.333% - 11px) !important; flex: 0 0 calc(33.333% - 11px) !important; }
}
/* ===== featured promo section (before testimonials) — matches reference ===== */
.b-promo { background: #f5f4f3; padding: 0; }
.b-promo .promo-stage { direction: ltr; position: relative; min-height: 720px; }
/* whole promo section is a link to the product */
.b-promo .promo-cover { position: absolute; inset: 0; z-index: 5; display: block; }
.b-promo .promo-line { position: absolute; top: 46%; left: 50%; width: 100vw; transform: translateX(-50%); height: 1px; background: #e4e1de; z-index: 0; }
.b-promo .promo-eyebrow { position: absolute; top: 70px; left: 30px; color: #b3b0ac; font-size: 15px; letter-spacing: 6px; text-transform: uppercase; z-index: 3; }
.b-promo .promo-title { position: absolute; top: 74px; right: 20px; max-width: 640px; text-align: right; margin: 0; font-size: 58px; line-height: 1.12; font-weight: 300; color: #2b2b2b; z-index: 3; }
.b-promo .promo-media { position: absolute; left: 7%; top: 50%; transform: translateY(-50%); width: 520px; height: 520px; max-width: 44%; display: flex; align-items: center; justify-content: center; z-index: 2; }
.b-promo .promo-circle { position: absolute; inset: 0; border: 1px solid #ddd9d5; border-radius: 50%; }
.b-promo .promo-bigimg { position: relative; max-height: 78%; width: auto; max-width: 62%; transform: rotate(-14deg); filter: drop-shadow(0 34px 40px rgba(0, 0, 0, .22)); }
.b-promo .promo-card { position: absolute; right: 20px; bottom: 60px; width: 560px; max-width: 46%; background: #fbfbfb; border-radius: 22px; box-shadow: 0 24px 50px rgba(0, 0, 0, .06); padding: 30px; display: flex; align-items: center; gap: 22px; z-index: 3; direction: rtl; }
.b-promo .promo-card__info { flex: 1; min-width: 0; text-align: right; }
.b-promo .promo-card__name { font-size: 24px; font-weight: 600; color: #2b2b2b; margin: 0 0 10px; }
.b-promo .promo-card__desc { color: #a09c97; font-size: 15px; line-height: 1.6; margin: 0 0 16px; }
.b-promo .promo-card__price { display: flex; align-items: baseline; gap: 10px; margin-bottom: 26px; }
.b-promo .promo-card__price .new { font-size: 26px; font-weight: 500; color: #2b2b2b; }
.b-promo .promo-card__price del { color: #c2beb9; font-size: 18px; }
.b-promo .promo-card__price del .amount { font-size: 14px !important; color: #c2beb9 !important; font-weight: 400 !important; }
.b-promo .promo-card__actions { display: flex; align-items: center; gap: 16px; }
.b-promo .promo-card__arrow { width: 50px; height: 50px; flex: 0 0 50px; border-radius: 50%; background: #fff; border: 1px solid #eceae7; color: #2b2b2b; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 8px 18px rgba(0, 0, 0, .06); transition: all .2s; }
.b-promo .promo-card__arrow:hover { background: #cb6801; color: #fff; border-color: #cb6801; }
.b-promo .promo-card__tag { display: none !important; }
/* remove bestsellers white band; make release image flush under the marquee strip */
.b-products-slider { display: none !important; }
.b-features:not(.features-below).section { padding-bottom: 0 !important; }
.b-features:not(.features-below) .section-content,
.b-features:not(.features-below) .container,
.b-features:not(.features-below) .b-banner-after { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.b-features:not(.features-below) .image-decor,
.b-features:not(.features-below) .banner-svg { display: none !important; }
.b-release.section { padding-top: 0 !important; margin-top: 0 !important; }
/* features icons: keep titles only, drop descriptions */
.b-features.features-below .feature-desc { display: none !important; }
/* remove WooCommerce related products section */
.related.products, section.related, .woocommerce .related.products, .single-product .related { display: none !important; }
/* FAQ hero poster (WONDER NO MORE) */
.faq-hero-poster { text-align: center; margin: 0 0 46px; }
.faq-hero-poster img { max-height: 560px; width: auto; max-width: 100%; border-radius: 14px; display: inline-block; }
@media (max-width: 767px) { .faq-hero-poster img { max-height: 70vh; } }
/* socials section: logo instead of @handle text */
.b-socials-section .tag .socials-logo, .b-socials-section .tag img { height: 66px; width: auto; display: inline-block; }
/* ===== Accessibility widget ===== */
.fixed-contact-us, .fixed-contact-us:not(.active) { opacity: 1 !important; visibility: visible !important; }
.fixed-contact-us .whatsapp-icon img, .fixed-contact-us .whatsapp-icon { width: 52px !important; height: 52px !important; }
.yaya-a11y { position: fixed; left: 9px; bottom: 120px; z-index: 60; direction: rtl; }
.yaya-a11y-fab { width: 52px; height: 52px; border-radius: 50%; border: 0; cursor: pointer; background: #2f6df6; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(0,0,0,.25); padding: 0; }
.yaya-a11y-fab:hover { background: #245ad1; }
.yaya-a11y-panel { position: absolute; left: 0; bottom: 64px; width: 262px; max-width: 80vw; background: #fff; border-radius: 14px; box-shadow: 0 18px 50px rgba(0,0,0,.22); padding: 14px; }
.yaya-a11y-panel[hidden] { display: none; }
.yaya-a11y-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.yaya-a11y-title { font-weight: 700; color: #2f6df6; font-size: 16px; }
.yaya-a11y-close { border: 0; background: transparent; font-size: 24px; line-height: 1; cursor: pointer; color: #333; padding: 0 4px; }
.yaya-a11y-opts { display: grid; gap: 8px; }
.yaya-a11y-opts button { text-align: right; padding: 11px 14px; border: 1px solid #eceae7; border-radius: 8px; background: #f7f7f8; color: #333; font-size: 14px; cursor: pointer; font-family: inherit; }
.yaya-a11y-opts button:hover { background: #eef1f6; }
.yaya-a11y-opts button.is-on { background: #eaf0ff; border-color: #2f6df6; color: #2f6df6; font-weight: 600; }
.yaya-a11y-opts .yaya-a11y-reset { color: #d33; border-color: #f3d0d0; background: #fdf4f4; }
/* apply visual filters to page content only, keeping the floating widgets usable */
html.a11y-active > body > *:not(.yaya-a11y):not(.fixed-contact-us) { filter: var(--a11y-filter); }
html.a11y-links a { text-decoration: underline !important; outline: 2px solid #cb6801 !important; outline-offset: 2px; }
html.a11y-readable, html.a11y-readable * { font-family: Arial, "Segoe UI", Tahoma, "Noto Sans Hebrew", sans-serif !important; }
@media (max-width: 767px) {
.yaya-a11y { left: 15px; bottom: 125px; }
}
.b-promo .promo-card__img { flex: 0 0 150px; }
.b-promo .promo-card__img img { width: 150px; height: 180px; object-fit: contain; border-radius: 16px; background: #fff; }
.b-promo .promo-stage.no-media { min-height: 0; padding: 80px 0; }
.b-promo .promo-stage.no-media .promo-eyebrow,
.b-promo .promo-stage.no-media .promo-title { position: static; text-align: center; max-width: none; margin: 0 auto 14px; }
.b-promo .promo-stage.no-media .promo-card { position: static; margin: 24px auto 0; }
@media (max-width: 991px) {
.b-promo { padding: 8px 0 44px; background: #ffffff !important; }
.b-promo .promo-stage { min-height: 0 !important; padding: 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
/* على الموبايل: الصورة فوق، والعنوان تحتها (ترتيب flex). */
.b-promo .promo-eyebrow { order: 0; }
.b-promo .promo-media { order: 1; }
.b-promo .promo-title { order: 2; }
.b-promo .promo-card { order: 3; }
.b-promo .promo-line { display: none !important; }
.b-promo .promo-card__img { display: none !important; }
.b-promo .promo-card__price { justify-content: center !important; }
.b-promo .promo-eyebrow { position: static !important; transform: none; margin: 0 0 6px; }
.b-promo .promo-title { position: static !important; transform: none; text-align: center; max-width: 100%; font-size: 24px; margin: 6px 0 14px; }
.b-promo .promo-media { position: relative !important; left: auto !important; top: auto !important; transform: none; width: min(300px, 78vw); height: min(300px, 78vw); max-width: none; margin: 0 auto 14px; }
.b-promo .promo-bigimg { transform: rotate(-8deg); max-height: 82%; max-width: 68%; }
.b-promo .promo-card { position: static !important; transform: none; width: 100%; max-width: 440px; margin: 0 auto; }
}
@media (max-width: 480px) {
.b-promo .promo-card { flex-direction: column-reverse; text-align: center; padding: 22px; }
.b-promo .promo-card__info { text-align: center; }
.b-promo .promo-card__actions { justify-content: center; }
.b-promo .promo-card__img { flex: 0 0 auto; }
.b-promo .promo-card__img img { width: 130px; height: 150px; }
.b-promo .promo-title { font-size: 21px; }
}
/* ===== new-release banner (between features icons and bundle) ===== */
.b-release { direction: ltr; position: relative; width: 100vw; margin-left: calc(50% - 50vw); background-size: cover; background-position: center right; background-repeat: no-repeat; }
.b-release .container { position: relative; }
.b-release .release-stage { position: relative; min-height: 620px; }
.b-release .release-card { position: absolute; left: 0; top: 20%; width: 300px; max-width: 42%; background: #fff; border-radius: 20px; box-shadow: 0 13px 60px rgba(0, 0, 0, 0.2); padding: 22px; direction: rtl; z-index: 3; }
.b-release .release-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.b-release .release-card__info { text-align: right; }
.b-release .release-card__name { font-size: 20px; font-weight: 600; color: #2b2b2b; margin: 0 0 8px; }
.b-release .release-card__desc { color: #a09c97; font-size: 14px; line-height: 1.6; margin: 0; }
.b-release .release-card__price { display: flex; align-items: baseline; gap: 8px; margin-top: 12px; direction: rtl; }
.b-release .release-card__price .amount { color: #cb6801 !important; font-size: 20px; font-weight: 500; text-decoration: none; }
.b-release .release-card__price ins { text-decoration: none; }
.b-release .release-card__price del .amount { color: #c2beb9 !important; font-size: 14px; }
.b-release .release-card__arrow { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; background: #fff; border: 1px solid #eceae7; color: #2b2b2b; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(0, 0, 0, .06); transition: all .2s; }
.b-release .release-card__arrow:hover { background: #cb6801; color: #fff; border-color: #cb6801; }
.b-release .release-card__img { display: flex; align-items: center; justify-content: center; margin-top: 18px; background: #f4f2f1; border-radius: 14px; padding: 16px; }
.b-release .release-card__img img { max-height: 180px; width: auto; max-width: 100%; object-fit: contain; margin: 0 auto; }
.b-release .release-title { position: absolute; right: 0; top: 20%; max-width: 310px; text-align: right; margin: 0; font-size: 36px; line-height: 1.3; font-weight: 300; color: #2b2b2b; z-index: 3; direction: rtl; }
.b-release .release-tags { position: absolute; right: 0; top: 58%; display: flex; flex-wrap: wrap; gap: 14px; max-width: 400px; justify-content: flex-start; direction: rtl; z-index: 3; }
.b-release .release-tag { background: #fff; border-radius: 500px; box-shadow: 0 8px 20px rgba(0, 0, 0, .08); padding: 12px 26px; font-size: 15px; color: #2b2b2b; white-space: nowrap; }
.b-release .release-badge { display: none !important; }
/* release title: desktop-only styling */
@media (min-width: 992px) {
.b-release .release-title {
font-size: 33px !important;
font-weight: bold !important;
color: #000000 !important;
text-shadow: -1px 1px 0px #ffffff !important;
}
}
@media (max-width: 991px) {
.b-release { background-image: none !important; background-color: #ffffff !important; width: auto; margin-left: 0; }
.b-release .release-stage { min-height: 0; padding: 5px 0; }
.b-release .release-card, .b-release .release-title, .b-release .release-tags, .b-release .release-badge { position: static; max-width: 100%; margin-left: auto; margin-right: auto; }
.b-release .release-title { margin: 26px auto 18px; font-size: 28px; text-align: center; }
.b-release .release-tags { justify-content: center; margin: 0 auto 22px; }
.b-release .release-badge { font-size: 34px; text-align: center; }
.b-release .release-card { width: 100%; max-width: 340px; }
}
/* opened menu (+ toggle): force dark menu text */
body.menu-open .menu__mobile .menu a,
body.menu-open .menu__mobile .menu ul a,
body.menu-open .menu__mobile .sub-menu a,
body.menu-open .menu__mobile .cred_modal_btn,
body.menu-open .b-header .header__nav-menu a,
body.menu-open .b-header .header__nav-menu .nav__item > a,
body.menu-open .b-header .header__nav-menu .cred_modal_btn { color: #363636 !important; }
/* mega-menu open on homepage: dark nav text (readable on the white panel) */
body.home .b-header.mega-menu-open .header__nav-menu a,
body.home .b-header.mega-menu-open .header__nav-menu .nav__item > a,
body.home .b-header.mega-menu-open .header__nav-menu button.cred_modal_btn { color: #363636 !important; }
/* mobile: dark icons + hamburger once scrolled (header turns white) */
@media (max-width: 767px) {
body.scrolled.home .b-header .right-part svg path,
body.scrolled.home .b-header .search-item svg path,
body.scrolled.home .b-header .btn-icon-search svg path,
body.scrolled.home .b-header .btn-icon-basket svg path { fill: #000 !important; stroke: #000 !important; }
body.scrolled.home .b-header .btn_lang svg path { fill: #000 !important; stroke: none !important; }
body.scrolled.home .b-header .menu_toggler:not(.menu-is-active) span,
body.scrolled.home .b-header .menu_toggler:not(.menu-is-active) .toggler_top,
body.scrolled.home .b-header .menu_toggler:not(.menu-is-active) .toggler_middle,
body.scrolled.home .b-header .menu_toggler:not(.menu-is-active) .toggler_bottom { background-color: #000 !important; }
}
/* temporarily hide products slider, keep section heading */
.b-products-slider .slider__wrapper,
.b-products-slider .slider-nav { display: none !important; }
/* products hidden: remove top/bottom padding + center the heading */
.b-products-slider.section { padding-top: 0 !important; padding-bottom: 10px !important; }
.b-products-slider .section-content { padding-top: 0 !important; }
.b-products-slider .columns { justify-content: center !important; padding-top: 0 !important; }
.b-products-slider .slider-part { text-align: center !important; padding-top: 0 !important; }
.b-products-slider .title-button { margin-top: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 12px !important; }
.b-products-slider .section-title { text-align: center !important; margin-bottom: 0 !important; }
.b-products-slider .section-title h2 { text-align: center !important; }
/* trim the gap under the marquee that sits above this compact section */
.b-features .b-banner-after { margin-bottom: 14px !important; }
/* mobile: zero the heading side padding so it centers properly */
@media (max-width: 767px) {
.b-products-slider .slider-part { padding-right: 0 !important; padding-left: 0 !important; }
.b-products-slider .slider-part .section-title { padding-left: 0 !important; padding-right: 0 !important; }
/* make the gap below the heading equal the gap above it (~14px) */
.b-products-slider.section { padding-bottom: 0 !important; }
.b-release.section { padding-top: 0 !important; }
.b-release .release-stage { padding-top: 14px !important; }
}
/* global: light font-weight (300) across the site */
body, h1, h2, h3, h4, h5, h6, p, a, span, li, button, input, textarea, select, label, nav, header, footer,
.section-title h2, .section-title h3, .btn, .menu-item, .menu-list, .menu-card, .hero-title, .hero-subtitle { font-weight: 300 !important; }
/* page background: white */
body { background-color: #ffffff !important; }
/* ===== free-consultation CTA (split white / orange) ===== */
.b-club2 { background: #f5f4f3; overflow: hidden; padding: 0 !important; position: relative; }
.b-club2::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 50%; background: url('../images/cleanser-shelf.webp') center center / cover no-repeat; z-index: 0; }
.b-club2 .cta-split { position: relative; max-width: 1280px; margin: 0 auto; min-height: 520px; display: flex; align-items: center; }
.b-club2 .cta-text { width: 50%; padding: 50px 70px 50px 190px; text-align: right; direction: rtl; }
.b-club2 .cta-title { font-size: 40px; line-height: 1.22; font-weight: 800; color: #2b3440; margin: 0 0 16px; }
.b-club2 .cta-sub { font-size: 22px; color: #5a6472; margin: 0 0 30px; }
.b-club2 .cta-btn { display: inline-flex !important; }
.b-club2 .cta-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; display: flex; align-items: center; justify-content: center; pointer-events: none; opacity: 0; }
.b-club2 .cta-bottle { height: 440px; width: auto; max-width: 46vw; filter: drop-shadow(0 26px 34px rgba(0, 0, 0, .22)); }
.b-club2 .cta-girl { position: absolute; left: 5%; bottom: 0; z-index: 2; pointer-events: none; display: none; }
.b-club2 .cta-girl img { height: 500px; width: auto; max-width: 40vw; display: block; }
@media (max-width: 991px) {
.b-club2 { background: #f5f4f3; padding: 0 0 44px !important; }
.b-club2::before { top: 0; bottom: 52%; left: 0; right: 0; }
.b-club2 .cta-girl { display: none; }
.b-club2 .cta-split { flex-direction: column; min-height: 0; }
.b-club2 .cta-stage { position: static; transform: none; order: -1; padding: 14px 0 22px; opacity: 0; }
.b-club2 .cta-bottle { height: 280px; width: auto; max-width: 100%; filter: none !important; padding-top: 40px; }
.b-club2 .cta-text { width: 100%; padding: 30px 22px 4px; text-align: center; }
.b-club2 .cta-title { font-size: 27px; }
.b-club2 .cta-sub { font-size: 18px; }
.b-club2 .cta-btn { justify-content: center; }
}
/* ===== YAYA CLUB section (new, above testimonials) ===== */
.b-yayaclub { background: #ffffff; padding: 70px 0; }
.b-yayaclub .section-content > .container { max-width: 1280px; }
.b-yayaclub .yclub-grid { display: flex; flex-wrap: nowrap; gap: 40px; align-items: center; }
.b-yayaclub .yclub-body { flex: 1 1 auto; min-width: 0; text-align: right; direction: rtl; }
.b-yayaclub .yclub-eyebrow { font-size: 15px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #cb6801; margin: 0 0 14px; }
@font-face { font-family: 'GadiAlmog'; src: url('../fonts/gadi-almog-regular-aaa.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; }
.b-yayaclub .yclub-heading { font-size: clamp(20px, 5vw, 40px); line-height: 1.15; font-weight: normal; color: #2b3440; margin: 0 0 22px; font-family: 'Gveret Levin AlefAlefAlef', cursive, sans-serif !important; white-space: nowrap; }
.b-yayaclub .yclub-features { display: flex; flex-direction: column; gap: 22px; margin: 0 0 32px; }
.b-yayaclub .yclub-feature { position: relative; padding-right: 22px; }
.b-yayaclub .yclub-feature::before { content: ""; position: absolute; right: 0; top: 6px; width: 9px; height: 9px; border-radius: 50%; background: #cb6801; }
.b-yayaclub .yclub-feature__title { font-size: 21px; font-weight: 700; color: #2b3440; margin: 0 0 6px; }
.b-yayaclub .yclub-feature__text { font-size: 16px; line-height: 1.7; color: #7c8591; margin: 0; }
.b-yayaclub .yclub-btn { display: inline-flex !important; }
.b-yayaclub .yclub-media { flex: 0 0 44%; position: relative; display: flex; justify-content: center; align-items: center; min-height: 440px; }
.b-yayaclub .yclub-photo { width: min(440px, 100%); aspect-ratio: 1 / 1; border-radius: 50%; background-size: cover; background-position: center; background-color: #f2ede7; box-shadow: 0 30px 70px rgba(203, 104, 1, .12); position: relative; z-index: 1; }
.b-yayaclub .yclub-decor { position: absolute; left: 4%; bottom: 12%; width: 84px; height: 84px; border-radius: 50%; background: rgba(203, 104, 1, .12); z-index: 0; }
.b-yayaclub .yclub-badge { position: absolute; left: 50%; top: 50%; width: min(506px, 118%); aspect-ratio: 1; z-index: 4; pointer-events: none; transform: translate(-50%, -50%); transform-origin: center; animation: yclubSpin 30s linear infinite; }
.b-yayaclub .yclub-badge img { width: 100%; height: 100%; display: block; }
@keyframes yclubSpin { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }
@media (max-width: 991px) {
.b-yayaclub { padding: 46px 0; }
.b-yayaclub .yclub-grid { flex-direction: column-reverse; flex-wrap: wrap; gap: 30px; }
.b-yayaclub .yclub-body { width: 100%; text-align: center; }
.b-yayaclub .yclub-heading { white-space: nowrap; }
.b-yayaclub .yclub-features { align-items: stretch; }
.b-yayaclub .yclub-feature { padding-right: 22px; padding-top: 0; max-width: none; text-align: right; }
.b-yayaclub .yclub-feature::before { right: 0; top: 6px; transform: none; }
.b-yayaclub .yclub-btn { align-self: center; }
.b-yayaclub .yclub-media { flex: 1 1 auto; width: 100%; min-height: 0; padding-top: 40px; }
.b-yayaclub .yclub-photo { width: min(340px, 80vw); }
.b-yayaclub .yclub-decor { display: none; }
.b-yayaclub .yclub-badge { width: min(392px, 93vw); top: 55%; }
}
/* club signup form page */
.yaya-club-form { max-width: 480px; margin: 24px auto; display: grid; gap: 16px; }
.yaya-club-fld { display: flex; flex-direction: column; gap: 6px; }
.yaya-club-fld label { font-weight: 600; color: #2b2b2b; }
.yaya-club-fld input { padding: 12px 14px; border: 1px solid #ddd; border-radius: 10px; font: inherit; }
.yaya-club-fld input[type="date"] { direction: rtl; text-align: right; }
.yaya-club-btn { margin-top: 6px; }
.yaya-club-msg { max-width: 480px; margin: 12px auto; padding: 12px 16px; border-radius: 10px; text-align: center; }
.yaya-club-msg.ok { background: #e7f6ec; color: #1a7f43; }
.yaya-club-msg.err { background: #fdeaea; color: #c0392b; }
/* homepage logo: white over the hero, black once scrolled */
body.home .b-header .custom-logo { filter: brightness(0) invert(1) !important; transition: filter .2s ease; }
body.home.scrolled .b-header .custom-logo { filter: brightness(0) !important; }
/* internal pages: black logo */
body:not(.home) .b-header .custom-logo { filter: brightness(0) !important; }
/* internal pages: push content down so the title clears the header */
body:not(.home) .flexible-main { padding-top: 45px; }
/* kits blue card: preserve line breaks in the description */
.b-kits .content-block .content p { white-space: pre-line; }
/* kits blue card -> custom color */
.b-kits .content-block.bg-light-blue { background-color: #f2f0ef !important; }
/* brand color override -> #cb6801 (any brand orange/red) */
:root {
--bg-orange: #cb6801 !important;
--text-orange: #cb6801 !important;
--border-orange: #cb6801 !important;
--bg-red: #cb6801 !important;
--Design-Orange-peach: #cb6801 !important;
}
span.woocommerce-Price-amount.amount {
color: #cb6801;
font-size: 20px;
}
/* shop: hide the "default sorting" dropdown */
.woocommerce-ordering { display: none !important; }
/* product page: hide the comparison table + FAQ sections */
.single-product .b-table,
.single-product .b-section-columns { display: none !important; }
/* arrow button: remove right margin, set left padding */
.btn.arrow { margin-right: 0 !important; padding-left: 40px !important; }
/* shop grid now uses the reference card — fix layout + mobile overflow */
.yaya-shop-grid .product-card__inner.yaya-card-ref { position: relative !important; aspect-ratio: auto !important; overflow: visible !important; height: 100% !important; display: flex !important; flex-direction: column !important; padding: 20px 18px 18px !important; background: #fff !important; }
/* shop cards: image on top (normal flow), then title/category, then price+arrow */
.yaya-shop-grid .yaya-card-ref .product-card__image { position: relative !important; inset: auto !important; padding: 0 !important; margin: 8px 0 !important; order: 1 !important; flex: 1 1 auto !important; }
.yaya-shop-grid .yaya-card-ref .product-card__image img { mix-blend-mode: normal !important; max-width: 70% !important; max-height: 220px !important; width: auto !important; }
.yaya-shop-grid .yaya-card-ref .card-head { order: 2 !important; text-align: center !important; margin: 8px 0 0 !important; }
.yaya-shop-grid .yaya-card-ref .card-foot { order: 3 !important; margin-top: 8px !important; }
@media (max-width: 767px) {
.yaya-shop-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
.yaya-shop-grid .product-card,
.yaya-shop-grid .product-card__inner { min-width: 0 !important; }
.yaya-shop-grid .yaya-card-ref { padding: 14px 10px !important; }
.yaya-shop-grid .card-cat { font-size: 11px !important; }
.yaya-shop-grid .card-title h3 { font-size: 14px !important; }
.yaya-shop-grid .card-foot { gap: 6px !important; }
.yaya-shop-grid .card-arrow { width: 32px !important; height: 32px !important; flex: 0 0 32px !important; }
.yaya-shop-grid .yaya-card-ref .product-price .price { gap: 5px !important; flex-wrap: wrap !important; }
.yaya-shop-grid .yaya-card-ref .product-price .amount { font-size: 15px !important; }
}
/* cart drawer: remove free-shipping progress message */
.yaya-cart__shipping { display: none !important; }
/* cart drawer: struck (old) price small + black */
.yaya-cart__price .old,
.yaya-cart__price .old .woocommerce-Price-amount.amount { font-size: 13px !important; color: #000000 !important; text-decoration: line-through !important; }
/* hide the bundle (kits) section entirely */
.b-kits { display: none !important; }
/* footer: hide the long about/disclaimer text */
.b-footer .content-part .content { display: none !important; }
/* socials section: keep beige background, make only the decor shape white */
.b-socials-section .decor img { filter: brightness(0) invert(1) !important; }
/* hero image (replaces heading text when set) */
.b-main-hero .title-part .hero-image { display: block; width: 100%; max-width: 560px; height: auto; margin: 0 auto; }
@media (max-width: 767px) {
.b-main-hero .title-part { text-align: center; }
.b-main-hero .title-part .hero-image { max-width: 86%; margin: 0 auto; }
}
/* mobile: extra bottom padding on section containers */
@media (max-width: 767px) {
.section-content.relative.z-1 .container { padding-bottom: 20px !important; }
}
/* bestsellers: image removed -> products span full width */
.b-products-slider .column-left { width: 100% !important; flex: 1 1 100% !important; max-width: 100% !important; }
.b-products-slider .columns { justify-content: flex-start !important; }
/* kits section: images removed -> banner is a clean panel */
.b-kits .banner-lg {
background-color: #eef2f7 !important;
min-height: 300px;
padding: 34px !important;
}
.b-kits .banner-lg .banner-content h3 { color: #2a2a2a; }
/* strip: full-bleed edge-to-edge on all screens (incl. mobile), flat corners */
.b-features .b-banner-after {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
.b-features .b-banner-after .banner-strip { border-radius: 0 !important; }
/* ============================================================
TESTIMONIALS — clean modern redesign (replaces scalloped)
============================================================ */
.b-testimonials .testi-list { gap: 22px !important; padding: 30px 25px !important; align-items: stretch !important; }
.b-testimonials .testi-card,
.b-testimonials .testi-card:nth-child(1),
.b-testimonials .testi-card:nth-child(2),
.b-testimonials .testi-card:nth-child(3),
.b-testimonials .testi-card:nth-child(4),
.b-testimonials .testi-card:nth-child(5) {
-webkit-mask: none !important;
mask: none !important;
background: #fff !important;
border: 1px solid #eee !important;
border-radius: 18px !important;
box-shadow: 0 12px 30px rgba(0, 0, 0, .07) !important;
aspect-ratio: auto !important;
min-height: 240px;
transform: none !important;
margin-inline: 0 !important;
overflow: visible !important;
flex: 0 0 300px !important;
}
.b-testimonials .testi-card:hover { transform: translateY(-6px) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, .11) !important; }
.b-testimonials .testi-card__inner {
align-items: stretch !important;
justify-content: flex-start !important;
padding: 24px 26px 22px !important;
gap: 12px !important;
color: #2a2a2a !important;
text-align: right;
position: relative;
}
.b-testimonials .testi-card__inner::before {
content: "\201D";
font-family: Georgia, "Times New Roman", serif;
font-size: 56px;
line-height: .7;
color: var(--c, #D9E6F7);
font-weight: 700;
filter: saturate(1.4) brightness(.9);
}
.b-testimonials .testi-text {
font-size: 15.5px !important;
line-height: 1.85 !important;
font-weight: 500 !important;
text-align: right !important;
max-width: none !important;
padding-top: 0 !important;
color: #3b3b3b !important;
}
.b-testimonials .testi-meta {
display: flex !important;
flex-direction: row-reverse !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 12px !important;
width: 100%;
margin-top: auto !important;
padding-top: 16px;
border-top: 1px solid #f1f1f1;
}
.b-testimonials .testi-avatar {
width: 46px !important; height: 46px !important; flex: 0 0 46px !important;
border-radius: 50% !important; overflow: hidden !important;
border: 2px solid var(--c, #D9E6F7) !important;
object-fit: cover;
}
.b-testimonials .testi-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block; }
.b-testimonials .testi-namewrap { display: flex !important; flex-direction: column !important; gap: 3px !important; align-items: flex-start !important; }
.b-testimonials .testi-name { font-weight: 700 !important; font-size: 1rem !important; }
.b-testimonials .testi-stars { margin-top: 0 !important; gap: 3px !important; color: #FFB530 !important; opacity: 1 !important; }
.b-testimonials .testi-stars svg { width: 15px !important; height: 15px !important; }
@media (max-width: 600px) { .b-testimonials .testi-card { flex: 0 0 80% !important; } }
/* remove stray horizontal scroll */
html, body { overflow-x: hidden !important; max-width: 100%; }
/* mobile: header icons black */
@media (max-width: 767px) {
.b-header .btn-icon svg path,
.b-header .btn-icon-search svg path,
.b-header .btn-icon-basket svg path,
.b-header .search-item svg path,
.b-header .right-part svg path { stroke: #000 !important; }
.b-header .btn_lang svg path,
.b-header .lang_wrap svg path { fill: #000 !important; }
.b-header .active_lang { color: #000 !important; }
}
/* mobile header refinements: black hamburger + thinner (non-bold) icons */
@media (max-width: 767px) {
.b-header .menu_toggler span,
.b-header .menu_toggler .toggler_top,
.b-header .menu_toggler .toggler_middle,
.b-header .menu_toggler .toggler_bottom { background-color: #000 !important; }
/* globe: solid black, no extra outline (not bold) */
.b-header .btn_lang svg path,
.b-header .lang_wrap svg path { fill: #000 !important; stroke: none !important; }
/* outline icons: black + thin */
.b-header .btn-icon-search svg path,
.b-header .btn-icon-basket svg path,
.b-header .search-item svg path,
.b-header .right-part svg path { stroke: #000 !important; stroke-width: 1.2 !important; }
}
/* mobile: shorter hero video + strip overlaps the video like desktop */
@media (max-width: 767px) {
.b-main-hero .section-control { min-height: 62vh !important; }
.b-main-hero .flex__inner { padding: 100px 0 100px !important; }
.b-features .b-banner-after { margin-top: -52px !important; position: relative; z-index: 6; }
}
/* mobile: match icon stroke thickness to the hamburger lines */
@media (max-width: 767px) {
.b-header .btn-icon svg path,
.b-header .btn-icon-search svg path,
.b-header .btn-icon-basket svg path,
.b-header .search-item svg path,
.b-header .right-part svg path { stroke-width: 0.8 !important; }
}
/* homepage desktop: transparent header, white nav text + white icons over hero */
@media (min-width: 768px) {
body.home .b-header .header { background-color: transparent !important; box-shadow: none !important; }
body.home .b-header .header > .container {
background-color: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
}
body.home .b-header .header__nav-menu a,
body.home .b-header .header__nav-menu .nav__item > a,
body.home .b-header .header__nav-menu button.cred_modal_btn,
body.home .b-header .nav__item > a { color: #fff !important; }
body.home .b-header .header__nav-menu a:hover,
body.home .b-header .header__nav-menu .nav__item > a:hover,
body.home .b-header .header__nav-menu button.cred_modal_btn:hover { color: #fff !important; opacity: .75; }
body.home .b-header .right-part svg path,
body.home .b-header .search-item svg path,
body.home .b-header .btn-icon-search svg path,
body.home .b-header .btn-icon-basket svg path { fill: #000 !important; stroke: #000 !important; }
body.home .b-header .btn_lang svg path { fill: #000 !important; stroke: none !important; }
}
/* homepage mobile: transparent header, white icons + white hamburger over hero */
@media (max-width: 767px) {
body.home .b-header .header { background-color: transparent !important; box-shadow: none !important; }
body.home .b-header .header > .container {
background-color: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
}
body.home .b-header .menu_toggler:not(.menu-is-active) span,
body.home .b-header .menu_toggler:not(.menu-is-active) .toggler_top,
body.home .b-header .menu_toggler:not(.menu-is-active) .toggler_middle,
body.home .b-header .menu_toggler:not(.menu-is-active) .toggler_bottom { background-color: #fff !important; }
body.home .b-header .right-part svg path,
body.home .b-header .search-item svg path,
body.home .b-header .btn-icon-search svg path,
body.home .b-header .btn-icon-basket svg path { fill: #fff !important; stroke: #fff !important; }
body.home .b-header .btn_lang svg path { fill: #fff !important; stroke: none !important; }
}
/* إزالة الهامش السفلي للحاويات داخل أقسام المحتوى */
.section-content.relative.z-1 .container {
padding-bottom: 0 !important;
padding-top: 10px;
}
/* ============================================================
Checkout — coupon: centered, input on top then button below
============================================================ */
.woocommerce-form-coupon-toggle .woocommerce-info {
text-align: center;
background: transparent;
border: 0;
padding: 6px 0 2px;
margin: 0 0 8px;
}
.woocommerce-form-coupon-toggle .woocommerce-info::before {
display: none;
}
.woocommerce-form-coupon {
max-width: 380px;
margin: 0 auto;
text-align: center;
}
.woocommerce-form-coupon > p {
text-align: center;
}
.woocommerce-form-coupon .form-row-first,
.woocommerce-form-coupon .form-row-last,
.woocommerce-form-coupon .form-row {
width: 100% !important;
float: none !important;
margin: 0 auto 12px !important;
padding: 0 !important;
}
.woocommerce-form-coupon .coupon {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.woocommerce-form-coupon .input-text,
.woocommerce-form-coupon #coupon_code {
width: 100% !important;
text-align: center;
}
.woocommerce-form-coupon button[name="apply_coupon"],
.woocommerce-form-coupon .button {
display: block;
width: auto;
margin: 0 auto;
}
/* ============================================================
صفحة آراء العملاء — نفس كروت الرئيسية لكن شبكة 3 في الصف
============================================================ */
.yaya-reviews-page { padding: 40px 0 60px; }
.yaya-reviews-page .testi-list {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 22px !important;
overflow: visible !important;
cursor: default !important;
padding: 10px 0 !important;
align-items: stretch;
/* إلغاء تمدد سلايدر الرئيسية لعرض الشاشة — نلتزم بالكونتينر */
width: auto !important;
margin-inline: 0 !important;
}
.yaya-reviews-page .testi-card,
.yaya-reviews-page .testi-card:nth-child(n) {
transform: none !important;
}
.yaya-reviews-page .testi-card {
flex: none !important;
width: auto !important;
min-width: 0 !important;
margin-inline: 0 !important;
}
.yaya-reviews-page .testi-card__inner { height: 100%; }
@media (max-width: 1024px) {
.yaya-reviews-page .testi-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.yaya-reviews-page .testi-list { grid-template-columns: 1fr; }
.yaya-reviews-page .testi-card { flex: none !important; }
}
/* عند فتح الميجا-منيو (خلفية بيضاء) — نصوص المنيو والشعار بالأسود ليظهروا */
body.home .b-header .header.mega-menu-open .header__nav-menu a,
body.home .b-header .header.mega-menu-open .header__nav-menu .nav__item > a,
body.home .b-header .header.mega-menu-open .header__nav-menu button.cred_modal_btn,
body.home .b-header .header.mega-menu-open .nav__item > a,
body.home .b-header.mega-menu-open .header__nav-menu a,
body.home .b-header.mega-menu-open .header__nav-menu .nav__item > a,
body.home .b-header.mega-menu-open .header__nav-menu button.cred_modal_btn,
body.home .b-header.mega-menu-open .nav__item > a {
color: #363636 !important;
opacity: 1 !important;
}
body.home .b-header .header.mega-menu-open .header__nav-menu a:hover,
body.home .b-header .header.mega-menu-open .header__nav-menu .nav__item > a:hover,
body.home .b-header .header.mega-menu-open .nav__item > a:hover,
body.home .b-header .header.mega-menu-open .nav__item.active > a,
body.home .b-header.mega-menu-open .header__nav-menu a:hover,
body.home .b-header.mega-menu-open .header__nav-menu .nav__item > a:hover,
body.home .b-header.mega-menu-open .nav__item > a:hover,
body.home .b-header.mega-menu-open .nav__item.active > a {
color: #cb6801 !important;
opacity: 1 !important;
}
body.home .b-header .header.mega-menu-open .custom-logo,
body.home .b-header.mega-menu-open .custom-logo {
filter: none !important;
}
/* ============================================================
إضافة رأي — الزر + المودال + الفورم (صفحة آراء العملاء)
============================================================ */
.yaya-rev-add { text-align: center; margin: 0px 0 8px; }
.yaya-rev-open {
cursor: pointer;
background: #cb6801;
color: #fff;
font-weight: 700;
font-size: 15px;
border-radius: 40px;
padding: 12px 34px;
transition: filter .2s ease;
}
.yaya-rev-open:hover { filter: brightness(1.08); }
.yaya-rev-overlay {
position: fixed;
inset: 0;
z-index: 100000;
background: rgba(0, 0, 0, .55);
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.yaya-rev-overlay[hidden] { display: none; }
.yaya-rev-modal {
position: relative;
background: #fff;
border-radius: 16px;
width: min(520px, 100%);
max-height: 90vh;
overflow-y: auto;
padding: 26px 24px;
direction: rtl;
text-align: right;
}
.yaya-rev-close {
position: absolute;
top: 10px;
inset-inline-start: 12px;
border: 0;
background: none;
font-size: 26px;
line-height: 1;
cursor: pointer;
color: #666;
}
.yaya-rev-title { margin: 0 0 18px; font-size: 1.25rem; font-weight: 800; color: #363636; }
.yaya-rev-form .yaya-rev-field { display: block; border: 0; padding: 0; margin: 0 0 16px; }
.yaya-rev-label { display: block; font-weight: 700; font-size: .95rem; color: #363636; margin-bottom: 8px; }
.yaya-rev-label b { color: #ED5522; }
.yaya-rev-form input[type="text"],
.yaya-rev-form textarea {
width: 100%;
border: 1px solid #ddd;
border-radius: 10px;
padding: 10px 14px;
font-size: .95rem;
background: #fff;
color: #363636;
}
.yaya-rev-radio { display: flex; align-items: center; gap: 8px; margin: 6px 0; font-size: .92rem; color: #4a4a4a; cursor: pointer; }
.yaya-rev-radio input { accent-color: #cb6801; }
.yaya-rev-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.yaya-rev-stars { display: inline-flex; gap: 4px; }
.yaya-rev-star { cursor: pointer; font-size: 30px; color: #ddd; transition: color .15s ease; }
.yaya-rev-star input { position: absolute; opacity: 0; pointer-events: none; }
.yaya-rev-star.is-on { color: #F6B72A; }
.yaya-rev-note { font-size: .8rem; color: #8a8a8a; margin: 0 0 8px; }
.yaya-rev-filebtn {
display: inline-block;
border: 1px dashed #cb6801;
color: #cb6801;
border-radius: 10px;
padding: 8px 18px;
font-size: .9rem;
font-weight: 700;
cursor: pointer;
}
.yaya-rev-filebtn input { display: none; }
.yaya-rev-filename { display: inline-block; margin-inline-start: 10px; font-size: .82rem; color: #666; }
.yaya-rev-submit {
cursor: pointer;
display: block;
width: 100%;
background: #cb6801;
color: #fff;
font-weight: 800;
font-size: 1rem;
border-radius: 40px;
padding: 13px 0;
margin-top: 6px;
}
.yaya-rev-submit:disabled { opacity: .6; cursor: wait; }
.yaya-rev-msg {
margin: 0 0 12px;
padding: 10px 14px;
border-radius: 10px;
background: #fdecea;
color: #b3261e;
font-size: .9rem;
}
.yaya-rev-msg.is-ok { background: #e6f4ea; color: #1e7e34; }
/* نجوم الكروت: المطفأة أخف */
.yaya-reviews-page .testi-stars svg.is-off { opacity: .35; }
/* الأفاتار الافتراضي */
.yaya-reviews-page .testi-avatar--default svg { width: 100%; height: 100%; display: block; border-radius: 50%; }
/* ============================================================
صفحة "إضافة رأي" المستقلة — تنسيق كامل
============================================================ */
.yaya-rev-page { padding: 46px 0 70px; background: #F7F5F3; }
.yaya-rev-wrap { max-width: 640px; margin: 0 auto; }
.yaya-rev-back {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 18px;
font-size: .92rem;
font-weight: 700;
color: #cb6801;
text-decoration: none;
}
.yaya-rev-back:hover { text-decoration: underline; }
.yaya-rev-card {
background: #fff;
border-radius: 22px;
box-shadow: 0 14px 44px rgba(0, 0, 0, .08);
padding: 38px 36px 34px;
direction: rtl;
text-align: right;
}
@media (max-width: 600px) {
.yaya-rev-card { padding: 26px 18px 24px; border-radius: 16px; }
}
.yaya-rev-card__head { text-align: center; margin-bottom: 26px; }
.yaya-rev-quote {
display: block;
font-size: 54px;
line-height: .6;
color: #ED5522;
font-weight: 900;
margin-bottom: 6px;
font-family: Georgia, serif;
}
.yaya-rev-h1 { margin: 0 0 8px; font-size: 1.6rem; font-weight: 800; color: #363636; }
.yaya-rev-sub { margin: 0; color: #8a8a8a; font-size: .95rem; }
/* أقسام الفورم */
.yaya-rev-form .yaya-rev-section {
border: 0;
padding: 18px 0;
margin: 0;
border-top: 1px solid #F0EDEA;
}
.yaya-rev-form .yaya-rev-section:first-of-type { border-top: 0; padding-top: 0; }
.yaya-rev-form .yaya-rev-label {
display: flex;
align-items: center;
gap: 10px;
font-weight: 800;
font-size: 1rem;
color: #363636;
margin-bottom: 12px;
}
.yaya-rev-num {
flex: 0 0 auto;
width: 26px;
height: 26px;
border-radius: 50%;
background: #FCEDE3;
color: #cb6801;
font-size: .85rem;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
}
/* خيارات على شكل أزرار (Pills) */
.yaya-rev-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.yaya-rev-pill { cursor: pointer; }
.yaya-rev-pill input { position: absolute; opacity: 0; pointer-events: none; }
.yaya-rev-pill span {
display: inline-block;
border: 1.5px solid #E3DED9;
border-radius: 40px;
padding: 9px 18px;
font-size: .9rem;
font-weight: 600;
color: #4a4a4a;
background: #fff;
transition: all .15s ease;
}
.yaya-rev-pill:hover span { border-color: #cb6801; color: #cb6801; }
.yaya-rev-pill input:checked + span {
background: #cb6801;
border-color: #cb6801;
color: #fff;
}
.yaya-rev-pill input:focus-visible + span { outline: 2px solid #cb6801; outline-offset: 2px; }
/* النجوم أكبر وفي المنتصف */
.yaya-rev-page .yaya-rev-stars { display: flex; justify-content: center; gap: 8px; }
.yaya-rev-page .yaya-rev-star { font-size: 38px; }
/* الحقول النصية */
.yaya-rev-page .yaya-rev-form input[type="text"],
.yaya-rev-page .yaya-rev-form textarea {
border: 1.5px solid #E3DED9;
border-radius: 12px;
padding: 12px 16px;
transition: border-color .15s ease;
}
.yaya-rev-page .yaya-rev-form input[type="text"]:focus,
.yaya-rev-page .yaya-rev-form textarea:focus {
outline: none;
border-color: #cb6801;
}
/* زر الإرسال */
.yaya-rev-page .yaya-rev-submit {
background: linear-gradient(135deg, #ED5522, #cb6801);
box-shadow: 0 8px 20px rgba(203, 104, 1, .3);
transition: transform .15s ease, box-shadow .15s ease;
}
.yaya-rev-page .yaya-rev-submit:hover {
transform: translateY(-1px);
box-shadow: 0 10px 26px rgba(203, 104, 1, .4);
}
/* ============================================================
صفحة "إضافة رأي": أحجام بالبكسل (html=10px يجعل rem صغيرة جداً)
============================================================ */
.yaya-rev-page .yaya-rev-wrap { max-width: 700px; }
.yaya-rev-page .yaya-rev-back { font-size: 16px; }
.yaya-rev-page .yaya-rev-quote { font-size: 68px; }
.yaya-rev-page .yaya-rev-h1 { font-size: 30px; }
.yaya-rev-page .yaya-rev-sub { font-size: 16px; }
.yaya-rev-page .yaya-rev-form .yaya-rev-label { font-size: 18px; margin-bottom: 14px; }
.yaya-rev-page .yaya-rev-num { width: 30px; height: 30px; font-size: 15px; }
.yaya-rev-page .yaya-rev-pill span { font-size: 16px; padding: 12px 24px; }
.yaya-rev-page .yaya-rev-form input[type="text"],
.yaya-rev-page .yaya-rev-form textarea { font-size: 16px; padding: 14px 18px; }
.yaya-rev-page .yaya-rev-note { font-size: 14px; margin-bottom: 10px; }
.yaya-rev-page .yaya-rev-filebtn { font-size: 16px; padding: 10px 24px; }
.yaya-rev-page .yaya-rev-filename { font-size: 14px; }
.yaya-rev-page .yaya-rev-star { font-size: 44px; }
.yaya-rev-page .yaya-rev-submit { font-size: 18px; padding: 16px 0; }
.yaya-rev-page .yaya-rev-msg { font-size: 16px; padding: 12px 16px; }
.yaya-rev-page .yaya-rev-form .yaya-rev-section { padding: 22px 0; }
@media (max-width: 600px) {
.yaya-rev-page .yaya-rev-h1 { font-size: 24px; }
.yaya-rev-page .yaya-rev-form .yaya-rev-label { font-size: 16px; }
.yaya-rev-page .yaya-rev-pill span { font-size: 14px; padding: 10px 18px; }
.yaya-rev-page .yaya-rev-star { font-size: 38px; }
}
/* زر "أضيفي رأيك" في صفحة الآراء بنفس المقياس */
.yaya-reviews-page .yaya-rev-open { font-size: 17px; padding: 13px 38px; display: inline-block; text-decoration: none; }
/* شارة "مدة ملاحظة الفرق" على كارت الرأي */
.yaya-reviews-page .testi-duration { margin: 10px 0 2px; }
.yaya-reviews-page .testi-duration__chip {
display: inline-block;
background: #FCEDE3;
color: #cb6801;
font-size: 11px;
border-radius: 40px;
padding: 6px 14px;
}
/* شارة المنتج (رابط) على كارت الرأي */
.yaya-reviews-page .testi-duration { display: flex; flex-wrap: wrap; gap: 8px; }
.yaya-reviews-page .testi-product__chip {
display: inline-block;
background: #fff;
border: 1.5px solid #cb6801;
color: #cb6801 !important;
font-size: 13px;
font-weight: 700;
border-radius: 40px;
padding: 5px 14px;
text-decoration: none;
transition: all .15s ease;
}
.yaya-reviews-page .testi-product__chip:hover { background: #cb6801; color: #fff !important; }
/* الحقول الشرطية داخل فورم إضافة رأي */
.yaya-rev-cond {
margin-top: 14px;
padding: 14px 16px;
background: #FAF7F4;
border-radius: 12px;
}
.yaya-rev-cond[hidden] { display: none; }
.yaya-rev-subfield { display: block; margin: 0 0 12px; }
.yaya-rev-subfield:last-child { margin-bottom: 0; }
.yaya-rev-sublabel { display: block; font-size: 15px; font-weight: 700; color: #4a4a4a; margin-bottom: 8px; }
/* صورة التجربة على الكارت: 100×100 + بوب-أب */
.yaya-reviews-page .testi-photo {
display: block;
width: 100px;
height: 100px;
padding: 0;
border: 0;
margin: 12px 0 2px;
border-radius: 12px;
overflow: hidden;
cursor: zoom-in;
background: none;
}
.yaya-reviews-page .testi-photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .2s ease;
}
.yaya-reviews-page .testi-photo:hover img { transform: scale(1.06); }
.yaya-lb {
position: fixed;
inset: 0;
z-index: 100000;
background: rgba(0, 0, 0, .82);
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.yaya-lb[hidden] { display: none; }
.yaya-lb__img {
max-width: 92vw;
max-height: 88vh;
border-radius: 12px;
box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
}
.yaya-lb__close {
position: absolute;
top: 16px;
inset-inline-end: 20px;
border: 0;
background: none;
color: #fff;
font-size: 40px;
line-height: 1;
cursor: pointer;
}
/* صف الصورة + الشارات: الصورة يمين والشارات بجوارها */
.yaya-reviews-page .testi-extra {
display: flex;
flex-direction: row-reverse; /* الصورة على الشمال والشارات بجوارها يميناً */
justify-content: flex-end; /* المجموعة تلتصق بيمين الكارت (بداية RTL) */
align-items: center;
gap: 14px;
margin: 12px 0 2px;
}
.yaya-reviews-page .testi-extra .testi-photo { margin: 0; flex: 0 0 auto; }
.yaya-reviews-page .testi-extra .testi-duration {
flex-direction: column;
align-items: flex-start;
gap: 8px;
margin: 0;
}
/* نص الرأي: سطران فقط + "قراءة المزيد" */
.yaya-reviews-page .testi-text--clamp {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 50px;
}
/* الزر داخل نهاية السطر الثاني من النص */
.yaya-reviews-page .testi-textwrap { position: relative; }
.yaya-reviews-page .testi-more {
position: absolute;
bottom: 0;
left: 0; /* RTL: نهاية السطر */
border: 0;
background: #fff;
padding: 0 8px 0 2px;
margin: 0;
line-height: inherit;
cursor: pointer;
color: #cb6801;
font-size: 13px;
font-weight: 700;
text-decoration: underline;
}
.yaya-reviews-page .testi-more:hover { color: #ED5522; }
/* بوب-أب النص الكامل */
.yaya-tb {
position: fixed;
inset: 0;
z-index: 100000;
background: rgba(0, 0, 0, .55);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.yaya-tb[hidden] { display: none; }
.yaya-tb__box {
position: relative;
background: #fff;
border-radius: 16px;
width: min(440px, 100%);
max-height: 80vh;
overflow-y: auto;
padding: 26px 24px 22px;
direction: rtl;
text-align: right;
box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
}
.yaya-tb__close {
position: absolute;
top: 8px;
inset-inline-start: 12px;
border: 0;
background: none;
font-size: 26px;
line-height: 1;
cursor: pointer;
color: #888;
}
.yaya-tb__name { margin: 0 0 10px; font-size: 17px; font-weight: 800; color: #363636; }
.yaya-tb__text { margin: 0; font-size: 15px; line-height: 1.8; color: #4a4a4a; white-space: pre-line; }
/* شيك بوكس "نشر الرأي كمجهول" */
.yaya-rev-check {
display: flex;
align-items: center;
gap: 10px;
margin-top: 14px;
cursor: pointer;
font-size: 15px;
font-weight: 700;
color: #4a4a4a;
}
.yaya-rev-check input {
width: 18px;
height: 18px;
accent-color: #cb6801;
flex: 0 0 auto;
}
/* ===== سلايدر آراء العملاء في الصفحة الرئيسية (3 ديسكتوب / 2 تابلت / 1 موبايل) ===== */
.testi-carousel { position: relative; }
.testi-list.testi-slider {
display: flex !important;
grid-template-columns: none !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x mandatory;
gap: 22px !important;
padding: 10px 2px 6px !important;
margin-inline: 0 !important;
width: auto !important;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
}
.testi-list.testi-slider::-webkit-scrollbar { display: none; }
.testi-slider .testi-card {
flex: 0 0 calc((100% - 44px) / 3) !important;
width: calc((100% - 44px) / 3) !important;
max-width: none !important;
min-width: 0 !important;
scroll-snap-align: start;
}
.testi-nav { display: flex; justify-content: center; gap: 14px; margin-top: 20px; }
.testi-nav__btn {
width: 46px; height: 46px; border-radius: 50%; border: 1px solid #e6ddd4;
background: #fff; color: #cb6801; cursor: pointer; display: inline-flex;
align-items: center; justify-content: center; transition: background .2s ease, color .2s ease, border-color .2s ease;
box-shadow: 0 6px 16px rgba(0,0,0,.06);
}
.testi-nav__btn:hover { background: #cb6801; color: #fff; border-color: #cb6801; }
@media (max-width: 1024px) {
.testi-slider .testi-card { flex: 0 0 calc((100% - 22px) / 2) !important; width: calc((100% - 22px) / 2) !important; }
}
@media (max-width: 600px) {
.testi-slider .testi-card { flex: 0 0 100% !important; width: 100% !important; }
}
/* ===== المنيو المنسدل: كروت المنتجات الـ3 جنب بعض في صف واحد ===== */
.mega-menu .mega-menu__inner { align-items: flex-start; gap: 56px; justify-content: center; }
.mega-menu .menu-columns { flex: 0 1 auto !important; }
.mega-menu .product-cards { flex: 0 1 auto !important; min-width: 0 !important; }
.mega-menu .product-cards .cards-list { flex-wrap: nowrap !important; gap: 14px !important; }
.mega-menu .product-cards .cards-list .product-card {
flex: 0 0 auto !important;
min-width: 0 !important;
width: 200px !important;
max-width: 200px !important;
}
.mega-menu .product-cards .cards-list .product-card__inner {
aspect-ratio: 212 / 275;
height: auto !important;
min-height: 0 !important;
}
/* حجم عنوان كروت المنتجات في المنيو (ديسكتوب + موبايل) */
.b-header .product-card .title, .b-header .product-card .title h3,
.menu__mobile .product-card .title, .menu__mobile .product-card .title h3 { font-size: 15px !important; }
/* إخفاء شارة التصنيف فوق اسم المنتج في صفحة المتجر */
.yaya-shop-grid .card-cat { display: none !important; }
/* صفحة "ההזמנה התקבלה": تفاصيل الطلب تحت بعض على الموبايل بدل جنب بعض */
@media (max-width: 768px) {
.woocommerce ul.woocommerce-order-overview,
.woocommerce-page ul.woocommerce-order-overview,
ul.woocommerce-order-overview.order_details {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
padding: 0 !important;
}
.woocommerce ul.woocommerce-order-overview li,
.woocommerce-page ul.woocommerce-order-overview li,
ul.woocommerce-order-overview.order_details li {
float: none !important;
width: 100% !important;
margin: 0 !important;
padding: 12px 0 !important;
border: 0 !important;
border-bottom: 1px dashed #d3ced2 !important;
}
ul.woocommerce-order-overview.order_details li:last-child { border-bottom: 0 !important; }
}
/* YAYA CLUB — 4 نقاط مختصرة بأيقونات خطية */
.b-yayaclub .yclub-points { list-style: none; margin: 0 0 32px; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.b-yayaclub .yclub-point { display: flex; align-items: center; gap: 14px; font-size: 20px; line-height: 1.4; color: #2b3440; margin: 0; }
.b-yayaclub .yclub-point__icon { flex: 0 0 34px; width: 34px; height: 34px; color: #2b3440; display: inline-flex; }
.b-yayaclub .yclub-point__icon svg { width: 100%; height: 100%; display: block; }
@media (max-width: 991px) {
.b-yayaclub .yclub-points { width: 100%; margin-inline: 0; align-items: flex-start; gap: 12px; text-align: start; }
.b-yayaclub .yclub-point { font-size: 16px; gap: 10px; }
.b-yayaclub .yclub-point__icon { flex-basis: 24px; width: 24px; height: 24px; }
}
/* سلة: "אולי יעניין אותך גם" — أزرار "הוספה מהירה" على نفس المستوى في كل الكروت */
.mini-cart .r-products-list { align-items: stretch !important; }
.mini-cart .r-products-list .card-wrap { display: flex !important; flex-direction: column; }
.mini-cart .r-products-list .card-wrap > .product-card { flex: 1 1 auto; display: flex !important; flex-direction: column; }
.mini-cart .r-products-list .card-wrap .card-footer { margin-top: auto !important; padding-top: 16px; }
/* Testimonials: snap only after the visitor touches/swipes the list.
An automatic snap-scroll on page load made Chrome stop measuring LCP (PageSpeed NO_LCP). */
.b-testimonials .testi-list:not(.snap-on) { scroll-snap-type: none !important; }
/* Accessibility: color contrast (PageSpeed) — slightly darker brand orange/greys only where text sits on them. */
.b-main-hero .button a.btn:not(:hover),
.yclub-body a.btn:not(:hover),
.b-banner-after .banner-strip { background-color: #b85e01 !important; border-color: #b85e01 !important; }
.release-card__price ins, .release-card__price ins bdi,
.promo-card__price ins, .promo-card__price ins bdi,
.testi-product__chip { color: #b85e01 !important; }
.testi-duration__chip { color: #a85601 !important; }
.release-card__desc, .promo-card__desc { color: #787571 !important; }
.release-card__price del, .release-card__price del bdi,
.promo-card__price del, .promo-card__price del bdi { color: #787673 !important; }
.b-features .b-banner-after .banner-strip, .b-banner-after .banner-strip { background: #b85e01 !important; }
.b-testimonials .testi-card .testi-product__chip, .b-testimonials .testi-product__chip { color: #b85e01 !important; border-color: #b85e01 !important; }
.yaya-footer .nl-submit:not(:hover) { background: #cf4a1e !important; }
/* Club form: first + last name side by side (stacked on mobile). */
.yaya-club-row { display: flex; gap: 16px; }
.yaya-club-row > .yaya-club-fld { flex: 1 1 0; min-width: 0; }
@media (max-width: 600px) { .yaya-club-row { flex-direction: column; gap: 16px; } }
/* Club form: optional SMS/marketing consent checkbox. */
.yaya-club-consent { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.5; color: #555; cursor: pointer; }
.yaya-club-consent input { width: 18px; height: 18px; margin-top: 2px; flex: 0 0 auto; accent-color: #b85e01; }