@charset "UTF-8";
.dgwt-wcas-block-scroll{overflow:hidden}.dgwt-wcas-search-wrapp{position:relative;line-height:100%;display:block;color:#444;min-width:230px;width:100%;text-align:left;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dgwt-wcas-tpd-image img{margin:0 15px 0 0!important}.rtl .dgwt-wcas-tpd-image img{margin:0 0 0 15px!important}.dgwt-wcas-preloader-wrapp img{margin:10px auto 0;display:block;max-width:200px}.dgwt-wcas-preloader-wrapp img.dgwt-wcas-placeholder-preloader{display:block;width:100%;height:auto;max-width:300px;margin:0}.dgwt-wcas-suggestions-wrapp{background:#fff;border:1px solid #ddd;border-top:none;padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.dgwt-wcas-details-wrapp *,.dgwt-wcas-search-wrapp *,.dgwt-wcas-suggestions-wrapp *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dgwt-wcas-details-wrapp a:focus,.dgwt-wcas-suggestions-wrapp a:focus{outline:0}.dgwt-wcas-suggestions-wrapp.dgwt-wcas-suggestions-wrapp--top{border:1px solid #ddd;border-bottom:none}.dgwt-wcas-is-detail-box .dgwt-wcas-suggestions-wrapp{max-width:550px}.dgwt-wcas-full-width.dgwt-wcas-is-detail-box .dgwt-wcas-suggestion{padding:8px 15px}.dgwt-wcas-details-left .dgwt-wcas-suggestions-wrapp{border-radius:0 0 5px;border-left-color:#eee}.dgwt-wcas-details-right .dgwt-wcas-suggestions-wrapp{border-radius:0 0 0 5px;border-right-color:#eee}.dgwt-wcas-suggestion{cursor:pointer;font-size:12px;line-height:110%;text-align:left;padding:7px 10px;position:relative;border-bottom:1px solid #dfdfdf;display:flex;flex-direction:row;justify-content:space-between;align-items:center;resize:vertical;width:100%;transition:none!important}.dgwt-wcas-suggestion-nores{font-size:15px;line-height:157%;padding:15px;width:100%}.dgwt-wcas-suggestion-nores p{padding:0;margin:0 0 10px;font-size:18px}.dgwt-wcas-suggestion-nores ol,.dgwt-wcas-suggestion-nores ul{padding:0 0 0 30px;margin:0}.dgwt-wcas-suggestion-nores ul li{list-style:disc}.dgwt-wcas-open-pirx .dgwt-wcas-suggestion-nores{padding:10px 10px 10px 34px}.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more{justify-content:center;color:#6d6d6d}a.dgwt-wcas-details-more-products{padding:15px 0 10px;display:block;border-top:1px solid #eee;text-align:center;font-size:12px;text-transform:uppercase;color:#6d6d6d;transition:.2s ease-in-out}a.dgwt-wcas-details-more-products:hover,a.dgwt-wcas-details-post-title:hover,a.dgwt-wcas-details-product-title:hover,a.dgwt-wcas-product-details-readmore:hover{text-decoration:underline}a.dgwt-wcas-product-details-readmore{display:block;text-align:right;margin-top:15px;color:#6d6d6d;text-transform:uppercase;letter-spacing:1px;font-weight:400;font-size:12px}.dgwt-wcas-has-headings .dgwt-wcas-suggestion,.dgwt-wcas-has-headings .dgwt-wcas-suggestion.dgwt-wcas-suggestion-headline,.dgwt-wcas-has-headings .dgwt-wcas-suggestion.dgwt-wcas-suggestion-tax,.dgwt-wcas-suggestion.dgwt-wcas-suggestion-no-border-bottom,body:not(.dgwt-wcas-is-details) .dgwt-wcas-suggestion:last-child{border-bottom:none}.dgwt-wcas-suggestion:after{clear:both;display:block;content:''}.dgwt-wcas-suggestion.dgwt-wcas-nores{cursor:default;opacity:.5}.dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product{padding-top:8px;padding-bottom:8px;min-height:60px}.dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product.dgwt-wcas-suggestion-history-product,.dgwt-wcas-is-details .dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product,.dgwt-wcas-suggestion-history-search{min-height:40px}.dgwt-wcas-is-details .dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more,.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more{min-height:30px;text-transform:uppercase}.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more .dgwt-wcas-st-more{padding:0 10px;text-align:center}.dgwt-wcas-st{display:block;color:#444;font-size:15px;width:100%;line-height:110%}.dgwt-wcas-st .dgwt-wcas-score{color:#8e44ad;font-weight:700;font-size:80%}.dgwt-wcas-st>span{display:inline-block;vertical-align:middle}.dgwt-wcas-has-sku .dgwt-wcas-st-title{margin-right:6px}.dgwt-wcas-st>span.dgwt-wcas-st--direct-headline{display:block;font-style:italic;font-size:10px;text-transform:uppercase;opacity:.4;line-height:10px;margin-bottom:1px;letter-spacing:2px}.dgwt-wcas-st-breadcrumbs{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:80%;text-align:left;opacity:.6;width:100%;padding-right:10px}.rtl .dgwt-wcas-st-breadcrumbs{padding-right:0;padding-left:10px;text-align:right}.dgwt-wcas-sku{font-size:80%}.dgwt-wcas-si{width:50px;display:block;height:100%}.dgwt-wcas-si img{background:#fff;border:1px solid #e8e8e8;border-radius:3px;display:block;margin:auto;padding:2px;height:auto;width:auto;max-height:90%;max-width:100%}.dgwt-wcas-has-img-forced .dgwt-wcas-suggestion-history-product .dgwt-wcas-si,.dgwt-wcas-suggestion-history-search .dgwt-wcas-si{display:flex;align-items:center;justify-content:center}.dgwt-wcas-has-img-forced .dgwt-wcas-suggestion-history-product .dgwt-wcas-si svg,.dgwt-wcas-suggestion-history-search .dgwt-wcas-si svg,.dgwt-wcas-suggestion-searches .dgwt-wcas-si svg{max-width:18px}.dgwt-wcas-has-img:not(.dgwt-wcas-has-img-forced) .dgwt-wcas-suggestion-history-product .dgwt-wcas-si>svg{margin-left:10px}.dgwt-wcas-content-wrapp{display:flex;height:100%;width:100%;justify-content:space-between;align-items:center;resize:vertical;padding-left:10px}.rtl .dgwt-wcas-content-wrapp{padding-left:0;padding-right:10px}.dgwt-wcas-sp{color:#555;font-size:14px;line-height:120%;text-align:right;padding-left:10px}.dgwt-wcas-sp *{line-height:130%}.dgwt-wcas-search-form{margin:0;padding:0;width:100%}.dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-is-details:not(.dgwt-wcas-details-outside) .dgwt-wcas-suggestion-nores,.dgwt-wcas-sd{margin-top:5px}.dgwt-wcas-sp del{opacity:.5;font-size:12px}.dgwt-wcas-sd{color:#777;display:block;line-height:14px;width:100%;font-size:.8em}.dgwt-wcas-vendor-city{margin-left:5px;font-size:.8em}.dgwt-wcas-st>.dgwt-wcas-product-vendor{font-size:12px;margin-top:5px;display:block}.dgwt-wcas-suggestion-selected{background-color:#eee}.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp.dgwt-wcas-search-focused input[type=search].dgwt-wcas-search-input:hover,.dgwt-wcas-tpd-image{background-color:#fff}.dgwt-wcas-suggestion-selected:first-child{border-top:none}.rtl .dgwt-wcas-suggestion{padding-left:0;padding-right:15px;text-align:right}.dgwt-wcas-details-wrapp{background:#fff;border:1px solid #ddd;border-top:none;border-left:none;padding:0;width:300px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:100;min-height:340px}.dgwt-wcas-datails-title,.dgwt-wcas-pd-title{border-bottom:1px dashed #eee;padding-bottom:5px}.rtl .dgwt-wcas-details-wrapp{border-left:1px solid #ddd;border-right:none}.dgwt-wcas-details-outside .dgwt-wcas-details-wrapp{margin-top:-1px;border-top:1px solid #ddd;max-width:300px}.dgwt-wcas-details-outside.dgwt-wcas-is-details .dgwt-wcas-suggestions-wrapp{margin-top:-1px;border-top:1px solid #ddd}.dgwt-wcas-details-right .dgwt-wcas-details-wrapp{border-left:none;border-right:1px solid #ddd;border-radius:0 5px 5px 0}.dgwt-wcas-details-left .dgwt-wcas-details-wrapp{border-right:none;border-left:1px solid #ddd;border-radius:5px 0 0 5px}.dgwt-wcas-details-inner,.dgwt-wcas-details-notfit .dgwt-wcas-details-wrapp{display:none}.dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp,.dgwt-wcas-open-pirx .dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp,.rtl.dgwt-wcas-full-width .dgwt-wcas-details-wrapp{border-radius:0 0 0 5px}.dgwt-wcas-full-width .dgwt-wcas-details-wrapp,.rtl.dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp{border-radius:0 0 5px}.dgwt-wcas-details-inner.dgwt-wcas-details-inner-active,.dgwt-wcas-details-wrapp .added_to_cart,.dgwt-wcas-has-desc .dgwt-wcas-sp>*,.dgwt-wcas-has-img .dgwt-wcas-sp>*{display:block}.dgwt-wcas-details-inner-taxonomy{margin-top:11px}.woocommerce .dgwt-wcas-pd-rating .star-rating{float:left;margin-right:5px;font-size:12px;color:#ccae72}.rtl .dgwt-wcas-pd-rating .star-rating{float:right;margin-left:5px;margin-right:0}.dgwt-wcas-datails-title{font-size:14px}.dgwt-wcas-pd-title{color:#202020}.dgwt-wcas-pd-title .product-title{color:#202020;text-transform:uppercase;margin:0}.dgwt-wcas-tax-product-details{text-decoration:none;display:flex;align-items:center;justify-content:left;transition:.2s ease-in-out;padding:5px;margin:0 -5px 15px}.dgwt-wcas-pd-rating:after,.dgwt-wcas-tax-product-details:after{content:'';clear:both;display:block}.dgwt-wcas-tax-product-details:hover{box-shadow:0 0 11px 2px rgba(0,0,0,.05)}.rtl .dgwt-wcas-tax-product-details{justify-content:right}.dgwt-wcas-details-wrapp .dgwt-wcas-pd-title{margin-bottom:8px}.dgwt-wcas-overlay-mobile .dgwt-wcas-style-pirx .dgwt-wcas-preloader,.dgwt-wcas-tpd-image{margin-right:15px}.dgwt-wcas-pd-rest .product-title{display:block;line-height:100%;font-weight:500;margin-bottom:5px}.dgwt-wcas-tpd-rest{max-width:200px}.dgwt-wcas-tpd-rest-title{display:block;line-height:125%;font-size:14px;font-weight:500;letter-spacing:0;margin:0 0 8px;overflow:hidden;color:#000}.dgwt-wcas-pd-price,.dgwt-wcas-tpd-price{line-height:120%;overflow:hidden;color:#000;margin-top:15px;font-weight:700;font-size:18px}.dgwt-wcas-tpd-price{font-size:12px;color:#777}.dgwt-wcas-pd-price .woocommerce-price-suffix,.dgwt-wcas-tpd-price .woocommerce-price-suffix{font-size:12px;font-weight:lighter;color:#999;margin-left:4px;display:inline-block}.dgwt-wcas-details-title-tax,.dgwt-wcas-pd-title .product-title{font-weight:900;letter-spacing:-1px;text-transform:uppercase}.dgwt-wcas-pd-price del .amount,.dgwt-wcas-tpd-price del .amount{font-weight:lighter;background:0 0;font-size:90%;opacity:.6}.dgwt-wcas-pd-price ins,.dgwt-wcas-tpd-price ins{background:0 0;text-decoration:none}.dgwt-wcas-pd-rating{font-size:13px;line-height:13px}.dgwt-wcas-pd-review{color:#777;font-size:11px;line-height:11px}.dgwt-wcas-datails-title{display:block;margin:5px 0 15px}.dgwt-wcas-pd-title{margin-bottom:15px;display:block;text-decoration:none}.dgwt-wcas-details-title-tax{margin-right:3px}.rtl .dgwt-wcas-details-title-tax{margin:0 0 0 3px;float:right}.dgwt-wcas-tpd-image{width:70px;padding:4px;border:1px solid #e8e8e8;border-radius:4px;display:flex;flex-direction:column;justify-content:center}.dgwt-wcas-details-space{padding:0 15px 15px}.dgwt-wcas-details-main-image{border-bottom:1px solid #eee;min-height:200px;display:flex}.dgwt-wcas-details-main-image img{width:auto;height:auto;display:block;max-height:250px;max-width:100%;margin:0 auto;padding:0;border:none;align-self:center}.dgwt-wcas-details-right .dgwt-wcas-details-main-image img{border-radius:0 3px 0 0}.dgwt-wcas-details-left .dgwt-wcas-details-main-image img{border-radius:3px 0 0}a.dgwt-wcas-details-post-title,a.dgwt-wcas-details-product-title{color:#333;display:block;line-height:120%;margin:10px 0 0;font-size:21px;font-weight:400;text-decoration:none;text-transform:none}a.dgwt-wcas-details-post-title{margin-bottom:15px}.dgwt-wcas-details-product-sku{display:block;font-size:12px;line-height:110%;color:#999}.dgwt-wcas-tpd-image img{display:block;max-width:100%;width:100%;height:auto}.dgwt-wcas-details-hr{height:1px;width:100%;border-bottom:1px solid #eee;margin:15px 0}.rtl .dgwt-wcas-tpd-image{float:right;margin-right:0;margin-left:15px}.rtl .dgwt-wcas-tpd-rest{float:right;max-width:190px}.rtl input[type=search].dgwt-wcas-search-input{text-align:right}input[type=search].dgwt-wcas-search-input,input[type=text].dgwt-cas-search-input{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;-webkit-box-shadow:none;box-shadow:none;margin:0;-webkit-appearance:textfield;text-align:left}[type=search].dgwt-wcas-search-input::-ms-clear{display:none}[type=search].dgwt-wcas-search-input::-webkit-search-decoration{-webkit-appearance:none}[type=search].dgwt-wcas-search-input::-webkit-search-cancel-button{display:none}.dgwt-wcas-details-desc{font-size:13px;line-height:157%}.dgwt-wcas-details-desc b,.dgwt-wcas-details-desc strong{font-weight:400;color:#000;margin:0;padding:0}.dgwt-wcas-pd-addtc-form{margin:10px 0;display:flex;align-items:center;justify-content:flex-end}.dgwt-wcas-pd-addtc-form>.quantity{margin-right:10px}.dgwt-wcas-pd-addtc-form .add_to_cart_inline,.dgwt-wcas-pd-addtc-form .quantity input.qty{margin-bottom:0;margin-top:0}.dgwt-wcas-stock{display:block;text-align:right;font-size:14px;line-height:14px;margin-bottom:14px}.dgwt-wcas-stock.in-stock{color:#0f834d}.dgwt-wcas-stock.out-of-stock{color:#e2401c}.dgwt-wcas-pd-addtc .add_to_cart_button,.dgwt-wcas-pd-addtc .add_to_cart_inline{margin:0}.dgwt-wcas-has-headings .dgwt-wcas-st>span.dgwt-wcas-st--direct-headline,.dgwt-wcas-layout-icon .dgwt-wcas-icon-preloader,.dgwt-wcas-layout-icon-flexible-inv:not(.dgwt-wcas-layout-icon) .dgwt-wcas-search-icon,.dgwt-wcas-layout-icon-flexible-inv:not(.dgwt-wcas-layout-icon) .dgwt-wcas-search-icon-arrow,.dgwt-wcas-layout-icon-flexible:not(.dgwt-wcas-layout-icon) .dgwt-wcas-search-icon,.dgwt-wcas-layout-icon-flexible:not(.dgwt-wcas-layout-icon) .dgwt-wcas-search-icon-arrow,.dgwt-wcas-om-bar .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,.dgwt-wcas-overlay-mobile .dgwt-wcas-search-icon,.dgwt-wcas-overlay-mobile .dgwt-wcas-search-icon-arrow,.dgwt-wcas-overlay-mobile-on .dgwt-wcas-enable-mobile-form,.dgwt-wcas-overlay-mobile-on .dgwt-wcas-icon-handler,.dgwt-wcas-overlay-mobile-on.dgwt-wcas-is-ios body:not(.dgwt-wcas-theme-flatsome)>:not(.dgwt-wcas-overlay-mobile),.dgwt-wcas-pd-addtc .add_to_cart_button.added,.dgwt-wcas-search-icon-arrow,.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open:not(.dgwt-wcas-has-submit) .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier,.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:before,.dgwt-wcas-voice-search-supported.dgwt-wcas-search-filled .dgwt-wcas-voice-search,body .dgwt-wcas-content-wrapp .rood,body .dgwt-wcas-content-wrapp .zwave{display:none}button.dgwt-wcas-search-submit,input[type=submit].dgwt-wcas-search-submit{position:relative}.dgwt-wcas-ico-magnifier{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;height:65%;display:block}.dgwt-wcas-preloader{height:100%;position:absolute;right:0;top:0;width:40px;z-index:-1;background-repeat:no-repeat;background-position:right 15px center;background-size:auto 44%}.dgwt-wcas-voice-search{position:absolute;right:0;top:0;height:100%;width:40px;z-index:1;opacity:.5;cursor:pointer;align-items:center;justify-content:center;display:none;-webkit-transition:160ms ease-in-out;-moz-transition:160ms ease-in-out;-ms-transition:160ms ease-in-out;-o-transition:160ms ease-in-out;transition:160ms ease-in-out}.dgwt-wcas-close:hover,.dgwt-wcas-style-pirx .dgwt-wcas-voice-search:hover,.dgwt-wcas-voice-search:hover{opacity:.3}.dgwt-wcas-voice-search path{fill:#444}.dgwt-wcas-voice-search-supported .dgwt-wcas-voice-search{display:flex}.dgwt-wcas-voice-search-supported .dgwt-wcas-preloader{right:40px}.rtl .dgwt-wcas-overlay-mobile .dgwt-wcas-style-pirx .dgwt-wcas-voice-search,.rtl .dgwt-wcas-preloader,.rtl .dgwt-wcas-voice-search{right:auto;left:5px}.dgwt-wcas-mobile-overlay-trigger-active .dgwt-wcas-voice-search{z-index:105}.rtl .dgwt-wcas-voice-search-supported .dgwt-wcas-preloader{right:auto;left:45px}.dgwt-wcas-inner-preloader{background-repeat:no-repeat;background-position:right 8px center;background-size:auto 22px;display:flex;align-items:center;justify-content:center;z-index:1}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.dgwt-wcas-inner-preloader{background-image:url(//www.e-venus.pl/wp-content/plugins/ajax-search-for-woocommerce/assets/img/preloader.gif)}}.dgwt-wcas-loader-circular{height:24px;width:24px;-webkit-animation:2s linear infinite rotate;-moz-animation:2s linear infinite rotate;animation:2s linear infinite rotate}.dgwt-wcas-loader-circular-path{fill:transparent;stroke-linecap:round;stroke-width:4px;stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:1s ease-in-out infinite dash;-moz-animation:1s ease-in-out infinite dash;animation:1s ease-in-out infinite dash;stroke:#ddd}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-moz-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.dgwt-wcas-close:not(.dgwt-wcas-inner-preloader){cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-transition:160ms ease-in-out;-moz-transition:160ms ease-in-out;-ms-transition:160ms ease-in-out;-o-transition:160ms ease-in-out;transition:160ms ease-in-out;z-index:1}.dgwt-wcas-close:not(.dgwt-wcas-inner-preloader):before{content:'';display:block;position:absolute;background:0 0;height:100%;width:100%;left:0;bottom:0;top:0;right:0;margin:auto}.dgwt-wcas-close path{fill:#ccc}@media screen and (max-width:992px){.dgwt-wcas-is-detail-box .dgwt-wcas-suggestions-wrapp{max-width:none}}.dgwt-wcas-suggestion strong{font-weight:700}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.dgwt-wcas-sf-wrapp:after,.dgwt-wcas-sf-wrapp:before{content:"";display:table}.dgwt-wcas-sf-wrapp:after{clear:both}.dgwt-wcas-sf-wrapp{zoom:1;width:100%;max-width:100vw;margin:0;position:relative;background:0 0}.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{width:100%;height:40px;font-size:14px;line-height:100%;padding:10px 15px;margin:0;background:#fff;border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;-webkit-appearance:none;box-sizing:border-box}.dgwt-wcas-is-ios .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,.dgwt-wcas-is-ios .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus{font-size:16px}.dgwt-wcas-open .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-radius:3px 3px 0 0}.dgwt-wcas-layout-icon-open.dgwt-wcas-style-pirx .dgwt-wcas-search-icon-arrow,.dgwt-wcas-open.dgwt-wcas-nores .dgwt-wcas-details-wrapp .dgwt-wcas-preloader-wrapp,.dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-details-outside .dgwt-wcas-details-wrapp{display:none!important}.dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-details-outside .dgwt-wcas-suggestions-wrapp{min-height:0!important;border-radius:0 0 5px 5px;border-right-color:#ddd}.dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-full-width .dgwt-wcas-details-wrapp,.dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp{min-height:41px!important}.dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-full-width:not(.rtl):not(.dgwt-wcas-details-outside) .dgwt-wcas-suggestions-wrapp{border-right-color:transparent}.rtl.dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-full-width:not(.dgwt-wcas-details-outside) .dgwt-wcas-suggestions-wrapp{border-left-color:transparent}.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus{outline:0;background:#fff;box-shadow:0 0 9px 1px rgba(0,0,0,.06);-webkit-transition:150ms ease-in;-moz-transition:150ms ease-in;-ms-transition:150ms ease-in;-o-transition:150ms ease-in;transition:150ms ease-in}.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder{color:#999;font-weight:400;font-style:italic;line-height:normal}.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::-webkit-input-placeholder{color:#999;font-weight:400;font-style:italic;line-height:normal}.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:-moz-placeholder{color:#999;font-weight:400;font-style:italic;line-height:normal}.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::-moz-placeholder{color:#999;font-weight:400;font-style:italic;line-height:normal}.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:-ms-input-placeholder{color:#999;font-weight:400;font-style:italic;line-height:normal}.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{overflow:visible;position:absolute;border:0;padding:0 15px;margin:0;cursor:pointer;height:40px;min-width:50px;width:auto;line-height:100%;min-height:100%;right:0;left:auto;top:0;bottom:auto;color:#fff;-webkit-transition:250ms ease-in-out;-moz-transition:250ms ease-in-out;-ms-transition:250ms ease-in-out;-o-transition:250ms ease-in-out;transition:250ms ease-in-out;text-transform:uppercase;background-color:#333;border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;text-shadow:0 -1px 0 rgba(0,0,0,.3);-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none}.rtl .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{left:0;right:auto}.dgwt-wcas-open .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit{border-radius:0 2px 0 0}.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover,.dgwt-wcas-sugg-hist-clear:hover{opacity:.7}.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:active,.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:focus{opacity:.7;outline:0}.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before{content:'';position:absolute;border-width:8px 8px 8px 0;border-style:solid solid solid none;border-color:transparent #333;top:12px;left:-6px;-webkit-transition:250ms ease-in-out;-moz-transition:250ms ease-in-out;-ms-transition:250ms ease-in-out;-o-transition:250ms ease-in-out;transition:250ms ease-in-out}.rtl .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before{left:auto;right:-6px;border-width:8px 0 8px 8px;border-style:solid none solid solid}.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:active:before,.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:focus:before,.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover:before{border-right-color:#333}.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::-moz-focus-inner{border:0;padding:0}.dgwt-wcas-is-details .dgwt-wcas-suggestions-wrapp{min-height:340px;overflow:visible}.dgwt-wcas-is-details .dgwt-wcas-si{width:30px;max-width:100%;box-sizing:border-box}.dgwt-wcas-is-details .dgwt-wcas-sp{display:flex;top:0;flex-direction:column;height:100%;justify-content:center;resize:vertical}.dgwt-wcas-is-details .dgwt-wcas-sd{font-size:11px;line-height:100%}.dgwt-wcas-has-img .dgwt-wcas-suggestion[data-taxonomy=product_cat],.dgwt-wcas-has-img .dgwt-wcas-suggestion[data-taxonomy=product_tag]{padding-left:15px;min-height:0}.dgwt-wcas-has-img .dgwt-wcas-suggestion[data-taxonomy=product_cat] .dgwt-wcas-st,.dgwt-wcas-has-img .dgwt-wcas-suggestion[data-taxonomy=product_tag] .dgwt-wcas-st{padding-left:0}.dgwt-wcas-ico-magnifier,.dgwt-wcas-ico-magnifier-handler,html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{max-width:20px}.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier{height:50%;margin:auto;max-height:20px;width:100%;max-width:20px;left:12px;right:auto;opacity:.5;fill:#444}.rtl .dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier{left:auto;right:12px}.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding:10px 15px 10px 40px}.rtl .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding:10px 40px 10px 15px}.dgwt-wcas-overlay-mobile-on,.dgwt-wcas-overlay-mobile-on body{overflow:hidden;min-width:100vw;min-height:100vh}html.dgwt-wcas-overlay-mobile-on{scroll-behavior:unset}.dgwt-wcas-om-bar{display:flex;height:45px;width:100%}.dgwt-wcas-om-bar button.dgwt-wcas-om-return,.dgwt-wcas-om-bar button.dgwt-wcas-om-return:active,.dgwt-wcas-om-bar button.dgwt-wcas-om-return:focus,.dgwt-wcas-om-bar button.dgwt-wcas-om-return:hover{width:45px;height:100%;display:block;background:#ccc;cursor:pointer;position:relative;margin:0;padding:0;box-shadow:none;outline:0;border:none;border-spacing:0;border-radius:0}.dgwt-wcas-om-bar .dgwt-wcas-om-return svg{width:23px;height:23px;position:absolute;left:12px;top:12px;fill:#fff}.rtl .dgwt-wcas-om-bar .dgwt-wcas-om-return svg{left:11px;top:9px;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path{fill:#fff}.dgwt-wcas-om-bar .dgwt-wcas-has-submit-off .dgwt-wcas-preloader{right:0!important}.rtl .dgwt-wcas-om-bar .dgwt-wcas-has-submit-off .dgwt-wcas-preloader{left:4px!important;right:auto!important}.rtl .dgwt-wcas-om-bar .dgwt-wcas-style-pirx.dgwt-wcas-has-submit-off .dgwt-wcas-preloader{left:10px!important;right:auto!important}@keyframes dgwt-wcas-preloader-price-anim{0%,100%{background:rgba(128,128,128,.03)}50%{background:rgba(128,128,128,.1)}}.dgwt-wcas-preloader-price-inner div:first-child{left:0;animation-delay:-.1s}.dgwt-wcas-preloader-price-inner div:nth-child(2){left:13px;animation-delay:-.2s}.dgwt-wcas-preloader-price-inner div:nth-child(3){left:26px;animation-delay:-.3s}.dgwt-wcas-preloader-price{width:34px;height:10px;display:inline-block;overflow:hidden;background:0 0}.dgwt-wcas-preloader-price-inner{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}.dgwt-wcas-preloader-price-inner div{position:absolute;width:8px;height:8px;background:rgba(128,128,128,.05);animation:.8s cubic-bezier(0,.5,.5,1) infinite dgwt-wcas-preloader-price-anim;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.dgwt-wcas-om-bar .dgwt-wcas-search-wrapp-mobile{width:calc(100% - 45px);max-width:none;margin:0}.dgwt-wcas-overlay-mobile .dgwt-wcas-search-form,.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestion{width:100%}.dgwt-wcas-overlay-mobile{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;background:#fff}.dgwt-wcas-overlay-mobile *{box-sizing:border-box}.dgwt-wcas-search-wrapp-mobile input[type=search].dgwt-wcas-search-input{height:45px!important;border-top:none;border-right:none;border-left:none;border-radius:0;font-size:16px!important}.dgwt-wcas-search-wrapp-mobile input[type=search].dgwt-wcas-search-input:focus{font-size:16px!important}.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp{left:0!important;top:45px!important;width:100%!important;height:calc(100% - 45px)!important;position:absolute;overflow-y:auto;border:none;margin:0;display:block}.dgwt-wcas-enable-mobile-form{position:absolute;z-index:100;left:0;top:0;width:100%;height:100%;cursor:pointer;display:block}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-icon-mobile .dgwt-wcas-search-form{display:none;position:relative}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-icon-mobile{min-width:0;display:inline-block;width:28px;height:28px}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-icon-handler{height:100%;width:100%}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-icon-handler .dgwt-wcas-ico-magnifier{opacity:1;position:static;max-width:none;max-height:none}.dgwt-wcas-overlay-mobile-on.dgwt-wcas-is-ios body{overflow:auto}.dgwt-wcas-overlay-mobile-on.dgwt-wcas-is-ios{overflow:visible}.dgwt-wcas-overlay-mobile-on.dgwt-wcas-is-ios .dgwt-wcas-suggestions-wrapp{max-height:none!important;height:auto!important}.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{min-width:unset}.menu .dgwt-wcas-search-icon,html:not(.dgwt-wcas-overlay-mobile-on) .menu .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{width:auto}.dgwt-wcas-layout-icon-flexible .dgwt-wcas-search-form,.dgwt-wcas-layout-icon-flexible-inv .dgwt-wcas-search-form{opacity:0}.dgwt-wcas-layout-icon-flexible-inv:not(.dgwt-wcas-layout-icon-flexible-loaded),.dgwt-wcas-layout-icon-flexible-inv:not(.dgwt-wcas-layout-icon-flexible-loaded) .dgwt-wcas-search-form,.dgwt-wcas-layout-icon-flexible:not(.dgwt-wcas-layout-icon-flexible-loaded),.dgwt-wcas-layout-icon-flexible:not(.dgwt-wcas-layout-icon-flexible-loaded) .dgwt-wcas-search-form{max-width:20px;min-width:unset}.dgwt-wcas-icon-preloader{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}.dgwt-wcas-layout-icon-flexible-loaded .dgwt-wcas-search-form{opacity:1}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-form{opacity:0;display:none;position:absolute;left:0;top:calc(100% + 8px);min-width:500px;z-index:1000}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open .dgwt-wcas-search-form{display:block;opacity:1}.dgwt-wcas-search-icon{width:20px;height:auto;cursor:pointer;display:block}li.menu-item a.dgwt-wcas-search-icon{padding-right:0;padding-left:0}.dgwt-wcas-ico-magnifier-handler{margin-bottom:-.2em;width:100%}.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open .dgwt-wcas-search-icon{opacity:.6}.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding-left:15px}.dgwt-wcas-layout-icon-open .dgwt-wcas-search-icon-arrow{display:block;position:absolute;top:calc(100% + 2px);left:0;z-index:5;width:15px;height:15px;background:#fff;border:1px solid #ddd;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.dgwt-wcas-has-headings .dgwt-wcas-suggestion-headline{pointer-events:none;display:block;font-weight:500;white-space:nowrap}.dgwt-wcas-suggestion.dgwt-wcas-suggestion-headline-v2{display:block;font-weight:500;white-space:nowrap;cursor:default;font-size:14px;margin-top:5px;margin-bottom:15px}.dgwt-wcas-suggestion.dgwt-wcas-suggestion-headline-v2 .dgwt-wcas-st{padding-bottom:3px;margin-top:16px}.dgwt-wcas-has-headings .dgwt-wcas-suggestion-headline .dgwt-wcas-st{border-bottom:1px solid #ddd;padding-bottom:3px;text-transform:uppercase;margin-top:16px;font-size:12px}.dgwt-wcas-has-headings .dgwt-wcas-suggestion-tax .dgwt-wcas-st{padding:0}.dgwt-wcas-has-headings .dgwt-wcas-suggestion.dgwt-wcas-suggestion-tax.dgwt-wcas-suggestion-selected,.dgwt-wcas-has-headings .dgwt-wcas-suggestion.dgwt-wcas-suggestion-tax:hover{background:0 0;text-decoration:underline}.dgwt-wcas-is-details .dgwt-wcas-has-headings .dgwt-wcas-suggestion.dgwt-wcas-suggestion-tax{min-height:30px}.dgwt-wcas-sugg-hist-clear{cursor:pointer;text-decoration:underline;display:inline-block;margin-left:2px}.dgwt-wcas-darkened-overlay{display:block;position:absolute;opacity:.15;z-index:100000;left:0;top:0}.dgwt-wcas-darkened-overlay>div{background:#111;position:absolute}.dgwt-wcas-search-wrapp.dgwt-wcas-search-darkoverl-on .dgwt-wcas-search-form{background-color:rgba(17,17,17,.15);border:none;border-radius:0}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{background:#fff;padding:10px;border-radius:10px}.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile .dgwt-wcas-sf-wrapp{padding-top:0;padding-bottom:0}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding:13px 24px 13px 48px;line-height:24px;font-size:17px;border:2px solid transparent;border-radius:30px;height:auto;font-family:Roboto,sans-serif;background-color:#eee}.dgwt-wcas-open-pirx .dgwt-wcas-open .dgwt-wcas-suggestions-wrapp,.dgwt-wcas-open-pirx .dgwt-wcas-open.dgwt-wcas-nores .dgwt-wcas-suggestions-wrapp{border-radius:0 0 5px 5px}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus{box-shadow:none;transition:30ms ease-in}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:hover{background-color:#dfdfdf}.dgwt-wcas-style-pirx.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-color:#333}.dgwt-wcas-open .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-radius:30px}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{background:0 0;border-radius:100%;border:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;position:absolute;min-height:33px;min-width:33px;height:33px;width:33px;left:23px;top:21px;pointer-events:none;transition:none}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg{width:18px;height:18px}.dgwt-wcas-style-pirx.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{left:auto;right:28px;pointer-events:auto;animation:.3s fadeIn}.dgwt-wcas-style-pirx.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding-left:24px;padding-right:48px;transition:none!important}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover{opacity:1;background:#e4e4e4;box-shadow:0 0 0 2px #e4e4e4;border-radius:100%}.dgwt-wcas-style-pirx .dgwt-wcas-preloader{margin-right:35px}.rtl .dgwt-wcas-style-solaris .dgwt-wcas-preloader,.rtl .dgwt-wcas-style-solaris .dgwt-wcas-voice-search{margin-left:4px}.dgwt-wcas-style-pirx .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader){transition:none;width:18px}.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return path,.dgwt-wcas-style-pirx .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) path,.dgwt-wcas-style-pirx .dgwt-wcas-voice-search svg path,.dgwt-wcas-style-pirx.dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path{fill:#111}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder{opacity:1;font-style:normal;font-weight:300;color:#777}.dgwt-wcas-open-pirx .dgwt-wcas-details-wrapp,.dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp{border-color:#fff;padding-top:10px;padding-bottom:10px}.dgwt-wcas-open-pirx .dgwt-wcas-details-inner,.dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion{padding-left:20px;padding-right:20px}.dgwt-wcas-open-pirx .dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion,.dgwt-wcas-open-pirx body.dgwt-wcas-details-left .dgwt-wcas-details-wrapp{border-right:1px solid #ddd}.dgwt-wcas-open-pirx .dgwt-wcas-details-outside .dgwt-wcas-details-wrapp,.dgwt-wcas-open-pirx .dgwt-wcas-details-outside.dgwt-wcas-is-details .dgwt-wcas-suggestions-wrapp{margin-top:0;border-top:none}.dgwt-wcas-open-pirx body.dgwt-wcas-details-right .dgwt-wcas-suggestions-wrapp{border-right:none}.dgwt-wcas-open-pirx body.dgwt-wcas-details-right .dgwt-wcas-details-wrapp{border-left:1px solid #ddd}.dgwt-wcas-open-pirx body.dgwt-wcas-details-left .dgwt-wcas-suggestions-wrapp{border-left:none}.dgwt-wcas-open-pirx .dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-full-width .dgwt-wcas-details-wrapp,.dgwt-wcas-open-pirx .dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp{min-height:70px!important}.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-radius:0;background:0 0;padding:0 10px}.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-color:transparent}.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding-left:10px}.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:hover{background-color:transparent}.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp{border-top:1px solid #e0e2e5}.dgwt-wcas-open-pirx .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp,.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return{background:#fff}.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return svg{left:17px;top:16px;width:17px;height:17px}.dgwt-wcas-style-pirx .dgwt-wcas-voice-search{right:20px;top:1px;opacity:1}.rtl .dgwt-wcas-style-pirx .dgwt-wcas-voice-search{right:auto;left:50px}.dgwt-wcas-overlay-mobile .dgwt-wcas-style-pirx .dgwt-wcas-voice-search{right:5px}.dgwt-wcas-overlay-mobile .dgwt-wcas-style-solaris .dgwt-wcas-voice-search{right:5px!important}.rtl .dgwt-wcas-overlay-mobile .dgwt-wcas-style-solaris .dgwt-wcas-voice-search{left:5px!important;right:auto!important}.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp{background:0 0;padding:4px;border-radius:10px 10px 0 0}.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding-top:10px;padding-bottom:10px;line-height:normal;font-size:14px}.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{left:15px;top:7px}.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{left:auto;right:23px}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{background:#fff;box-shadow:0 0 0 1px #eee}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-color:#333;box-shadow:none}.dgwt-wcas-open-pirx-compact .dgwt-wcas-details-wrapp,.dgwt-wcas-open-pirx-compact .dgwt-wcas-suggestions-wrapp{margin-top:1px}.dgwt-wcas-suggestions-wrapp-fixed{position:fixed!important}.elementor-widget-fibosearch-posts::after{content:""!important}.dgwt-wcas-posts-results-grid{display:flex;flex-wrap:wrap;grid-gap:20px;justify-content:flex-start}.dgwt-wcas-posts-results-grid-item{width:calc(25% - 15px);margin-bottom:30px}
 :root { --c-primary:           #1C5EA8;
--c-primary-dark:      #154a8a;
--c-primary-darker:    #002347;
--c-primary-light:     #3d7bc4;
--c-primary-tint:      rgba(28, 94, 168, 0.10);
--c-primary-glow:      rgba(28, 94, 168, 0.20); --c-accent:            #ffd54a;
--c-success:           #2e7d32;
--c-success-bg:        #e8f5e9;
--c-warning:           #ff9800;
--c-danger:            #d32f2f;
--c-info-bg:           #f0f7f0; --c-text:              #1a1a1a;
--c-text-muted:        #555;
--c-text-dim:          #888;
--c-text-on-dark:      #fff;
--c-text-on-dark-soft: rgba(255, 255, 255, 0.85);
--c-bg:                #fff;
--c-bg-soft:           #fafbfc;
--c-bg-muted:          #f4f6f9;
--c-border:            #d0d5dd;
--c-border-soft:       rgba(0, 35, 71, 0.08);
--c-border-hairline:   rgba(255, 255, 255, 0.18); --space-0: 0;
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-7: 32px;
--space-8: 40px;
--space-10: 56px;
--space-12: 72px; --radius-sm: 4px;
--radius-md: 6px;
--radius-lg: 8px;
--radius-xl: 12px;
--radius-2xl: 16px;
--radius-full: 9999px; --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.06);
--shadow-md:  0 4px 14px rgba(0, 0, 0, 0.10);
--shadow-lg:  0 12px 40px rgba(0, 35, 71, 0.18), 0 4px 12px rgba(0, 35, 71, 0.08);
--shadow-glow: 0 0 0 3px var(--c-primary-glow); --font-sans:   'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--font-display: 'K2D', var(--font-sans); --container-max: 1320px;
--header-height: 80px;
--z-header: 100;
--z-cookie: 10000000; --t-fast: 0.15s ease;
--t-base: 0.25s ease;
--t-slow: 0.45s ease;
--ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
--ease-bounce: cubic-bezier(0.16, 1, 0.3, 1);
--ease-out-fast: cubic-bezier(0.55, 0, 0.7, 0.2);
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
[hidden],
template {
display: none;
}
.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after {
clear: both;
}
* {
-webkit-tap-highlight-color: transparent;
}
*,
:after,
:before {
box-sizing: inherit;
}
html {
box-sizing: border-box;
scroll-behavior: smooth;
}
body,
html {
height: 100%;
}
body {
background: #fff;
overflow-x: hidden;
}
blockquote,
q {
quotes: "" "";
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
a {
color: #000;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
a:visited {
color: inherit;
}
a:active,
a:focus,
a:hover {
color: var(--c-primary);
outline: 0 !important;
}
a:focus {
outline: thin dotted;
}
ol,
ul {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ol,
li > ul {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
table {
margin: 0 0 1.5em;
width: 100%;
} .my-preloader {
display: none !important;
}
.my-preloader-off,
.my-preloader-none {
display: none !important;
} .site {
opacity: 1;
transition: opacity 0.3s ease-out;
}
body:not(.page-ready) .site {
opacity: 0;
}
.page-loaded {
opacity: 1 !important;
}
input {
background-color: transparent;
}
input[type="checkbox"] {
cursor: pointer;
}
#map {
height: 100%;
margin: 2em;
}
@media screen and (max-width: 992px) {
#map {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
#map div:first-child {
margin-bottom: 1em;
}
}
@media screen and (min-width: 992px) {
#map div:first-child {
margin-right: 1em;
}
}
#map p {
font-family: Poppins, sans-serif;
font-weight: 600;
text-align: center;
font-size: 16px;
}
@media screen and (min-width: 320px) {
#map p {
font-size: calc(16px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
#map p {
font-size: 20px;
}
}
.checkout-steps {
width: 100%;
display: flex;
justify-content: space-around;
margin: 3em auto 6em;
}
@media screen and (max-width: 992px) {
.checkout-steps {
margin: 3em auto 2em;
}
}
.checkout-steps a {
position: relative;
font-weight: 800;
color: var(--c-primary);
font-family: Poppins, sans-serif;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.checkout-steps a {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.checkout-steps a {
font-size: 14px;
}
}
.checkout-steps a:before {
top: -3.5em;
position: absolute;
display: block;
content: "1";
line-height: 36px;
width: 40px;
height: 40px;
border: 2px solid var(--c-primary);
border-radius: 100%;
left: 50%;
transform: translate(-50%);
text-align: center;
font-family: Poppins, sans-serif;
}
@media screen and (max-width: 992px) {
.checkout-steps a:before {
top: -4.5em;
}
}
.checkout-steps a:nth-of-type(2):before {
content: "2";
}
.woocommerce-cart .checkout-steps a:nth-of-type(2),
.woocommerce-checkout .checkout-steps a:first-of-type {
opacity: 0.4;
}
.products img {
opacity: 1;
transition: all 0.3s ease-in;
}
.lazy {
opacity: 0 !important;
}
.woocommerce-cart .lazy {
opacity: 1 !important;
}
.imagegalleryplg {
display: inline-block;
text-align: center;
width: 100%;
}
@media screen and (min-width: 992px) {
.imagegalleryplg {
width: 33%;
}
}
.imagegalleryplg img {
max-width: 200px;
}
.plainoverlay {
height: 100vh !important;
z-index: 9999999999 !important;
background-color: rgba(0, 0, 0, 0.8) !important;
display: flex;
}
.plainoverlay:before {
content: "";
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/form-loader.gif) no-repeat;
display: block;
align-self: center;
justify-self: center;
margin: auto;
height: 4em;
width: 4em;
background-size: contain;
}
div.woof_info_popup {
z-index: 99999999999 !important;
}
.jQuery-plainOverlay-progress {
display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.my_description_tab {
border: 1px solid var(--c-primary);
border-bottom-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.my_description_tab:after,
.woocommerce
div.product
.woocommerce-tabs
ul.tabs
li.my_description_tab:before {
border-color: var(--c-primary);
box-shadow: -2px 2px 0 transparent;
}
.woocommerce
div.product
.woocommerce-tabs
ul.tabs
li.my_description_tab
a:hover {
color: #fff;
transform: scale(1.05);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover {
color: #000;
transform: scale(1);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background: var(--c-primary);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: #fff;
}
.count {
background-color: transparent;
}
.showlogin {
text-decoration: underline;
}
.pswp {
height: 0% !important;
opacity: 0 !important;
transition: opacity 0.3s ease-in-out !important;
}
.pswp,
.pswp--open {
display: block !important;
}
.pswp--open {
height: 100% !important;
opacity: 1 !important;
z-index: 100011;
}
.pswp__scroll-wrap .pswp__container {
transition: transform 0.5s ease-in-out;
}
.pswp__scroll-wrap .pswp__img {
padding: 3em;
object-fit: contain;
}
@media screen and (max-width: 992px) {
.pswp__scroll-wrap .pswp__img {
padding: 4em;
}
}
@media screen and (max-width: 992px) {
.pswp__scroll-wrap .pswp__zoom-wrap {
display: flex !important;
align-items: center !important;
}
}
.woocommerce-Reviews textarea {
border-radius: 5px;
}
.comment-reply-title {
font-weight: 600;
}
.comment-form {
margin-top: 1em;
}
.comment-form textarea#comment {
margin-top: 0.5em;
padding: 1em;
}
.comment-form-rating label {
margin-bottom: 0.5em;
}
.comment-form-comment label {
margin-bottom: 0.5em;
font-weight: 600;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
padding: 2em 2em 1em;
}
@media screen and (min-width: 992px) {
.mobile-only {
display: none;
}
}
.woocommerce-form-login .required {
color: #fff !important;
}
.swiper-pagination {
margin-bottom: 20px !important;
}
.scrollToTopBtn {
position: fixed;
bottom: 30px;
right: 30px;
padding: 0;
z-index: 100;
opacity: 0;
transform: translateY(100px);
transition: all 0.5s ease;
}
.scrollToTopBtn__svg-wrapper {
background-color: var(--c-primary);
border: none;
border-radius: 50%;
color: #fff;
cursor: pointer;
font-size: 16px;
line-height: 48px;
width: 50px;
height: 50px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 4px 12px rgba(28, 94, 168, 0.3);
transition: all 0.3s ease;
}
.scrollToTopBtn__svg-wrapper:hover {
transform: scale(1.1);
box-shadow: 0 6px 20px rgba(28, 94, 168, 0.5);
background-color: var(--c-primary-dark);
}
.showBtn {
opacity: 1;
transform: translateY(0);
}
.fixed-icons {
display: none;
flex-direction: column;
gap: 12px;
padding: 0;
transition: all 0.5s ease;
}
@media screen and (max-width: 992px) {
.fixed-icons {
display: flex;
justify-content: center;
flex-direction: row;
gap: 16px;
margin-bottom: 1em;
}
}
@media screen and (min-width: 992px) {
.fixed-icons {
display: flex;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 100;
}
}
.fixed-icons__icon {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--c-primary);
border: none;
border-radius: 50%;
color: #fff;
cursor: pointer;
width: 50px;
height: 50px;
box-shadow: 0 4px 12px rgba(28, 94, 168, 0.3);
transition: all 0.3s ease-in-out;
}
.fixed-icons__icon:hover {
transform: scale(1.1);
box-shadow: 0 6px 20px rgba(28, 94, 168, 0.5);
}
@media screen and (max-width: 992px) {
.fixed-icons__icon {
width: 48px;
height: 48px;
}
}
.fixed-icons .fixed-ig-icon {
padding: 9px;
}
.grecaptcha-badge {
display: none;
}
body,
button,
input,
optgroup,
select,
textarea {
color: #000;
font-family: K2D, sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: Poppins, sans-serif;
}
p {
margin-bottom: 1.5em;
font-family: K2D, sans-serif;
}
cite,
dfn,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: Courier\10 Pitch, courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
pre,
tt,
var {
font-size: 15px;
font-size: 0.9375rem;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, Andale Mono, DejaVu Sans Mono, monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
ins,
mark {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 0;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:active,
button:focus,
button:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="submit"]:hover {
border-color: #aaa #bbb #bbb;
outline: none;
}
textarea {
padding-left: 3px;
width: 100%;
}
input[type="email"],
input[type="password"],
input[type="search"],
input[type="text"],
input[type="url"] {
padding: 3px;
}
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 0;
}
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
color: #111;
}
.woocommerce-ResetPassword {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
}
.woocommerce-ResetPassword .password-input {
max-width: 300px;
margin: auto;
}
.woocommerce-ResetPassword .show-password-input {
position: absolute;
right: 0.5em;
top: 0;
cursor: pointer;
}
.lost_password a {
font-weight: 600;
color: #fff;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
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, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#content[tabindex="-1"]:focus {
outline: 0;
}
.alignleft {
float: left;
margin-right: 1.5em;
}
.alignleft,
.alignright {
display: inline;
margin-bottom: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.custom-logo-link {
display: inline-block;
}
.wp-caption-text {
text-align: center;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.3333333333%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.6666666667%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.2857142857%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.1111111111%;
}
.gallery-caption {
display: block;
}
.main-navigation {
position: fixed;
display: flex;
justify-content: center;
flex-flow: column;
align-items: stretch;
width: 100%;
background: #fff;
z-index: 9999;
transform: translate(0);
transition: all 0.2s linear;
}
@media screen and (max-width: 992px) {
.main-navigation {
justify-content: flex-start;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.main-navigation .menu-menu-1-container {
display: none !important;
}
.main-navigation.toggled .menu-menu-1-container {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
}
}
@media screen and (min-width: 992px) {
.main-navigation {
padding: 2em 10%;
}
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul li {
width: 100%;
position: relative;
order: 4;
}
@media screen and (max-width: 992px) {
.main-navigation ul .menu-mobile-shop {
order: 0;
}
.main-navigation ul .menu-wholesale-zone {
order: 1;
}
.main-navigation ul .menu-news {
order: 2;
}
.main-navigation ul .menu-scholarships {
order: 3;
}
}
@media screen and (min-width: 992px) {
.main-navigation ul .menu-mobile-shop {
display: none;
}
}
@media screen and (min-width: 992px) {
.main-navigation ul li:hover > ul {
left: 0;
}
}
.main-navigation a {
text-decoration: none;
font-family: Poppins, sans-serif;
font-weight: 700;
position: relative;
font-size: 14px;
}
@media screen and (min-width: 320px) {
.main-navigation a {
font-size: calc(14px + 3 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.main-navigation a {
font-size: 17px;
}
}
@media screen and (max-width: 992px) {
.main-navigation a {
display: flex;
justify-content: center;
}
}
.main-navigation .page-menu {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
@media screen and (min-width: 992px) {
.main-navigation .page-menu {
margin-top: 1em;
}
}
@media screen and (max-width: 992px) {
.main-navigation .page-menu {
padding: 0.5em 0.5em;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 0;
background-color: #ffffff !important;
}
.main-navigation .page-menu .menu-toggle {
order: 3;
margin-left: auto;
background-color: transparent !important;
}
.main-navigation .page-menu .site-branding {
order: 1;
margin-bottom: 0;
flex-shrink: 0;
}
.main-navigation .page-menu .shop-nav-wrapper {
order: 2;
margin-top: 0;
width: auto;
justify-content: flex-end;
margin-left: auto;
margin-right: 0.5em;
}
}
.menu-woomenu-container {
width: 100%;
height: 100%;
}
.menu-woomenu-container ul.menu {
width: 100%;
display: flex;
justify-content: space-around;
}
.menu-woomenu-container ul.menu li {
width: 100%;
text-align: center;
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
.menu-woomenu-container ul.menu li {
width: auto;
}
}
.menu-woomenu-container ul.menu li a {
overflow: hidden;
}
@media screen and (min-width: 992px) {
.menu-woomenu-container ul.menu li a {
width: 100%;
height: 100%;
display: block;
white-space: nowrap;
text-align: center;
font-size: 12px;
}
}
@media screen and (min-width: 992px) and (min-width: 320px) {
.menu-woomenu-container ul.menu li a {
font-size: calc(12px + 1 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 992px) and (min-width: 1600px) {
.menu-woomenu-container ul.menu li a {
font-size: 13px;
}
}
@media screen and (min-width: 992px) {
.menu-woomenu-container ul.menu li a {
padding: 1em;
}
}
@media screen and (min-width: 992px) {
.menu-woomenu-container > ul#menu-woomenu > li {
transition: 0.2s ease-in-out;
}
.menu-woomenu-container > ul#menu-woomenu > li:hover {
background-color: transparent;
}
.menu-woomenu-container > ul#menu-woomenu > li:hover > a {
color: inherit;
}
}
ul.sub-menu {
background-color: #fff;
}
@media screen and (min-width: 992px) {
ul.sub-menu {
min-width: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
left: -999em;
z-index: 201;
}
}
ul.sub-menu li {
width: 100% !important;
}
@media screen and (min-width: 992px) {
ul.sub-menu li:hover {
background-color: var(--c-primary);
}
ul.sub-menu li:hover > a {
color: #fff;
}
ul.sub-menu li:hover > ul {
top: 0;
}
ul.sub-menu li.focus > ul,
ul.sub-menu li:hover > ul {
left: 100%;
}
}
@media screen and (min-width: 992px) {
ul.sub-menu li.menu-item a {
padding: 0.9em 2em;
font-size: 10px;
}
}
@media screen and (min-width: 992px) and (min-width: 320px) {
ul.sub-menu li.menu-item a {
font-size: calc(10px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 992px) and (min-width: 1600px) {
ul.sub-menu li.menu-item a {
font-size: 12px;
}
}
.box-shadow-nav {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.hide-element {
display: none;
}
.site-main .comment-navigation,
.site-main .posts-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.menu-menu-1-container,
.menu-menu-2-container {
display: flex;
justify-content: space-around;
text-align: center;
width: 65%;
transition: transform 0.2s linear, opacity 0.2s ease-in-out;
}
@media screen and (max-width: 992px) {
.menu-menu-1-container,
.menu-menu-2-container {
position: absolute;
top: 5em;
left: -200%;
background: #fff;
opacity: 0;
pointer-events: none;
z-index: 100;
width: 100%;
height: 100%;
grid-column-start: 1;
grid-column-end: 3;
transform: translateX(-200%);
}
}
.menu-menu-1-container ul.menu,
.menu-menu-2-container ul.menu {
width: 100%;
display: flex;
justify-content: space-around;
}
@media screen and (max-width: 992px) {
.menu-menu-1-container ul.menu,
.menu-menu-2-container ul.menu {
margin-top: 4em;
display: flex;
flex-flow: column;
align-items: center;
}
}
.menu-menu-1-container ul.sub-menu,
.menu-menu-2-container ul.sub-menu {
width: 100%;
}
.menu-menu-1-container ul.sub-menu a,
.menu-menu-2-container ul.sub-menu a {
display: block;
height: 100%;
width: 100%;
padding: 1em;
}  .main-navigation.toggled ul,
.menu-toggle {
display: flex;
flex-flow: column;
align-items: center;
} .main-navigation.toggled {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100vw !important;
height: 100vh !important;
background-color: #ffffff !important;
z-index: 999999 !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
} .main-navigation.toggled .page-menu {
position: sticky !important;
top: 0 !important;
width: 100% !important;
background-color: #ffffff !important;
padding: 0.5em !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
flex-shrink: 0 !important;
border-bottom: 1px solid #e8e8e8 !important;
} .main-navigation.toggled .menu-menu-1-container {
width: 100% !important;
display: block !important;
padding: 0 !important;
background: #ffffff !important;
position: static !important;
left: auto !important;
top: auto !important;
transform: none !important;
opacity: 1 !important;
pointer-events: all !important;
z-index: 1 !important;
height: auto !important;
grid-column: auto !important;
flex: 1 1 auto !important;
overflow-y: auto !important;
} .main-navigation.toggled .menu-menu-1-container ul.menu {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
display: block !important;
} .main-navigation.toggled .menu-menu-1-container ul.menu li {
width: 100% !important;
display: block !important;
border-bottom: 1px solid #e8e8e8 !important;
} .main-navigation.toggled .menu-menu-1-container ul.menu li a {
display: block !important;
padding: 1em 1.5em !important;
font-size: 16px !important;
color: #333333 !important;
text-decoration: none !important;
font-weight: 500 !important;
width: 100% !important;
text-align: left !important;
}
.main-navigation.toggled .menu-menu-1-container ul.menu li a:hover {
background-color: #f5f5f5 !important;
color: var(--c-primary) !important;
} @media screen and (max-width: 992px) {
body:has(.main-navigation.toggled) .promo-navigation .top-promo,
.main-navigation.toggled ~ .promo-navigation .top-promo {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
.promo-navigation .top-promo {
z-index: 100 !important;
}
} .main-navigation.toggled .shop-menu {
display: none !important;
}
.main-navigation.toggled .search-panel--toggled {
z-index: 101;
} .menu-toggle {
background: transparent !important;
border: none;
display: flex;
flex-flow: column;
outline: none;
justify-content: center;
align-items: center;
height: 60px;
z-index: 1000000;
padding: 1em;
cursor: pointer;
}
@media screen and (max-width: 992px) {
.menu-toggle {
padding: 0.5em;
justify-content: center;
height: 50px;
min-width: 50px;
flex-shrink: 0;
}
}
.menu-toggle .ham {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: transform 0.4s;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 40px;
height: 40px;
}
@media screen and (max-width: 992px) {
.menu-toggle .ham {
width: 35px;
height: 35px;
}
}
.menu-toggle .hamRotate.active {
transform: rotate(45deg);
}
.menu-toggle .hamRotate180.active {
transform: rotate(180deg);
}
.menu-toggle .line {
fill: none;
transition: stroke-dasharray 0.4s, stroke-dashoffset 0.4s;
stroke: #333333;
stroke-width: 6.5;
stroke-linecap: round;
}
.menu-toggle .ham4 .bottom,
.menu-toggle .ham4 .top {
stroke-dasharray: 40 121;
}
.menu-toggle .ham4.active .bottom,
.menu-toggle .ham4.active .top {
stroke-dashoffset: -68px;
}
@media screen and (min-width: 992px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-branding {
width: auto;
position: relative;
text-align: center;
transition: all 0.2s linear;
display: block;
align-self: center;
justify-self: center;
}
@media screen and (min-width: 992px) {
.site-branding {
width: 15%;
}
}
.site-branding .custom-logo-link {
display: flex;
justify-content: center;
align-items: center;
}
.site-branding .custom-logo-link img {
max-width: 160px;
transition: all 0.2s linear;
}
@media screen and (max-width: 992px) {
.site-branding .custom-logo-link img {
max-width: 70px;
}
}
.site-branding .site-title {
position: absolute;
transition: transform 0.2s linear, opacity 0.2s ease-in-out;
text-align: center;
margin-top: 0;
left: 50%;
transform: translate(-50%);
width: 150%;
line-height: 1;
white-space: nowrap;
}
@media screen and (max-width: 992px) {
.site-branding .site-title {
display: none;
}
}
.site-branding .site-title a {
width: 100%;
font-size: 6px;
}
@media screen and (min-width: 320px) {
.site-branding .site-title a {
font-size: calc(6px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.site-branding .site-title a {
font-size: 8px;
}
}
@media screen and (max-width: 992px) {
.fixed-nav.main-navigation {
height: 4em;
}
}
@media screen and (min-width: 992px) {
.fixed-nav.main-navigation {
height: 6em;
}
}
@media screen and (min-width: 992px) {
.promo-navigation {
padding: 0 5%;
}
.promo-navigation .page-menu {
margin-top: 0;
}
}
@media screen and (min-width: 1200px) {
.promo-navigation {
padding: 0 7.5%;
}
}
@media screen and (min-width: 1600px) {
.promo-navigation {
padding: 0 10%;
}
}
.promo-navigation .top-promo {
position: relative;
width: 100vw;
display: flex;
align-self: center;
text-transform: uppercase;
background: var(--c-primary);
color: #fff;
justify-content: space-evenly;
font-size: 12px;
z-index: 100;
}
@media screen and (min-width: 320px) {
.promo-navigation .top-promo {
font-size: calc(12px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.promo-navigation .top-promo {
font-size: 16px;
}
}
@media screen and (min-width: 992px) {
.promo-navigation .top-promo {
padding: 0 30%;
margin: 0 0 1em;
height: 1.5em;
}
}
.promo-navigation .top-promo:hover .promo-item-2 {
transform: scale(1.1);
}
.promo-navigation .top-promo a {
width: 100px;
font-size: 8px;
}
@media screen and (min-width: 320px) {
.promo-navigation .top-promo a {
font-size: calc(8px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.promo-navigation .top-promo a {
font-size: 12px;
}
}
.promo-navigation .top-promo .top-promo-item {
opacity: 0;
animation: evenusPromoIn 0.5s ease-in 0.15s forwards;
}
@media screen and (min-width: 992px) {
.promo-navigation .top-promo .promo-item-2 {
transition: all 0.3s ease-in-out;
}
}
.promo-navigation .top-promo .top-promo-items-loaded {
opacity: 1;
color: #fff;
}
.promo-navigation #promo-holder {
color: transparent;
display: block;
justify-self: flex-end;
}
.search-panel {
width: 100%;
transition: transform 0.3s ease-in-out;
opacity: 0;
transform: translateY(-200%);
z-index: 100;
align-self: center;
background: #fff;
padding: 1em;
position: fixed;
}
@media screen and (max-width: 992px) {
.search-panel {
margin: 1.5em auto 0.5em;
}
}
@media screen and (min-width: 992px) {
.search-panel .dgwt-wcas-search-wrapp {
max-width: 70% !important;
}
}
.search-panel .dgwt-wcas-search-wrapp .dgwt-wcas-search-input {
background: #f1f1f1 !important;
border: 1px solid transparent !important;
border-radius: 10px !important;
padding: 5px 15px 5px 40px !important;
}
@media screen and (max-width: 992px) {
.search-panel .dgwt-wcas-search-wrapp .dgwt-wcas-search-input {
height: 30px !important;
}
}
.dgwt-wcas-om-return {
background: var(--c-primary) !important;
}
.search-panel--toggled {
transform: translateY(0);
top: 11em;
animation: searchPanelFade 0.5s forwards;
}
@media screen and (max-width: 992px) {
.search-panel--toggled {
top: 2em;
position: fixed;
z-index: 99998;
}
}
@keyframes searchPanelFade {
0% {
opacity: 0;
}
95% {
opacity: 1;
}
to {
opacity: 1;
}
}
.shop-menu {
width: 100%;
margin: 2em auto 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
transition: transform 0.2s linear, opacity 0.4s ease-in-out;
background: transparent;
}
@media screen and (max-width: 992px) {
.shop-menu {
display: none;
height: 0;
opacity: 0;
transform: translateX(-200%);
position: absolute;
top: 5em;
left: -50%;
margin: 0;
padding: 1em 0;
background: #fff;
border-top: none;
border-bottom: none;
}
}
.mobile-list-title {
z-index: 1;
text-align: center;
padding: 0.5em;
cursor: pointer;
position: relative;
font-weight: 600;
}
@media screen and (min-width: 992px) {
.mobile-list-title {
display: none;
}
}
.mobile-list-title:before {
content: "";
position: absolute;
display: block;
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/arrow-right.svg);
width: 24px;
height: 24px;
right: 10%;
top: 15%;
transform: rotate(0deg);
transition: all 0.3s ease-in-out;
}
.mobile-list-title-toggled:before {
transform: rotate(90deg);
}
.show-sub-menu-list-arrow {
position: relative;
}
.category-menu-toggled {
transform: translateX(0) !important;
opacity: 1;
background: #fff;
}
#menu-menu-1,
#menu-woomenu {
transition: all 0.3s ease-in-out;
scroll-behavior: smooth;
}
@media screen and (max-width: 992px) {
#menu-menu-1,
#menu-woomenu {
display: flex;
width: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
overflow: hidden;
margin: 4em 0;
position: relative;
}
#menu-menu-1 .menu-item,
#menu-woomenu .menu-item {
position: static;
transition: all 0.3s ease-in;
width: 100%;
display: flex;
align-items: center;
border-bottom: 1px solid #efefef;
}
#menu-menu-1 .menu-item .menu-thumbnail-image,
#menu-woomenu .menu-item .menu-thumbnail-image {
display: none;
}
#menu-menu-1 .menu-item a,
#menu-woomenu .menu-item a {
font-size: 14px;
}
#menu-menu-1 .menu-item .sub-menu,
#menu-woomenu .menu-item .sub-menu {
transition: all 0.3s ease-in-out;
transform: translateX(200%);
position: absolute;
height: 100%;
width: 100%;
background: #fff;
z-index: -1;
opacity: 0;
text-align: left;
}
#menu-menu-1 a,
#menu-woomenu a {
transition: height 0.3s ease-in;
width: 100%;
justify-content: space-between;
padding: 1em 1.5em;
}
#menu-menu-1 .expand-menu-toggle,
#menu-woomenu .expand-menu-toggle {
padding: 0.25em 1.5em;
display: block;
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/arrow_right.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
#menu-menu-1 .menu-item-expanded,
#menu-woomenu .menu-item-expanded {
width: 100%;
}
#menu-menu-1 .sub-menu--expanded,
#menu-woomenu .sub-menu--expanded {
transform: translateX(0) !important;
top: 0 !important;
height: 100% !important;
z-index: 1 !important;
opacity: 1 !important;
}
#menu-menu-1 #back-button,
#menu-woomenu #back-button {
order: 0;
background-color: #efefef;
position: static;
transition: all 0.3s ease-in;
width: 100%;
display: flex;
align-items: center;
border-bottom: 1px solid #efefef;
font-weight: 400;
padding: 0.5em 1em;
}
#menu-menu-1 #back-button:before,
#menu-woomenu #back-button:before {
content: "";
display: block;
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/arrow_left.svg);
width: 24px;
height: 24px;
margin-right: 0.5em;
transform: rotate(0deg);
transition: all 0.3s ease-in-out;
}
}
@media screen and (max-width: 992px) {
.menu-woomenu-container {
transform: translateX(200%);
transition: all 0.3s ease-in-out;
}
.menu-woomenu-container #menu-woomenu {
margin: 2em 0 6em;
overflow-y: scroll;
height: 140%;
}
}
.mobile-page-menu-hidden {
opacity: 0;
pointer-events: none;
}
.shop-nav-wrapper {
display: flex;
align-items: center;
justify-content: space-around;
transition: all 0.2s linear;
z-index: 10;
height: 60px;
width: 17%;
}
@media screen and (max-width: 992px) {
.shop-nav-wrapper {
height: 2em;
width: auto;
}
}
@media screen and (min-width: 992px) {
.shop-nav-wrapper {
padding-bottom: 1em;
}
}
.shop-nav-wrapper svg {
z-index: 10;
}
@media screen and (max-width: 992px) {
.shop-nav-wrapper .myaccount {
order: 4;
}
}
.shop-nav-wrapper .myaccount .myaccount-link-unlogged svg {
width: 25px;
height: 25px;
}
.shop-nav-wrapper .myaccount .myaccount-link-unlogged svg path {
transition: all 0.3s ease-in-out;
}
.shop-nav-wrapper .myaccount .myaccount-link-unlogged:hover svg path {
fill: var(--c-primary);
}
.shop-nav-wrapper .myaccount .myaccount-link-logged {
position: relative;
}
.shop-nav-wrapper .myaccount .myaccount-link-logged svg {
width: 25px;
height: 25px;
}
.shop-nav-wrapper .myaccount .myaccount-link-logged svg path:nth-of-type(2) {
transition: all 0.3s ease-in-out;
}
.shop-nav-wrapper
.myaccount
.myaccount-link-logged:hover
svg
path:nth-of-type(2) {
fill: #ccc;
}
.shop-nav-wrapper .cart-customlocation {
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
}
.shop-nav-wrapper .woocommerce-Price-amount {
margin: 0 0 0 2em;
font-family: K2D, sans-serif;
position: relative;
}
.shop-nav-wrapper .woocommerce-Price-amount bdi {
position: absolute;
bottom: -1.75em;
font-family: K2D, sans-serif;
width: 100px;
text-align: center;
left: 20%;
transform: translate(-63%);
font-size: 9px;
}
@media screen and (min-width: 320px) {
.shop-nav-wrapper .woocommerce-Price-amount bdi {
font-size: calc(9px + 0 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.shop-nav-wrapper .woocommerce-Price-amount bdi {
font-size: 9px;
}
}
@media screen and (max-width: 992px) {
.shop-nav-wrapper .woocommerce-Price-amount bdi {
bottom: -2em;
transform: translate(-60%);
font-size: 10px;
}
}
@media screen and (max-width: 992px) and (min-width: 320px) {
.shop-nav-wrapper .woocommerce-Price-amount bdi {
font-size: calc(10px + 0 * (100vw - 320px) / 1280);
}
}
@media screen and (max-width: 992px) and (min-width: 1600px) {
.shop-nav-wrapper .woocommerce-Price-amount bdi {
font-size: 10px;
}
}
.sub-icon-text {
position: absolute;
bottom: -1.5em;
font-family: K2D, sans-serif;
font-weight: 600;
text-align: center;
left: 50%;
transform: translate(-50%);
white-space: nowrap;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 9px;
}
@media screen and (min-width: 320px) {
.sub-icon-text {
font-size: calc(9px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.sub-icon-text {
font-size: 11px;
}
}
@media screen and (max-width: 992px) {
.sub-icon-text {
bottom: -1.75em;
font-size: 11px;
}
}
@media screen and (max-width: 992px) and (min-width: 320px) {
.sub-icon-text {
font-size: calc(11px + 0 * (100vw - 320px) / 1280);
}
}
@media screen and (max-width: 992px) and (min-width: 1600px) {
.sub-icon-text {
font-size: 11px;
}
}
.sub-login {
left: 60%;
}
@media screen and (max-width: 992px) {
.store-desktop {
order: 2;
}
}
.store-desktop #store-icon svg {
width: 25px;
height: 25px;
}
.store-desktop #store-icon svg path:nth-of-type(2) {
transition: all 0.3s ease-in-out;
}
.store-desktop #store-icon:hover svg path:nth-of-type(2),
body.woocommerce-page #store-icon svg path:nth-of-type(2) {
fill: #639;
}
body.woocommerce-account #store-icon svg path:nth-of-type(2) {
fill: #ccc;
}
body.woocommerce-account .woocommerce-orders-table__cell-order-actions {
display: flex;
flex-flow: column;
justify-content: space-between;
}
body.woocommerce-account .woocommerce-orders-table__cell-order-actions a {
margin: 5px 0;
}
.shop-icon {
width: 25px;
height: 25px;
background-size: cover !important;
transition: all 0.2s ease-in-out;
position: relative;
}
@media screen and (max-width: 992px) {
.shop-icon {
margin: 0;
width: 25px;
height: 25px;
}
}
@media screen and (max-width: 1200px) {
.shop-icon {
margin: 0;
width: 20px;
height: 20px;
}
}
.shop-icon:hover {
background-size: cover;
}
.search-desktop {
cursor: pointer;
}
@media screen and (max-width: 992px) {
.search-desktop {
order: 3;
}
}
.search-desktop #search-icon svg {
width: 25px;
height: 25px;
}
.search-desktop #search-icon svg path:nth-of-type(2) {
transition: all 0.3s ease-in-out;
}
.search-desktop #search-icon:hover svg path:nth-of-type(2),
.search-desktop .search-icon-clicked path:nth-of-type(2) {
fill: var(--c-primary);
}
@media screen and (max-width: 992px) {
.cart-customlocation,
.cart-customlocation-1 {
order: 4;
}
}
.cart-customlocation-1 svg,
.cart-customlocation svg {
width: 25px;
height: 25px;
}
.cart-customlocation-1 path,
.cart-customlocation path {
transition: all 0.3s ease-in-out;
}
.cart-customlocation-1:hover path,
.cart-customlocation:hover path {
fill: #4ab153;
}
.cart-customlocation #cart-wrapper #cart-counter,
.cart-customlocation-1 #cart-wrapper #cart-counter {
position: absolute;
top: -0.75em;
right: -1em;
background: rgba(228, 3, 3, 0.904);
color: #fff;
width: 20px;
height: 20px;
border-radius: 100%;
text-align: center;
line-height: 20px;
font-size: 10px;
}
@media screen and (max-width: 992px) {
.cart-customlocation #cart-wrapper #cart-counter,
.cart-customlocation-1 #cart-wrapper #cart-counter {
top: -0.75em;
right: -1.25em;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 20px;
}
}
.woocommerce-cart #cart-wrapper path {
fill: #4ab153;
}
@media screen and (max-width: 992px) {
.fixed-nav .site-title,
.toggled .site-title {
opacity: 0;
transform: translate(-50%, -200%);
}
}
@media screen and (min-width: 992px) {
.fixed-nav,
.toggled {
position: fixed;
padding: 0 4%;
justify-content: inherit;
transition: all 0.75s ease-in-out;
}
}
@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1300px) {
.fixed-nav,
.toggled {
padding: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-menu-1-container,
.toggled .menu-menu-1-container {
opacity: 0;
transform: translateY(-100%);
}
}
@media screen and (min-width: 992px) {
.fixed-nav .shop-menu,
.toggled .shop-menu {
border-bottom: none;
border-top: none;
animation: categoryMenuAnimation 0.7s forwards;
}
@keyframes categoryMenuAnimation {
0% {
opacity: 1;
transform: translateY(0);
}
70% {
opacity: 1;
transform: translateY(-4.25em);
width: 70%;
margin: 1em auto;
}
to {
opacity: 1;
transform: translateY(-4.25em);
width: 70%;
margin: 1em auto;
}
}
}
@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1300px) {
.fixed-nav .shop-menu,
.toggled .shop-menu {
height: 5em;
animation: categoryMenuAnimationTablet 0.7s forwards;
}
@keyframes categoryMenuAnimationTablet {
0% {
opacity: 1;
transform: translateY(0);
}
70% {
opacity: 1;
transform: translateY(-4.25em);
width: 70%;
margin: 0 auto;
}
to {
opacity: 1;
transform: translateY(-4.25em);
width: 70%;
margin: 0 auto;
}
}
}
@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1300px) {
.fixed-nav .shop-menu ul#menu-woomenu,
.toggled .shop-menu ul#menu-woomenu {
flex-wrap: wrap;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .search-panel--toggled,
.toggled .search-panel--toggled {
transform: translateY(-120%);
}
}
@media screen and (min-width: 992px) {
.fixed-nav .page-menu .site-branding .custom-logo-link .custom-logo,
.toggled .page-menu .site-branding .custom-logo-link .custom-logo {
max-width: 100px;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .site-title,
.toggled .site-title {
opacity: 0;
transform: translate(-50%, -100%);
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a {
padding: 1em 0.5em;
}
}
@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1300px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a {
padding: 1em 2.75em;
}
}
@media screen and (min-width: 992px) and (min-width: 992px) {
.fixed-nav .shop-nav-wrapper,
.toggled .shop-nav-wrapper {
width: 15%;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li,
.toggled .menu-woomenu-container > ul#menu-woomenu > li {
transition: 0.2s ease-in-out;
}
}
@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1300px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li,
.toggled .menu-woomenu-container > ul#menu-woomenu > li {
width: auto;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li:hover,
.toggled .menu-woomenu-container > ul#menu-woomenu > li:hover {
background-color: transparent;
}
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li:hover > a,
.toggled .menu-woomenu-container > ul#menu-woomenu > li:hover > a {
color: #000;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a {
transition: 0.2s ease-in-out;
}
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a:after {
content: "";
display: block;
position: absolute;
height: 2px;
width: 0;
background: var(--c-primary);
bottom: 0;
top: 85%;
transition: 0.2s ease-in-out;
z-index: -1;
}
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a:hover,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a:hover {
color: #000;
}
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a:hover:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a:hover:after {
width: 100%;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a.in-bottom:after,
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a.in-left:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.in-bottom:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.in-left:after {
width: 100%;
left: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav
.menu-woomenu-container
> ul#menu-woomenu
> li
> a.out-bottom:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.out-bottom:after {
width: 0;
left: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a.in-top:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.in-top:after {
width: 100%;
left: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a.out-top:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.out-top:after {
width: 0;
left: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a.in-right:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.in-right:after {
width: 100%;
right: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a.out-left:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.out-left:after {
width: 0;
left: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .menu-woomenu-container > ul#menu-woomenu > li > a.out-right:after,
.toggled .menu-woomenu-container > ul#menu-woomenu > li > a.out-right:after {
width: 0;
right: 0;
}
}
@media screen and (min-width: 992px) {
.fixed-nav .sub-menu,
.toggled .sub-menu {
width: auto;
}
}
@media screen and (max-width: 992px) {
.fixed-nav.promo-navigation {
height: 5em;
}
}
@media screen and (min-width: 992px) {
.fixed-nav.promo-navigation {
height: 7em;
}
.fixed-nav.promo-navigation .search-panel--toggled {
transform: translateY(-100%);
}
}
@media screen and (max-width: 992px) {
.fixed-nav.promo-navigation .search-panel--toggled {
top: 3.25em;
}
}
.site-header {
margin-bottom: 1em;
}
.woocommerce nav.woocommerce-pagination.my-pagination ul.page-numbers {
border-color: transparent;
}
.woocommerce nav.woocommerce-pagination.my-pagination ul.page-numbers li {
padding: 0;
margin: 0.25em;
height: 2.5em;
width: 2em;
border: none;
border-right: 1px solid transparent;
}
.woocommerce nav.woocommerce-pagination.my-pagination ul.page-numbers li a,
.woocommerce nav.woocommerce-pagination.my-pagination ul.page-numbers li span {
color: var(--c-primary);
background: transparent;
height: 100%;
width: 100%;
padding: 0;
line-height: 2.5em;
transition: all 0.2s ease-in-out;
}
.woocommerce
nav.woocommerce-pagination.my-pagination
ul.page-numbers
li
a:hover,
.woocommerce
nav.woocommerce-pagination.my-pagination
ul.page-numbers
li
span.current,
.woocommerce
nav.woocommerce-pagination.my-pagination
ul.page-numbers
li
span:hover {
border: 1px solid var(--c-primary);
}
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
z-index: 9;
}
.woocommerce-password-strength.short {
background-color: #e35b5b;
border-color: #e35b5b;
}
.woocommerce-password-strength.bad {
background-color: #ff9517;
border-color: #ff9517;
}
.woocommerce-password-strength.good {
background-color: #56b4a2;
border-color: #56b4a2;
}
.woocommerce-password-strength.strong {
background-color: #4dcb62;
border-color: #4dcb62;
}
.main-carousel {
height: 88vh;
position: relative;
overflow: hidden;
width: 100vw;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
@media screen and (min-height: 736px) and (max-width: 992px) {
.main-carousel {
height: 82vh;
}
}
@media screen and (min-width: 992px) {
.main-carousel {
height: 88vh;
min-height: 650px;
margin-bottom: 0;
}
}
.main-carousel .swiper-slide {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
transition: transform 0.3s ease;
}
@media screen and (max-width: 992px) {
.main-carousel .swiper-slide {
background-position: 50%;
}
} .main-carousel .hero-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(28, 94, 168, 0.85) 0%, rgba(28, 94, 168, 0.5) 50%, rgba(0, 0, 0, 0.4) 100%);
z-index: 1;
} .main-carousel .hero-content {
position: relative;
z-index: 2;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.main-carousel .swiper-container {
height: 100%;
}
.main-carousel .swiper-scrollbar {
display: none;
}
.main-carousel .swiper-button-next,
.main-carousel .swiper-button-prev {
color: #ffffff !important;
background: transparent;
width: 50px;
height: 50px;
transition: all 0.3s ease;
z-index: 10;
}
.main-carousel .swiper-button-next:hover,
.main-carousel .swiper-button-prev:hover {
transform: scale(1.2);
opacity: 0.8;
}
.main-carousel .swiper-button-next:after,
.main-carousel .swiper-button-prev:after {
font-size: 1.25rem;
font-weight: bold;
}
@media screen and (max-width: 992px) {
.main-carousel .swiper-button-next,
.main-carousel .swiper-button-prev {
width: 40px;
height: 40px;
}
.main-carousel .swiper-button-next:after,
.main-carousel .swiper-button-prev:after {
font-size: 1rem;
}
}
.main-carousel .swiper-pagination-bullet {
background: #ffffff !important;
width: 12px;
height: 12px;
opacity: 0.6;
transition: all 0.3s ease;
}
.main-carousel .swiper-pagination-bullet-active {
opacity: 1;
width: 30px;
border-radius: 6px;
background: var(--c-primary) !important;
}
.main-carousel .parallax-title {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
text-align: center;
color: #fff;
max-width: 900px;
padding: 2em;
animation: fadeInUp 0.8s ease-out;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .main-carousel .hero-badge {
display: inline-block;
padding: 0.5em 1.5em;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 50px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 1em;
color: #ffffff;
}
.main-carousel .hero-headline {
font-size: 48px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 0.5em;
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
letter-spacing: -0.5px;
}
@media screen and (max-width: 992px) {
.main-carousel .hero-headline {
font-size: 36px;
}
}
@media screen and (max-width: 992px) and (min-width: 320px) {
.main-carousel .hero-headline {
font-size: calc(36px + 12 * (100vw - 320px) / 672);
}
}
@media screen and (min-width: 992px) and (max-width: 1400px) {
.main-carousel .hero-headline {
font-size: 42px;
}
}
.main-carousel .hero-subheadline {
font-size: 20px;
font-weight: 400;
line-height: 1.6;
margin-bottom: 1.5em;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
opacity: 0.95;
max-width: 700px;
}
@media screen and (max-width: 992px) {
.main-carousel .hero-subheadline {
font-size: 16px;
}
}
@media screen and (max-width: 992px) and (min-width: 320px) {
.main-carousel .hero-subheadline {
font-size: calc(16px + 4 * (100vw - 320px) / 672);
}
} .main-carousel .hero-cta-button {
display: inline-block;
padding: 1em 2.5em;
background: #ffffff;
color: var(--c-primary);
font-size: 16px;
font-weight: 700;
text-decoration: none;
border-radius: 50px;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
text-transform: uppercase;
letter-spacing: 0.5px;
border: 2px solid #ffffff;
}
.main-carousel .hero-cta-button:hover {
background: var(--c-primary);
color: #ffffff;
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 992px) {
.main-carousel .hero-cta-button {
padding: 0.8em 2em;
font-size: 14px;
}
}
.main-carousel .parallax-title p {
font-size: 18px;
}
}
@media screen and (min-width: 992px) and (min-width: 320px) {
.main-carousel .parallax-title p {
font-size: calc(18px + 6 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 992px) and (min-width: 1600px) {
.main-carousel .parallax-title p {
font-size: 24px;
}
}
.main-carousel .parallax-title p:after {
content: "";
background: #fff;
height: 1px;
width: 110%;
position: absolute;
left: 50%;
top: 120%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 992px) {
.main-carousel .parallax-title p:after {
display: none;
}
}
.brands-carousel {
position: relative;
width: 100vw;
margin-left: calc(50% - 50vw);
padding: 4em 0 4.5em;
background:
radial-gradient(ellipse at top, rgba(255, 255, 255, 0.06) 0%, transparent 70%),
linear-gradient(180deg, var(--c-primary) 0%, var(--c-primary-dark) 100%);
border-top: 1px solid rgba(255, 255, 255, 0.08);
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
overflow: hidden;
}
@media screen and (max-width: 992px) {
.brands-carousel {
padding: 2.5em 0 3em;
}
}
@media screen and (max-width: 576px) {
.brands-carousel {
padding: 2em 0 2.25em;
}
}
.brands-carousel h2,
.brands-carousel h3 {
text-align: center;
margin: 0 0 1.75em;
font-size: 1.75rem;
letter-spacing: 0.04em;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}
.brands-carousel h2:after,
.brands-carousel h3:after {
content: "";
display: block;
width: 48px;
height: 2px;
background: rgba(255, 255, 255, 0.5);
margin: 0.6em auto 0;
}
@media screen and (max-width: 576px) {
.brands-carousel h2,
.brands-carousel h3 {
font-size: 1.25rem;
margin: 0 0 1.25em;
}
}
.brands-carousel .swiper-container-brands {
overflow: hidden;
width: 100%;
-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.brands-carousel .swiper-wrapper {
transition-timing-function: linear;
}
.brands-carousel .swiper-slide {
margin: 0 1em;
}
.brands-carousel .swiper-slide a {
display: flex;
align-items: center;
justify-content: center;
height: 5.5rem;
padding: 0 var(--space-5);
background: var(--c-bg);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md), 0 0 0 1px rgba(255, 255, 255, 0.05);
transition: transform var(--t-base), box-shadow var(--t-base);
text-decoration: none;
}
.brands-carousel .swiper-slide a:hover {
transform: translateY(-3px);
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.10);
}
.brands-carousel .swiper-container-brands img {
height: 3.5rem;
max-width: 140px;
object-fit: contain;
display: block;
}
@media screen and (max-width: 992px) {
.brands-carousel .swiper-slide a {
height: 4.5rem;
padding: 0 14px;
}
.brands-carousel .swiper-container-brands img {
height: 3rem;
max-width: 110px;
}
}
@media screen and (max-width: 576px) {
.brands-carousel .swiper-slide {
margin: 0 0.6em;
}
.brands-carousel .swiper-slide a {
height: 3.5rem;
padding: 0 12px;
border-radius: 6px;
}
.brands-carousel .swiper-container-brands img {
height: 2.4rem;
max-width: 90px;
}
}
@media screen and (max-width: 992px) {
.categories-carousel {
margin-bottom: 7em;
text-align: center;
}
}
@media screen and (min-width: 992px) {
.categories-carousel {
overflow: hidden;
}
}
.categories-carousel .swiper-pagination-categories {
margin: 1em 0 3em;
position: static;
padding-top: 0.25em;
display: flex;
justify-content: center;
}
@media screen and (min-width: 992px) {
.categories-carousel .swiper-pagination-categories {
text-align: left;
}
}
@media screen and (max-width: 992px) {
.categories-carousel .swiper-pagination-categories {
justify-content: space-around;
padding: 1em 0;
}
}
.categories-carousel .swiper-pagination-bullet {
width: auto;
background: transparent;
margin: 0.5em 2em !important;
opacity: 1;
height: 32px;
border-radius: 15px;
padding: 0.25em 2em;
color: var(--c-primary);
position: relative;
width: 200px;
text-align: center;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
transition: all 0.2s ease-in-out;
font-weight: 600;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.categories-carousel .swiper-pagination-bullet {
font-size: calc(12px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.categories-carousel .swiper-pagination-bullet {
font-size: 16px;
}
}
@media screen and (max-width: 992px) {
.categories-carousel .swiper-pagination-bullet {
margin: 0 0.5em !important;
padding: 0.25em 1em;
width: 140px;
line-height: 2;
}
}
.categories-carousel .swiper-pagination-bullet-active {
background: var(--c-primary);
color: #fff;
}
.categories-carousel ul.products {
padding: 1em;
}
@media screen and (max-width: 992px) {
.categories-carousel ul.products {
padding: 2em 1em 1em;
}
}
.checkout-button,
.my-blue-bg-button,
.order-again a,
.woocommerce #review_form #respond .form-submit input,
.woocommerce-error a,
.woocommerce-message a {
background: var(--c-primary) !important;
transition: all 0.2s ease-in !important;
border: 1px solid var(--c-primary) !important;
color: #fff !important;
cursor: pointer !important;
font-family: Poppins, sans-serif;
}
.checkout-button:hover,
.my-blue-bg-button:hover,
.order-again a:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce-error a:hover,
.woocommerce-message a:hover {
background-color: transparent !important;
border: 1px solid var(--c-primary) !important;
color: var(--c-primary) !important;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.my-checkout-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button.my-checkout-button {
font-size: 14px;
}
@media screen and (min-width: 320px) {
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.my-checkout-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button.my-checkout-button {
font-size: calc(14px + 6 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.my-checkout-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button.my-checkout-button {
font-size: 20px;
}
}
@media screen and (max-width: 992px) {
.woocommerce-message {
padding: 1em 1.5em;
display: flex;
flex-flow: column;
}
.woocommerce-message a {
margin: 1em auto !important;
}
}
@media screen and (max-width: 992px) and (min-width: 992px) {
.woocommerce-message a {
max-width: 60%;
}
}
.woocommerce-message a {
padding: 0.25em 1em;
margin-top: 1em;
}
@media screen and (min-width: 992px) {
.woocommerce-message a {
margin-left: 0.5em;
}
}
.restore-item {
margin: 2em auto 0 !important;
min-width: 150px;
}
.add_to_cart_button,
.my-blue-outline-button,
.outofstock .button,
.product_type_simple,
.product_type_variable,
.single_add_to_cart_button,
.woof_reset_search_form {
background-color: transparent !important;
color: var(--c-primary) !important;
border: 1px solid var(--c-primary) !important;
transition: all 0.2s ease-in;
cursor: pointer;
display: inline-block !important;
font-family: Poppins, sans-serif;
white-space: nowrap;
}
.add_to_cart_button:hover,
.my-blue-outline-button:hover,
.outofstock .button:hover,
.product_type_simple:hover,
.product_type_variable:hover,
.single_add_to_cart_button:hover,
.woof_reset_search_form:hover {
color: #fff !important;
background-color: var(--c-primary) !important;
}
.read-more,
.read-more:visited,
.woocommerce-error .wc-backward {
background-color: var(--c-primary) !important;
color: #fff !important;
padding: 0.5em 2em !important;
font-weight: 600 !important;
border-radius: 100rem !important;
text-decoration: none !important;
transition: all 0.2s ease-in !important;
border: 1px solid var(--c-primary) !important;
cursor: pointer;
}
.read-more:hover,
.read-more:visited:hover,
.woocommerce-error .wc-backward:hover {
background-color: transparent !important;
border: 1px solid var(--c-primary) !important;
color: var(--c-primary) !important;
}
.woocommerce-error .wc-backward {
margin-left: 1em;
}
.mobile-to-shop-button {
width: 90% !important;
max-width: 400px !important;
text-align: center !important;
display: block !important;
margin: 0 auto 2em auto !important;
padding: 1em 2em !important;
font-size: 18px !important;
line-height: 1.4 !important;
box-sizing: border-box !important;
}
@media screen and (min-width: 992px) {
.mobile-to-shop-button {
display: none !important;
}
}
.my-woobutton,
.my-woobutton:visited {
background-color: transparent !important;
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
color: var(--c-primary) !important;
padding: 0.75em 2em !important;
font-weight: 600 !important;
border-radius: 100rem !important;
text-decoration: none !important;
transition: all 0.2s ease-in !important;
border: 1px solid var(--c-primary) !important;
cursor: pointer;
margin: 0 auto;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.my-woobutton,
.my-woobutton:visited {
font-size: calc(12px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.my-woobutton,
.my-woobutton:visited {
font-size: 16px;
}
}
.my-woobutton:hover,
.my-woobutton:visited:hover {
background-color: var(--c-primary) !important;
border: 1px solid var(--c-primary) !important;
color: #fff !important;
}
#toggle-filters {
background-color: transparent;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: var(--c-primary);
font-weight: 600;
border-radius: 100rem;
text-decoration: none;
transition: all 0.2s ease-in;
border: 2px solid var(--c-primary);
cursor: pointer;
width: 100%;
padding: 0.5em 1em 0.5em 2em;
font-size: 13px;
}
@media screen and (min-width: 320px) {
#toggle-filters {
font-size: calc(13px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
#toggle-filters {
font-size: 15px;
}
}
.my-wooselect,
.my-wooselect:visited {
background-color: var(--c-primary) !important;
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
color: #fff !important;
font-weight: 600 !important;
border-radius: 100rem !important;
text-decoration: none !important;
transition: all 0.2s ease-in !important;
border: 1px solid var(--c-primary) !important;
outline: none !important;
cursor: pointer;
}
@media screen and (max-width: 992px) {
.my-wooselect,
.my-wooselect:visited {
width: 100% !important;
}
}
.outline-button {
background-color: transparent !important;
color: #fff !important;
border: 1px solid #fff !important;
transition: all 0.2s ease-in;
min-width: 100px;
margin: 1em !important;
outline: none !important;
cursor: pointer;
}
.outline-button:hover {
color: var(--c-primary) !important;
background-color: #fff !important;
}
.my-submit-button,
.wpcf7-submit {
background-color: var(--c-primary) !important;
border: 0 !important;
border-radius: 0 !important;
color: #fff !important;
width: 70% !important;
display: block;
margin: 1em !important;
font-family: Poppins, sans-serif;
padding: 0.75em 1.5em !important;
transition: all 0.2s ease-in;
outline: none !important;
float: none !important;
cursor: pointer;
}
.my-submit-button:hover,
.wpcf7-submit:hover {
color: var(--c-primary) !important;
background-color: transparent !important;
}
.edit {
position: relative;
}
.edit:after {
content: "";
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/add_circle_outline.svg) no-repeat;
background-size: contain;
background-position: 50%;
position: absolute;
display: block;
width: 20px;
height: 100%;
top: 0;
right: 32%;
display: flex;
align-items: center;
}
@media screen and (max-width: 1680px) {
.edit:after {
right: 27%;
}
}
@media screen and (max-width: 1260px) {
.edit:after {
right: 23%;
}
}
@media screen and (max-width: 768px) {
.edit:after {
right: 32%;
}
}
@media screen and (max-width: 360px) {
.edit:after {
right: 32%;
}
}
.my-nav-button {
background-color: rgba(1, 34, 65, 0.84706) !important;
border: 0 !important;
border-radius: 0 !important;
color: #fff !important;
width: 70%;
display: block;
margin: 1em !important;
font-family: Poppins, sans-serif;
padding: 0.75em 1.5em !important;
transition: all 0.2s ease-in;
outline: none !important;
}
.my-nav-button:hover {
color: rgba(1, 34, 65, 0.84706) !important;
background-color: #fff !important;
}
.button-outline-navy {
background-color: transparent !important;
border: 1px solid rgba(1, 34, 65, 0.84706) !important;
border-radius: 0 !important;
color: rgba(1, 34, 65, 0.84706) !important;
display: block;
font-family: Poppins, sans-serif;
padding: 0.5em 1em !important;
transition: all 0.2s ease-in;
outline: none !important;
font-size: 11px;
}
@media screen and (min-width: 320px) {
.button-outline-navy {
font-size: calc(11px + 3 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.button-outline-navy {
font-size: 14px;
}
}
.button-outline-navy:hover {
color: #fff !important;
background-color: rgba(1, 34, 65, 0.84706) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}
.woocommerce-password-strength {
padding: 10px 0.5em;
}
.choose {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
transition: all 0.2s ease-in;
padding: 1em;
cursor: pointer;
font-family: Poppins, sans-serif;
width: 8em;
background-color: transparent;
color: #fff;
border: 1px solid #fff;
}
.choose:hover {
background-color: #fff;
color: rgba(1, 34, 65, 0.84706);
border: 1px solid #fff;
}
.choose:hover svg {
fill: rgba(1, 34, 65, 0.84706);
}
.choose svg {
fill: #fff;
height: 40px;
width: 40px;
margin-bottom: 0.5em;
transition: all 0.2s ease-in;
}
.customer-type-chosen {
background-color: #fff;
color: rgba(1, 34, 65, 0.84706);
border: 1px solid #fff;
}
.customer-type-chosen svg {
fill: rgba(1, 34, 65, 0.84706);
}
.order-again a {
padding: 1em;
}
.price_slider {
background-color: #f1f1f1 !important;
}
.price_slider .ui-slider-handle,
.price_slider .ui-slider-range {
background-color: var(--c-primary) !important;
}
.price_slider .ui-slider-handle {
border: none !important;
}
.woocommerce ul.products li.product {
text-align: center;
}
@media screen and (max-width: 992px) {
.woocommerce ul.products li.product {
width: 45% !important;
}
}
.woocommerce ul.products li.product a {
outline: none;
font-size: 10px;
}
@media screen and (min-width: 320px) {
.woocommerce ul.products li.product a {
font-size: calc(10px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce ul.products li.product a {
font-size: 14px;
}
}
@media screen and (max-width: 992px) {
.woocommerce ul.products li.product a {
text-align: center;
}
}
.woocommerce ul.products li.product a img {
object-fit: contain;
height: 250px;
margin: auto;
max-width: 90%;
padding: 1em;
}
@media screen and (max-width: 992px) {
.woocommerce ul.products li.product a img {
height: 200px;
}
}
.woocommerce ul.products li.product a bdi {
font-size: 1.5em;
}
.woocommerce ul.products li.product button {
float: left;
}
@media screen and (max-width: 330px) {
.woocommerce ul.products li.product button {
padding: 0.618em 0.75em;
}
}
.woocommerce ul.products li.product:hover img {
transform: scale(1.1);
}
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product del {
color: #999999 !important;
text-decoration: line-through;
text-decoration-thickness: 2px;
text-decoration-color: #ff0000;
text-decoration-style: solid;
text-underline-offset: 0;
-webkit-text-decoration-line: line-through;
-webkit-text-decoration-color: #ff0000;
-webkit-text-decoration-thickness: 2px;
opacity: 1;
font-weight: 400;
margin-right: 0.3em;
display: inline-block;
line-height: 1.5;
vertical-align: baseline;
position: relative;
top: 4px;
}
body.archive ul.products {
margin-top: 9em;
}
@media screen and (min-width: 992px) {
body.archive ul.products {
margin-top: 7em;
}
}
@media screen and (max-width: 992px) {
body.archive ul.products li {
text-align: center;
}
}
body.archive ul.products li .original-computed-price {
display: none !important;
}
@media screen and (max-width: 992px) {
body.home ul.products li {
text-align: center;
}
}
body.home ul.products li .original-computed-price {
display: none;
}
.added_to_cart {
font-size: 11px !important;
text-align: center;
}
@media screen and (max-width: 500px) {
.added_to_cart {
margin-left: 0;
}
}
@media screen and (min-width: 500px) {
.added_to_cart {
margin-left: 0.5em;
}
}
.sales-badge {
border: 2px solid #d32f2f;
color: #d32f2f !important;
width: auto;
height: 30px;
display: flex;
align-content: center !important;
align-items: center;
justify-content: center;
min-height: 0 !important;
line-height: 26px !important;
font-size: 0.85rem !important;
padding: 0 8px !important;
z-index: 1 !important;
border-radius: 3px !important;
background-color: #fff !important;
margin: 0 1em 0 0 !important;
font-weight: 700 !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
}
@media screen and (max-width: 992px) {
body.single-product .sales-badge {
top: 0;
left: 0;
}
}
@media screen and (max-width: 992px) {
body.single-product .my_description_tab {
text-align: center;
}
}
body.single-product .my_description_tab a {
height: 100%;
}
.archive .sales-badge,
.home .sales-badge,
.related .sales-badge {
right: 0 !important;
}
.itsnew {
border: none;
color: #fff !important;
width: auto;
height: 22px;
text-align: center !important;
align-content: center !important;
min-height: 0 !important;
line-height: 20px !important;
font-size: 0.8rem !important;
position: absolute !important;
padding: 0 8px !important;
top: 0 !important;
left: 0 !important;
z-index: 1 !important;
border-radius: 3px !important;
background-color: #1976d2 !important;
margin: 1em 0 0 1em !important;
font-weight: 600 !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}
.bestseller-wrapper,
.itsnew {
display: flex;
align-items: center;
justify-content: center;
}
.bestseller-wrapper {
position: absolute;
right: 0;
top: 200px;
flex-flow: column;
}
@media screen and (max-width: 992px) {
.bestseller-wrapper {
top: 165px;
}
.itsnew {
margin: 0.5em 0 0 0.5em !important;
font-size: 0.7rem !important;
}
.sales-badge {
font-size: 0.75rem !important;
padding: 0 6px !important;
height: 26px !important;
margin: 0.5em 0.5em 0 0 !important;
}
}
@media screen and (max-width: 350px) {
.bestseller-wrapper {
top: 175px;
}
}
.bestseller-wrapper span {
display: block;
z-index: 1;
font-size: 9px;
color: #1a1a1a;
font-weight: 700;
text-shadow: 0 1px 2px rgba(255,255,255,0.8);
}
@media screen and (min-width: 320px) {
.bestseller-wrapper span {
font-size: calc(9px + 3 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.bestseller-wrapper span {
font-size: 12px;
}
}
.bestseller {
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/bestseller3.svg) no-repeat;
background-size: contain;
height: 28px;
width: 28px;
opacity: 1;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
@media screen and (min-width: 1300px) {
.bestseller {
height: 35px;
width: 35px;
}
}
.added_to_cart {
font-size: 10px;
}
@media screen and (min-width: 320px) {
.added_to_cart {
font-size: calc(10px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.added_to_cart {
font-size: 12px;
}
}
.woocommerce-loop-product__title {
margin-bottom: 1em !important;
transition: all 0.4s ease-in;
line-height: 1.4 !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
text-overflow: ellipsis !important;
word-wrap: break-word !important;
max-height: 4.2em !important;
height: auto !important;
}
@media screen and (max-width: 440px) {
.woocommerce-loop-product__title {
height: auto;
min-height: 3.9em;
max-height: 5.2em;
}
}
@media screen and (max-width: 1200px) {
.woocommerce-loop-product__title {
font-size: 12px !important;
}
}
@media screen and (min-width: 1200px) {
.woocommerce-loop-product__title {
font-size: 0.9rem !important;
}
}
@media screen and (max-width: 992px) {
.woocommerce-products-header__title {
text-align: center;
}
}
.single-product #primary #main .product .summary {
width: 100%;
}
@media screen and (min-width: 992px) {
.single-product #primary #main .product .summary {
width: 48%;
}
}
@media screen and (max-width: 992px) {
.single-product .woocommerce-breadcrumb {
display: none;
}
}
@media screen and (min-width: 992px) {
.single-product .woocommerce-breadcrumb {
margin: 0 0 2em;
}
}
.single-product .product_title {
text-align: center;
font-size: 20px;
}
@media screen and (min-width: 320px) {
.single-product .product_title {
font-size: calc(20px + 6 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .product_title {
font-size: 26px;
}
}
@media screen and (min-width: 992px) {
.single-product .product_title {
text-align: left;
}
}
.single-product .pswp__bg {
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) !important;
opacity: 0.8 !important;
}
.single-product .pswp__caption {
display: none;
}
.single-product .pswp__top-bar {
z-index: 1001;
display: flex;
flex-flow: row-reverse;
align-items: center;
height: 66px;
}
@media screen and (max-width: 992px) {
.single-product .pswp__top-bar {
top: auto;
bottom: 0;
}
}
.single-product .woocommerce-product-gallery .flex-control-thumbs {
margin: 2em 0 0 !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li {
padding: 1em;
}
.single-product .slick-track {
display: flex !important;
}
.single-product .flex-control-thumbs {
z-index: 1;
}
@media screen and (max-width: 992px) {
.single-product .product {
display: flex;
flex-flow: column;
align-items: center;
}
}
.single-product
.product
.entry-summary
.woocommerce-product-details__short-description
ul {
margin: 1em 0;
padding: 0 1em;
list-style: none;
}
.single-product
.product
.entry-summary
.woocommerce-product-details__short-description
ul
li:before {
content: "\2022";
color: var(--c-primary);
font-weight: 700;
display: inline-block;
width: 1em;
margin-left: -1em;
font-size: 20px;
}
@media screen and (min-width: 320px) {
.single-product
.product
.entry-summary
.woocommerce-product-details__short-description
ul
li:before {
font-size: calc(20px + 0 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product
.product
.entry-summary
.woocommerce-product-details__short-description
ul
li:before {
font-size: 20px;
}
}
@media screen and (max-width: 992px) {
.single-product
.product
.entry-summary
.woocommerce-product-details__short-description
p {
margin-bottom: 0;
}
}
.single-product .product .entry-summary .price {
text-align: center;
}
@media screen and (min-width: 992px) {
.single-product .product .entry-summary .price {
text-align: left;
margin-bottom: 1em;
}
}
.single-product .product .entry-summary .price {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.single-product .product .entry-summary .price {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .product .entry-summary .price {
font-size: 22px;
}
}
.single-product .product .entry-summary .price bdi,
.single-product .product .entry-summary .price span {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.single-product .product .entry-summary .price bdi,
.single-product .product .entry-summary .price span {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .product .entry-summary .price bdi,
.single-product .product .entry-summary .price span {
font-size: 22px;
}
}
.single-product .product .entry-summary .price del {
color: #999999 !important;
font-size: 18px;
text-decoration: line-through;
text-decoration-thickness: 2.5px;
text-decoration-color: #ff0000;
text-decoration-style: solid;
text-underline-offset: 0;
-webkit-text-decoration-line: line-through;
-webkit-text-decoration-color: #ff0000;
-webkit-text-decoration-thickness: 2.5px;
opacity: 1;
margin-right: 0.5em;
font-weight: 400;
display: inline-block;
line-height: 1.2;
}
@media screen and (min-width: 320px) {
.single-product .product .entry-summary .price del {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .product .entry-summary .price del {
font-size: 22px;
}
}
.single-product .product .entry-summary .price ins {
font-weight: 400;
}
.single-product .product .entry-summary .price .original-computed-price bdi {
font-size: 16px;
}
@media screen and (min-width: 320px) {
.single-product .product .entry-summary .price .original-computed-price bdi {
font-size: calc(16px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .product .entry-summary .price .original-computed-price bdi {
font-size: 18px;
}
}
.single-product .product img {
max-height: 400px;
max-width: 500px;
width: auto;
object-fit: contain;
}
@media screen and (max-width: 992px) {
.single-product .product img {
max-height: 190px;
max-width: 280px;
margin: 2em auto 0;
}
}
@media screen and (min-width: 992px) {
.single-product .product .woocommerce-product-gallery__image img {
margin: 4em auto 0;
padding: 0 4em;
}
}
.single-product .product .slick-slider {
margin: auto;
}
.single-product .product .slick-slide:focus {
outline: none;
}
.single-product .product .slick-slider:nth-of-type(2) {
margin-top: 1em;
}
.single-product .product .slick-slider:nth-of-type(2) .slick-slide {
display: flex;
}
.single-product .product .slick-slider:nth-of-type(2) .slick-slide img {
margin: auto;
}
@media screen and (min-width: 992px) {
.single-product .product .slick-slider:nth-of-type(2) .slick-slide img {
width: auto;
}
}
@media screen and (max-width: 992px) {
.single-product .product .slick-slider:nth-of-type(2) .slick-slide img {
max-width: 70px;
}
}
.single-product .product .stock {
display: none;
}
@media screen and (min-width: 992px) {
.single-product .product .stock {
text-align: left;
}
}
.single-product .qty {
font-weight: 600;
}
.single-product .product-type-simple .price {
display: flex;
flex-flow: column;
margin-bottom: 0 !important;
}
.single-product .product .sale .price {
display: flex;
flex-flow: column;
}
.single-product .product-type-variable .price:first-of-type {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.single-product .product-type-variable .price:first-of-type {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .product-type-variable .price:first-of-type {
font-size: 22px;
}
}
.single-product .product-type-variable .woocommerce-variation-price .price {
margin-bottom: 0;
}
.single-product
.product-type-variable
.woocommerce-variation-price
.price
.woocommerce-Price-amount {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.single-product
.product-type-variable
.woocommerce-variation-price
.price
.woocommerce-Price-amount {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product
.product-type-variable
.woocommerce-variation-price
.price
.woocommerce-Price-amount {
font-size: 22px;
}
}
.single-product .product_meta {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 992px) {
.single-product .product_meta {
justify-content: flex-start;
align-items: flex-start;
}
}
.single-product .product_meta .posted_in {
order: 2;
text-align: left;
}
.single-product .product_meta .tagged_as {
order: 3;
}
.single-product .product_meta .producent {
display: flex;
align-items: center;
margin-bottom: 2em;
}
@media screen and (max-width: 992px) {
.single-product .product_meta .producent {
flex-flow: column;
}
}
.single-product .product_meta .producent img {
height: auto;
width: 150px;
max-height: 100px;
object-fit: contain;
order: 1;
margin-top: 1em;
}
@media screen and (min-width: 992px) {
.single-product .product_meta .producent img {
align-self: flex-start;
margin-top: 0;
margin-left: 1em;
}
}
.single-product .woocommerce-product-details__short-description {
text-align: left;
}
@media screen and (min-width: 992px) {
.single-product .woocommerce-product-details__short-description {
padding-right: 20%;
}
}
.single-product .woocommerce-product-details__short-description p {
font-size: 16px;
}
@media screen and (min-width: 320px) {
.single-product .woocommerce-product-details__short-description p {
font-size: calc(16px + 0 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .woocommerce-product-details__short-description p {
font-size: 16px;
}
}
.single-product .cart {
display: flex;
justify-content: flex-start;
align-items: baseline;
flex-wrap: wrap;
width: 260px;
}
@media screen and (max-width: 992px) {
.single-product .cart {
justify-content: center;
margin: auto;
}
}
.single-product .cart #my_simple_add_to_cart_ajax,
.single-product .cart button {
margin-top: 1em;
}
.single-product .cart .qty,
.single-product .cart .quantity {
width: 4em;
}
.single-product .cart .quantity {
text-align: center;
}
.single-product .cart .qty {
text-align: left;
}
.single-product .single_add_to_cart_button {
float: none;
}
.single-product .added_to_cart {
width: 100%;
margin-left: 0;
font-size: 13px;
}
@media screen and (min-width: 320px) {
.single-product .added_to_cart {
font-size: calc(13px + 0 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .added_to_cart {
font-size: 13px;
}
}
.single-product .quantity {
padding: 1em;
}
@media screen and (max-width: 992px) {
.single-product .quantity {
padding: 0.5em;
}
}
.single-product .quantity input {
border: none;
}
.single-product input::-webkit-inner-spin-button {
opacity: 1;
}
.single-product .variations_form {
display: flex;
justify-content: center;
align-items: flex-start;
flex-flow: column;
}
.single-product .variations_form .woocommerce-variation-add-to-cart {
display: flex;
flex-flow: column;
width: 260px;
}
@media screen and (max-width: 992px) {
.single-product .variations_form .woocommerce-variation-add-to-cart {
margin: auto;
}
}
.single-product
.variations_form
.woocommerce-variation-add-to-cart
.quantity-wrapper {
display: flex;
justify-content: center;
align-items: center;
align-content: center;
width: 9em;
}
@media screen and (min-width: 992px) {
.single-product
.variations_form
.woocommerce-variation-add-to-cart
.quantity-wrapper {
justify-content: flex-start;
}
}
@media screen and (max-width: 992px) {
.single-product
.variations_form
.woocommerce-variation-add-to-cart
.quantity-wrapper {
align-self: center;
margin-bottom: 0.5em;
}
}
.single-product
.variations_form
.woocommerce-variation-add-to-cart
.quantity-wrapper
.qty {
width: 4em;
text-align: left;
}
@media screen and (max-width: 992px) {
.single-product
.variations_form
.woocommerce-variation-add-to-cart
.quantity-wrapper
.qty {
text-align: center;
}
}
.single-product
.variations_form
.woocommerce-variation-add-to-cart
.quantity-wrapper
.quantity {
width: 4em;
padding-left: 0;
}
@media screen and (max-width: 992px) {
.single-product
.variations_form
.woocommerce-variation-add-to-cart
.quantity-wrapper
.quantity {
text-align: center;
}
}
.single-product .variations_form .variations {
display: flex;
justify-content: space-between;
position: relative;
flex-flow: column;
width: 260px !important;
}
@media screen and (max-width: 992px) {
.single-product .variations_form .variations {
flex-flow: column;
margin: auto;
}
}
.single-product .variations_form .variations select {
background: transparent;
padding: 0.4em 4em 0.4em 0.4em;
width: 260px;
margin-right: 0 !important;
text-overflow: ellipsis;
}
.single-product .variations_form .single_variation_wrap {
width: 100%;
}
@media screen and (min-width: 992px) {
.single-product .variations_form .single_variation_wrap {
width: 25em !important;
}
}
@media screen and (min-width: 992px) {
.single-product
.variations_form
.single_variation_wrap
.woocommerce-variation-description {
text-align: left;
}
}
.single-product .variations_form .label {
width: 100%;
padding-bottom: 0.5em;
}
@media screen and (max-width: 992px) {
.single-product .variations_form .label {
margin-bottom: 1em;
}
}
@media screen and (min-width: 992px) {
.single-product .variations_form .label {
max-width: 200px;
text-align: left;
}
}
.single-product .variations_form .value {
position: relative;
}
.single-product .variations_form .value:after {
content: "";
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/arrow_down.svg) no-repeat;
background-position: 50%;
position: absolute;
display: block;
width: 20px;
height: 100%;
top: 0;
right: 1em;
display: flex;
align-items: center;
pointer-events: none;
}
@media screen and (max-width: 992px) {
.single-product .in-stock {
text-align: center;
}
}
.single-product .woocommerce-tabs {
padding-top: 1em;
width: 100%;
}
.single-product .woocommerce-Tabs-panel .woocommerce-product-attributes {
border-top: 0;
}
.single-product .woocommerce-Tabs-panel .woocommerce-product-attributes tr {
border: 1px solid #ccc;
}
@media screen and (max-width: 992px) {
.single-product .woocommerce-Tabs-panel .woocommerce-product-attributes tr {
display: flex;
flex-flow: column;
}
}
.single-product .woocommerce-Tabs-panel .woocommerce-product-attributes tr td,
.single-product .woocommerce-Tabs-panel .woocommerce-product-attributes tr th {
border: 0;
padding: 10px;
}
.single-product .woocommerce-Tabs-panel p {
font-family: K2D, sans-serif !important;
}
.single-product .woocommerce-Tabs-panel ul {
padding-left: 1.5em;
margin-left: 0;
list-style: none;
}
.single-product .woocommerce-Tabs-panel ul li:before {
content: "\2022";
color: var(--c-primary);
font-weight: 700;
display: inline-block;
width: 1em;
margin-left: -1em;
font-size: 20px;
}
@media screen and (min-width: 320px) {
.single-product .woocommerce-Tabs-panel ul li:before {
font-size: calc(20px + 0 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-product .woocommerce-Tabs-panel ul li:before {
font-size: 20px;
}
}
.single-product .woocommerce-product-details__short-description p,
.single-product .woocommerce-product-details__short-description span,
.single-product .woocommerce-Tabs-panel--description p,
.single-product .woocommerce-Tabs-panel--description span {
font-family: K2D, sans-serif !important;
}
.vbox-content {
display: flex;
height: 100vh;
justify-content: center;
align-items: center;
}
.vbox-container {
overflow: hidden;
}
.vbox-container img {
width: auto;
object-fit: contain;
max-height: 50vh;
}
@media screen and (min-width: 992px) {
.vbox-container img {
padding: 4em !important;
}
}
.vbox-next {
right: 10em;
}
.vbox-prev {
left: 10em;
}
.woof_remove_ppi {
background-image: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/clear-24px.svg) !important;
background-size: 12px 12px;
background-repeat: no-repeat;
background-position: 100%;
}
.chosen-drop .highlighted,
.chosen-results .highlighted {
background: var(--c-primary) !important;
}
.chosen-drop ::-webkit-scrollbar,
.chosen-results ::-webkit-scrollbar {
width: 10px;
}
.chosen-drop ::-webkit-scrollbar-track,
.chosen-results ::-webkit-scrollbar-track {
background: #f1f1f1;
}
.chosen-drop ::-webkit-scrollbar-thumb,
.chosen-results ::-webkit-scrollbar-thumb {
background: rgba(100, 135, 185, 0.6);
border-radius: 5px;
}
@media screen and (min-width: 992px) {
.woocommerce-cart .entry-content {
width: 80%;
}
.woocommerce-cart .shop_table thead tr th {
padding: 20px 12px;
font-family: Poppins, sans-serif;
}
.woocommerce-cart #my_cart_totals {
width: 100%;
}
.woocommerce-cart #my_cart_totals tr td {
text-align: right;
}
.woocommerce-cart #my_cart_totals tr td,
.woocommerce-cart #my_cart_totals tr th {
padding: 1em;
}
.woocommerce-cart #my_cart_totals .order-total {
font-size: 20px;
}
}
@media screen and (min-width: 992px) and (min-width: 320px) {
.woocommerce-cart #my_cart_totals .order-total {
font-size: calc(20px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 992px) and (min-width: 1600px) {
.woocommerce-cart #my_cart_totals .order-total {
font-size: 24px;
}
}
@media screen and (min-width: 992px) {
.woocommerce-cart .cart-discount {
text-transform: uppercase;
}
}
@media screen and (min-width: 992px) {
.woocommerce-cart .woocommerce-remove-coupon {
color: var(--c-primary);
}
}
.woocommerce-cart .woocommerce-cart-form__cart-item a.my-remove {
text-indent: -9999px;
border: 0;
color: transparent !important;
}
.woocommerce-cart .woocommerce-cart-form__cart-item a.my-remove:hover {
background: transparent !important;
}
.woocommerce-cart .woocommerce-cart-form__cart-item a.my-remove:hover:before {
transform: rotate(180deg);
}
.woocommerce-cart .woocommerce-cart-form__cart-item a.remove:before {
content: "";
float: left;
text-indent: 0;
width: 25px;
height: 25px;
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/remove.svg) no-repeat !important;
background-size: contain !important;
transition: all 0.75s cubic-bezier(0.65, 0.05, 0.36, 1);
outline: none;
}
@media screen and (max-width: 992px) {
.woocommerce-cart .woocommerce-cart-form__cart-item .product-thumbnail {
display: block !important;
text-align: center !important;
border-top: 1px solid transparent !important;
}
.woocommerce-cart
.woocommerce-cart-form__cart-item
.product-thumbnail:before {
display: none;
}
}
.woocommerce-cart .wrapper-flex-row-around a {
margin-bottom: 0 !important;
}
@media screen and (min-width: 992px) {
.woocommerce-cart .wrapper-flex-row-around div {
padding-top: 0;
}
}
.woocommerce-cart .wrapper-flex-row-around a,
.woocommerce-cart .wrapper-flex-row-around div {
margin: 0.25em;
text-align: center;
}
.woocommerce-cart .shipping-calculator-button {
color: var(--c-primary);
display: flex !important;
align-items: center;
}
@media screen and (max-width: 992px) {
.woocommerce-cart .shipping-calculator-button {
justify-content: center;
}
}
.woocommerce-cart .shipping-calculator-button:after {
content: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/truck-xs.png) !important;
}
.woocommerce-cart #my_cart_totals,
.woocommerce-cart .woocommerce {
width: 100%;
}
.woocommerce-cart #my_cart_totals h2,
.woocommerce-cart .woocommerce h2 {
text-align: center;
}
.woocommerce-cart #my_cart_totals .woocommerce-info,
.woocommerce-cart #my_cart_totals .woocommerce-message,
.woocommerce-cart .woocommerce .woocommerce-info,
.woocommerce-cart .woocommerce .woocommerce-message {
padding: 1em 2em;
display: flex;
flex-flow: column;
justify-content: center;
text-align: center;
line-height: 2.25;
font-size: 14px;
}
@media screen and (min-width: 320px) {
.woocommerce-cart #my_cart_totals .woocommerce-info,
.woocommerce-cart #my_cart_totals .woocommerce-message,
.woocommerce-cart .woocommerce .woocommerce-info,
.woocommerce-cart .woocommerce .woocommerce-message {
font-size: calc(14px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce-cart #my_cart_totals .woocommerce-info,
.woocommerce-cart #my_cart_totals .woocommerce-message,
.woocommerce-cart .woocommerce .woocommerce-info,
.woocommerce-cart .woocommerce .woocommerce-message {
font-size: 16px;
}
}
.woocommerce-cart #my_cart_totals .woocommerce-info a,
.woocommerce-cart #my_cart_totals .woocommerce-message a,
.woocommerce-cart .woocommerce .woocommerce-info a,
.woocommerce-cart .woocommerce .woocommerce-message a {
margin: auto;
}
@media screen and (max-width: 992px) {
.woocommerce-cart #my_cart_totals .woocommerce-info a,
.woocommerce-cart #my_cart_totals .woocommerce-message a,
.woocommerce-cart .woocommerce .woocommerce-info a,
.woocommerce-cart .woocommerce .woocommerce-message a {
width: 100%;
}
}
.woocommerce-cart #my_cart_totals .woocommerce-info .add_to_cart_button,
.woocommerce-cart #my_cart_totals .woocommerce-message .add_to_cart_button,
.woocommerce-cart .woocommerce .woocommerce-info .add_to_cart_button,
.woocommerce-cart .woocommerce .woocommerce-message .add_to_cart_button {
margin-top: 1em;
order: 3;
}
.woocommerce-cart #my_cart_totals .woocommerce-info:before,
.woocommerce-cart #my_cart_totals .woocommerce-message:before,
.woocommerce-cart .woocommerce .woocommerce-info:before,
.woocommerce-cart .woocommerce .woocommerce-message:before {
display: none;
}
.woocommerce-cart #my_cart_totals p.woocommerce-shipping-destination,
.woocommerce-cart .woocommerce p.woocommerce-shipping-destination {
text-align: right;
}
@media screen and (max-width: 992px) {
.woocommerce-cart #my_cart_totals p.woocommerce-shipping-destination,
.woocommerce-cart .woocommerce p.woocommerce-shipping-destination {
text-align: center;
}
}
.woocommerce-cart .update-cart-button {
display: none;
}
@media screen and (min-width: 992px) {
.woocommerce-cart .woocommerce-notices-wrapper {
min-width: 400px;
}
}
.cart-collaterals .my-cross-sells {
margin-top: 4em;
width: 100% !important;
}
.cart-collaterals .my-cross-sells h2 {
margin-bottom: 2em;
}
@media screen and (min-width: 992px) {
.cart-collaterals .my-cross-sells .products li {
max-width: 22.05%;
}
}
.cart-collaterals .wrapper-flex-row-around {
margin-top: 2em;
}
.cart-collaterals .wrapper-flex-row-around .wc-proceed-to-checkout {
padding: 0;
}
.cart-collaterals .wrapper-flex-row-around .button {
padding: 1em !important;
}
@media screen and (max-width: 992px) {
.cart-collaterals .wrapper-flex-row-around .button {
padding: 1em 0.5em !important;
}
}
.woocommerce-shipping-methods {
display: flex;
flex-flow: column;
}
.woocommerce-shipping-methods li {
display: flex;
justify-content: flex-start;
margin: 0.5em 0 !important;
width: 100%;
}
@media screen and (max-width: 992px) {
.woocommerce-shipping-methods li {
width: 100%;
}
}
.woocommerce-shipping-methods li input {
cursor: pointer;
margin: 0 1em 0 0 !important;
grid-column: 1;
grid-row: 1;
}
.woocommerce-shipping-methods li label {
grid-row: 1;
width: auto;
cursor: pointer;
}
.woocommerce-shipping-methods li label .woocommerce-Price-amount {
margin-left: 1em;
}
@media screen and (max-width: 992px) {
.woocommerce-shipping-methods li label {
width: 100%;
flex-flow: column;
margin: none;
width: auto;
}
.woocommerce-shipping-methods li label .woocommerce-Price-amount {
margin-left: 0;
margin-bottom: 1em;
margin-top: 1em;
}
}
.woocommerce-shipping-methods li p.shipping-method-description {
grid-column-start: 1;
grid-column-end: 3;
}
@media screen and (max-width: 992px) {
body.woocommerce-cart .woocommerce-shipping-totals td ul#shipping_method {
margin-top: 4em;
}
}
body.woocommerce-cart
.woocommerce-shipping-totals
td
ul#shipping_method
li
label {
display: flex;
align-items: flex-end;
flex-flow: column;
width: 200px;
}
body.woocommerce-cart
.woocommerce-shipping-totals
td
ul#shipping_method
li
label
img {
object-fit: contain;
width: 10em;
margin: 1em 0;
}
body.woocommerce-cart
.woocommerce-shipping-totals
td
ul#shipping_method
li
label
img#free-shipping-check {
width: 6em;
}
body.woocommerce-checkout .woocommerce-shipping-totals {
display: block;
width: 100%;
}
body.woocommerce-checkout .woocommerce-shipping-totals th {
display: block;
width: 100%;
}
body.woocommerce-checkout .woocommerce-shipping-totals td {
display: block;
width: 100%;
padding-top: 0.5em !important;
}
body.woocommerce-checkout .woocommerce-shipping-methods {
text-align: left;
justify-content: flex-start;
width: 100%;
}
body.woocommerce-checkout .woocommerce-shipping-methods li {
display: flex;
width: 100%;
justify-content: flex-start;
}
body.woocommerce-checkout .woocommerce-shipping-methods li label {
display: flex !important;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
min-width: unset;
flex: 1;
}
body.woocommerce-checkout .woocommerce-shipping-methods li img {
object-fit: contain;
width: 10em;
margin: 1em 0;
}
#free-shipping-check {
width: 5em;
margin-top: 1em;
}
.shop_table {
border: 1px solid transparent !important;
}
.shop_table .has-coupon-text {
font-family: Poppins, sans-serif;
text-align: center;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.shop_table .has-coupon-text {
text-align: left;
}
}
@media screen and (max-width: 768px) {
.shop_table .coupon {
flex-flow: column;
}
}
.shop_table .coupon .input-text,
.shop_table .coupon .my-woobutton {
font-size: 1.1rem !important;
}
.shop_table .coupon .input-text {
padding: 0.5em 1em !important;
}
.shop_table .product-total {
text-align: right;
}
.shop_table td.my-cart-actions {
padding: 2em 12px !important;
}
@media screen and (max-width: 992px) {
.shop_table td.my-cart-actions .update-cart-button {
margin: 0.75em auto;
}
.shop_table td.my-cart-actions .my-woobutton {
padding: 1.25em 2.5em !important;
}
}
.shop_table #coupon_code {
width: 150px !important;
margin-right: 2em;
text-align: center;
}
@media screen and (max-width: 768px) {
.shop_table #coupon_code {
margin: 0.5em 0 2em;
}
}
.woocommerce-account .main-navigation,
.woocommerce-cart .main-navigation {
margin-bottom: 0;
}
.woocommerce-account header.common-template,
.woocommerce-cart header.common-template {
height: 5em;
}
.woocommerce-account .entry-content .woocommerce,
.woocommerce-cart .entry-content .woocommerce {
display: flex;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.woocommerce-account .entry-content .woocommerce .woocommerce-cart-form,
.woocommerce-cart .entry-content .woocommerce .woocommerce-cart-form {
width: 100%;
}
.woocommerce-account .entry-content .woocommerce .cart_item,
.woocommerce-cart .entry-content .woocommerce .cart_item {
height: 4em;
}
@media screen and (max-width: 768px) {
.woocommerce-account .entry-content .woocommerce .cart_item,
.woocommerce-cart .entry-content .woocommerce .cart_item {
display: table-row;
}
}
.woocommerce-account .entry-content .woocommerce .product-thumbnail,
.woocommerce-cart .entry-content .woocommerce .product-thumbnail {
min-width: 90px;
}
.woocommerce-account .entry-content .woocommerce .product-thumbnail img,
.woocommerce-cart .entry-content .woocommerce .product-thumbnail img {
width: auto;
max-height: 130px;
object-fit: contain;
width: 200px;
}
.woocommerce-account .entry-content .woocommerce .qty,
.woocommerce-cart .entry-content .woocommerce .qty {
border: 1px solid #ccc;
padding-left: 15px;
}
.woocommerce-account .entry-content,
.woocommerce-cart .entry-content {
min-height: 70vh;
margin-top: 4em;
}
.woocommerce-account .woocommerce-error a {
background: transparent !important;
transition: all 0.2s ease-in !important;
border: none !important;
color: #000 !important;
cursor: pointer !important;
font-family: K2D, sans-serif !important;
text-decoration: underline;
}
.woocommerce-account .woocommerce-error a:hover {
border: none !important;
}
.woocommerce-account .woocommerce-error li {
display: block;
}
.woocommerce-MyAccount-navigation {
width: 100% !important;
}
.woocommerce-MyAccount-navigation ul {
display: flex;
margin: auto;
justify-content: center;
list-style: none;
padding-left: 0;
}
@media screen and (max-width: 992px) {
.woocommerce-MyAccount-navigation ul {
flex-flow: column;
}
}
.woocommerce-MyAccount-navigation ul li {
height: auto;
}
.woocommerce-MyAccount-navigation ul li .my-nav-button {
margin: auto !important;
width: 100%;
}
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
padding: 1.5em 10px;
font-size: 15px;
}
@media screen and (min-width: 320px) {
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
font-size: calc(15px + 1 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
font-size: 16px;
}
}
.entry-content {
width: 100%;
}
@media screen and (min-width: 992px) {
.entry-content {
width: 80%;
}
}
form.woocommerce-form {
border: none !important;
}
#customer_login,
.sign-in-up-form-wrapper {
position: relative;
box-shadow: 0 2px 24px 2px rgba(19, 17, 54, 0.75);
margin: auto;
}
@media screen and (min-width: 992px) {
#customer_login,
.sign-in-up-form-wrapper {
width: 100%;
min-width: 400px;
}
}
#customer_login #switch-sign-in,
#customer_login #switch-sign-up,
.sign-in-up-form-wrapper #switch-sign-in,
.sign-in-up-form-wrapper #switch-sign-up {
width: 50%;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
#customer_login #switch-sign-in h2,
#customer_login #switch-sign-up h2,
.sign-in-up-form-wrapper #switch-sign-in h2,
.sign-in-up-form-wrapper #switch-sign-up h2 {
font-size: 14px;
}
@media screen and (min-width: 320px) {
#customer_login #switch-sign-in h2,
#customer_login #switch-sign-up h2,
.sign-in-up-form-wrapper #switch-sign-in h2,
.sign-in-up-form-wrapper #switch-sign-up h2 {
font-size: calc(14px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
#customer_login #switch-sign-in h2,
#customer_login #switch-sign-up h2,
.sign-in-up-form-wrapper #switch-sign-in h2,
.sign-in-up-form-wrapper #switch-sign-up h2 {
font-size: 18px;
}
}
#customer_login #switch-sign-in:hover,
#customer_login #switch-sign-up:hover,
.sign-in-up-form-wrapper #switch-sign-in:hover,
.sign-in-up-form-wrapper #switch-sign-up:hover {
background-color: rgba(100, 135, 185, 0.726);
}
#customer_login .switch-active,
.sign-in-up-form-wrapper .switch-active {
background-color: var(--c-primary);
}
#customer_login .sign-in-wrapper,
#customer_login .sign-up-wrapper,
.sign-in-up-form-wrapper .sign-in-wrapper,
.sign-in-up-form-wrapper .sign-up-wrapper {
width: 100% !important;
opacity: 0;
display: none;
}
#customer_login .form-active,
.sign-in-up-form-wrapper .form-active {
opacity: 1;
display: block;
}
#customer_login form,
.sign-in-up-form-wrapper form {
margin: 0;
}
#customer_login .form-header,
#customer_login .sign-in-wrapper,
#customer_login .sign-up-wrapper,
.sign-in-up-form-wrapper .form-header,
.sign-in-up-form-wrapper .sign-in-wrapper,
.sign-in-up-form-wrapper .sign-up-wrapper {
background-color: rgba(1, 34, 65, 0.84706);
}
#customer_login .sign-up-wrapper form,
.sign-in-up-form-wrapper .sign-up-wrapper form {
opacity: 0;
height: 0;
padding: 0 !important;
transition: all 0.3s ease-in-out;
margin-top: 0;
}
#customer_login .sign-up-wrapper .form-type-chosen,
.sign-in-up-form-wrapper .sign-up-wrapper .form-type-chosen {
opacity: 1;
height: 100%;
padding: 20px;
margin-top: 1em;
}
#customer_login .choose-customer-type,
.sign-in-up-form-wrapper .choose-customer-type {
padding: 2em 1em 4em;
display: flex;
flex-flow: column;
justify-content: space-around;
}
@media screen and (min-width: 992px) {
#customer_login .choose-customer-type,
.sign-in-up-form-wrapper .choose-customer-type {
padding: 2em 2em 4em;
}
}
#customer_login .wholesale-info,
.sign-in-up-form-wrapper .wholesale-info {
color: #fff;
text-align: center;
transition: all 0.3s ease-in-out;
margin: 0;
height: 0;
opacity: 0;
}
#customer_login .show-info,
.sign-in-up-form-wrapper .show-info {
margin: 2em 0;
height: auto;
opacity: 1;
display: block;
}
#customer_login .form-header,
.sign-in-up-form-wrapper .form-header {
padding: 2em 1em;
}
#customer_login a,
#customer_login h2,
#customer_login p,
.sign-in-up-form-wrapper a,
.sign-in-up-form-wrapper h2,
.sign-in-up-form-wrapper p {
color: #fff;
}
#customer_login .input-text,
#customer_login .woocommerce-Input:focus,
.sign-in-up-form-wrapper .input-text,
.sign-in-up-form-wrapper .woocommerce-Input:focus {
background: transparent;
border: none;
border-bottom: 1px solid #ccc;
padding: 0.5em;
border-radius: 0;
color: #fff;
}
#customer_login .login-and-remember,
.sign-in-up-form-wrapper .login-and-remember {
flex-flow: column-reverse;
}
#customer_login .woocommerce-LostPassword,
#customer_login .woocommerce-privacy-policy-text,
.sign-in-up-form-wrapper .woocommerce-LostPassword,
.sign-in-up-form-wrapper .woocommerce-privacy-policy-text {
text-align: center;
}
.woocommerce-MyAccount-content {
margin: 2em;
}
.woocommerce-MyAccount-content .woocommerce-Address-title {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.woocommerce-MyAccount-content .woocommerce-Address-title h3 {
width: 100%;
margin-bottom: 0.5em;
}
.woocommerce-MyAccount-content .woocommerce-Address-title .edit {
width: 100%;
margin-bottom: 1em;
}
.woocommerce-MyAccount-content input {
background: transparent;
}
.woocommerce-MyAccount-content fieldset {
margin: 5em auto;
padding: 2em;
background: rgba(1, 34, 65, 0.84706);
border: none;
color: #fff;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.woocommerce-MyAccount-content fieldset {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce-MyAccount-content fieldset {
font-size: 14px;
}
}
@media screen and (min-width: 992px) {
.woocommerce-MyAccount-content fieldset {
padding: 2em 3em;
width: 80%;
}
}
.woocommerce-MyAccount-content fieldset label {
font-weight: 600;
padding-bottom: 2em;
font-size: 14px;
}
@media screen and (min-width: 320px) {
.woocommerce-MyAccount-content fieldset label {
font-size: calc(14px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce-MyAccount-content fieldset label {
font-size: 18px;
}
}
.woocommerce-MyAccount-content fieldset p {
margin: 0 0 1.5em !important;
}
.woocommerce-MyAccount-content fieldset p label {
margin-bottom: 1em;
font-weight: 400;
padding-bottom: 0;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.woocommerce-MyAccount-content fieldset p label {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce-MyAccount-content fieldset p label {
font-size: 14px;
}
}
.woocommerce-MyAccount-content fieldset p:first-of-type {
margin: 1.5em 0 !important;
}
.woocommerce-MyAccount-content fieldset input {
border-bottom: 1px solid #fff !important;
color: #fff !important;
}
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm {
margin: auto;
}
@media screen and (min-width: 992px) {
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm {
width: 80%;
max-width: 600px;
}
}
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm p {
width: 100%;
}
.woocommerce-MyAccount-content
.woocommerce-address-fields__field-wrapper
.input-text,
.woocommerce-MyAccount-content
.woocommerce-address-fields__field-wrapper
input[type="text"],
.woocommerce-MyAccount-content
.woocommerce-address-fields__field-wrapper
select,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .input-text,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="text"],
.woocommerce-MyAccount-content .woocommerce-EditAccountForm select {
padding: 0.5em;
border: none;
border-bottom: 1px solid #000;
text-align: center;
}
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper label,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm label {
font-family: Poppins, sans-serif;
}
.woocommerce-MyAccount-content
.woocommerce-address-fields__field-wrapper
.woocommerce-form-row
em,
.woocommerce-MyAccount-content
.woocommerce-EditAccountForm
.woocommerce-form-row
em {
font-size: 12px;
}
.woocommerce-MyAccount-content
.woocommerce-address-fields__field-wrapper
.selection
span,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .selection span {
height: 2.75em;
line-height: 2.75em;
}
.woocommerce-MyAccount-content .woocommerce-message--info {
display: flex;
flex-flow: column;
}
@media screen and (max-width: 520px) {
.woocommerce-MyAccount-content .woocommerce-message--info:before {
left: 0.5em;
}
}
.woocommerce-MyAccount-content .woocommerce-message--info .add_to_cart_button {
order: 2;
margin: 2em auto;
}
@media screen and (min-width: 992px) {
.woocommerce-MyAccount-content
.woocommerce-message--info
.add_to_cart_button {
max-width: 60%;
}
}
.shop-wrapper {
align-items: flex-start !important;
position: relative;
}
@media screen and (max-width: 1200px) {
.shop-wrapper {
flex-flow: column !important;
}
}
.subcategories-list {
padding: 0;
margin: 0 0 2em;
display: flex;
flex-wrap: wrap;
list-style: none;
}
.subcategories-list li {
padding: 0.5em 0 0;
margin-right: 1em;
margin-bottom: 1em;
}
@media screen and (max-width: 992px) {
.subcategories-list li {
width: 100%;
margin-right: 0;
}
}
.subcategories-list li a {
font-family: Poppins, sans-serif;
transition: all 0.3s ease-in-out;
padding: 1.5em 1.75em !important;
font-size: 1em !important;
}
@media screen and (max-width: 992px) {
.subcategories-list li a {
width: 100%;
text-align: center;
}
}
.main-shop-products {
width: 100%;
}
.woocommerce-Price-amount {
font-family: Poppins, sans-serif;
}
.sidebar-filters {
width: 100%;
}
.sidebar-filters .chosen-choices,
.sidebar-filters .chosen-single {
box-shadow: none;
background: transparent;
border-radius: 0;
border: none;
border-bottom: 1px solid #000;
}
.sidebar-filters .chosen-choices input,
.sidebar-filters .chosen-choices span,
.sidebar-filters .chosen-single input,
.sidebar-filters .chosen-single span {
font-size: 1rem;
line-height: 1.2;
}
.sidebar-filters .chosen-choices {
padding-bottom: 0.5em;
font-size: 1rem;
display: flex;
}
@media screen and (max-width: 992px) {
.sidebar-filters .chosen-choices {
flex-wrap: wrap;
}
}
.sidebar-filters .chosen-choices .search-field {
margin-right: 2em !important;
}
.sidebar-filters .chosen-results {
max-height: 350px;
}
.sidebar-filters .chosen-results li {
font-size: 1rem;
padding: 8px;
}
.sidebar-filters .chosen-container-active.chosen-with-drop .chosen-single {
background-image: none;
}
.sidebar-filters .chosen-container-active {
background: transparent;
}
.sidebar-filters .chosen-container-multi {
position: relative;
}
.sidebar-filters .chosen-container-multi:after {
content: "";
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/arrow_down_grey.svg) no-repeat;
background-position: 50%;
position: absolute;
display: block;
width: 20px;
height: 70%;
top: 0;
right: 5px;
display: flex;
align-items: center;
pointer-events: none;
}
@media screen and (max-width: 992px) {
.sidebar-filters .chosen-container-multi:after {
right: 0.25em;
}
}
.sidebar-filters .chosen-container-multi .chosen-choices,
.sidebar-filters .chosen-container-multi .chosen-choices input {
cursor: pointer !important;
}
.sidebar-filters
.chosen-container-multi
.chosen-choices
li.search-field
input[type="text"] {
transition: 0.3s ease-in-out;
}
.sidebar-filters .chosen-container-multi .chosen-choices li.search-choice {
box-shadow: none !important;
background-image: none !important;
border: none !important;
background-color: transparent !important;
}
@media screen and (max-width: 992px) {
.sidebar-filters .chosen-container-multi .chosen-choices li.search-choice {
width: 80%;
}
}
.sidebar-filters .chosen-container-multi .chosen-choices li.search-choice span {
white-space: nowrap;
}
.sidebar-filters .woof_reset_search_form {
margin-bottom: 1rem;
}
#toggle-filters {
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 992px) {
#toggle-filters {
display: none;
}
}
#toggle-filters .filters-icon {
display: block;
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/filter.svg) no-repeat;
background-size: contain;
width: 20px;
height: 20px;
}
@media screen and (max-width: 992px) {
.woof {
display: none;
}
}
.woof__show {
display: block;
}
.woof_list label {
vertical-align: baseline;
vertical-align: initial;
}
.woof_list_checkbox {
padding: 0;
}
.woof_list_checkbox li[class*="woof_term"] {
display: inline-table;
}
.woof_list_checkbox li[class*="woof_term"] a {
display: flex;
flex-wrap: nowrap;
align-items: baseline;
}
.woof_childs_list {
padding-left: 0.5em;
margin: 7px 0 0 !important;
}
.woof_childs_list li {
display: flex;
align-items: baseline;
}
.woof_redraw_zone {
padding-top: 1em;
}
.woof_products_top_panel {
width: 80%;
z-index: 3;
}
.woof_products_top_panel .woof_remove_ppi {
font-family: Poppins, sans-serif;
}
span.woof_is_closed {
transform: rotate(0deg);
}
span.woof_is_closed,
span.woof_is_opened {
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/add_circle_outline.svg) no-repeat !important;
background-size: contain !important;
width: 22px;
height: 22px;
transition: all 0.2s ease-in-out;
outline: none;
}
span.woof_is_opened {
transform: rotate(135deg);
}
.chosen-container {
width: 100% !important;
}
.woof_redraw_zone {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 1em;
grid-row-gap: 1em;
align-items: flex-end;
}
@media screen and (max-width: 992px) {
.woof_redraw_zone {
grid-template-columns: 1fr;
}
}
.woof_redraw_zone .woof_submit_search_form_container {
margin: 0 !important;
}
.woof_redraw_zone .woof_container_mselect .chosen-choices li input {
width: 100% !important;
}
.woof_reset_button_2 {
display: none;
}
.woof_price_search_container {
grid-column-start: 1;
grid-column-end: 4;
}
@media screen and (max-width: 992px) {
.woof_price_search_container {
grid-column-start: 1;
grid-column-end: 1;
}
}
@media screen and (min-width: 992px) {
.woof_price_search_container .woof_container_inner {
width: 25%;
}
}
.woof_submit_search_form_container {
grid-row-start: 4;
}
@media screen and (max-width: 992px) {
.woof_submit_search_form_container {
grid-row-start: 1;
}
}
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: "";
outline: none;
}
.woocommerce-ordering {
margin-bottom: 4em !important;
}
@media screen and (min-width: 992px) {
.woocommerce-ordering {
z-index: 3;
top: 0;
right: 0;
}
}
.woocommerce-ordering:after {
content: "";
background: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/swap_vert.svg) no-repeat;
background-position: 50%;
position: absolute;
display: block;
width: 20px;
height: 100%;
top: 0;
right: 1em;
display: flex;
align-items: center;
pointer-events: none;
}
.woocommerce-ordering select:first-child {
background-color: var(--c-primary) !important;
width: 100%;
color: #fff !important;
padding: 0.5em 4em 0.5em 2em !important;
font-weight: 600 !important;
border-radius: 100rem !important;
text-decoration: none !important;
transition: all 0.2s ease-in !important;
border: 1px solid var(--c-primary) !important;
font-size: 13px;
}
@media screen and (min-width: 320px) {
.woocommerce-ordering select:first-child {
font-size: calc(13px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce-ordering select:first-child {
font-size: 15px;
}
}
.woocommerce-ordering select:first-child option {
background-color: #fff !important;
color: #000;
width: 100%;
}
.woocommerce-result-count {
height: 3em;
display: flex;
align-items: center;
margin: 0 0 1rem !important;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.woocommerce-result-count {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce-result-count {
font-size: 14px;
}
}
.vg-sort-show {
display: flex;
align-items: center;
height: 3em;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.vg-sort-show {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.vg-sort-show {
font-size: 14px;
}
}
@media screen and (max-width: 992px) {
.vg-sort-show {
margin-right: 1em;
float: right;
}
}
@media screen and (min-width: 992px) {
.vg-sort-show {
float: left;
margin-left: 1em;
}
}
.vg-sort-show select {
cursor: pointer;
padding: 5px 7px;
margin-left: 5px;
background: transparent;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.vg-sort-show select {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.vg-sort-show select {
font-size: 14px;
}
}
.vg-sort-show select option {
cursor: pointer;
}
.vg-sort-show select:focus {
border-color: #66afe9;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08),
0 0 8px rgba(102, 175, 233, 0.6);
}
@media screen and (max-width: 992px) {
.dgwt-wcas-suggestions-wrapp {
height: calc(100% - 45px) !important;
}
}
@media screen and (min-width: 992px) {
.dgwt-wcas-suggestions-wrapp {
overflow-y: scroll !important;
max-height: 65vh !important;
}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion {
text-decoration: none !important;
}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-selected {
background: var(--c-primary) !important;
}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-selected .dgwt-wcas-st,
.dgwt-wcas-suggestions-wrapp
.dgwt-wcas-suggestion-selected
.dgwt-wcas-st-title {
color: #fff;
}
}
.dgwt-wcas-details-wrapp {
height: auto !important;
}
.dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form {
align-items: center;
justify-content: center;
}
.dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form .quantity {
margin-right: 2em;
}
.dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form .add_to_cart_inline {
text-align: center;
}
.dgwt-wcas-details-wrapp .dgwt-wcas-pd-addtc-form input {
border: 1px solid #ccc;
padding-left: 15px;
}
.dgwt-wcas-details-wrapp .dgwt-wcas-details-main-image {
padding: 2em;
}
.dgwt-wcas-si {
width: 8em !important;
height: 5em !important;
}
.dgwt-wcas-si img {
border: none;
max-height: 100%;
height: 100%;
object-fit: contain;
}
.dgwt-wcas-pd-rating {
height: 4em;
line-height: -4em;
display: flex;
align-items: center;
}
.dgwt-wcas-stock {
display: none;
}
.woocommerce-message {
border-top-color: var(--c-primary);
}
@media screen and (max-width: 992px) {
.woocommerce-message {
text-align: center;
}
}
.woocommerce-message:before {
content: "";
}
.showcoupon {
text-decoration: underline;
}
#customer_details .woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#customer_details p {
width: 100%;
margin-bottom: 2em;
}
@media screen and (min-width: 992px) {
#customer_details #billing_city_field,
#customer_details #billing_first_name_field,
#customer_details #billing_last_name_field,
#customer_details #billing_postcode_field {
width: 45%;
}
}
#customer_details #order_comments_field {
margin-top: 2em;
}
@media screen and (max-width: 992px) {
#customer_details #order_comments {
min-height: 90px;
}
}
#customer_details .input-text,
#customer_details input[type="text"],
#customer_details select {
padding: 1em;
}
#customer_details textarea {
min-height: 100px;
}
#customer_details label {
font-family: Poppins, sans-serif;
text-align: left;
}
#customer_details .selection span {
height: 2.75em;
line-height: 2.75em;
}
#customer_details .col-1,
#customer_details .col-2 {
width: 100% !important;
padding: 0 10%;
}
@media screen and (max-width: 992px) {
#customer_details .col-1,
#customer_details .col-2 {
padding: 0 5%;
}
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
background-color: transparent;
}
.woocommerce-error {
border-top-color: rgba(228, 3, 3, 0.904);
}
.woocommerce-error:before {
color: rgba(228, 3, 3, 0.904);
}
.woocommerce-error li {
display: flex;
flex-flow: column;
text-align: center;
justify-content: center;
align-items: center;
}
.woocommerce-error li a {
order: 2;
width: 100%;
max-width: 300px;
text-align: center;
margin: 1em auto !important;
}
.woocommerce-thankyou-order-details {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.woocommerce-thankyou-order-details li {
border-right: none !important;
padding: 1em;
}
.woocommerce-loop-category__title {
text-align: center;
}
.woocommerce-checkout .entry-content {
width: 100%;
}
@media screen and (min-width: 1300px) {
.woocommerce-checkout .entry-content {
padding: 0 5em;
}
}
.woocommerce-checkout .woocommerce-form-coupon-toggle {
display: none;
}
.woocommerce-checkout .woocommerce-form-login {
margin: 2em auto !important;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
background-color: rgba(1, 34, 65, 0.847);
}
@media screen and (max-width: 992px) {
.woocommerce-checkout .woocommerce-form-login {
width: 100%;
margin: auto auto 7em !important;
}
}
@media screen and (min-width: 992px) {
.woocommerce-checkout .woocommerce-form-login {
width: 40%;
}
}
.woocommerce-checkout .woocommerce-form-login p {
text-align: center;
}
.woocommerce-checkout .woocommerce-form-login input,
.woocommerce-checkout .woocommerce-form-login p {
color: #fff;
}
.woocommerce-checkout .woocommerce-form-login .form-row {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.woocommerce-checkout .woocommerce-form-login .form-row-first,
.woocommerce-checkout .woocommerce-form-login .form-row-last {
margin-bottom: 1em;
}
.woocommerce-checkout .woocommerce-form-login input {
background: transparent;
border: none;
border-bottom: 1px solid #ccc;
padding: 1em;
border-radius: 0;
}
.woocommerce-checkout .woocommerce-form-login .input-text {
color: #fff;
}
@media screen and (min-width: 992px) {
.woocommerce-checkout .woocommerce-form-login .input-text {
min-width: 300px;
}
}
.woocommerce-checkout
.woocommerce-form-login
.input-text:-ms-input-placeholder {
color: #fff;
}
.woocommerce-checkout
.woocommerce-form-login
.input-text::-ms-input-placeholder {
color: #fff;
}
.woocommerce-checkout .woocommerce-form-login .input-text::placeholder {
color: #fff;
}
.woocommerce-checkout .woocommerce-form-login .outline-button {
font-family: Poppins, sans-serif;
}
.woocommerce-checkout .woocommerce-form-login .woocommerce-LostPassword {
text-align: center;
}
.woocommerce-checkout .checkout-steps {
margin: 5em auto 2em;
}
.woocommerce table.shop_table td {
padding: 1em;
}
form.woocommerce-checkout #billing_country_field,
form.woocommerce-checkout #shipping_country_field {
text-align: left;
display: none;
}
@media screen and (max-width: 992px) {
form.woocommerce-checkout .woocommerce-input-wrapper #order_comments {
text-align: center;
margin-top: 1em;
}
}
form.woocommerce-checkout #ship-to-different-address {
float: none !important;
width: 100%;
}
@media screen and (min-width: 992px) {
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order {
margin-top: 7em;
}
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.cart_item {
width: 100%;
padding: 0.5em 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.cart_item
.product-name {
text-align: left;
width: 60%;
}
@media screen and (min-width: 992px) {
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.cart_item
.product-name {
width: 70%;
}
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.cart_item
.my-product-quantity {
margin-right: 1em;
}
@media screen and (min-width: 992px) {
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.cart_item
.my-product-quantity,
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.cart_item
.product-total {
width: 15%;
}
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table {
margin-top: 2em;
border-collapse: collapse;
table-layout: fixed;
}
@media screen and (min-width: 992px) {
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table
tfoot {
display: table-row-group;
}
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table
.cart-subtotal {
border-bottom: 1px solid #fff;
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table
.cart-subtotal
td,
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table
.cart-subtotal
th {
border: none;
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table
.cart-subtotal
td {
margin-left: 100%;
text-align: right !important;
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table
.cart-discount {
text-transform: uppercase;
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order
.woocommerce-checkout-review-order-table
.cart-discount
td {
text-align: right !important;
}
@media screen and (min-width: 992px) {
form.woocommerce-checkout .checkout-fields-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
}
form.woocommerce-checkout .checkout-fields-wrapper .col2-set {
grid-column-start: 1;
grid-column-end: 1;
}
form.woocommerce-checkout
.checkout-fields-wrapper
.woocommerce-checkout-review-order,
form.woocommerce-checkout .checkout-fields-wrapper h3 {
grid-column-start: 2;
grid-column-end: 2;
grid-row-start: 1;
}
form.woocommerce-checkout .checkout-fields-wrapper .order-total {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
form.woocommerce-checkout .checkout-fields-wrapper .order-total td,
form.woocommerce-checkout .checkout-fields-wrapper .order-total th {
padding: 1em;
}
form.woocommerce-checkout .checkout-fields-wrapper .order-total td {
text-align: right;
}
form.woocommerce-checkout
.checkout-fields-wrapper
.order-total
.woocommerce-Price-amount {
font-size: 20px;
}
}
@media screen and (min-width: 992px) and (min-width: 320px) {
form.woocommerce-checkout
.checkout-fields-wrapper
.order-total
.woocommerce-Price-amount {
font-size: calc(20px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 992px) and (min-width: 1600px) {
form.woocommerce-checkout
.checkout-fields-wrapper
.order-total
.woocommerce-Price-amount {
font-size: 24px;
}
}
@media screen and (min-width: 992px) {
form.woocommerce-checkout
.checkout-fields-wrapper
#ship-to-different-address {
float: none !important;
}
}
form.woocommerce-checkout .woocommerce-shipping-totals td,
form.woocommerce-checkout .woocommerce-shipping-totals th {
border-top: none !important;
}
@media screen and (max-width: 992px) {
form.woocommerce-checkout .order-total {
font-size: 24px;
}
}
@media screen and (max-width: 992px) and (min-width: 320px) {
form.woocommerce-checkout .order-total {
font-size: calc(24px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (max-width: 992px) and (min-width: 1600px) {
form.woocommerce-checkout .order-total {
font-size: 26px;
}
}
@media screen and (max-width: 992px) {
form.woocommerce-checkout .order-total td {
text-align: right;
}
}
.woocommerce-checkout-payment {
background: #f3f3f3 !important;
}
body.woocommerce-order-received .woocommerce-order {
max-width: 800px;
margin: auto;
}
.woocommerce-thankyou-order-received {
color: #77a464;
font-weight: 600;
margin-top: 3em;
}
.star-rating span:before,
.stars a:before {
color: gold;
transition: all 0.2s ease-in-out;
}
.stars span {
cursor: pointer;
}
.empty-star-rating,
.star-rating {
margin-top: -0.5em !important;
}
@media screen and (max-width: 992px) {
.star-rating {
margin: 0.5em !important;
}
}
.star-text {
font-size: 10px;
}
@media screen and (min-width: 320px) {
.star-text {
font-size: calc(10px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.star-text {
font-size: 12px;
}
}
@media screen and (min-width: 992px) {
.woocommerce-review-link {
padding-left: 0.75em;
}
}
.empty-star-rating:before {
color: gold !important;
transition: all 0.2s ease-in-out;
}
.empty-star-rating:hover:before {
content: "SSSSS";
color: gold !important;
}
.woocommerce .woocommerce-product-rating {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 992px) {
.woocommerce .woocommerce-product-rating {
justify-content: flex-start;
align-items: flex-start;
}
}
.woocommerce-review-link {
font-size: 10px;
}
@media screen and (min-width: 320px) {
.woocommerce-review-link {
font-size: calc(10px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.woocommerce-review-link {
font-size: 12px;
}
}
#reviews .commentlist {
padding: 0;
}
#reviews .commentlist .avatar {
display: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0;
}
@media screen and (max-width: 992px) {
.woocommerce #reviews #comments ol.commentlist li .comment-text {
display: flex;
flex-flow: column;
}
}
.woocommerce div.product .woocommerce-tabs .panel {
width: 100%;
}
.woocommerce .blockUI.blockOverlay {
z-index: 10 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.my-wc-tabs {
display: flex;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.my-wc-tabs:before {
border-bottom: 1px solid var(--c-primary);
}
body.tax-product_cat .term-description {
display: none;
}
@media screen and (max-width: 992px) {
.wholesale_price_container {
display: flex !important;
flex-flow: column;
justify-content: center;
align-items: center;
}
}
.wpdesk-notice-container .woocommerce-message {
padding: 1em 2em;
display: flex;
flex-flow: column;
justify-content: center;
text-align: center;
line-height: 2.25;
font-size: 14px;
}
@media screen and (min-width: 320px) {
.wpdesk-notice-container .woocommerce-message {
font-size: calc(14px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.wpdesk-notice-container .woocommerce-message {
font-size: 16px;
}
}
.wpdesk-notice-container .woocommerce-message a {
margin: auto;
}
.wpdesk-notice-container .woocommerce-message .add_to_cart_button {
margin-top: 1em;
order: 3;
}
@media screen and (max-width: 992px) {
.wpdesk-notice-container .woocommerce-message .add_to_cart_button {
width: 100%;
}
}
.wpdesk-notice-container .woocommerce-message:before {
display: none;
}
.payment_methods .wc_payment_method {
margin: 2em 1em !important;
}
.payment_methods .wc_payment_method label {
font-family: Poppins, sans-serif;
}
.payment_methods .wc_payment_method input,
.payment_methods .wc_payment_method label {
cursor: pointer;
}
.woocommerce-privacy-policy-link {
text-decoration: underline;
transition: all 0.3s ease-in-out;
}
.woocommerce-thankyou-order-details {
padding-right: 0;
padding-left: 0 !important;
}
.woocommerce-thankyou-order-details li {
margin: auto !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.bacs_details {
display: flex;
padding-left: 0;
justify-content: center;
}
.bacs_details li {
margin: auto !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.woocommerce-order-received tfoot td {
text-align: right;
}
.checkout ul.wc_payment_methods {
padding: 2em;
}
.checkout .woocommerce-form__label-for-checkbox input[type="checkbox"] {
position: relative;
cursor: pointer;
padding: 0;
margin-right: 10px;
width: 29px;
height: 26px;
}
.checkout .woocommerce-form__label-for-checkbox input[type="checkbox"]:before {
content: "";
margin-right: 10px;
display: inline-block;
margin-top: -2px;
width: 30px;
height: 30px;
background: #fff;
border: 1px solid #ccc;
}
.checkout
.woocommerce-form__label-for-checkbox
input[type="checkbox"]:checked:before {
background: var(--c-primary);
border-color: #fff;
}
.checkout
.woocommerce-form__label-for-checkbox
input[type="checkbox"]:disabled {
color: var(--c-primary);
cursor: auto;
}
.checkout
.woocommerce-form__label-for-checkbox
input[type="checkbox"]:disabled:before {
box-shadow: none;
background: var(--c-primary);
}
.checkout
.woocommerce-form__label-for-checkbox
input[type="checkbox"]:checked:after {
content: "";
position: absolute;
left: 10px;
top: 12px;
background: #fff;
width: 3px;
height: 3px;
box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff,
4px -6px 0 #fff, 4px -8px 0 #fff;
transform: rotate(45deg);
}
.checkout .wc_payment_method input[type="radio"] {
position: relative;
cursor: pointer;
padding: 0;
margin-right: 10px;
width: 20px;
height: 20px;
}
.checkout .wc_payment_method input[type="radio"]:before {
content: "";
margin-right: 10px;
display: inline-block;
margin-top: -2px;
width: 30px;
height: 30px;
background: #fff;
border: 1px solid #ccc;
}
.checkout .wc_payment_method input[type="radio"]:checked:before {
background: var(--c-primary);
border-color: #fff;
}
.checkout .wc_payment_method input[type="radio"]:disabled {
color: var(--c-primary);
cursor: auto;
}
.checkout .wc_payment_method input[type="radio"]:disabled:before {
box-shadow: none;
background: var(--c-primary);
}
.checkout .wc_payment_method input[type="radio"]:checked:after {
content: "";
position: absolute;
left: 10px;
top: 12px;
background: #fff;
width: 3px;
height: 3px;
box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff,
4px -6px 0 #fff, 4px -8px 0 #fff;
transform: rotate(45deg);
}
.checkout .woocommerce-form__label {
display: flex;
justify-content: center;
align-self: center;
}
.blog-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 3em;
column-gap: 3em;
margin: 3em 0;
grid-row-gap: 6em;
}
@media screen and (max-width: 992px) {
.blog-grid {
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 1fr;
}
}
.blog-posts-header {
text-align: center;
font-size: 18px;
}
@media screen and (min-width: 320px) {
.blog-posts-header {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.blog-posts-header {
font-size: 22px;
}
}
.blog-grid-home {
margin: auto;
}
@media screen and (max-width: 992px) {
.blog-grid-home {
height: 100%;
}
}
body.blog .post-wrapper {
display: flex;
flex-flow: column;
justify-content: space-between;
opacity: 0;
transition: all 0.4s ease-in;
}
body.blog .post-wrapper p {
height: 100%;
padding: 1em;
font-size: 16px;
}
@media screen and (min-width: 320px) {
body.blog .post-wrapper p {
font-size: calc(16px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
body.blog .post-wrapper p {
font-size: 18px;
}
}
body.blog .post-wrapper a.read-more {
width: 50%;
text-align: center;
margin: 0 auto;
}
.blog-post {
position: relative;
height: 100%;
background-size: cover;
display: flex;
min-height: 20em;
}
@media screen and (min-width: 992px) {
.blog-post {
min-height: 32em;
background-position: 50%;
}
}
.blog-post:hover:before {
opacity: 0.25;
}
.blog-post-caption {
align-self: flex-end;
z-index: 2;
width: 100%;
height: 8em;
}
@media screen and (max-width: 992px) {
.blog-post-caption {
align-self: center;
height: 0;
}
}
.blog-post-caption h3 {
text-align: center;
height: 100%;
width: 100%;
padding: 0 2em;
color: #fff;
margin: 0;
font-size: 18px;
}
@media screen and (min-width: 320px) {
.blog-post-caption h3 {
font-size: calc(18px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.blog-post-caption h3 {
font-size: 20px;
}
}
.blog-post:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(1, 34, 65, 0);
background-image: linear-gradient(
0deg,
#012241,
#012241 1%,
rgba(1, 34, 65, 0.59)
);
opacity: 0.75;
transition: all 0.4s ease-in-out;
}
.single-post .entry-content p {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.single-post .entry-content p {
font-size: calc(18px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.single-post .entry-content p {
font-size: 20px;
}
}
.single-post .entry-footer {
display: none;
}
.blog-post-container {
width: 90% !important;
align-items: flex-start !important;
}
@media screen and (max-width: 1200px) {
.blog-post-container {
flex-flow: column !important;
}
}
.blog-post-container .post-thumbnail {
width: 60%;
padding-top: 0;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1200px) {
.blog-post-container .post-thumbnail {
width: 100%;
margin: auto 0 2em;
order: 1;
}
}
@media screen and (min-width: 1200px) {
.blog-post-container .post-thumbnail {
padding: 0 3em;
align-items: flex-start;
}
}
.blog-post-container .post-thumbnail img {
margin: auto;
}
.blog-post-container .post-content {
width: 100%;
text-align: left;
font-size: 20px;
}
@media screen and (min-width: 320px) {
.blog-post-container .post-content {
font-size: calc(20px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.blog-post-container .post-content {
font-size: 22px;
}
}
@media screen and (max-width: 1200px) {
.blog-post-container .post-content {
order: 2;
}
}
.blog-post-container .post-content .itemIntroText p {
margin-top: 0;
text-indent: 1em;
}
.post-navigation {
width: 80%;
margin: 5em auto 0;
display: flex;
flex-flow: row;
align-items: flex-start;
justify-content: space-between;
transition: all 0.3s ease-in;
}
@media screen and (max-width: 992px) {
.post-navigation {
width: 70%;
}
}
.post-navigation div {
display: flex;
flex-flow: column;
justify-content: center;
width: 14em;
}
@media screen and (min-width: 992px) {
.post-navigation div {
align-items: center;
}
}
.post-navigation div:nth-of-type(2) p {
text-align: right;
}
.post-navigation span {
display: flex;
flex-flow: row;
align-items: center;
}
.post-navigation__next,
.post-navigation__prev {
color: #ccc;
}
.post-navigation__next :after,
.post-navigation__next:before,
.post-navigation__prev :after,
.post-navigation__prev:before {
font-size: 16px;
}
@media screen and (min-width: 320px) {
.post-navigation__next :after,
.post-navigation__next:before,
.post-navigation__prev :after,
.post-navigation__prev:before {
font-size: calc(16px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.post-navigation__next :after,
.post-navigation__next:before,
.post-navigation__prev :after,
.post-navigation__prev:before {
font-size: 18px;
}
}
.post-navigation__prev:before {
content: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/arrow_left.svg);
display: block;
line-height: 0;
margin-right: 0.25em;
}
.post-navigation__next {
justify-content: flex-end;
text-align: right;
}
.post-navigation__next:after {
content: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/svg/arrow_right.svg);
display: block;
line-height: 0;
margin-left: 0.25em;
}
.post-navigation--wide {
animation: navWide 1s forwards;
}
@media screen and (max-width: 992px) {
@keyframes navWide {
0% {
width: 80%;
}
75% {
width: 100%;
}
to {
width: 100%;
}
}
}
@media screen and (min-width: 992px) {
@keyframes navWide {
0% {
width: 70%;
}
75% {
width: 100%;
}
to {
width: 100%;
}
}
}
.cookie-law-notification {
z-index: 10000000;
opacity: 0;
transition: all 0.3s ease-in 0s;
position: fixed;
width: 100%;
bottom: 0;
left: 50%;
transform: translate(-50%, 100%);
padding: 1em 5em;
border-radius: 0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
font-size: 15px;
box-shadow: 0 7px 28px rgba(23, 43, 99, 0.4);
display: none;
justify-content: space-between;
align-items: center;
flex-flow: row-reverse;
}
@media screen and (max-width: 992px) {
.cookie-law-notification {
border-radius: 0;
max-width: 100%;
width: 100%;
right: 0;
bottom: 0;
flex-flow: column-reverse;
padding: 1em;
}
}
.cookies-notification-on {
display: flex;
opacity: 1;
animation: cookieInfoUp 1s forwards;
transition: all 0.3s ease-in-out;
}
@keyframes cookieInfoUp {
0% {
transform: translate(-50%, 100%);
opacity: 0;
}
90% {
transform: translate(-50%);
opacity: 1;
}
to {
transform: translate(-50%);
opacity: 1;
}
}
.cookies-notification-off {
display: none;
}
.cookie-law-accepted {
transform: translate(-50%, 100%) !important;
opacity: 0 !important;
}
.cookie-law-notification a {
font-size: 15px;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.cookie-law-notification p {
margin: 0;
color: #000;
}
@media screen and (max-width: 992px) {
.cookie-law-notification p {
text-align: center;
}
}
.cookie-law-notification button {
align-self: center;
line-height: 40px;
height: 40px;
white-space: nowrap;
color: #fff;
background-color: rgba(1, 34, 65, 0.84706);
border: none;
font-size: 12px;
font-weight: 600;
cursor: pointer;
border-radius: 50px;
margin: auto 2em;
transition: all 0.3s ease-in-out;
padding: 0 2em !important;
}
.cookie-law-notification button:active,
.cookie-law-notification button:focus {
outline: none;
}
@media screen and (max-width: 992px) {
.cookie-law-notification button {
margin: 1em auto auto;
}
}
.cookie-law-notification button:hover {
opacity: 1;
}
.txt-centered {
padding: 3em;
text-align: center;
}
.wrapper-flex-column {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
position: relative;
}
.wrapper-flex-row {
justify-content: space-around;
}
.wrapper-flex-row,
.wrapper-flex-row-around {
display: flex;
flex-flow: row;
align-items: center;
position: relative;
}
.wrapper-flex-row-around {
justify-content: space-between;
}
main {
padding: 0 10% 1em;
margin: auto;
}
@media screen and (max-width: 992px) {
main {
padding: 0 5% 1em;
}
}
.categories-showcase__wrapper {
display: flex;
justify-content: center;
align-items: center;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 992px) {
.categories-showcase__wrapper {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
}
.categories-showcase__wrapper a {
height: 20em;
width: 100%;
padding: 1em;
overflow: hidden;
position: relative;
transition: all 0.2s ease-in-out;
}
.categories-showcase__wrapper a:after {
height: 2px;
bottom: 0;
}
.categories-showcase__wrapper a:after,
.categories-showcase__wrapper a:before {
content: "";
display: block;
position: absolute;
width: 0;
background: var(--c-primary);
transition: 0.2s ease-in-out;
}
.categories-showcase__wrapper a:before {
height: 3px;
top: 0;
}
.categories-showcase__wrapper a:hover p {
transform: scale(1.2);
}
.categories-showcase__wrapper a .categories-showcase__box {
height: 100%;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: flex;
}
.categories-showcase__wrapper a .categories-showcase__box p {
transition: all 0.2s ease-in-out;
text-align: justify;
color: #fff;
margin: auto;
font-family: Poppins, sans-serif;
text-shadow: 1px 1px 10px #000;
font-size: 18px;
}
@media screen and (min-width: 320px) {
.categories-showcase__wrapper a .categories-showcase__box p {
font-size: calc(18px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.categories-showcase__wrapper a .categories-showcase__box p {
font-size: 20px;
}
}
.categories-showcase__wrapper a.in-bottom:after,
.categories-showcase__wrapper a.in-bottom:before,
.categories-showcase__wrapper a.in-left:after,
.categories-showcase__wrapper a.in-left:before {
width: 100%;
left: 0;
}
.categories-showcase__wrapper a.out-bottom:after,
.categories-showcase__wrapper a.out-bottom:before {
width: 0;
left: 0;
}
.categories-showcase__wrapper a.in-top:after,
.categories-showcase__wrapper a.in-top:before {
width: 100%;
left: 0;
}
.categories-showcase__wrapper a.out-top:after,
.categories-showcase__wrapper a.out-top:before {
width: 0;
left: 0;
}
.categories-showcase__wrapper a.in-right:after,
.categories-showcase__wrapper a.in-right:before {
width: 100%;
right: 0;
}
.categories-showcase__wrapper a.out-left:after,
.categories-showcase__wrapper a.out-left:before {
width: 0;
left: 0;
}
.categories-showcase__wrapper a.out-right:after,
.categories-showcase__wrapper a.out-right:before {
width: 0;
right: 0;
}
.move-up {
transform: translateY(15em);
opacity: 0;
animation: moveUp 2s forwards;
}
@keyframes moveUp {
0% {
transform: translateY(15em);
opacity: 0;
}
75% {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.site-content {
margin-top: 8em;
z-index: 1;
}
@media screen and (max-width: 992px) {
.site-content {
margin-top: 5em;
}
}
.sticky {
display: block;
}
.byline,
.updated:not(.published) {
display: none;
}
.group-blog .byline,
.single .byline {
display: inline;
}
.entry-content,
.entry-summary,
.page-content {
margin: 0 auto;
text-align: center;
}
@media screen and (min-width: 1300px) {
.entry-content,
.entry-summary,
.page-content {
width: 60%;
}
}
body.single-post .entry-content,
body.single-post .entry-summary,
body.single-post .page-content {
width: 100% !important;
}
.single-product .woocommerce-Tabs-panel {
text-align: left;
}
@media screen and (min-width: 992px) {
.woocommerce-account.logged-in .entry-content {
width: 90%;
}
}
.woocommerce-account.logged-in .woocommerce-Input {
padding-right: 0.5em !important;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page-wrapper {
padding: 1em 5%;
}
@media screen and (min-width: 992px) {
.page-wrapper {
padding: 1em 10%;
}
}
.archive .format-aside .entry-title,
.blog .format-aside .entry-title {
display: none;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
header.common-template {
height: 10em;
display: flex;
align-items: center;
justify-content: center;
background: rgba(1, 34, 65, 0.59);
background-image: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/entry-header.jpg);
background: linear-gradient(
0deg,
rgba(1, 34, 65, 0.75),
rgba(1, 34, 65, 0.55)
),
url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/entry-header.jpg);
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
}
@media screen and (max-width: 992px) {
header.common-template {
height: 7em;
}
}
header.common-template h1.entry-title {
color: #fff;
padding: 1em;
font-size: 16px;
}
@media screen and (min-width: 320px) {
header.common-template h1.entry-title {
font-size: calc(16px + 8 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
header.common-template h1.entry-title {
font-size: 24px;
}
}
header.wholesale-header {
height: 5em;
}
.wholesale-login .entry-content {
margin-top: 4em;
}
.page-template-contact-page h2 {
text-align: center;
font-size: 26px;
}
@media screen and (min-width: 320px) {
.page-template-contact-page h2 {
font-size: calc(26px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.page-template-contact-page h2 {
font-size: 30px;
}
}
.page-template-contact-page .entry-content {
margin: 3em auto 1em;
font-size: 18px;
}
@media screen and (min-width: 320px) {
.page-template-contact-page .entry-content {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.page-template-contact-page .entry-content {
font-size: 22px;
}
}
.contact-data {
padding: 1em;
}
.contact-data h2 {
margin-bottom: 0.25em;
font-size: 28px;
}
@media screen and (min-width: 320px) {
.contact-data h2 {
font-size: calc(28px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.contact-data h2 {
font-size: 32px;
}
}
.contact-data h3 {
margin-top: 0;
text-align: center;
font-size: 18px;
}
@media screen and (min-width: 320px) {
.contact-data h3 {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.contact-data h3 {
font-size: 22px;
}
}
.contact-data p {
margin: 0;
padding-bottom: 0.25em;
font-size: 18px;
}
@media screen and (min-width: 320px) {
.contact-data p {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.contact-data p {
font-size: 22px;
}
}
.contact-data a {
font-weight: 600;
color: var(--c-primary);
font-size: 18px;
}
@media screen and (min-width: 320px) {
.contact-data a {
font-size: calc(18px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.contact-data a {
font-size: 22px;
}
}
.our-shops,
.salesmen-wrapper {
margin: 3em;
}
@media screen and (min-width: 992px) {
.our-shops,
.salesmen-wrapper {
margin: 2em 3em;
}
}
.our-shops .wrapper-flex-row,
.salesmen-wrapper .wrapper-flex-row {
width: 85%;
}
@media screen and (max-width: 992px) {
.our-shops .wrapper-flex-row,
.salesmen-wrapper .wrapper-flex-row {
flex-flow: column;
align-items: center;
width: 100%;
}
}
.our-shops a,
.salesmen-wrapper a {
font-weight: 600;
color: var(--c-primary);
}
@media screen and (min-width: 992px) {
.our-shops .wrapper-flex-row {
align-items: flex-start;
width: 70%;
justify-content: space-evenly;
}
}
.salesman-single,
.shop-single {
display: flex;
flex-flow: column;
justify-content: space-evenly;
align-items: center;
margin: 0 2em 1em;
min-width: 15em;
font-size: 1em;
}
.salesman-single h3,
.shop-single h3 {
margin-bottom: 0.5em;
}
.salesman-single a,
.shop-single a {
margin-bottom: 0.25em;
}
.salesman-single__avatar {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
height: 8em;
width: 8em;
margin-top: 1em;
}
.shop-single .opening-hours__title {
font-weight: 700;
margin-top: 1em;
}
.shop-single .opening-hours {
width: 100%;
}
.shop-single .opening-hours p {
display: flex;
justify-content: space-between;
}
.single-post .entry-header {
text-align: center;
margin-bottom: 3em;
}
.page-template-single-brand-page-template .post-thumbnail {
margin: 2em auto;
text-align: center;
}
.contact-form {
padding: 2em 0;
}
.contact-form h3 {
margin-bottom: 0.5em;
}
.contact-form form.wpcf7-form p {
margin-bottom: 0;
}
.contact-form form.wpcf7-form input {
width: 100%;
border: 1px solid var(--c-primary);
border-radius: 20px;
padding: 0.25em 1em;
}
@media screen and (max-width: 992px) {
.contact-form form.wpcf7-form input {
border-radius: 10px;
}
}
.contact-form form.wpcf7-form textarea {
border: 1px solid var(--c-primary);
border-radius: 20px;
padding: 0.25em 1em;
}
.contact-form form.wpcf7-form input:focus {
outline: none;
}
.contact-form form.wpcf7-form input[type="checkbox"] {
width: 20px;
}
.contact-form form.wpcf7-form :nth-child(6) label {
display: flex;
flex-flow: row-reverse;
justify-content: center;
}
@media screen and (max-width: 992px) {
.contact-form form.wpcf7-form :nth-child(6) label {
flex-flow: column;
}
.contact-form form.wpcf7-form :nth-child(6) label .wpcf7-list-item {
margin: 0;
}
}
.contact-form form.wpcf7-form :nth-child(6) .wpcf7-list-item {
margin-left: 0;
margin-right: 1em;
cursor: pointer;
}
.contact-form form.wpcf7-form .wpcf7-submit {
margin: auto !important;
padding: 1.25em 1.75em !important;
font-size: 14px;
}
@media screen and (min-width: 320px) {
.contact-form form.wpcf7-form .wpcf7-submit {
font-size: calc(14px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.contact-form form.wpcf7-form .wpcf7-submit {
font-size: 18px;
}
}
.advantages-container,
.offer-container {
width: 100%;
display: flex;
justify-content: space-around;
margin-bottom: 1em;
background: hsla(0, 0%, 94.5%, 0.26667) !important;
}
.advantages-container .advantage-box,
.offer-container .advantage-box {
display: flex;
flex-flow: column;
align-items: center;
}
.advantages-container .advantage-box img,
.offer-container .advantage-box img {
width: 40px;
}
.advantages-container .advantage-box p,
.offer-container .advantage-box p {
text-align: center;
margin: 0.25em auto;
font-weight: 600;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.advantages-container .advantage-box p,
.offer-container .advantage-box p {
font-size: calc(12px + 6 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.advantages-container .advantage-box p,
.offer-container .advantage-box p {
font-size: 18px;
}
}
@media screen and (max-width: 992px) {
.advantages-container .advantage-box p,
.offer-container .advantage-box p {
margin: 0.5em auto 0.25em;
line-height: 1.25;
font-size: 20px;
}
}
@media screen and (max-width: 992px) and (min-width: 320px) {
.advantages-container .advantage-box p,
.offer-container .advantage-box p {
font-size: calc(20px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (max-width: 992px) and (min-width: 1600px) {
.advantages-container .advantage-box p,
.offer-container .advantage-box p {
font-size: 22px;
}
}
.advantages-container .advantage-box span,
.offer-container .advantage-box span {
text-align: center;
width: 100%;
display: block;
}
@media screen and (max-width: 992px) {
.advantages-container .advantage-box span,
.offer-container .advantage-box span {
font-size: 14px;
}
}
@media screen and (max-width: 992px) and (min-width: 320px) {
.advantages-container .advantage-box span,
.offer-container .advantage-box span {
font-size: calc(14px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (max-width: 992px) and (min-width: 1600px) {
.advantages-container .advantage-box span,
.offer-container .advantage-box span {
font-size: 18px;
}
}
.advantages-container .advantage-box .offer-text,
.offer-container .advantage-box .offer-text {
font-size: 12px;
}
@media screen and (min-width: 320px) {
.advantages-container .advantage-box .offer-text,
.offer-container .advantage-box .offer-text {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.advantages-container .advantage-box .offer-text,
.offer-container .advantage-box .offer-text {
font-size: 14px;
}
}
.advantages-wrapper {
width: 100%;
display: flex;
justify-content: space-around;
}
@media screen and (max-width: 992px) {
.advantages-wrapper {
flex-wrap: wrap;
}
}
#map_wrapper {
height: 600px;
}
.info_content {
text-align: center;
}
.info_content img {
width: 50%;
}
#map_canvas {
width: 100%;
height: 100%;
}
.advantages-container {
padding: 2em 0;
width: 100vw;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
@media screen and (max-width: 992px) {
.advantages-container {
flex-flow: row;
flex-wrap: wrap;
}
}
@media screen and (min-width: 992px) {
.advantages-container {
height: auto;
}
}
.home .blog-posts-header h3 {
font-size: 24px;
}
@media screen and (min-width: 320px) {
.home .blog-posts-header h3 {
font-size: calc(24px + 6 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.home .blog-posts-header h3 {
font-size: 30px;
}
}
.home .blog-posts .blog-posts-header h3 {
margin-bottom: 2em;
}
.home .blog-posts .txt-centered {
padding: 5em 0;
}
.home .blog-posts .txt-centered .read-more {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.home .blog-posts .txt-centered .read-more {
font-size: calc(18px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.home .blog-posts .txt-centered .read-more {
font-size: 20px;
}
}
@media screen and (max-width: 992px) {
.home .advantage-box {
margin: 1em;
width: 35%;
}
.home .advantage-box img {
width: 55px;
}
}
.offer-container {
padding: 1em;
display: flex;
justify-content: space-around;
margin-bottom: 1em;
background: hsla(0, 0%, 94.5%, 0.26667) !important;
}
@media screen and (max-width: 992px) {
.offer-container {
flex-flow: column;
}
}
.offer-container img {
width: 70px;
margin-bottom: 1em;
}
.offer-container .offer-box {
display: flex;
flex-flow: column;
align-items: center;
padding: 1.5em;
}
.offer-container .offer-box .offer-text {
text-align: center;
font-weight: 600;
font-size: 16px;
}
@media screen and (min-width: 320px) {
.offer-container .offer-box .offer-text {
font-size: calc(16px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.offer-container .offer-box .offer-text {
font-size: 18px;
}
}
.page-template-about-page-template .common-page-subheader:last-of-type {
font-size: 24px;
}
@media screen and (min-width: 320px) {
.page-template-about-page-template .common-page-subheader:last-of-type {
font-size: calc(24px + 10 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.page-template-about-page-template .common-page-subheader:last-of-type {
font-size: 34px;
}
}
.common-page-header {
text-align: center;
font-size: 24px;
}
@media screen and (min-width: 320px) {
.common-page-header {
font-size: calc(24px + 10 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.common-page-header {
font-size: 34px;
}
}
p.common-page-subheader {
text-align: center;
font-weight: 600;
font-size: 16px;
}
@media screen and (min-width: 320px) {
p.common-page-subheader {
font-size: calc(16px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
p.common-page-subheader {
font-size: 18px;
}
}
.team-container {
display: flex;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 992px) {
.team-container {
margin: 2.5em auto;
}
}
.team-container .logo {
padding-top: 2em;
}
.team-inner {
position: relative;
margin-top: 1em;
}
.team-inner h5 {
text-align: center;
display: flex;
flex-flow: column;
color: var(--c-primary);
z-index: 1;
font-weight: 600;
font-size: 22px;
}
@media screen and (min-width: 320px) {
.team-inner h5 {
font-size: calc(22px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.team-inner h5 {
font-size: 24px;
}
}
.team-inner h5 a {
text-align: center;
color: #000;
font-weight: 400;
font-size: 12px;
}
@media screen and (min-width: 320px) {
.team-inner h5 a {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.team-inner h5 a {
font-size: 14px;
}
}
#menu-shop-category-grid,
#menu-woomenu-mobile-1,
.brands-grid,
.categories-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
}
@media screen and (min-width: 992px) {
#menu-shop-category-grid,
#menu-woomenu-mobile-1,
.brands-grid,
.categories-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
#menu-shop-category-grid,
#menu-woomenu-mobile-1,
.categories-grid {
grid-row-gap: 2em;
grid-column-gap: 2em;
margin: 2em 0;
padding-bottom: 2em;
justify-content: center;
list-style: none;
padding-left: 0;
}
.brand-tile {
height: 100px;
width: auto;
background: no-repeat;
background-size: contain;
background-position: 50%;
margin: 2em;
}
#menu-shop-category-grid > li,
#menu-woomenu-mobile-1 > li {
border: 2px solid transparent;
border-radius: 10px;
transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 992px) {
#menu-shop-category-grid > li,
#menu-woomenu-mobile-1 > li {
height: 18em;
}
}
#menu-shop-category-grid > li:hover,
#menu-woomenu-mobile-1 > li:hover {
border: 2px solid var(--c-primary);
border-radius: 10px;
box-shadow: 0 0 15px 0 rgba(32, 91, 171, 0.35);
}
#menu-shop-category-grid > li a,
#menu-woomenu-mobile-1 > li a {
position: relative;
padding: 1em;
display: flex;
flex-flow: column;
justify-content: center;
text-align: center;
flex-flow: column-reverse;
font-family: Poppins, sans-serif;
font-weight: 700;
transition: all 0.3s ease-in-out;
}
#menu-shop-category-grid > li a .menu-thumbnail-image,
#menu-woomenu-mobile-1 > li a .menu-thumbnail-image {
background: no-repeat;
background-size: contain;
background-position: 50%;
height: 11em;
margin: 5px 5px 1em;
z-index: 0;
}
.page-template-filler #page {
opacity: 1 !important;
}
.filler-main {
height: 100vh;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.filler-main .filler-logo {
background-image: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/venus-logo.PNG) !important;
width: 20em;
height: 5em;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
margin-bottom: 4em;
}
.filler-main .filler-text {
text-align: center;
font-size: 24px;
}
@media screen and (min-width: 320px) {
.filler-main .filler-text {
font-size: calc(24px + 4 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
.filler-main .filler-text {
font-size: 28px;
}
}
.page-template-termsandconditions #content #main {
padding: 0 5% 1em;
}
@media screen and (min-width: 992px) {
.page-template-termsandconditions #content #main {
padding: 0 15% 1em;
}
}
.page-template-termsandconditions #content #main a {
text-decoration: underline;
}
.page-template-termsandconditions #content #main ol,
.page-template-termsandconditions #content #main ul {
margin: 1.5em 0;
}
.page-template-termsandconditions #content #main ol {
padding-left: 1em;
}
.page-template-termsandconditions #content #main li {
margin: 0 0 1em;
}
.page-template-termsandconditions #content #main li > ol,
.page-template-termsandconditions #content #main li > ul {
margin-left: 0;
}
.no-sidebar .content-area {
float: none;
margin-left: auto;
margin-right: auto;
}
.no-sidebar .site-main {
margin-right: 0;
}
footer#colophon {
width: 100%;
color: var(--c-text-on-dark);
margin-top: 5em;
text-align: center;
background: var(--c-primary);
}
@media screen and (min-width: 992px) {
footer#colophon {
text-align: left;
}
}
footer#colophon .page {
width: 100%;
}
footer#colophon a,
footer#colophon a:hover,
footer#colophon a:visited {
color: #fff;
}
footer#colophon .icons-info {
font-size: 1px;
color: transparent;
}
footer#colophon .icons-info a {
color: transparent;
}
footer#colophon .footer-top {
position: relative;
text-align: center;
height: 280px;
}
@media screen and (min-width: 992px) {
footer#colophon .footer-top {
text-align: center;
height: 280px;
}
}
@media screen and (max-width: 480px) {
footer#colophon .footer-top {
height: 240px;
}
}
footer#colophon .footer-top:before {
content: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/venus-logo-fb-xs.png);
display: flex;
align-items: center;
justify-content: center;
width: 100vw;
height: 250px;
border-radius: 100%;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-color: #fff;
position: absolute;
left: 50%;
transform: translate(-50%);
} footer#colophon .footer-social-icons {
position: absolute;
top: 180px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 16px;
z-index: 10;
}
footer#colophon .footer-social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--c-primary);
color: #ffffff;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
footer#colophon .footer-social-icon:hover {
transform: scale(1.1);
box-shadow: 0 4px 12px rgba(28, 94, 168, 0.4);
background-color: var(--c-primary-dark);
}
footer#colophon .footer-social-icon svg {
width: 24px;
height: 24px;
}
footer#colophon .footer-ig-icon {
padding: 6px;
}
@media screen and (max-width: 992px) {
footer#colophon .footer-social-icons {
top: 200px;
gap: 20px;
}
footer#colophon .footer-social-icon {
width: 48px;
height: 48px;
}
footer#colophon .footer-social-icon svg {
width: 28px;
height: 28px;
}
}
@media screen and (max-width: 480px) {
footer#colophon .footer-social-icons {
top: 190px;
gap: 18px;
}
footer#colophon .footer-social-icon {
width: 46px;
height: 46px;
}
footer#colophon .footer-social-icon svg {
width: 26px;
height: 26px;
}
}
footer#colophon .site-info {
margin: 0 auto;
padding: 1em 0 0;
display: flex;
flex-flow: column;
justify-content: flex-start;
background: transparent;
}
@media screen and (max-width: 992px) {
footer#colophon .site-footer__main .col {
margin-bottom: 4em;
}
}
@media screen and (min-width: 992px) {
footer#colophon .site-footer__main {
display: flex;
justify-content: space-between;
width: 80%;
margin: auto auto 2em;
}
footer#colophon .site-footer__main .col {
margin-right: 2em;
}
}
footer#colophon .payment-method {
height: 3em;
width: 6em;
margin: 1em auto;
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (max-width: 992px) {
footer#colophon .payment-method {
background-position: 50%;
}
}
footer#colophon .method-paypal {
background-image: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/paypal-logo.png);
}
@media screen and (max-width: 992px) {
footer#colophon .method-paypal {
margin-top: 2em;
}
}
footer#colophon .method-przelewy24 {
background-image: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/przelewy24.jpg);
}
footer#colophon .method-zapobraniem {
background-image: url(//www.e-venus.pl/wp-content/themes/evenus/dist/dist/img/zapobraniem.png);
}
footer#colophon #menu-footer-menu {
display: flex;
list-style: none;
width: 100%;
justify-content: space-around;
text-align: center;
}
footer#colophon #menu-footer-menu li a {
text-decoration: none;
font-size: 12px;
}
@media screen and (min-width: 320px) {
footer#colophon #menu-footer-menu li a {
font-size: calc(12px + 2 * (100vw - 320px) / 1280);
}
}
@media screen and (min-width: 1600px) {
footer#colophon #menu-footer-menu li a {
font-size: 14px;
}
}
footer#colophon .footer-bottom {
text-align: center;
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: 1.5em;
padding: 1.5em 2em 1.75em;
justify-content: center;
align-items: center;
gap: var(--space-1);
font-size: 13px;
letter-spacing: 0.01em;
color: var(--c-text-on-dark-soft);
background: rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 576px) {
footer#colophon .footer-bottom {
padding: 1.25em 1em 1.5em;
font-size: 12px;
line-height: 1.6;
}
}
footer#colophon .footer-bottom:before {
content: "";
height: 1px;
width: min(80%, 720px);
background-color: var(--c-border-hairline);
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.do-more-soft {
margin-left: var(--space-1);
font-weight: 600;
position: relative;
display: inline-flex;
align-items: center;
gap: var(--space-1);
text-decoration: none;
color: var(--c-text-on-dark) !important;
transition: color var(--t-fast), transform var(--t-fast);
}
.do-more-soft:hover {
color: var(--c-accent) !important;
transform: translateY(-1px);
}
.do-more-soft:after {
content: "→";
display: inline-block;
font-weight: 400;
transition: transform 0.2s ease;
}
.do-more-soft:hover:after {
transform: translateX(2px);
}
footer#colophon .footer-bottom__sep {
opacity: 0.4;
margin: 0 2px;
}
@media screen and (max-width: 480px) {
footer#colophon .footer-bottom__sep {
display: none;
}
footer#colophon .footer-bottom > span {
flex-basis: 100%;
}
}
.form-row label {
color: #000;
}
.woocommerce-form-login .required {
color: red !important;
}
#customer_login h2,
#customer_login p,
.woocommerce-privacy-policy-link,
#customer_login a,
#customer_login .input-text {
color: #000 !important;
}
.woocommerce-MyAccount-navigation ul li {
margin: 0 10px;
}
.woocommerce-MyAccount-navigation .is-active {
color: #4152a7;
font-weight: 600;
}
legend {
color: #000;
font-weight: 600;
font-size: 16px;
}
.woocommerce-MyAccount-content fieldset {
background: none;
}
.woocommerce-MyAccount-content fieldset input {
border-bottom: 1px solid #000 !important;
color: #000 !important;
}
.woocommerce-MyAccount-content fieldset {
color: #000;
}
@media screen and (min-width: 992px) {
.woocommerce-MyAccount-content fieldset {
width: 100%;
}
}
.woocommerce-account .entry-content {
min-height: unset;
}
.woocommerce-form-register {
display: flex;
flex-direction: column;
}
.g-recaptcha {
order: 8;
}  body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table,
body.woocommerce-checkout table.shop_table,
.woocommerce-checkout-review-order-table {
display: table !important;
width: 100% !important;
table-layout: fixed !important;
border-collapse: collapse !important;
} body.woocommerce-checkout .shop_table thead {
display: table-header-group !important;
width: 100% !important;
}
body.woocommerce-checkout .shop_table thead tr {
display: table-row !important;
width: 100% !important;
}
body.woocommerce-checkout .shop_table thead th {
display: table-cell !important;
padding: 15px !important;
} body.woocommerce-checkout .shop_table tbody {
display: table-row-group !important;
width: 100% !important;
}
body.woocommerce-checkout .shop_table tbody tr,
body.woocommerce-checkout .shop_table tbody tr.cart_item,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item,
form.woocommerce-checkout .woocommerce-checkout-review-order .cart_item,
.woocommerce-checkout-review-order-table tr.cart_item {
display: table-row !important;
width: 100% !important;
}
body.woocommerce-checkout .shop_table tbody td,
body.woocommerce-checkout .shop_table tbody tr.cart_item td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td,
form.woocommerce-checkout .woocommerce-checkout-review-order .cart_item td,
.woocommerce-checkout-review-order-table tr.cart_item td {
display: table-cell !important;
padding: 15px !important;
} body.woocommerce-checkout .shop_table tfoot,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot,
.woocommerce-checkout-review-order-table tfoot {
display: table-footer-group !important;
width: 100% !important;
} body.woocommerce-checkout .shop_table tfoot tr,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr,
.woocommerce-checkout-review-order-table tfoot tr,
body.woocommerce-checkout .shop_table tfoot tr.cart-subtotal,
body.woocommerce-checkout .shop_table tfoot tr.order-total,
body.woocommerce-checkout .shop_table tfoot tr.woocommerce-shipping-totals,
body.woocommerce-checkout .shop_table tfoot tr.shipping {
display: table-row !important;
width: 100% !important;
} body.woocommerce-checkout .shop_table tfoot th,
body.woocommerce-checkout .shop_table tfoot td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td,
body.woocommerce-checkout .shop_table tfoot tr.cart-subtotal th,
body.woocommerce-checkout .shop_table tfoot tr.cart-subtotal td,
body.woocommerce-checkout .shop_table tfoot tr.order-total th,
body.woocommerce-checkout .shop_table tfoot tr.order-total td,
body.woocommerce-checkout .shop_table tfoot tr.woocommerce-shipping-totals th,
body.woocommerce-checkout .shop_table tfoot tr.woocommerce-shipping-totals td,
body.woocommerce-checkout .shop_table tfoot tr.shipping th,
body.woocommerce-checkout .shop_table tfoot tr.shipping td,
body.woocommerce-checkout td[data-title="Wysyłka"] {
display: table-cell !important;
padding: 15px 10px !important;
border-bottom: 1px solid #e9ecef !important;
vertical-align: top !important;
box-sizing: border-box !important;
} body.woocommerce-checkout .shop_table tfoot th {
width: 30% !important;
text-align: left !important;
font-weight: 600 !important;
color: #333 !important;
} body.woocommerce-checkout .shop_table tfoot td {
width: 70% !important;
text-align: right !important;
} body.woocommerce-checkout .shop_table tfoot tr.woocommerce-shipping-totals td,
body.woocommerce-checkout .shop_table tfoot tr.shipping td,
body.woocommerce-checkout td[data-title="Wysyłka"] {
text-align: left !important;
} body.woocommerce-checkout .shop_table tfoot tr.order-total {
border-top: 2px solid var(--c-primary) !important;
}
body.woocommerce-checkout .shop_table tfoot tr.order-total th {
font-weight: 700 !important;
font-size: 1.1em !important;
color: var(--c-primary) !important;
text-transform: uppercase !important;
}
body.woocommerce-checkout .shop_table tfoot tr.order-total td .woocommerce-Price-amount {
font-size: 1.3em !important;
color: var(--c-primary) !important;
font-weight: 700 !important;
}  body.woocommerce-checkout .shop_table tfoot tr.woocommerce-shipping-totals td,
body.woocommerce-checkout .shop_table tfoot tr.shipping td,
body.woocommerce-checkout td[data-title="Wysyłka"] {
padding: 15px 10px 20px 10px !important;
}
body.woocommerce-checkout #shipping_method,
body.woocommerce-checkout ul#shipping_method,
body.woocommerce-checkout .woocommerce-shipping-methods,
body.woocommerce-checkout ul.woocommerce-shipping-methods,
body.woocommerce-checkout td[data-title="Wysyłka"] ul,
body.woocommerce-checkout .shop_table tfoot td ul#shipping_method,
body.woocommerce-checkout .shop_table tfoot td .woocommerce-shipping-methods,
#shipping_method,
ul#shipping_method,
ul.woocommerce-shipping-methods {
display: block !important;
width: calc(100% - 20px) !important;
margin: 15px 0 20px 20px !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-checkout #shipping_method li,
body.woocommerce-checkout ul#shipping_method li,
body.woocommerce-checkout .woocommerce-shipping-methods li,
body.woocommerce-checkout ul.woocommerce-shipping-methods li,
body.woocommerce-checkout td[data-title="Wysyłka"] ul li,
#shipping_method li,
ul#shipping_method li,
ul.woocommerce-shipping-methods li {
display: flex !important;
align-items: flex-start !important;
width: 100% !important;
box-sizing: border-box !important;
margin: 0 0 10px 0 !important;
padding: 15px 20px !important;
background: #f8f9fa !important;
border: 1px solid #e9ecef !important;
border-radius: 8px !important;
cursor: pointer !important;
transition: all 0.2s ease-in-out !important;
}
body.woocommerce-checkout #shipping_method li:last-child,
body.woocommerce-checkout ul#shipping_method li:last-child {
margin-bottom: 0 !important;
}
body.woocommerce-checkout #shipping_method li:hover,
body.woocommerce-checkout ul#shipping_method li:hover {
background: #e8f4fc !important;
border-color: var(--c-primary) !important;
}
body.woocommerce-checkout #shipping_method li input[type="radio"],
body.woocommerce-checkout ul#shipping_method li input[type="radio"] {
flex-shrink: 0 !important;
width: 20px !important;
height: 20px !important;
margin: 2px 15px 0 0 !important;
accent-color: var(--c-primary) !important;
transform: scale(1.1) !important;
}
body.woocommerce-checkout #shipping_method li label,
body.woocommerce-checkout ul#shipping_method li label {
flex: 1 !important;
cursor: pointer !important;
font-weight: 500 !important;
line-height: 1.4 !important;
}
body.woocommerce-checkout .shipping-method-description {
display: block !important;
margin-top: 5px !important;
font-size: 0.85em !important;
color: #666 !important;
font-weight: 400 !important;
} @media screen and (max-width: 768px) {
body.woocommerce-checkout .shop_table tfoot,
body.woocommerce-checkout .shop_table tfoot tr,
body.woocommerce-checkout .shop_table tfoot th,
body.woocommerce-checkout .shop_table tfoot td {
display: block !important;
width: 100% !important;
}
body.woocommerce-checkout .shop_table tfoot tr {
padding: 12px 0 !important;
border-bottom: 1px solid #eee !important;
}
body.woocommerce-checkout .shop_table tfoot th {
padding-bottom: 5px !important;
border-bottom: none !important;
}
body.woocommerce-checkout .shop_table tfoot td {
text-align: left !important;
padding-top: 0 !important;
}
}
.woocommerce-privacy-policy-text {
order: 7;
}
.register > p.form-row:last-of-type {
order: 9;
} #payment ul.wc_payment_methods,
#payment ul.payment_methods {
width: 100% !important;
box-sizing: border-box !important;
}
#payment ul.wc_payment_methods li,
#payment ul.payment_methods li {
width: 100% !important;
box-sizing: border-box !important;
}
#payment ul.wc_payment_methods li label,
#payment ul.payment_methods li label {
width: 100% !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
}  .single-product .woocommerce-Tabs-panel li p,
.single-product .woocommerce-Tabs-panel li p:not([class]):not([id]),
.single-product .woocommerce-Tabs-panel--description li p,
.single-product #tab-description li p,
.single-product .woocommerce-product-details__short-description li p {
display: block !important;
visibility: visible !important;
height: auto !important;
margin: 0 0 0.5em 0 !important;
padding: 0 !important;
overflow: visible !important;
font-size: 1rem !important;
line-height: 1.6 !important;
opacity: 1 !important;
color: #333 !important;
} .single-product .woocommerce-Tabs-panel li *,
.single-product .woocommerce-Tabs-panel--description li *,
.single-product #tab-description li *,
.single-product .woocommerce-product-details__short-description li * {
visibility: visible !important;
opacity: 1 !important;
} .single-product .woocommerce-Tabs-panel li b,
.single-product .woocommerce-Tabs-panel li strong,
.single-product .woocommerce-Tabs-panel li em,
.single-product .woocommerce-Tabs-panel li i,
.single-product .woocommerce-Tabs-panel li span,
.single-product #tab-description li b,
.single-product #tab-description li strong,
.single-product #tab-description li em,
.single-product #tab-description li i,
.single-product #tab-description li span {
display: inline !important;
visibility: visible !important;
opacity: 1 !important;
font-size: inherit !important;
} .single-product .woocommerce-Tabs-panel [data-path-to-node],
.single-product .woocommerce-Tabs-panel li [data-path-to-node],
.single-product #tab-description [data-path-to-node],
.single-product #tab-description li [data-path-to-node] {
display: block !important;
visibility: visible !important;
height: auto !important;
overflow: visible !important;
opacity: 1 !important;
font-size: inherit !important;
line-height: 1.6 !important;
color: inherit !important;
} .single-product [data-index-in-node],
.single-product .woocommerce-Tabs-panel [data-index-in-node],
.single-product #tab-description [data-index-in-node] {
display: inline !important;
visibility: visible !important;
opacity: 1 !important;
} .single-product .woocommerce-Tabs-panel ol,
.single-product .woocommerce-Tabs-panel--description ol,
.single-product #tab-description ol,
.single-product .woocommerce-product-details__short-description ol {
display: block !important;
visibility: visible !important;
list-style: decimal !important;
list-style-position: outside !important;
padding-left: 1.5em !important;
margin: 1em 0 !important;
}
.single-product .woocommerce-Tabs-panel ol li,
.single-product .woocommerce-Tabs-panel--description ol li,
.single-product #tab-description ol li,
.single-product .woocommerce-product-details__short-description ol li {
display: list-item !important;
visibility: visible !important;
list-style-type: decimal !important;
margin-bottom: 0.5em !important;
line-height: 1.6 !important;
color: #333 !important;
} .single-product .woocommerce-Tabs-panel ul li,
.single-product .woocommerce-Tabs-panel--description ul li,
.single-product #tab-description ul li,
.single-product .woocommerce-product-details__short-description ul li {
display: list-item !important;
visibility: visible !important;
margin-bottom: 0.5em !important;
line-height: 1.6 !important;
color: #333 !important;
} .single-product .woocommerce-Tabs-panel ul li::before,
.single-product #tab-description ul li::before {
position: relative !important;
float: none !important;
} body.single-post .entry-header {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 18em;
padding: 8em 1.5em 3em;
margin: 0 0 3em;
text-align: center;
background:
linear-gradient(180deg, rgba(0, 35, 71, 0.92) 0%, rgba(28, 94, 168, 0.88) 100%),
radial-gradient(circle at 30% 30%, rgba(255, 213, 74, 0.12), transparent 60%);
background-color: var(--c-primary-darker, #002347);
color: #fff;
overflow: hidden;
}
body.single-post .entry-header::before {
content: "";
position: absolute;
inset: auto 0 0 0;
height: 4px;
background: linear-gradient(90deg, transparent 0%, var(--c-accent, #ffd54a) 50%, transparent 100%);
opacity: 0.7;
}
body.single-post .entry-header h1.entry-title,
body.single-post .entry-title {
color: #fff !important;
font-size: clamp(1.5rem, 3.4vw, 2.5rem);
line-height: 1.2;
font-weight: 700;
max-width: 60rem;
margin: 0 auto 1em;
letter-spacing: -0.01em;
}
body.single-post .entry-header .entry-meta,
body.single-post .entry-header .entry-meta span,
body.single-post .entry-header .entry-meta time {
color: rgba(255, 255, 255, 0.85) !important;
font-size: 0.92rem;
letter-spacing: 0.04em;
text-transform: uppercase;
}
body.single-post .entry-header .entry-meta a {
color: var(--c-accent, #ffd54a) !important;
text-decoration: none;
}
body.single-post .entry-header .entry-meta a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
body.single-post .entry-header {
min-height: 14em;
padding: 7em 1em 2em;
margin-bottom: 2em;
}
} body.single-post .blog-post-container {
max-width: 48rem;
margin: 0 auto;
padding: 0 1.5em;
}
body.single-post .post-content > * {
margin-bottom: 1.1em;
line-height: 1.7;
}
body.single-post .post-content h2 {
font-size: clamp(1.3rem, 2.2vw, 1.7rem);
color: var(--c-primary-darker, #002347);
margin: 2em 0 0.7em;
padding-bottom: 0.4em;
border-bottom: 2px solid var(--c-accent, #ffd54a);
display: inline-block;
}
body.single-post .post-content h3 {
font-size: clamp(1.1rem, 1.8vw, 1.35rem);
color: var(--c-primary, #1C5EA8);
margin: 1.6em 0 0.5em;
}
body.single-post .post-content ul,
body.single-post .post-content ol {
padding-left: 1.5em;
margin: 0.8em 0 1.4em;
}
body.single-post .post-content li {
margin-bottom: 0.4em;
line-height: 1.6;
}
body.single-post .post-content a {
color: var(--c-primary, #1C5EA8);
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-thickness: 1px;
transition: color 0.15s ease;
}
body.single-post .post-content a:hover {
color: var(--c-primary-darker, #002347);
text-decoration-thickness: 2px;
}
body.single-post .post-content hr {
border: none;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(0, 35, 71, 0.2), transparent);
margin: 2.5em 0;
}
body.single-post .post-content strong {
color: var(--c-primary-darker, #002347);
font-weight: 600;
} body.single-post .post-navigation {
width: 100%;
max-width: 48rem;
margin: 4em auto 3em;
padding: 0 1.5em;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1em;
}
@media (max-width: 768px) {
body.single-post .post-navigation {
grid-template-columns: 1fr;
gap: 0.75em;
}
}
body.single-post .post-navigation > div {
width: auto;
display: flex;
flex-direction: column;
margin: 0;
}
body.single-post .post-navigation > div:empty {
display: none;
}
body.single-post .post-navigation a {
display: block;
padding: 1.2em 1.4em;
background: #f4f6f9;
border: 1px solid rgba(0, 35, 71, 0.08);
border-radius: 8px;
color: var(--c-primary-darker, #002347);
text-decoration: none;
transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
height: 100%;
}
body.single-post .post-navigation a:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(0, 35, 71, 0.12);
border-color: var(--c-primary, #1C5EA8);
}
body.single-post .post-navigation > div:nth-of-type(2) a {
text-align: right;
}
body.single-post .post-navigation__prev,
body.single-post .post-navigation__next {
display: flex !important;
align-items: center;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--c-primary, #1C5EA8);
margin-bottom: 0.5em;
}
body.single-post .post-navigation > div:nth-of-type(2) .post-navigation__next {
justify-content: flex-end;
}
body.single-post .post-navigation p {
margin: 0;
color: var(--c-primary-darker, #002347);
font-weight: 600;
font-size: 1rem;
line-height: 1.4;
} @keyframes evenusPromoIn {
to { opacity: 1; transform: translateY(0); }
}.edit-link,
.post-edit-link,
span.edit-link,
a[href*="post.php?post="][href*="action=edit"],
.entry-footer .edit-link,
footer.entry-footer {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
height: 0 !important;
overflow: hidden !important;
} :root {
--primary-color: var(--c-primary);
--primary-hover: #164a85;
--primary-light: #2a6fbd;
--old-blue: var(--c-primary); } [style*="var(--c-primary)"],
[class*="blue"] {
color: var(--primary-color) !important;
}
[style*="background: var(--c-primary)"],
[style*="background-color: var(--c-primary)"] {
background-color: var(--primary-color) !important;
}
[style*="border-color: var(--c-primary)"] {
border-color: var(--primary-color) !important;
}   .menu-woomenu-container > ul#menu-woomenu > li:hover {
background-color: transparent !important;
} .menu-woomenu-container ul.menu li a {
position: relative;
transition: all 0.2s ease;
}
.menu-woomenu-container ul.menu li a::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background-color: var(--primary-color);
transform: translateX(-50%);
transition: width 0.2s ease;
}
.menu-woomenu-container ul.menu li a:hover::after {
width: 80%;
}
.menu-woomenu-container ul.menu li a:hover {
color: inherit;
} .search-desktop #search-icon:hover svg path:nth-of-type(2),
.search-desktop .search-icon-clicked path:nth-of-type(2) {
fill: var(--primary-color) !important;
}  a {
color: var(--primary-color);
}
a:hover,
a:focus,
a:active {
color: var(--primary-hover);
} .site-title a:hover,
.site-title a:focus {
color: var(--primary-color);
}  button,
.button,
.btn,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background: var(--primary-color) !important;
border-color: var(--primary-color) !important;
color: #ffffff !important;
}
button:hover,
.button:hover,
.btn:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.woocommerce-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background: var(--primary-hover) !important;
border-color: var(--primary-hover) !important;
color: #ffffff !important;
} .button.outlined,
.woocommerce a.button.outlined {
background: transparent !important;
border: 1px solid var(--primary-color) !important;
color: var(--primary-color) !important;
}
.button.outlined:hover,
.woocommerce a.button.outlined:hover {
background: var(--primary-color) !important;
border-color: var(--primary-color) !important;
color: #fff !important;
} .added_to_cart.wc-forward,
a.added_to_cart {
background: #f0f5fb !important;
border: 1px solid var(--primary-color) !important;
color: var(--primary-color) !important;
transition: all 0.2s ease !important;
}
.added_to_cart.wc-forward:hover,
a.added_to_cart:hover {
background: var(--primary-color) !important;
border-color: var(--primary-color) !important;
color: #fff !important;
} .single_add_to_cart_button,
.product_type_simple,
.product_type_variable {
background-color: var(--primary-color) !important;
border-color: var(--primary-color) !important;
color: #ffffff !important;
}
.single_add_to_cart_button:hover,
.product_type_simple:hover,
.product_type_variable:hover {
background-color: var(--primary-hover) !important;
border-color: var(--primary-hover) !important;
color: #ffffff !important;
}  .woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
color: var(--primary-color);
} .woocommerce span.onsale,
.onsale {
background: #ffffff !important;
color: var(--c-primary) !important;
font-weight: 700 !important;
border: 2px solid var(--c-primary) !important;
font-size: 14px !important;
} .woocommerce .woocommerce-breadcrumb a {
color: var(--primary-color);
}
.woocommerce .woocommerce-breadcrumb a:hover {
color: var(--primary-hover);
} .woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--primary-color) !important;
border-color: var(--primary-color) !important;
color: #ffffff !important;
} .woocommerce form .form-row input.input-checkbox:checked::before,
.woocommerce-page form .form-row input.input-checkbox:checked::before {
background: var(--primary-color);
} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: var(--primary-color);
border-bottom-color: var(--primary-color);
} .woocommerce .star-rating span,
.woocommerce-page .star-rating span {
color: var(--primary-color);
}  input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
border-color: var(--primary-color);
outline-color: var(--primary-color);
}  .v-search:hover .v-label {
color: var(--primary-color) !important;
}
.v-search:hover svg path {
fill: var(--primary-color) !important;
}
.v-account:hover .v-label {
color: var(--primary-color) !important;
}
.v-account a:not(:has(svg path[fill="var(--c-primary)"])):hover svg path {
fill: var(--primary-color) !important;
}
.v-account a:has(svg path[fill="var(--c-primary)"]):hover svg path:first-child {
fill: var(--primary-color) !important;
}
.v-cart:hover .v-label {
color: var(--primary-color) !important;
}
.v-cart:hover svg path {
fill: var(--primary-color) !important;
} .v-label.v-price {
color: var(--primary-color) !important;
}  .promo-navigation .top-promo {
background: var(--primary-color) !important;
}
.promo-navigation .top-promo:hover {
background: var(--primary-hover) !important;
} .preloader-content {
border-top-color: var(--primary-color);
} .scroll-to-top {
background: var(--primary-color);
}
.scroll-to-top:hover {
background: var(--primary-hover);
} progress::-webkit-progress-value {
background-color: var(--primary-color);
}
progress::-moz-progress-bar {
background-color: var(--primary-color);
} .tooltip {
background: var(--primary-color);
} .site-footer a:hover {
color: var(--primary-color);
} .social-icons a,
.social-media-icons a,
.footer-social a,
[class*="social"] a[href*="facebook"],
[class*="social"] a[href*="instagram"],
[class*="social"] a[href*="twitter"],
[class*="social"] a[href*="youtube"],
[class*="social"] a[href*="linkedin"] {
transition: all 0.3s ease;
}
.social-icons a:hover,
.social-media-icons a:hover,
.footer-social a:hover,
[class*="social"] a[href*="facebook"]:hover,
[class*="social"] a[href*="instagram"]:hover,
[class*="social"] a[href*="twitter"]:hover,
[class*="social"] a[href*="youtube"]:hover,
[class*="social"] a[href*="linkedin"]:hover {
color: var(--primary-color) !important;
border-color: var(--primary-color) !important;
background-color: transparent !important;
} .social-icons a:hover svg,
.social-media-icons a:hover svg {
fill: var(--primary-color);
} .social-icons a,
.social-media-icons a {
background-color: var(--primary-color);
}
.social-icons a:hover,
.social-media-icons a:hover {
background-color: var(--primary-hover);
} @media screen and (max-width: 992px) { .main-navigation.toggled .menu-menu-1-container ul.menu li a:hover,
.main-navigation.toggled .menu-menu-2-container ul.menu li a:hover {
color: var(--primary-color);
}
}.main-navigation .page-menu {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100%;
padding: 0 !important;
margin: 0 !important;
min-height: 60px;
} .menu-menu-1-container,
.menu-menu-2-container {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 60px;
margin: 0 !important;
width: 65% !important;
} .menu-menu-1-container ul.menu,
.menu-menu-2-container ul.menu {
display: flex !important;
align-items: center !important;
justify-content: space-evenly !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
min-height: 60px;
list-style: none;
} .menu-menu-1-container ul.menu > li,
.menu-menu-2-container ul.menu > li {
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
flex: 1;
min-height: 60px;
position: relative;
} .menu-menu-1-container ul.menu > li > a,
.menu-menu-2-container ul.menu > li > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 100%;
min-height: 60px;
padding: 0 1em !important;
text-decoration: none;
font-family: 'K2D', sans-serif;
font-size: 14px !important;
font-weight: 600;
color: #333333;
white-space: nowrap;
transition: all 0.3s ease;
position: relative;
letter-spacing: 0.3px;
text-transform: none;
} .menu-menu-1-container ul.menu > li > a::after,
.menu-menu-2-container ul.menu > li > a::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 3px;
background: linear-gradient(90deg, transparent, var(--c-primary), transparent);
transform: translateX(-50%);
transition: width 0.3s ease;
}
.menu-menu-1-container ul.menu > li > a:hover,
.menu-menu-2-container ul.menu > li > a:hover {
color: var(--c-primary);
transform: translateY(-2px);
}
.menu-menu-1-container ul.menu > li > a:hover::after,
.menu-menu-2-container ul.menu > li > a:hover::after,
.menu-menu-1-container ul.menu > li.current-menu-item > a::after,
.menu-menu-2-container ul.menu > li.current-menu-item > a::after {
width: 80%;
} .menu-menu-1-container ul.menu > li.current-menu-item > a,
.menu-menu-2-container ul.menu > li.current-menu-item > a,
.menu-menu-1-container ul.menu > li.current_page_item > a,
.menu-menu-2-container ul.menu > li.current_page_item > a {
color: var(--c-primary);
font-weight: 700;
} .fixed-nav .menu-menu-1-container ul.menu > li.current-menu-item > a,
.fixed-nav .menu-menu-2-container ul.menu > li.current-menu-item > a,
.fixed-nav .menu-menu-1-container ul.menu > li.current_page_item > a,
.fixed-nav .menu-menu-2-container ul.menu > li.current_page_item > a {
color: #ffffff !important;
} .shop-nav-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0;
min-height: 60px;
flex-shrink: 0;
width: auto !important;
padding: 0 !important;
} .v-icon-box {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 6px;
position: relative;
min-width: 44px;
min-height: 60px;
cursor: pointer;
transition: all 0.2s ease;
padding: 0 8px;
}
.v-icon-box a {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 6px;
text-decoration: none;
height: 100%;
width: 100%;
} .v-icon-box svg {
width: 24px !important;
height: 24px !important;
display: block;
margin-bottom: 0;
transition: transform 0.2s ease;
flex-shrink: 0;
} .v-icon-box:hover {
transform: translateY(-2px);
}
.v-icon-box:hover svg {
transform: scale(1.1);
} .v-label {
font-family: 'K2D', sans-serif;
font-size: 13px;
font-weight: 500;
color: #333333;
text-align: left;
white-space: nowrap;
transition: color 0.2s ease;
line-height: 1;
margin-top: 0;
} .v-label.v-price {
font-weight: 700;
color: var(--c-primary);
font-size: 14px;
}
.v-cart:hover .v-label.v-price {
color: #164a85;
} .v-search:hover .v-label {
color: var(--c-primary);
}
.v-search:hover svg path {
fill: var(--c-primary);
transition: fill 0.2s ease;
}
.v-account:hover .v-label {
color: var(--c-primary);
}
.v-account:hover svg path {
transition: fill 0.2s ease;
} .v-account a:not(:has(svg path[fill="var(--c-primary)"])):hover svg path {
fill: var(--c-primary);
} .v-account a:has(svg path[fill="var(--c-primary)"]):hover svg path:first-child {
fill: var(--c-primary);
}
.v-cart:hover .v-label {
color: var(--c-primary);
}
.v-cart:hover svg path {
fill: var(--c-primary);
transition: fill 0.2s ease;
} .shop-nav-wrapper .woocommerce-Price-amount {
margin: 0;
position: static;
}
.shop-nav-wrapper .woocommerce-Price-amount bdi {
position: static;
transform: none;
width: auto;
font-size: 14px;
font-weight: 700;
color: var(--c-primary);
white-space: nowrap;
line-height: 1;
} @media screen and (max-width: 992px) {
.main-navigation .page-menu {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0.5em 0.5em !important;
background-color: #ffffff !important;
}
.main-navigation .page-menu .site-branding {
order: 1;
margin-bottom: 0;
flex-shrink: 0;
}
.main-navigation .page-menu .shop-nav-wrapper {
order: 2;
margin-top: 0;
width: auto !important;
justify-content: flex-end !important;
gap: 12px !important;
margin-left: auto;
margin-right: 0.5em;
}
.main-navigation .page-menu .menu-toggle {
order: 3;
position: relative;
top: auto;
right: auto;
background-color: transparent !important;
}
.shop-nav-wrapper {
width: auto !important;
gap: 12px !important;
height: auto;
padding: 0;
}
.v-icon-box {
min-width: 40px;
min-height: 50px;
}
.v-icon-box svg {
width: 22px !important;
height: 22px !important;
margin-bottom: 0;
}
.v-label {
font-size: 12px;
}
.shop-nav-wrapper .woocommerce-Price-amount bdi {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.v-icon-box {
min-width: 36px;
height: 45px;
}
.v-icon-box svg {
width: 20px !important;
height: 20px !important;
}
.v-label {
font-size: 12px;
}
.shop-nav-wrapper .woocommerce-Price-amount bdi {
font-size: 12px;
}
} .shop-nav-wrapper .myaccount .myaccount-link-unlogged svg,
.shop-nav-wrapper .myaccount .myaccount-link-logged svg,
.search-desktop #search-icon svg {
width: 24px !important;
height: 24px !important;
} .v-icon-box + .v-icon-box {
margin-left: 12px;
}
@media screen and (max-width: 992px) {
.v-icon-box + .v-icon-box {
margin-left: 8px;
}
}.shop-menu {
background: transparent;
padding: 8px 0;
position: relative;
z-index: 100;
border: none !important;
border-top: none !important;
border-bottom: none !important;
box-shadow: none !important;
margin-top: 8px;
}
.shop-menu::before,
.shop-menu::after {
display: none !important;
}
.menu-woomenu-container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
}
.menu-woomenu-container ul.menu {
display: flex;
justify-content: center;
align-items: stretch;
margin: 0;
padding: 0;
list-style: none;
min-height: 40px;
background: transparent;
gap: 0;
} .menu-woomenu-container ul.menu > li {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
position: relative;
} .menu-woomenu-container ul.menu > li > a {
display: flex;
align-items: center;
justify-content: center;
padding: 0 1.5em !important;
font-family: 'K2D', sans-serif;
font-size: 13px !important;
font-weight: 600;
color: #666666;
text-decoration: none;
white-space: nowrap;
transition: all 0.3s ease;
position: relative;
height: 100%;
background: transparent;
letter-spacing: 0.3px;
} .menu-woomenu-container ul.menu > li:not(:last-child)::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 16px;
width: 1px;
background: #e8e8e8;
} .menu-woomenu-container ul.menu > li:hover > a {
color: inherit;
} .menu-woomenu-container ul.menu > li > a::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 3px;
background: linear-gradient(90deg, transparent, var(--c-primary), transparent);
transform: translateX(-50%);
transition: width 0.3s ease;
}
.menu-woomenu-container ul.menu > li:hover > a::after {
width: 80%;
}  .menu-woomenu-container ul.menu > li.current-menu-item > a,
.menu-woomenu-container ul.menu > li.current_page_item > a,
.menu-woomenu-container ul.menu > li.current-menu-ancestor > a,
.menu-woomenu-container ul.menu > li.current-product-ancestor > a,
.menu-woomenu-container ul.menu > li.current-category-ancestor > a {
color: #333333;
font-weight: 700;
}
.menu-woomenu-container ul.menu > li.current-menu-item > a::after,
.menu-woomenu-container ul.menu > li.current_page_item > a::after,
.menu-woomenu-container ul.menu > li.current-menu-ancestor > a::after,
.menu-woomenu-container ul.menu > li.current-product-ancestor > a::after,
.menu-woomenu-container ul.menu > li.current-category-ancestor > a::after {
width: 80%;
background: linear-gradient(90deg, transparent, var(--c-primary), transparent);
} .fixed-nav .menu-woomenu-container ul.menu > li.current-menu-item > a,
.fixed-nav .menu-woomenu-container ul.menu > li.current_page_item > a,
.fixed-nav .menu-woomenu-container ul.menu > li.current-menu-ancestor > a,
.fixed-nav .menu-woomenu-container ul.menu > li.current-product-ancestor > a,
.fixed-nav .menu-woomenu-container ul.menu > li.current-category-ancestor > a {
color: #333333;
font-weight: 700;
}
.fixed-nav .menu-woomenu-container ul.menu > li.current-menu-item > a::after,
.fixed-nav .menu-woomenu-container ul.menu > li.current_page_item > a::after,
.fixed-nav .menu-woomenu-container ul.menu > li.current-menu-ancestor > a::after,
.fixed-nav .menu-woomenu-container ul.menu > li.current-product-ancestor > a::after,
.fixed-nav .menu-woomenu-container ul.menu > li.current-category-ancestor > a::after {
width: 80% !important;
background: linear-gradient(90deg, transparent, var(--c-primary), transparent) !important;
} .menu-woomenu-container ul.sub-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 220px;
background: #ffffff;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
border-radius: 0 0 4px 4px;
border-left: 3px solid var(--c-primary);
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 200;
margin: 0;
padding: 0.75em 0;
list-style: none;
margin-top: 2px;
} .menu-woomenu-container ul.menu > li:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .menu-woomenu-container ul.menu > li.menu-item-has-children > a::after {
content: '▾';
margin-left: 0.35em;
font-size: 9px;
opacity: 0.6;
transition: opacity 0.25s ease;
}
.menu-woomenu-container ul.menu > li.menu-item-has-children:hover > a::after {
opacity: 1;
} .menu-woomenu-container ul.sub-menu li {
width: 100%;
margin: 0;
padding: 0;
border: none;
display: block;
opacity: 0;
animation: fadeInItem 0.3s ease forwards;
}
.menu-woomenu-container ul.menu > li:hover > ul.sub-menu li:nth-child(1) {
animation-delay: 0.05s;
}
.menu-woomenu-container ul.menu > li:hover > ul.sub-menu li:nth-child(2) {
animation-delay: 0.1s;
}
.menu-woomenu-container ul.menu > li:hover > ul.sub-menu li:nth-child(3) {
animation-delay: 0.15s;
}
.menu-woomenu-container ul.menu > li:hover > ul.sub-menu li:nth-child(4) {
animation-delay: 0.2s;
}
.menu-woomenu-container ul.menu > li:hover > ul.sub-menu li:nth-child(5) {
animation-delay: 0.25s;
}
.menu-woomenu-container ul.menu > li:hover > ul.sub-menu li:nth-child(6) {
animation-delay: 0.3s;
}
.menu-woomenu-container ul.menu > li:hover > ul.sub-menu li:nth-child(7) {
animation-delay: 0.35s;
}
.menu-woomenu-container ul.menu > li:hover > ul.sub-menu li:nth-child(8) {
animation-delay: 0.4s;
}
@keyframes fadeInItem {
from {
opacity: 0;
transform: translateX(-10px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.menu-woomenu-container ul.sub-menu li a {
display: block !important;
padding: 0.65em 1.25em !important;
font-size: 12px !important;
color: #666666;
background: transparent !important;
text-align: left !important;
transition: all 0.2s ease;
width: 100% !important;
white-space: nowrap;
position: relative;
}
.menu-woomenu-container ul.sub-menu li a::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
background: var(--c-primary);
transform: scaleY(0);
transition: transform 0.2s ease;
}
.menu-woomenu-container ul.sub-menu li a:hover,
.menu-woomenu-container ul.sub-menu li a:active,
.menu-woomenu-container ul.sub-menu li a:focus,
.menu-woomenu-container ul.sub-menu li.current-menu-item > a,
.menu-woomenu-container ul.sub-menu li.current_page_item > a,
.menu-woomenu-container ul.sub-menu li.current-menu-ancestor > a,
.menu-woomenu-container ul.sub-menu li.current_page_ancestor > a {
background-color: var(--c-primary) !important;
color: #ffffff !important;
padding-left: 1.5em !important;
} .menu-woomenu-container ul.menu li ul.sub-menu li:hover > a,
.menu-woomenu-container ul.menu li ul.sub-menu li a:hover {
color: #ffffff !important;
}
.menu-woomenu-container ul.sub-menu li a:hover::before,
.menu-woomenu-container ul.sub-menu li a:active::before,
.menu-woomenu-container ul.sub-menu li a:focus::before,
.menu-woomenu-container ul.sub-menu li.current-menu-item > a::before,
.menu-woomenu-container ul.sub-menu li.current_page_item > a::before,
.menu-woomenu-container ul.sub-menu li.current-menu-ancestor > a::before,
.menu-woomenu-container ul.sub-menu li.current_page_ancestor > a::before {
transform: scaleY(1);
background: #ffffff;
} .menu-woomenu-container ul.sub-menu ul.sub-menu {
left: 100%;
top: -0.5em;
transform: translateX(8px);
margin-left: 0;
}
.menu-woomenu-container ul.sub-menu li:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
transform: translateX(0);
} @media screen and (max-width: 992px) {
.shop-menu {
position: absolute;
width: 100%;
background: #fff;
z-index: 100;
border-bottom: none;
}
.menu-woomenu-container ul.menu {
flex-direction: column;
min-height: auto;
}
.menu-woomenu-container ul.menu > li {
width: 100%;
}
.menu-woomenu-container ul.menu > li:not(:last-child)::after {
display: none;
}
.menu-woomenu-container ul.menu > li > a {
padding: 1em 1.5em !important;
justify-content: flex-start;
border-bottom: 1px solid #f5f5f5;
}
.menu-woomenu-container ul.sub-menu {
position: static;
box-shadow: none;
border-radius: 0;
border-top: none;
border-left: 2px solid var(--c-primary);
opacity: 1;
visibility: visible;
transform: none;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
background: #fafafa;
padding: 0;
}
.menu-woomenu-container ul.menu > li:hover > ul.sub-menu,
.menu-woomenu-container ul.menu > li.focus > ul.sub-menu {
max-height: 500px;
padding: 0.5em 0;
}
.menu-woomenu-container ul.sub-menu li a {
padding-left: 2.5em !important;
}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.menu-woomenu-container ul.menu > li > a {
font-size: 12px !important;
padding: 0 1.2em !important;
}
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
.menu-woomenu-container ul.menu > li > a {
padding: 0 1.4em !important;
}
}@media screen and (max-width: 992px) { .main-navigation {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
background-color: #ffffff !important;
z-index: 99999 !important;
display: flex !important;
flex-direction: column !important;
height: auto !important;
overflow: visible !important;
} .main-navigation.promo-navigation {
background-color: transparent !important;
background: transparent !important;
}  .promo-navigation {
background-color: transparent !important;
} .promo-navigation .top-promo,
.main-navigation .top-promo {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0.6em 1em !important;
box-sizing: border-box !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 0.5em !important;
background: var(--c-primary) !important;
border: none !important;
border-radius: 0 !important;
position: relative !important;
z-index: 100001 !important;
flex-shrink: 0 !important;
line-height: 1.4 !important;
} .promo-navigation .top-promo::before,
.promo-navigation .top-promo::after,
.main-navigation .top-promo::before,
.main-navigation .top-promo::after {
display: none !important;
content: none !important;
} .promo-navigation .top-promo .top-promo-item,
.main-navigation .top-promo .top-promo-item {
font-size: 11px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
white-space: nowrap !important;
color: #ffffff !important;
} .main-navigation .page-menu {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
padding: 0.5em 1em !important;
background-color: #ffffff !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
position: relative !important;
z-index: 100002 !important;
min-height: 60px;
box-sizing: border-box;
flex-shrink: 0 !important;
border-radius: 0 !important;
margin: 0 !important;
border: none !important;
} .main-navigation .page-menu::before,
.main-navigation .page-menu::after {
display: none !important;
content: none !important;
} .main-navigation .page-menu .site-branding {
order: 1 !important;
flex-shrink: 0 !important;
margin: 0 !important;
} .main-navigation .page-menu .site-branding .custom-logo-link img,
.main-navigation .page-menu .site-branding img.custom-logo {
max-width: 110px !important;
width: 110px !important;
height: auto !important;
} .main-navigation .page-menu .shop-nav-wrapper {
order: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 0.5em !important;
margin-left: auto !important;
margin-right: 0.5em !important;
} .main-navigation .page-menu .menu-toggle {
order: 3 !important;
background: transparent !important;
border: none !important;
padding: 0.5em !important;
margin: 0 !important;
cursor: pointer !important;
z-index: 100003 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 50px !important;
height: 50px !important;
} .main-navigation .mobile-menu-container {
display: none !important;
visibility: hidden !important;
width: 100% !important;
background-color: #ffffff !important;
} .mobile-nav-menu {
width: 100%;
}
.mobile-menu-list {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
margin: 0 !important;
padding: 1.5em 0 0 0 !important;
list-style: none !important;
}
.mobile-menu-item {
width: 100% !important;
display: block !important;
border-bottom: 1px solid #f0f0f0 !important;
margin: 0 !important;
padding: 0 !important;
}
.mobile-menu-item:last-child {
border-bottom: none !important;
}
.mobile-menu-link {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
padding: 1em 1.5em !important;
font-family: 'Poppins', sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
color: #333333 !important;
text-decoration: none !important;
text-align: center !important;
transition: all 0.2s ease !important;
box-sizing: border-box !important;
position: relative !important;
} .mobile-menu-link span:first-child {
display: inline !important;
}
.mobile-menu-link:hover {
color: var(--c-primary) !important;
} .mobile-menu-arrow {
display: inline-block !important;
margin-left: 8px !important;
width: 6px !important;
height: 6px !important;
border-right: 2px solid currentColor !important;
border-bottom: 2px solid currentColor !important;
transform: rotate(45deg) !important;
transition: transform 0.3s ease !important;
opacity: 0.6 !important;
position: relative !important;
top: -2px !important;
}
.mobile-menu-expandable:hover .mobile-menu-arrow {
opacity: 1 !important;
}
.mobile-menu-expandable.expanded .mobile-menu-arrow {
transform: rotate(-135deg) !important;
top: 2px !important;
opacity: 1 !important;
} .mobile-menu-item.active > a,
.mobile-menu-item.active > .mobile-menu-link,
.mobile-menu-item.current-menu-item > a,
.mobile-menu-expandable.active > .mobile-menu-link {
color: var(--c-primary) !important;
}
.mobile-menu-item.active > a::after,
.mobile-menu-item.active > .mobile-menu-link::after,
.mobile-menu-item.current-menu-item > a::after,
.mobile-menu-expandable.active > .mobile-menu-link::after {
content: '' !important;
position: absolute !important;
bottom: 0.3em !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 30% !important;
max-width: 80px !important;
height: 2px !important;
background: linear-gradient(90deg, transparent, var(--c-primary), transparent) !important;
} .mobile-submenu {
display: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
background-color: #f8f9fa !important;
max-height: 0 !important;
overflow: hidden !important;
transition: max-height 0.3s ease, padding 0.3s ease !important;
} .mobile-menu-expandable.expanded .mobile-submenu {
display: block !important;
max-height: 500px !important;
padding: 0.5em 0 !important;
}
.mobile-submenu-item {
width: 100% !important;
border-bottom: 1px solid #e8e8e8 !important;
}
.mobile-submenu-item:last-child {
border-bottom: none !important;
}
.mobile-submenu-item a {
display: block !important;
padding: 0.8em 2em !important;
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
color: #555555 !important;
text-decoration: none !important;
text-align: center !important;
transition: all 0.2s ease !important;
}
.mobile-submenu-item a:hover {
color: var(--c-primary) !important;
background-color: #eef3f8 !important;
} .main-navigation .menu-menu-1-container,
.main-navigation .menu-menu-2-container {
display: none !important;
visibility: hidden !important;
} .main-navigation .shop-menu {
display: none !important;
}  .main-navigation.toggled {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100vw !important;
height: 100vh !important;
height: 100dvh !important;
background-color: #ffffff !important;
z-index: 999999 !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
} .main-navigation.toggled .page-menu {
position: relative !important;
top: 0 !important;
flex-shrink: 0 !important;
border-bottom: 1px solid #e8e8e8 !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
z-index: 10 !important;
} .main-navigation.toggled .mobile-menu-container {
display: block !important;
visibility: visible !important;
width: 100% !important;
flex: 1 1 auto !important;
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
background-color: #ffffff !important;
padding: 0 !important;
margin: 0 !important;
} .main-navigation.toggled .mobile-menu-container .menu-menu-1-container,
.main-navigation.toggled .mobile-menu-container .menu-menu-2-container {
display: block !important;
visibility: visible !important;
position: static !important;
width: 100% !important;
height: auto !important;
background-color: #ffffff !important;
transform: none !important;
opacity: 1 !important;
left: 0 !important;
top: 0 !important;
} .main-navigation.toggled .mobile-menu-container ul.menu {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
margin: 0 !important;
padding: 1.5em 0 0 0 !important; list-style: none !important;
} .main-navigation.toggled .mobile-menu-container ul.menu > li {
width: 100% !important;
display: block !important;
border-bottom: 1px solid #f0f0f0 !important;
margin: 0 !important;
padding: 0 !important;
} .main-navigation.toggled .mobile-menu-container ul.menu > li:last-child {
border-bottom: none !important;
} .main-navigation.toggled .mobile-menu-container ul.menu > li > a {
display: block !important;
width: 100% !important;
padding: 1em 1.5em !important;
font-family: 'Poppins', sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
color: #333333 !important;
text-decoration: none !important;
text-align: center !important; transition: all 0.2s ease !important;
box-sizing: border-box !important;
position: relative !important;
} .main-navigation.toggled .mobile-menu-container ul.menu > li > a:hover,
.main-navigation.toggled .mobile-menu-container ul.menu > li > a:focus {
background-color: transparent !important;
color: var(--c-primary) !important;
} .main-navigation.toggled .mobile-menu-container ul.menu > li.current-menu-item > a,
.main-navigation.toggled .mobile-menu-container ul.menu > li.current_page_item > a {
color: var(--c-primary) !important;
font-weight: 500 !important;
background-color: transparent !important;
border-left: none !important;
}
.main-navigation.toggled .mobile-menu-container ul.menu > li.current-menu-item > a::after,
.main-navigation.toggled .mobile-menu-container ul.menu > li.current_page_item > a::after {
content: '' !important;
position: absolute !important;
bottom: 0.5em !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 40% !important;
height: 2px !important;
background: linear-gradient(90deg, transparent, var(--c-primary), transparent) !important;
} .main-navigation.toggled .mobile-menu-container ul.sub-menu {
display: block !important;
position: static !important;
width: 100% !important;
background-color: #f8f9fa !important;
box-shadow: none !important;
padding-left: 0 !important;
margin: 0 !important;
left: 0 !important;
}
.main-navigation.toggled .mobile-menu-container ul.sub-menu li {
width: 100% !important;
border-bottom: 1px solid #e8e8e8 !important;
}
.main-navigation.toggled .mobile-menu-container ul.sub-menu li:last-child {
border-bottom: none !important;
}
.main-navigation.toggled .mobile-menu-container ul.sub-menu li a {
padding: 1em 1.5em 1em 2.5em !important;
font-size: 14px !important;
color: #555555 !important;
} .main-navigation.toggled .top-promo {
display: none !important;
} body.mobile-menu-open {
overflow: hidden !important;
position: fixed !important;
width: 100% !important;
height: 100% !important;
} .menu-toggle .ham {
width: 35px !important;
height: 35px !important;
} .main-navigation .shop-nav-wrapper .v-icon-box {
min-width: 40px !important;
min-height: 45px !important;
}
.main-navigation .shop-nav-wrapper .v-icon-box svg {
width: 22px !important;
height: 22px !important;
}
.main-navigation .shop-nav-wrapper .v-label {
font-size: 12px !important;
}
.main-navigation .shop-nav-wrapper .v-label.v-price {
font-size: 13px !important;
font-weight: 700 !important;
}
} @media screen and (max-width: 992px) {
.main-navigation.toggled .mobile-menu-container {
animation: slideInMenu 0.3s ease-out forwards;
}
@keyframes slideInMenu {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .main-navigation.toggled .mobile-menu-item {
animation: fadeInItem 0.4s ease-out forwards;
opacity: 0;
}
.main-navigation.toggled .mobile-menu-item:nth-child(1) { animation-delay: 0.05s; }
.main-navigation.toggled .mobile-menu-item:nth-child(2) { animation-delay: 0.1s; }
.main-navigation.toggled .mobile-menu-item:nth-child(3) { animation-delay: 0.15s; }
.main-navigation.toggled .mobile-menu-item:nth-child(4) { animation-delay: 0.2s; }
.main-navigation.toggled .mobile-menu-item:nth-child(5) { animation-delay: 0.25s; }
.main-navigation.toggled .mobile-menu-item:nth-child(6) { animation-delay: 0.3s; }
.main-navigation.toggled .mobile-menu-item:nth-child(7) { animation-delay: 0.35s; }
.main-navigation.toggled .mobile-menu-item:nth-child(8) { animation-delay: 0.4s; }
@keyframes fadeInItem {
from {
opacity: 0;
transform: translateX(-20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
} @media screen and (max-width: 576px) {
.main-navigation .page-menu {
padding: 0.5em 0.75em !important;
}
.main-navigation .page-menu .shop-nav-wrapper {
gap: 0.25em !important;
}
.main-navigation .shop-nav-wrapper .v-icon-box {
min-width: 40px !important;
padding: 0 5px !important;
}
.main-navigation .shop-nav-wrapper .v-icon-box svg {
width: 20px !important;
height: 20px !important;
}
.main-navigation.toggled .mobile-menu-container ul.menu > li > a {
font-size: 15px !important;
padding: 1em 1.25em !important;
}
} @media screen and (min-width: 992px) {
.main-navigation .mobile-menu-container {
display: none !important;
} .main-navigation .desktop-menu-container {
display: flex !important;
visibility: visible !important;
justify-content: space-around !important;
text-align: center !important;
width: 65% !important;
transition: transform 0.2s linear, opacity 0.2s ease-in-out !important;
}
.main-navigation .desktop-menu-container ul.menu {
width: 100% !important;
display: flex !important;
justify-content: space-around !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.main-navigation .desktop-menu-container ul.menu > li {
position: relative !important;
}
.main-navigation .desktop-menu-container ul.menu > li > a {
display: block !important;
padding: 0.5em 1em !important;
text-decoration: none !important;
font-family: 'Poppins', sans-serif !important;
font-weight: 600 !important;
font-size: 14px !important;
color: #333333 !important;
transition: color 0.3s ease !important;
}
.main-navigation .desktop-menu-container ul.menu > li > a:hover {
color: var(--c-primary) !important;
} .main-navigation .desktop-menu-container ul.menu > li > a::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 0 !important;
height: 3px !important;
background: linear-gradient(90deg, transparent, var(--c-primary), transparent) !important;
transition: width 0.3s ease !important;
}
.main-navigation .desktop-menu-container ul.menu > li > a:hover::after {
width: 80% !important;
} .main-navigation .desktop-menu-container ul.menu > li.current-menu-item > a,
.main-navigation .desktop-menu-container ul.menu > li.current_page_item > a,
.main-navigation .desktop-menu-container ul.menu > li.current-menu-ancestor > a,
.main-navigation .desktop-menu-container ul.menu > li.current-menu-parent > a {
color: var(--c-primary) !important;
font-weight: 700 !important;
position: relative !important;
} .main-navigation .desktop-menu-container ul.menu > li.current-menu-item > a::after,
.main-navigation .desktop-menu-container ul.menu > li.current_page_item > a::after,
.main-navigation .desktop-menu-container ul.menu > li.current-menu-ancestor > a::after,
.main-navigation .desktop-menu-container ul.menu > li.current-menu-parent > a::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 80% !important;
height: 3px !important;
background: linear-gradient(90deg, transparent, var(--c-primary), transparent) !important;
} .fixed-nav .desktop-menu-container ul.menu > li.current-menu-item > a,
.fixed-nav .desktop-menu-container ul.menu > li.current_page_item > a,
.fixed-nav .desktop-menu-container ul.menu > li.current-menu-ancestor > a {
color: #ffffff !important;
}
.fixed-nav .desktop-menu-container ul.menu > li.current-menu-item > a::after,
.fixed-nav .desktop-menu-container ul.menu > li.current_page_item > a::after,
.fixed-nav .desktop-menu-container ul.menu > li.current-menu-ancestor > a::after {
background-color: #ffffff !important;
} .main-navigation .desktop-menu-container ul.sub-menu {
position: absolute !important;
left: -999em !important;
top: 100% !important;
background-color: #fff !important;
min-width: 100% !important;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2) !important;
z-index: 201 !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.main-navigation .desktop-menu-container ul.menu > li:hover > ul.sub-menu {
left: 0 !important;
}
.main-navigation .desktop-menu-container ul.sub-menu li {
width: 100% !important;
}
.main-navigation .desktop-menu-container ul.sub-menu li a {
display: block !important;
padding: 0.9em 2em !important;
font-size: 12px !important;
color: #333 !important;
white-space: nowrap !important;
}
.main-navigation .desktop-menu-container ul.sub-menu li:hover {
background-color: var(--c-primary) !important;
}
.main-navigation .desktop-menu-container ul.sub-menu li:hover > a {
color: #fff !important;
} .fixed-nav .desktop-menu-container {
opacity: 0 !important;
transform: translateY(-100%) !important;
pointer-events: none !important;
}
} @media screen and (max-width: 992px) {
.main-navigation .desktop-menu-container {
display: none !important;
visibility: hidden !important;
} .site-header,
#masthead,
header.site-header {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
height: auto !important;
} .site-header::before,
.site-header::after,
#masthead::before,
#masthead::after {
display: none !important;
content: none !important;
height: 0 !important;
} .site-content {
margin-top: 60px !important; padding-top: 0 !important;
} body.home .site-content,
body.home #content.site-content {
margin-top: 60px !important; padding-top: 0 !important;
background: transparent !important;
} body.home .site-content::before,
body.home .site-content::after,
body.home #content::before,
body.home #content::after {
display: none !important;
content: none !important;
height: 0 !important;
} body.home .main-carousel {
margin-top: 0 !important;
padding-top: 0 !important;
} body.home .welcome-view {
margin-top: 0 !important;
padding-top: 0 !important;
} body.home .home-main,
body.home #primary.home-main {
margin-top: 0 !important;
padding-top: 0 !important;
}  .promo-navigation ~ #content.site-content,
body:has(.promo-navigation) .site-content {
margin-top: 95px !important;
} body.home:has(.promo-navigation) .site-content,
body.home .promo-navigation ~ #content.site-content {
margin-top: 95px !important;
padding-top: 0 !important;
background: transparent !important;
}
body.home:has(.promo-navigation) .main-carousel,
body.home .promo-navigation ~ #content .main-carousel {
margin-top: 0 !important;
}
body.home:has(.promo-navigation) .welcome-view,
body.home .promo-navigation ~ #content .welcome-view {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.home:has(.promo-navigation) .home-main,
body.home .promo-navigation ~ #content .home-main {
margin-top: 0 !important;
padding-top: 0 !important;
} .woocommerce-breadcrumb {
padding-top: 10px !important;
} .main-carousel {
height: calc(100vh - 140px) !important; min-height: calc(100vh - 140px) !important;
} body.home:not(:has(.promo-navigation)) .main-carousel,
body.home:not(:has(.top-promo)) .main-carousel {
height: calc(100vh - 100px) !important; min-height: calc(100vh - 100px) !important;
}
.main-carousel .swiper-container,
.main-carousel .swiper-wrapper,
.main-carousel .swiper-slide {
height: 100% !important;
} .main-carousel .swiper-pagination {
bottom: 15px !important;
} .main-carousel .hero-content {
padding-bottom: 60px !important; }  .main-navigation *,
.promo-navigation *,
.site-header * {
border-radius: 0 !important;
} .main-navigation > .top-promo {
margin-bottom: 0 !important;
}
.main-navigation > .page-menu {
margin-top: 0 !important;
} .main-navigation > *::before,
.main-navigation > *::after,
.promo-navigation > *::before,
.promo-navigation > *::after {
border-radius: 0 !important;
}
}header.common-template {
height: 300px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
overflow: hidden !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
} header.common-template:not([style*="background-image"]) {
background: linear-gradient(
135deg,
rgba(32, 91, 171, 0.9) 0%,
rgba(1, 34, 65, 0.95) 50%,
rgba(0, 20, 40, 0.98) 100%
),
url(//www.e-venus.pl/wp-content/themes/evenus/dist/img/entry-header.jpg) !important;
} header.common-template::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.1) 0%,
rgba(0, 0, 0, 0.05) 50%,
rgba(0, 0, 0, 0.2) 100%
) !important;
pointer-events: none !important;
z-index: 0 !important;
} header.common-template::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 120px !important;
height: 4px !important;
background: linear-gradient(
90deg, 
transparent 0%,
rgba(255, 255, 255, 0.5) 20%,
#ffffff 50%,
rgba(255, 255, 255, 0.5) 80%,
transparent 100%
) !important;
border-radius: 4px !important; } header.common-template h1.entry-title {
color: #fff !important;
font-size: 2.8rem !important;
font-weight: 700 !important;
text-align: center !important;
padding: 1rem 2rem !important;
margin: 0 !important;
margin-bottom: 15px !important;
position: relative !important;
z-index: 1 !important;
text-transform: uppercase !important;
letter-spacing: 4px !important;
text-shadow: 
0 2px 4px rgba(0, 0, 0, 0.3),
0 4px 20px rgba(0, 0, 0, 0.2) !important; animation: fadeInUp 0.6s ease-out forwards !important;
} header.common-template h1.entry-title::after {
content: '' !important;
display: block !important;
width: 60px !important;
height: 3px !important;
background: linear-gradient(90deg, transparent, #fff, transparent) !important;
margin: 15px auto 0 !important;
border-radius: 2px !important;
opacity: 0.7 !important;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
} @media screen and (min-width: 768px) and (max-width: 992px) {
header.common-template {
height: 240px !important;
}
header.common-template h1.entry-title {
font-size: 2.2rem !important;
letter-spacing: 3px !important;
margin-bottom: 12px !important;
}
header.common-template h1.entry-title::after {
width: 50px !important;
margin-top: 12px !important;
}
header.common-template::after {
width: 100px !important;
height: 3px !important;
}
} @media screen and (max-width: 768px) {
header.common-template {
height: 180px !important;
margin-top: 0 !important;
}
header.common-template h1.entry-title {
font-size: 1.5rem !important;
letter-spacing: 2px !important;
padding: 0.75rem 1.5rem !important;
line-height: 1.3 !important;
margin-bottom: 10px !important;
}
header.common-template h1.entry-title::after {
width: 40px !important;
height: 2px !important;
margin-top: 10px !important;
}
header.common-template::after {
width: 80px !important;
height: 3px !important; }
} .common-page-header {
font-size: 2.4rem !important;
font-weight: 700 !important;
color: #012241 !important;
text-align: center !important;
margin: 2.5rem 0 2rem !important;
padding-bottom: 1.2rem !important;
position: relative !important;
line-height: 1.3 !important;
} .common-page-header::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 80px !important;
height: 4px !important;
background: linear-gradient(
90deg,
transparent 0%,
var(--c-primary) 20%,
var(--c-primary) 80%,
transparent 100%
) !important;
border-radius: 4px !important;
box-shadow: 0 2px 8px rgba(28, 94, 168, 0.3) !important;
}
@media screen and (max-width: 768px) {
.common-page-header {
font-size: 1.6rem !important;
margin: 1.5rem 0 1.2rem !important;
padding-bottom: 1rem !important;
}
.common-page-header::after {
width: 60px !important;
height: 3px !important;
}
} p.common-page-subheader {
font-size: 1.3rem !important;
font-weight: 600 !important;
color: var(--c-primary) !important;
margin: 2rem 0 1rem !important;
position: relative !important;
padding-left: 20px !important;
} p.common-page-subheader::before {
content: '' !important;
position: absolute !important;
left: 0 !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 4px !important;
height: 100% !important;
min-height: 24px !important;
background: linear-gradient(180deg, var(--c-primary), var(--c-primary)) !important;
border-radius: 2px !important;
}
@media screen and (max-width: 768px) {
p.common-page-subheader {
font-size: 1.1rem !important;
margin: 1.5rem 0 0.75rem !important;
padding-left: 15px !important;
}
p.common-page-subheader::before {
width: 3px !important;
min-height: 20px !important;
}
} .page-textarea {
margin: 1rem 0 2rem !important;
line-height: 1.8 !important;
}
.page-textarea p {
font-size: 1.05rem !important;
color: #333 !important;
text-align: justify !important;
hyphens: auto !important;
}
@media screen and (max-width: 768px) {
.page-textarea {
margin: 0.75rem 0 1.5rem !important;
line-height: 1.7 !important;
}
.page-textarea p {
font-size: 1rem !important;
text-align: left !important;
}
} .page-header {
text-align: center !important;
margin-bottom: 2rem !important;
padding: 1.5rem 0 !important;
}
.page-header .page-title,
.page-header .woocommerce-products-header__title {
font-size: 2rem !important;
font-weight: 700 !important;
color: #012241 !important;
margin: 0 0 0.5rem !important;
position: relative !important;
display: inline-block !important;
} .page-header .page-title::after,
.page-header .woocommerce-products-header__title::after {
content: '' !important;
position: absolute !important;
bottom: -12px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 70px !important;
height: 4px !important;
background: linear-gradient(
90deg,
transparent 0%,
var(--c-primary) 15%,
var(--c-primary) 85%,
transparent 100%
) !important;
border-radius: 4px !important;
box-shadow: 0 2px 6px rgba(28, 94, 168, 0.25) !important;
}
.page-header .archive-description,
.page-header .term-description {
font-size: 1rem !important;
color: #666 !important;
max-width: 600px !important;
margin: 1.5rem auto 0 !important;
line-height: 1.6 !important;
}
@media screen and (max-width: 768px) {
.page-header {
padding: 1rem 0 !important;
margin-bottom: 1.5rem !important;
}
.page-header .page-title,
.page-header .woocommerce-products-header__title {
font-size: 1.5rem !important;
}
.page-header .page-title::after,
.page-header .woocommerce-products-header__title::after {
width: 50px !important;
height: 3px !important;
bottom: -10px !important;
}
} .woocommerce-products-header {
text-align: center !important;
margin-bottom: 2rem !important;
padding-bottom: 1.2rem !important;
}
.woocommerce-products-header__title.page-title {
font-size: 2.2rem !important;
font-weight: 700 !important;
color: #012241 !important;
margin-bottom: 0.75rem !important;
text-transform: capitalize !important;
position: relative !important;
display: inline-block !important;
} .woocommerce-products-header__title.page-title::after {
content: '' !important;
position: absolute !important;
bottom: -12px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 80px !important;
height: 4px !important;
background: linear-gradient(
90deg,
transparent 0%,
var(--c-primary) 15%,
var(--c-primary) 85%,
transparent 100%
) !important;
border-radius: 4px !important;
box-shadow: 0 2px 8px rgba(28, 94, 168, 0.3) !important;
}
@media screen and (max-width: 768px) {
.woocommerce-products-header {
margin-bottom: 1.5rem !important;
padding-bottom: 1rem !important;
}
.woocommerce-products-header__title.page-title {
font-size: 1.6rem !important;
}
.woocommerce-products-header__title.page-title::after {
width: 60px !important;
height: 3px !important;
}
} .entry-header:not(.common-template) {
text-align: center !important;
margin-bottom: 2rem !important;
padding: 1.5rem 0 !important;
}
.entry-header:not(.common-template) .entry-title {
font-size: 2rem !important;
font-weight: 700 !important;
color: #012241 !important;
margin: 0 !important;
line-height: 1.3 !important;
position: relative !important;
display: inline-block !important;
padding-bottom: 15px !important;
} .entry-header:not(.common-template) .entry-title::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 70px !important;
height: 4px !important;
background: linear-gradient(
90deg,
transparent 0%,
var(--c-primary) 15%,
var(--c-primary) 85%,
transparent 100%
) !important;
border-radius: 4px !important;
box-shadow: 0 2px 6px rgba(28, 94, 168, 0.25) !important;
}
@media screen and (max-width: 768px) {
.entry-header:not(.common-template) {
margin-bottom: 1.5rem !important;
padding: 1rem 0 !important;
}
.entry-header:not(.common-template) .entry-title {
font-size: 1.4rem !important;
padding-bottom: 12px !important;
}
.entry-header:not(.common-template) .entry-title::after {
width: 50px !important;
height: 3px !important;
}
} header.wholesale-header {
height: 180px !important;
background: linear-gradient(
135deg,
rgba(32, 91, 171, 0.9) 0%,
rgba(1, 34, 65, 0.95) 100%
) !important;
}
@media screen and (max-width: 768px) {
header.wholesale-header {
height: 120px !important;
}
} .error-404 .page-header {
padding: 3rem 0 !important;
}
.error-404 .page-title {
font-size: 4rem !important;
color: var(--c-primary) !important;
margin-bottom: 1rem !important;
}
@media screen and (max-width: 768px) {
.error-404 .page-header {
padding: 2rem 0 !important;
}
.error-404 .page-title {
font-size: 2.5rem !important;
}
} .search-results .page-header {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
padding: 2rem !important;
border-radius: 8px !important;
margin-bottom: 2rem !important;
}
.search-results .page-title {
font-size: 1.5rem !important;
color: #012241 !important;
}
@media screen and (max-width: 768px) {
.search-results .page-header {
padding: 1.5rem 1rem !important;
border-radius: 6px !important;
}
.search-results .page-title {
font-size: 1.2rem !important;
}
} body:has(.promo-navigation) header.common-template {
margin-top: 0 !important;
} .desktop-menu-container .menu-item-oferta a {
text-decoration: none !important;
color: #333 !important;
font-weight: 500 !important;
transition: color 0.3s ease !important;
}
.desktop-menu-container .menu-item-oferta a:hover,
.desktop-menu-container .menu-item-oferta.current-menu-item a {
color: var(--c-primary) !important;
} .home-intro {
max-width: 900px;
margin: 0 auto;
padding: 2.5rem 1.25rem 0.5rem;
text-align: center;
}
.home-intro .common-page-header {
margin-top: 0 !important;
}
.home-intro-lead {
max-width: 620px;
margin: 0 auto;
font-size: 1.02rem;
line-height: 1.6;
color: #55637a;
}
@media screen and (max-width: 768px) {
.home-intro {
padding: 1.5rem 1rem 0.25rem;
}
.home-intro-lead {
font-size: 0.95rem;
line-height: 1.55;
}
} .site-main > .common-page-header:first-child {
margin-top: 3.25rem !important;
}
@media screen and (max-width: 768px) {
.site-main > .common-page-header:first-child {
margin-top: 2rem !important;
}
} .brand-archive-hero {
background: linear-gradient(135deg, #002347 0%, #003d7a 50%, #0056b3 100%); padding: 4.25rem 1.25rem 3rem;
text-align: center;
margin-bottom: 2.5rem;
}
.brand-archive-hero-inner {
max-width: 780px;
margin: 0 auto;
}
.brand-archive-eyebrow {
margin: 0 0 0.5rem;
font-size: 0.78rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.72);
}
.brand-archive-title {
margin: 0;
font-size: 2.4rem;
font-weight: 700;
line-height: 1.2;
color: #fff;
}
.brand-archive-desc,
.brand-archive-count {
margin: 0.9rem auto 0;
max-width: 620px;
color: rgba(255, 255, 255, 0.85);
line-height: 1.55;
}
.brand-archive-count {
font-size: 0.92rem;
color: rgba(255, 255, 255, 0.7);
}
.brand-archive .site-main {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px 60px;
}
.brand-archive-empty {
text-align: center;
padding: 2rem 1rem 4rem;
}
.brand-archive-empty p {
margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
.brand-archive-hero {
padding: 2.5rem 1rem 2rem;
margin-bottom: 1.5rem;
}
.brand-archive-title {
font-size: 1.6rem;
}
}.woocommerce ul.products li.product {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
position: relative !important;
} .woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
line-height: 1.35em !important;
height: 2.7em !important; min-height: 2.7em !important;
max-height: 2.7em !important;
margin-bottom: 0.75rem !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #012241 !important;
word-break: break-word !important;
padding: 0 !important;
background: transparent !important;
}
@media screen and (max-width: 768px) {
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
font-size: 13px !important;
-webkit-line-clamp: 2 !important;
height: 2.7em !important;
min-height: 2.7em !important;
max-height: 2.7em !important;
line-height: 1.35em !important;
}
}  .woocommerce ul.products li.product {
padding-bottom: 80px !important; } .woocommerce ul.products li.product .price,
.woocommerce ul.products li.product a.button:not(.added_to_cart),
.woocommerce ul.products li.product button.button,
.woocommerce ul.products li.product .add_to_cart_button {
position: absolute !important;
bottom: 0 !important;
} .woocommerce ul.products li.product .price {
left: 0 !important;
right: auto !important;
bottom: 20px !important;
text-align: left !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: baseline !important;
gap: 0 !important;
width: auto !important;
max-width: 50% !important;
} .woocommerce ul.products li.product a.button:not(.added_to_cart),
.woocommerce ul.products li.product button.button,
.woocommerce ul.products li.product .add_to_cart_button {
right: 0 !important;
left: auto !important;
bottom: 15px !important;
float: none !important;
margin: 0 !important;
white-space: nowrap !important;
padding: 0.6em 1.2em !important;
font-size: 0.8rem !important;
}  .woocommerce ul.products li.product .price del {
display: inline !important;
font-size: 0.78rem !important;
color: #999 !important;
text-decoration: line-through !important;
text-decoration-thickness: 1px !important;
font-weight: 400 !important;
margin: 0 4px 0 0 !important;
order: 1 !important;
opacity: 0.7 !important;
vertical-align: baseline !important;
}
.woocommerce ul.products li.product .price del bdi,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount {
font-size: 0.78rem !important;
color: #999 !important;
} .woocommerce ul.products li.product .price ins {
display: inline !important;
text-decoration: none !important;
background: none !important;
font-size: 1.05rem !important;
font-weight: 700 !important;
color: #e31837 !important;
order: 2 !important;
vertical-align: baseline !important;
}
.woocommerce ul.products li.product .price ins bdi,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount {
font-size: 1.05rem !important;
font-weight: 700 !important;
color: #e31837 !important;
} .woocommerce ul.products li.product .ev-omnibus-price {
display: block !important;
order: 0 !important;
width: 100% !important;
margin: 0 0 4px !important;
padding: 0 !important;
font-size: 0.78em !important;
font-style: italic !important;
color: #555 !important;
font-weight: 500 !important;
line-height: 1.3 !important;
min-height: 1.3em !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
} .woocommerce ul.products li.product .price > .woocommerce-Price-amount,
.woocommerce ul.products li.product .price > span > .woocommerce-Price-amount {
font-size: 1.1rem !important;
font-weight: 700 !important;
color: #012241 !important;
}
.woocommerce ul.products li.product .price bdi {
font-size: 1.1rem !important;
font-weight: 700 !important;
}  .woocommerce ul.products li.product.product-type-variable .price {
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: baseline !important;
gap: 0.3rem !important;
max-width: 55% !important;
overflow: hidden !important;
font-size: 0 !important; line-height: 0 !important;
} .woocommerce ul.products li.product.product-type-variable .price::before {
content: "od" !important;
font-size: 0.85rem !important;
font-weight: 400 !important;
color: #666 !important;
display: inline !important;
line-height: 1.4 !important;
margin-right: 0.3rem !important;
} .woocommerce ul.products li.product.product-type-variable .price .woocommerce-Price-amount:first-of-type {
font-size: 1.1rem !important;
font-weight: 700 !important;
color: #012241 !important;
white-space: nowrap !important;
display: inline !important;
line-height: 1.4 !important;
}
.woocommerce ul.products li.product.product-type-variable .price .woocommerce-Price-amount:first-of-type bdi {
font-size: 1.1rem !important;
font-weight: 700 !important;
color: #012241 !important;
} .woocommerce ul.products li.product.product-type-variable .price .woocommerce-Price-amount:not(:first-of-type),
.woocommerce ul.products li.product.product-type-variable .price .woocommerce-Price-amount:not(:first-of-type) bdi,
.woocommerce ul.products li.product.product-type-variable .price > span:not(:first-of-type) {
display: none !important;
}  .woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
background: linear-gradient(135deg, #e31837 0%, #c41230 100%) !important;
color: #fff !important;
font-size: 0.75rem !important;
font-weight: 600 !important;
padding: 0.4em 0.8em !important;
border-radius: 4px !important;
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
z-index: 10 !important;
min-width: auto !important;
min-height: auto !important;
line-height: 1.2 !important;
box-shadow: 0 2px 8px rgba(227, 24, 55, 0.3) !important;
} .woocommerce ul.products li.product .new-badge,
.new-product-badge {
background: linear-gradient(135deg, var(--c-primary) 0%, #164B87 100%) !important;
color: #fff !important;
font-size: 0.7rem !important;
font-weight: 600 !important;
padding: 0.3em 0.6em !important;
border-radius: 4px !important;
position: absolute !important;
top: 10px !important;
left: 10px !important;
z-index: 10 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
} @media screen and (max-width: 768px) {
.woocommerce ul.products li.product {
padding-bottom: 90px !important; } .woocommerce ul.products li.product .price {
left: 50% !important;
transform: translateX(-50%) !important;
bottom: 55px !important;
text-align: center !important;
align-items: baseline !important;
max-width: 100% !important;
width: 100% !important;
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 0 4px !important;
}
.woocommerce ul.products li.product .price del {
font-size: 0.72rem !important;
}
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins bdi {
font-size: 0.95rem !important;
}
.woocommerce ul.products li.product .price bdi {
font-size: 0.95rem !important;
}
.woocommerce ul.products li.product .ev-omnibus-price {
text-align: center !important;
font-size: 0.75em !important;
} .woocommerce ul.products li.product.product-type-variable .price {
max-width: 100% !important;
justify-content: center !important;
} .woocommerce ul.products li.product a.button:not(.added_to_cart),
.woocommerce ul.products li.product button.button,
.woocommerce ul.products li.product .add_to_cart_button {
left: 50% !important;
transform: translateX(-50%) !important;
right: auto !important;
bottom: 8px !important;
font-size: 0.75rem !important;
padding: 0.5em 1em !important;
}
} @media screen and (min-width: 768px) and (max-width: 992px) {
.woocommerce ul.products li.product .price {
font-size: 0.9rem !important;
}
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product button.button {
font-size: 0.75rem !important;
padding: 0.5em 0.8em !important;
}
} .woocommerce ul.products li.product .bestseller-badge,
.bestseller-badge {
position: absolute !important;
bottom: auto !important;
top: auto !important;
right: 10px !important;
background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%) !important;
color: #000 !important;
font-size: 0.65rem !important;
font-weight: 700 !important;
padding: 0.3em 0.5em !important;
border-radius: 4px !important;
text-transform: uppercase !important;
z-index: 10 !important;
} .woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
color: var(--c-primary) !important;
}
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product button.button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
background: #164B87 !important;
transform: translateY(-2px) translateX(0) !important;
box-shadow: 0 4px 12px rgba(32, 91, 171, 0.3) !important;
}
@media screen and (max-width: 768px) {
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product button.button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
transform: translateX(-50%) translateY(-2px) !important;
}
} .woocommerce ul.products li.product .price del span.woocommerce-Price-currencySymbol,
.woocommerce ul.products li.product .price ins span.woocommerce-Price-currencySymbol {
font-size: inherit !important;
} .woocommerce ul.products li.product .price del::before,
.woocommerce ul.products li.product .price del::after {
display: none !important;
} .woocommerce-loop-product__title {
height: 2.7em !important;
min-height: 2.7em !important;
max-height: 2.7em !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
@media screen and (max-width: 440px) {
.woocommerce-loop-product__title {
height: 2.7em !important;
min-height: 2.7em !important;
max-height: 2.7em !important;
}
}  .woocommerce ul.products li.product.show-view-cart-mode a.add_to_cart_button,
.woocommerce ul.products li.product.show-view-cart-mode button.add_to_cart_button,
.woocommerce ul.products li.product.show-view-cart-mode a.button.add_to_cart_button,
.woocommerce ul.products li.product.show-view-cart-mode a.button.product_type_simple,
.woocommerce ul.products li.product.show-view-cart-mode .add_to_cart_button.ajax_add_to_cart {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
display: none !important;
} .woocommerce ul.products li.product a.added_to_cart {
display: none !important;
} .woocommerce ul.products li.product.show-view-cart-mode a.added_to_cart,
.woocommerce ul.products li.product.show-view-cart-mode .added_to_cart {
position: absolute !important;
right: 0 !important;
left: auto !important;
bottom: 15px !important; display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
padding: 0.6em 1.2em !important;
font-size: 0.8rem !important;
font-weight: 600 !important;
color: #fff !important;
background: linear-gradient(135deg, #28a745 0%, #20903b 100%) !important;
border: none !important;
border-radius: 4px !important;
text-decoration: none !important;
white-space: nowrap !important;
transition: all 0.3s ease !important;
z-index: 10 !important;
margin: 0 !important;
float: none !important;
transform: none !important;
box-shadow: 0 3px 10px rgba(40, 167, 69, 0.35) !important;
animation: viewCartPulse 0.5s ease-out !important;
} @keyframes viewCartPulse {
0% {
transform: scale(0.9);
opacity: 0;
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
opacity: 1;
}
}
.woocommerce ul.products li.product.show-view-cart-mode a.added_to_cart:hover,
.woocommerce ul.products li.product.show-view-cart-mode .added_to_cart:hover {
background: linear-gradient(135deg, #20903b 0%, #1a7a32 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 5px 15px rgba(40, 167, 69, 0.45) !important;
} .woocommerce ul.products li.product.show-view-cart-mode a.added_to_cart::before,
.woocommerce ul.products li.product.show-view-cart-mode .added_to_cart::before {
display: none !important;
content: none !important;
} @media screen and (max-width: 768px) {
.woocommerce ul.products li.product.show-view-cart-mode a.added_to_cart,
.woocommerce ul.products li.product.show-view-cart-mode .added_to_cart {
left: 50% !important;
right: auto !important;
transform: translateX(-50%) !important;
bottom: 8px !important; font-size: 0.75rem !important;
padding: 0.5em 1em !important;
width: calc(100% - 20px) !important;
max-width: none !important;
}
.woocommerce ul.products li.product.show-view-cart-mode a.added_to_cart:hover,
.woocommerce ul.products li.product.show-view-cart-mode .added_to_cart:hover {
transform: translateX(-50%) translateY(-2px) !important;
}
} @media screen and (min-width: 768px) and (max-width: 992px) {
.woocommerce ul.products li.product.show-view-cart-mode a.added_to_cart,
.woocommerce ul.products li.product.show-view-cart-mode .added_to_cart {
font-size: 0.75rem !important;
padding: 0.5em 1em !important;
bottom: 15px !important;
}
} .woocommerce ul.products li.product a.button.loading,
.woocommerce ul.products li.product .add_to_cart_button.loading {
opacity: 0.7 !important;
pointer-events: none !important;
} .woocommerce ul.products li.product a.button.added,
.woocommerce ul.products li.product .add_to_cart_button.added {
background: #28a745 !important;
border-color: #28a745 !important;
}
.woocommerce ul.products li.product a.button.added::after,
.woocommerce ul.products li.product .add_to_cart_button.added::after {
content: " ✓" !important;
}  .woocommerce ul.products li.product {
display: flex !important;
flex-direction: column !important;
} .woocommerce ul.products li.product .price,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .added_to_cart {
flex-shrink: 0 !important;
}footer#colophon .footer-top:before {
content: '' !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100vw !important;
height: 250px !important;
border-radius: 0 0 50% 50% !important;
background-color: #fff !important;
background-image: url(https://www.e-venus.pl/wp-content/uploads/2025/12/logo_full_e-venus.jpg) !important;
background-size: 180px auto !important;
background-repeat: no-repeat !important;
background-position: center 60px !important;
position: absolute !important;
left: 50% !important;
top: 0 !important;
transform: translateX(-50%) !important;
} footer#colophon .footer-social-icons {
top: 170px !important;
z-index: 2 !important;
} .woocommerce-products-header {
margin-top: 2rem !important;
padding-top: 1rem !important;
} .woocommerce-products-header__title.page-title {
margin-bottom: 1.5rem !important;
} .woocommerce-notices-wrapper + .woocommerce-result-count,
.woocommerce .woocommerce-result-count {
display: inline-flex !important;
align-items: center !important;
font-size: 14px !important;
color: #333 !important;
font-weight: 400 !important;
margin: 0 !important;
padding: 0.5em 0 !important;
} .vg-sort-show {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 14px !important;
color: #333 !important;
margin-left: 1.5rem !important;
}
.vg-sort-show select {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-color: #fff !important;
border: 2px solid var(--c-primary) !important;
border-radius: 6px !important;
padding: 0.4em 2em 0.4em 0.8em !important;
font-size: 14px !important;
font-weight: 600 !important;
color: var(--c-primary) !important;
cursor: pointer !important;
min-width: 60px !important;
text-align: center !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23205bab' d='M6 8L2 4h8z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 0.5em center !important;
transition: all 0.2s ease !important;
}
.vg-sort-show select:hover {
background-color: #f5f8fc !important;
border-color: #164B87 !important;
}
.vg-sort-show select:focus {
outline: none !important;
border-color: #164B87 !important;
box-shadow: 0 0 0 3px rgba(32, 91, 171, 0.15) !important;
} .woocommerce-ordering {
margin-bottom: 1.5rem !important;
position: relative !important;
}
.woocommerce-ordering select {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-color: var(--c-primary) !important;
color: #fff !important;
border: none !important;
border-radius: 25px !important;
padding: 0.75em 3em 0.75em 1.5em !important;
font-size: 14px !important;
font-weight: 600 !important;
cursor: pointer !important;
min-width: 220px !important;
transition: all 0.2s ease !important;
}
.woocommerce-ordering select:hover {
background-color: #164B87 !important;
}
.woocommerce-ordering select:focus {
outline: none !important;
box-shadow: 0 0 0 3px rgba(32, 91, 171, 0.3) !important;
}
.woocommerce-ordering select option {
background-color: #fff !important;
color: #333 !important;
padding: 10px !important;
} .woocommerce-ordering::after {
content: '' !important;
position: absolute !important;
right: 1.2em !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 0 !important;
height: 0 !important;
border-left: 5px solid transparent !important;
border-right: 5px solid transparent !important;
border-top: 6px solid #fff !important;
pointer-events: none !important;
background: none !important;
} @media screen and (min-width: 992px) {
.woocommerce-notices-wrapper ~ .woocommerce-result-count,
.woocommerce-notices-wrapper ~ .vg-sort-show,
.woocommerce-notices-wrapper ~ .woocommerce-ordering {
margin-top: 0 !important;
} .woocommerce .woocommerce-result-count {
float: left !important;
}
.woocommerce .woocommerce-ordering {
float: right !important;
}
} @media screen and (max-width: 992px) {
.woocommerce-products-header {
margin-top: 1.5rem !important;
text-align: center !important;
}
.woocommerce-result-count {
width: 100% !important;
justify-content: flex-start !important;
font-size: 13px !important;
margin-bottom: 0.5rem !important;
}
.vg-sort-show {
margin-left: 0 !important;
margin-right: 1rem !important;
}
.vg-sort-show select {
min-width: 50px !important;
padding: 0.3em 1.8em 0.3em 0.6em !important;
font-size: 13px !important;
}
.woocommerce-ordering {
width: 100% !important;
margin-top: 0.5rem !important;
}
.woocommerce-ordering select {
width: 100% !important;
min-width: unset !important;
font-size: 13px !important;
}
} .vg-sort-show select,
.woocommerce-ordering select {
transition: all 0.25s ease !important;
} .woocommerce-result-count {
font-family: 'Poppins', sans-serif !important;
letter-spacing: 0.2px !important;
}
.vg-sort-show {
font-family: 'Poppins', sans-serif !important;
}.woocommerce-account:not(.logged-in) .woocommerce::before,
.woocommerce-account:not(.logged-in) .woocommerce::after,
.woocommerce-account:not(.logged-in) .entry-content::before,
.woocommerce-account:not(.logged-in) .entry-content::after {
display: none !important;
content: none !important;
} .woocommerce-account:not(.logged-in) header.common-template,
.woocommerce-account:not(.logged-in) .wholesale-header,
.woocommerce-account:not(.logged-in) .entry-header:not(.site-header),
.woocommerce-account:not(.logged-in) h1.entry-title {
display: none !important;
} .woocommerce-account:not(.logged-in) .top-promo,
.woocommerce-account:not(.logged-in) .promo-navigation,
.woocommerce-account:not(.logged-in) #masthead,
.woocommerce-account:not(.logged-in) .site-header,
.woocommerce-account:not(.logged-in) .main-navigation {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
} .woocommerce-account:not(.logged-in) #primary,
.woocommerce-account:not(.logged-in) .content-area,
.woocommerce-account:not(.logged-in) .wholesale-login,
.woocommerce-account:not(.logged-in) .entry-content {
padding: 0 !important;
margin: 0 !important;
max-width: none !important;
background: transparent !important;
display: block !important;
width: 100% !important;
} .woocommerce-account:not(.logged-in) {
background: #ffffff !important;
min-height: 100vh !important;
}
.woocommerce-account:not(.logged-in) #content,
.woocommerce-account:not(.logged-in) #page {
background: #ffffff !important;
} .woocommerce-account:not(.logged-in) .woocommerce:not(.dgwt-wcas-suggestions-wrapp):not(.dgwt-wcas-has-img):not(.dgwt-wcas-search-wrapp):not([class*="dgwt-wcas"]) {
max-width: 100% !important;
margin: 0 auto !important;
padding: 3rem 2rem !important;
padding-top: 4rem !important; min-height: auto !important;
display: flex !important;
align-items: flex-start !important; justify-content: center !important;
background: #ffffff !important;
}  .woocommerce-account:not(.logged-in) .dgwt-wcas-suggestions-wrapp {
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
display: block !important;
background: #fff !important;
}  .woocommerce-account:not(.logged-in) .dgwt-wcas-search-wrapp,
.woocommerce-account:not(.logged-in) .dgwt-wcas-search-wrapp.woocommerce,
.woocommerce-account:not(.logged-in) [class*="dgwt-wcas"].woocommerce {
padding: 0 !important;
padding-top: 0 !important;
min-height: auto !important;
display: block !important;
align-items: initial !important;
}  body.woocommerce-account:not(.logged-in) .search-panel .dgwt-wcas-search-wrapp,
.woocommerce-account:not(.logged-in) nav .search-panel .dgwt-wcas-search-wrapp,
.woocommerce-account:not(.logged-in) #site-navigation .search-panel .dgwt-wcas-search-wrapp {
width: 90% !important;
max-width: 650px !important;
margin: 0 auto !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.woocommerce-account:not(.logged-in) .search-panel .dgwt-wcas-sf-wrapp,
.woocommerce-account:not(.logged-in) nav .search-panel .dgwt-wcas-sf-wrapp {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.woocommerce-account:not(.logged-in) .search-panel .dgwt-wcas-search-input,
body.woocommerce-account:not(.logged-in) .search-panel input.dgwt-wcas-search-input,
.woocommerce-account:not(.logged-in) nav .search-panel .dgwt-wcas-search-input {
width: 100% !important;
height: 70px !important;
min-height: 70px !important;
max-height: 70px !important;
font-size: 20px !important;
box-sizing: border-box !important;
} #customer_login {
display: flex !important;
flex-direction: row !important;
gap: 0 !important;
width: 100% !important;
max-width: 900px !important;
margin: 0 auto !important;
background: #ffffff !important;
border-radius: 20px !important;
box-shadow: 
0 10px 40px -10px rgba(0, 0, 0, 0.12),
0 0 0 1px rgba(0, 0, 0, 0.05) !important;
overflow: hidden !important;
} #customer_login .u-column1,
#customer_login .u-column2,
#customer_login > .col-1,
#customer_login > .col-2,
#customer_login > div:first-child,
#customer_login > div:last-child {
flex: 1 !important;
background: #ffffff !important;
padding: 2.5rem 2rem !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
width: 50% !important;
max-width: none !important;
float: none !important;
margin: 0 !important;
} #customer_login .u-column1,
#customer_login > .col-1,
#customer_login > div:first-child {
background: linear-gradient(165deg, #012241 0%, #164B87 50%, var(--c-primary) 100%) !important;
color: #ffffff !important;
} #customer_login .u-column2,
#customer_login > .col-2,
#customer_login > div:last-child {
background: #ffffff !important;
border-left: 1px solid #e5e7eb !important;
} #customer_login .u-column1:hover,
#customer_login .u-column2:hover,
#customer_login > .col-1:hover,
#customer_login > .col-2:hover {
transform: none !important;
box-shadow: none !important;
} #customer_login h2 {
font-size: 1.5rem !important;
font-weight: 600 !important;
margin-bottom: 1.75rem !important;
padding-bottom: 0.75rem !important;
text-align: center !important;
letter-spacing: -0.3px !important;
position: relative !important;
border-bottom: none !important;
}
#customer_login h2::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 50px !important;
height: 3px !important;
border-radius: 2px !important;
} #customer_login .u-column1 h2,
#customer_login > .col-1 h2,
#customer_login > div:first-child h2 {
color: #ffffff !important;
}
#customer_login .u-column1 h2::after,
#customer_login > .col-1 h2::after,
#customer_login > div:first-child h2::after {
background: rgba(255, 255, 255, 0.5) !important;
} #customer_login .u-column2 h2,
#customer_login > .col-2 h2,
#customer_login > div:last-child h2 {
color: #012241 !important;
}
#customer_login .u-column2 h2::after,
#customer_login > .col-2 h2::after,
#customer_login > div:last-child h2::after {
background: var(--c-primary) !important;
} #customer_login label {
font-size: 0.875rem !important;
font-weight: 600 !important;
margin-bottom: 0.5rem !important;
display: block !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
} #customer_login .u-column1 label,
#customer_login > .col-1 label,
#customer_login > div:first-child label {
color: rgba(255, 255, 255, 0.9) !important;
} #customer_login .u-column2 label,
#customer_login > .col-2 label,
#customer_login > div:last-child label {
color: #374151 !important;
}
#customer_login label .required {
color: #ef4444 !important;
margin-left: 3px !important;
} #customer_login input[type="text"],
#customer_login input[type="email"],
#customer_login input[type="password"],
#customer_login input[type="tel"],
#customer_login .input-text,
#customer_login .woocommerce-Input {
width: 100% !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
padding: 0.875rem 1rem !important;
border-radius: 10px !important;
font-size: 0.95rem !important;
transition: all 0.2s ease !important;
margin-bottom: 1rem !important;
box-sizing: border-box !important;
} #customer_login .u-column1 input[type="text"],
#customer_login .u-column1 input[type="email"],
#customer_login .u-column1 input[type="password"],
#customer_login .u-column1 .input-text,
#customer_login .u-column1 .woocommerce-Input,
#customer_login > .col-1 input[type="text"],
#customer_login > .col-1 input[type="email"],
#customer_login > .col-1 input[type="password"],
#customer_login > div:first-child input[type="text"],
#customer_login > div:first-child input[type="email"],
#customer_login > div:first-child input[type="password"] {
background: rgba(255, 255, 255, 0.1) !important;
border: 2px solid rgba(255, 255, 255, 0.2) !important;
color: #ffffff !important;
}
#customer_login .u-column1 input::placeholder,
#customer_login > .col-1 input::placeholder,
#customer_login > div:first-child input::placeholder {
color: rgba(255, 255, 255, 0.5) !important;
}
#customer_login .u-column1 input:focus,
#customer_login > .col-1 input:focus,
#customer_login > div:first-child input:focus {
background: rgba(255, 255, 255, 0.15) !important;
border-color: rgba(255, 255, 255, 0.5) !important;
outline: none !important;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1) !important;
} #customer_login .u-column2 input[type="text"],
#customer_login .u-column2 input[type="email"],
#customer_login .u-column2 input[type="password"],
#customer_login .u-column2 input[type="tel"],
#customer_login .u-column2 .input-text,
#customer_login .u-column2 .woocommerce-Input,
#customer_login > .col-2 input[type="text"],
#customer_login > .col-2 input[type="email"],
#customer_login > .col-2 input[type="password"],
#customer_login > div:last-child input[type="text"],
#customer_login > div:last-child input[type="email"],
#customer_login > div:last-child input[type="password"] {
background: #f8fafc !important;
border: 2px solid #e5e7eb !important;
color: #1f2937 !important;
}
#customer_login .u-column2 input:focus,
#customer_login > .col-2 input:focus,
#customer_login > div:last-child input:focus {
background: #ffffff !important;
border-color: var(--c-primary) !important;
outline: none !important;
box-shadow: 0 0 0 4px rgba(32, 91, 171, 0.1) !important;
} #customer_login button[type="submit"],
#customer_login .woocommerce-button,
#customer_login .button {
width: 100% !important;
padding: 0.875rem 1.5rem !important;
border: none !important;
border-radius: 10px !important;
font-size: 0.9rem !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
text-transform: uppercase !important;
letter-spacing: 0.8px !important;
margin-top: 0.5rem !important;
} #customer_login .u-column1 button[type="submit"],
#customer_login .u-column1 .woocommerce-button,
#customer_login .u-column1 .button,
#customer_login > .col-1 button[type="submit"],
#customer_login > div:first-child button[type="submit"] {
background: #ffffff !important;
color: #012241 !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
}
#customer_login .u-column1 button[type="submit"]:hover,
#customer_login > .col-1 button[type="submit"]:hover,
#customer_login > div:first-child button[type="submit"]:hover {
background: #f0f5fc !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
} #customer_login .u-column2 button[type="submit"],
#customer_login .u-column2 .woocommerce-button,
#customer_login .u-column2 .button,
#customer_login > .col-2 button[type="submit"],
#customer_login > div:last-child button[type="submit"] {
background: linear-gradient(135deg, var(--c-primary) 0%, #164B87 100%) !important;
color: #ffffff !important;
box-shadow: 0 2px 10px rgba(32, 91, 171, 0.25) !important;
}
#customer_login .u-column2 button[type="submit"]:hover,
#customer_login > .col-2 button[type="submit"]:hover,
#customer_login > div:last-child button[type="submit"]:hover {
background: linear-gradient(135deg, #164B87 0%, #143d73 100%) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 15px rgba(32, 91, 171, 0.35) !important;
} #customer_login .woocommerce-form__label-for-checkbox {
display: flex !important;
align-items: center !important;
gap: 0.75rem !important;
cursor: pointer !important;
font-size: 0.9rem !important;
margin: 1.25rem 0 !important;
}
#customer_login .u-column1 .woocommerce-form__label-for-checkbox,
#customer_login > .col-1 .woocommerce-form__label-for-checkbox,
#customer_login > div:first-child .woocommerce-form__label-for-checkbox {
color: rgba(255, 255, 255, 0.85) !important;
}
#customer_login .u-column2 .woocommerce-form__label-for-checkbox,
#customer_login > .col-2 .woocommerce-form__label-for-checkbox,
#customer_login > div:last-child .woocommerce-form__label-for-checkbox {
color: #6b7280 !important;
}
#customer_login input[type="checkbox"] {
width: 20px !important;
height: 20px !important;
accent-color: var(--c-primary) !important;
cursor: pointer !important;
border-radius: 4px !important;
}  #customer_login .u-column1 a,
#customer_login > .col-1 a,
#customer_login > div:first-child a {
color: rgba(255, 255, 255, 0.9) !important;
text-decoration: none !important;
font-weight: 500 !important;
transition: all 0.2s ease !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
padding-bottom: 2px !important;
}
#customer_login .u-column1 a:hover,
#customer_login > .col-1 a:hover,
#customer_login > div:first-child a:hover {
color: #ffffff !important;
border-bottom-color: #ffffff !important;
} #customer_login .u-column2 a,
#customer_login > .col-2 a,
#customer_login > div:last-child a {
color: var(--c-primary) !important;
text-decoration: none !important;
font-weight: 500 !important;
transition: all 0.2s ease !important;
}
#customer_login .u-column2 a:hover,
#customer_login > .col-2 a:hover,
#customer_login > div:last-child a:hover {
color: #143d73 !important;
text-decoration: underline !important;
} #customer_login .woocommerce-LostPassword {
text-align: center !important;
margin-top: 1.5rem !important;
padding-top: 1.5rem !important;
border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
}
#customer_login .u-column2 .woocommerce-LostPassword,
#customer_login > .col-2 .woocommerce-LostPassword,
#customer_login > div:last-child .woocommerce-LostPassword {
border-top-color: #e5e7eb !important;
}
#customer_login .woocommerce-LostPassword a {
font-size: 0.875rem !important;
} #customer_login .form-row {
margin-bottom: 0.5rem !important;
}
#customer_login .form-row-first,
#customer_login .form-row-last {
width: 100% !important;
float: none !important;
} #customer_login .password-input {
position: relative !important;
}
#customer_login .show-password-input {
position: absolute !important;
right: 15px !important;
top: 50% !important;
transform: translateY(-70%) !important;
cursor: pointer !important;
transition: color 0.2s ease !important;
background: transparent !important;
border: none !important;
padding: 5px !important;
}
#customer_login .u-column1 .show-password-input,
#customer_login > .col-1 .show-password-input,
#customer_login > div:first-child .show-password-input {
color: rgba(255, 255, 255, 0.6) !important;
}
#customer_login .u-column1 .show-password-input:hover,
#customer_login > .col-1 .show-password-input:hover,
#customer_login > div:first-child .show-password-input:hover {
color: #ffffff !important;
}
#customer_login .u-column2 .show-password-input,
#customer_login > .col-2 .show-password-input,
#customer_login > div:last-child .show-password-input {
color: #9ca3af !important;
}
#customer_login .u-column2 .show-password-input:hover,
#customer_login > .col-2 .show-password-input:hover,
#customer_login > div:last-child .show-password-input:hover {
color: var(--c-primary) !important;
} #customer_login .woocommerce-privacy-policy-text {
font-size: 0.8rem !important;
line-height: 1.6 !important;
margin: 1.25rem 0 !important;
padding: 1rem !important;
border-radius: 10px !important;
}
#customer_login .u-column1 .woocommerce-privacy-policy-text,
#customer_login > .col-1 .woocommerce-privacy-policy-text,
#customer_login > div:first-child .woocommerce-privacy-policy-text {
background: rgba(255, 255, 255, 0.1) !important;
border-left: 3px solid rgba(255, 255, 255, 0.3) !important;
color: rgba(255, 255, 255, 0.8) !important;
}
#customer_login .u-column2 .woocommerce-privacy-policy-text,
#customer_login > .col-2 .woocommerce-privacy-policy-text,
#customer_login > div:last-child .woocommerce-privacy-policy-text {
background: #f0f5fc !important;
border-left: 3px solid var(--c-primary) !important;
color: #6b7280 !important;
}
#customer_login .woocommerce-privacy-policy-text p {
margin: 0 !important;
} .woocommerce-account:not(.logged-in) .woocommerce-error,
.woocommerce-account:not(.logged-in) .woocommerce-message,
.woocommerce-account:not(.logged-in) .woocommerce-info {
max-width: 950px !important;
margin: 0 auto 1.5rem !important;
border-radius: 12px !important;
padding: 1rem 1.5rem !important;
} #customer_login:has(.u-column1:only-child),
#customer_login:has(.col-1:only-child) {
max-width: 480px !important;
}
#customer_login .u-column1:only-child,
#customer_login > .col-1:only-child {
width: 100% !important;
border-radius: 24px !important;
} @media screen and (max-width: 992px) {
.woocommerce-account:not(.logged-in) .woocommerce {
padding: 1rem !important;
min-height: auto !important;
align-items: flex-start !important;
padding-top: 2rem !important;
}
#customer_login {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
max-width: 100% !important;
border-radius: 20px !important;
}
#customer_login .u-column1,
#customer_login .u-column2,
#customer_login > .col-1,
#customer_login > .col-2,
#customer_login > div:first-child,
#customer_login > div:last-child {
width: 100% !important;
padding: 2rem 1.5rem !important;
border-left: none !important;
} #customer_login .u-column1,
#customer_login > .col-1,
#customer_login > div:first-child {
border-radius: 20px 20px 0 0 !important;
}
#customer_login .u-column2,
#customer_login > .col-2,
#customer_login > div:last-child {
border-radius: 0 0 20px 20px !important;
border-top: 1px solid #e5e7eb !important;
}
#customer_login h2 {
font-size: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
#customer_login input[type="text"],
#customer_login input[type="email"],
#customer_login input[type="password"],
#customer_login .input-text,
#customer_login .woocommerce-Input {
padding: 0.875rem 1rem !important;
font-size: 16px !important;
margin-bottom: 1rem !important;
}
#customer_login button[type="submit"] {
padding: 0.875rem 1.5rem !important;
font-size: 0.95rem !important;
}
} @media screen and (max-width: 480px) {
.woocommerce-account:not(.logged-in) .woocommerce {
padding: 0.75rem !important;
padding-top: 1rem !important;
}
#customer_login {
border-radius: 16px !important;
}
#customer_login .u-column1,
#customer_login .u-column2,
#customer_login > .col-1,
#customer_login > .col-2,
#customer_login > div:first-child,
#customer_login > div:last-child {
padding: 1.5rem 1.25rem !important;
}
#customer_login .u-column1,
#customer_login > .col-1,
#customer_login > div:first-child {
border-radius: 16px 16px 0 0 !important;
}
#customer_login .u-column2,
#customer_login > .col-2,
#customer_login > div:last-child {
border-radius: 0 0 16px 16px !important;
}
#customer_login h2 {
font-size: 1.35rem !important;
}
#customer_login label {
font-size: 0.8rem !important;
}
}  .woocommerce-account.logged-in .woocommerce-MyAccount-navigation { } #customer_login .form-header,
#customer_login .sign-in-wrapper,
#customer_login .sign-up-wrapper,
.sign-in-up-form-wrapper .form-header,
.sign-in-up-form-wrapper .sign-in-wrapper,
.sign-in-up-form-wrapper .sign-up-wrapper {
background-color: transparent !important;
} #customer_login .u-column1 p,
#customer_login > .col-1 p,
#customer_login > div:first-child p {
color: rgba(255, 255, 255, 0.85) !important;
}
#customer_login .u-column2 p,
#customer_login > .col-2 p,
#customer_login > div:last-child p,
.sign-in-up-form-wrapper p {
color: #4b5563 !important;
} .wholesale-login .entry-header.common-template,
.wholesale-login header.common-template {
display: none !important;
}  .woocommerce-account:not(.logged-in) footer#colophon {
margin-top: 0 !important;
height: 45em !important; padding-bottom: 0 !important;
position: relative !important;
overflow: visible !important;
flex-shrink: 0 !important;
} .woocommerce-account:not(.logged-in) footer#colophon .footer-top {
position: relative !important;
height: 50% !important;
overflow: visible !important;
}
.woocommerce-account:not(.logged-in) footer#colophon .footer-top:before {
content: '' !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100vw !important;
height: 250px !important;
border-radius: 0 0 50% 50% !important;
background-color: #fff !important;
background-image: url(https://www.e-venus.pl/wp-content/uploads/2025/12/logo_full_e-venus.jpg) !important;
background-size: 180px auto !important;
background-repeat: no-repeat !important;
background-position: center 60px !important;
position: absolute !important;
left: 50% !important;
top: 0 !important;
transform: translateX(-50%) !important;
z-index: 1 !important;
} .woocommerce-account:not(.logged-in) footer#colophon .footer-social-icons {
top: 170px !important;
z-index: 2 !important;
} .woocommerce-account:not(.logged-in) #page {
min-height: 100vh !important;
display: block !important; background: #ffffff !important;
} .woocommerce-account:not(.logged-in) #content {
background: #ffffff !important;
min-height: calc(100vh - 45em - 100px) !important; } .woocommerce-account:not(.logged-in) footer#colophon .site-info {
display: flex !important;
flex-flow: column !important;
justify-content: space-between !important;
height: 50% !important;
background: transparent !important;
} .woocommerce-account:not(.logged-in) footer#colophon .site-footer__main {
display: flex !important;
justify-content: space-between !important;
width: 80% !important;
margin: auto !important;
padding-top: 2em !important;
}
.woocommerce-account:not(.logged-in) footer#colophon .site-footer__main .col {
flex: 1 !important;
} .woocommerce-account:not(.logged-in) footer#colophon .footer-bottom {
display: flex !important;
justify-content: center !important;
padding: 2em !important;
} @media screen and (max-width: 992px) {
.woocommerce-account:not(.logged-in) footer#colophon {
height: 55em !important; }
.woocommerce-account:not(.logged-in) footer#colophon .site-footer__main {
flex-direction: column !important;
width: 90% !important;
text-align: center !important;
}
.woocommerce-account:not(.logged-in) footer#colophon .site-footer__main .col {
margin-bottom: 2em !important;
}
.woocommerce-account:not(.logged-in) #content {
min-height: auto !important;
}
} .woocommerce-account:not(.logged-in) #secondary,
.woocommerce-account:not(.logged-in) .widget-area,
.woocommerce-account:not(.logged-in) aside.widget-area,
.woocommerce-account:not(.logged-in) .sidebar,
.woocommerce-account:not(.logged-in) .woocommerce-sidebar {
display: none !important;
} .woocommerce-account:not(.logged-in) .fixed-left-widget,
.woocommerce-account:not(.logged-in) .live-chat-widget,
.woocommerce-account:not(.logged-in) .chat-widget,
.woocommerce-account:not(.logged-in) [class*="chat-widget"],
.woocommerce-account:not(.logged-in) [class*="live-chat"],
.woocommerce-account:not(.logged-in) [class*="helpdesk"] {
display: none !important;
} .woocommerce-account:not(.logged-in) body,
.woocommerce-account:not(.logged-in) html {
overflow-x: hidden !important;
} .woocommerce-account:not(.logged-in) #tidio-chat,
.woocommerce-account:not(.logged-in) #tidio-chat-iframe,
.woocommerce-account:not(.logged-in) .tidio-1,
.woocommerce-account:not(.logged-in) [id*="tidio"],
.woocommerce-account:not(.logged-in) [id*="chat"],
.woocommerce-account:not(.logged-in) [id*="messenger"],
.woocommerce-account:not(.logged-in) [id*="fb-root"],
.woocommerce-account:not(.logged-in) [id*="intercom"],
.woocommerce-account:not(.logged-in) [id*="zendesk"],
.woocommerce-account:not(.logged-in) [id*="freshdesk"],
.woocommerce-account:not(.logged-in) [id*="crisp"],
.woocommerce-account:not(.logged-in) [id*="tawk"],
.woocommerce-account:not(.logged-in) [class*="fb_dialog"],
.woocommerce-account:not(.logged-in) [class*="fb-customerchat"],
.woocommerce-account:not(.logged-in) iframe[title*="chat" i],
.woocommerce-account:not(.logged-in) iframe[title*="messenger" i] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}  body.woocommerce-account:not(.logged-in) > .dgwt-wcas-suggestions-wrapp[style*="display: none"],
body.woocommerce-account:not(.logged-in) > .dgwt-wcas-suggestions-wrapp[style*="display:none"] {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
position: fixed !important;
left: -99999px !important;
} body.woocommerce-account:not(.logged-in) > .dgwt-wcas-suggestions-wrapp[style*="display: block"],
body.woocommerce-account:not(.logged-in) > .dgwt-wcas-suggestions-wrapp[style*="display:block"],
body.woocommerce-account:not(.logged-in) > .dgwt-wcas-suggestions-wrapp.dgwt-wcas-open {
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
position: absolute !important;
left: auto !important;
} body.page-strefa-fryzjera.woocommerce-account:not(.logged-in) footer#colophon {
height: auto !important;
margin-top: 5em !important;
}
body.page-strefa-fryzjera.woocommerce-account:not(.logged-in) footer#colophon .footer-top {
height: 280px !important;
overflow: visible !important;
}
body.page-strefa-fryzjera.woocommerce-account:not(.logged-in) footer#colophon .site-info {
height: auto !important;
display: flex !important;
flex-flow: column !important;
justify-content: flex-start !important;
padding: 1em 0 0 !important;
}
body.page-strefa-fryzjera.woocommerce-account:not(.logged-in) footer#colophon .site-footer__main {
padding-top: 0 !important;
}
body.page-strefa-fryzjera.woocommerce-account:not(.logged-in) #content {
min-height: 0 !important;
background: transparent !important;
}
body.page-strefa-fryzjera.woocommerce-account:not(.logged-in) #page {
background: transparent !important;
}
@media screen and (max-width: 992px) {
body.page-strefa-fryzjera.woocommerce-account:not(.logged-in) footer#colophon {
height: auto !important;
}
body.page-strefa-fryzjera.woocommerce-account:not(.logged-in) footer#colophon .footer-top {
height: 240px !important;
}
}.woocommerce-account.logged-in {
background: #ffffff !important;
}
.woocommerce-account.logged-in #content,
.woocommerce-account.logged-in .site-content,
.woocommerce-account.logged-in .content-area {
background: #ffffff !important;
padding-top: 0 !important;
} .woocommerce-account.logged-in .entry-header,
.woocommerce-account.logged-in h1.entry-title,
.woocommerce-account.logged-in .page-title,
.woocommerce-account.logged-in .edit-link,
.woocommerce-account.logged-in footer.entry-footer,
.woocommerce-MyAccount-navigation-link--payment-methods,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--payment-methods,
.woocommerce-MyAccount-navigation ul li[class*="payment-methods"],
.woocommerce-MyAccount-navigation ul li[class*="payment"],
nav.woocommerce-MyAccount-navigation ul li:nth-child(5) {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
position: absolute !important;
left: -9999px !important;
}  .woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-suggestions-wrapp):not(.dgwt-wcas-has-img):not(.dgwt-wcas-search-wrapp):not([class*="dgwt-wcas"]) {
max-width: 1100px !important;
margin: 0 auto !important;
padding: 2.5rem 2rem !important;
display: block !important;
background: #ffffff !important;
border-radius: 20px !important;
box-shadow: 0 4px 40px rgba(0, 0, 0, 0.08) !important;
border: 1px solid #e8ecf2 !important;
} .woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation {
float: none !important;
width: 100% !important;
max-width: 100% !important;
display: block !important;
margin-right: 0 !important;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-content {
float: none !important;
width: 100% !important;
max-width: 100% !important;
display: block !important;
margin-left: 0 !important;
clear: both !important;
} .woocommerce-account.logged-in .woocommerce::after {
content: "" !important;
display: table !important;
clear: both !important;
} .woocommerce-MyAccount-navigation {
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 !important;
border: none !important;
border-bottom: 1px solid #e8ecf2 !important;
width: 100% !important;
margin-bottom: 0 !important;
} .woocommerce-MyAccount-navigation::before {
content: 'Panel klienta';
display: block;
font-size: 1.5rem;
font-weight: 700;
color: #012241;
padding: 1.5rem 2rem;
text-align: center;
background: transparent;
border: none;
}
.woocommerce-MyAccount-navigation ul {
list-style: none !important;
margin: 0 !important;
padding: 0 0 1.5rem 0 !important;
display: flex !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 0.75rem !important;
background: transparent !important;
}
.woocommerce-MyAccount-navigation ul li {
margin: 0 !important;
flex-shrink: 0 !important;
}
.woocommerce-MyAccount-navigation ul li a {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
padding: 1rem 1.75rem !important;
color: #5a6a7a !important;
text-decoration: none !important;
border-radius: 12px !important;
transition: all 0.3s ease !important;
font-weight: 500 !important;
font-size: 0.9rem !important;
position: relative !important;
background: #f5f7fa !important;
border: 1px solid transparent !important;
min-width: 110px !important;
text-align: center !important;
gap: 0.5rem !important;
} .woocommerce-MyAccount-navigation ul li a::before {
content: '';
width: 26px;
height: 26px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0.7;
transition: all 0.25s ease;
flex-shrink: 0;
} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235a6a7a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z'%3E%3C/path%3E%3C/svg%3E");
} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235a6a7a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z'%3E%3C/path%3E%3C/svg%3E");
} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235a6a7a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z'%3E%3C/path%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 11a3 3 0 11-6 0 3 3 0 016 0z'%3E%3C/path%3E%3C/svg%3E");
} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235a6a7a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'%3E%3C/path%3E%3C/svg%3E");
} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before,
.woocommerce-MyAccount-navigation ul li[class*="payment"] a::before,
.woocommerce-MyAccount-navigation ul li[class*="one-click"] a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235a6a7a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z'%3E%3C/path%3E%3C/svg%3E");
} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235a6a7a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1'%3E%3C/path%3E%3C/svg%3E");
} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235a6a7a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4'%3E%3C/path%3E%3C/svg%3E");
} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--points-and-rewards a::before,
.woocommerce-MyAccount-navigation ul li[class*="points"] a::before,
.woocommerce-MyAccount-navigation ul li[class*="loyalty"] a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235a6a7a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z'%3E%3C/path%3E%3C/svg%3E");
} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235a6a7a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15'%3E%3C/path%3E%3C/svg%3E");
} .woocommerce-MyAccount-navigation ul li a:hover {
background: #e8f0fa !important;
color: var(--c-primary) !important;
border-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul li a:hover::before {
opacity: 1;
filter: brightness(0) saturate(100%) invert(31%) sepia(93%) saturate(456%) hue-rotate(182deg) brightness(93%) contrast(91%);
} .woocommerce-MyAccount-navigation ul li.is-active a {
background: linear-gradient(135deg, var(--c-primary) 0%, #164B87 100%) !important;
color: #fff !important;
border-color: transparent !important;
box-shadow: 0 4px 15px rgba(32, 91, 171, 0.3) !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a::before {
filter: brightness(0) invert(1);
opacity: 1;
} .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
background: #fef2f2 !important;
color: #dc2626 !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover::before {
filter: brightness(0) saturate(100%) invert(22%) sepia(93%) saturate(3521%) hue-rotate(352deg) brightness(89%) contrast(95%);
} .woocommerce-MyAccount-content {
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 1.5rem 0 !important;
border: none !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
float: none !important;
clear: both !important;
display: block !important;
margin: 0 !important;
} .woocommerce-MyAccount-content .woocommerce-EditAccountForm,
.woocommerce-MyAccount-content .woocommerce-address-fields,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
.woocommerce-MyAccount-content form {
max-width: 100% !important;
width: 100% !important;
} .woocommerce-MyAccount-content .woocommerce-EditAccountForm {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem 1.5rem;
padding-bottom: 0;
} .woocommerce-MyAccount-content .woocommerce-EditAccountForm > .clear,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm > div.clear {
display: none !important;
} .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm > p:last-of-type {
grid-column: 1 / -1;
} .woocommerce-MyAccount-content .woocommerce-EditAccountForm > p.woocommerce-form-row--first {
grid-column: 1 / 2;
} .woocommerce-MyAccount-content .woocommerce-EditAccountForm > p.woocommerce-form-row--last {
grid-column: 2 / 3;
} .woocommerce-MyAccount-content .woocommerce-EditAccountForm > p.woocommerce-form-row--wide:nth-of-type(3),
.woocommerce-MyAccount-content .woocommerce-EditAccountForm > p:has(input[name="account_display_name"]) {
grid-column: 1 / 2;
} .woocommerce-MyAccount-content .woocommerce-EditAccountForm > p.woocommerce-form-row--wide:nth-of-type(4),
.woocommerce-MyAccount-content .woocommerce-EditAccountForm > p:has(input[name="account_email"]) {
grid-column: 2 / 3;
} .woocommerce-MyAccount-content .woocommerce-EditAccountForm > p:last-of-type {
margin-top: 0.5rem;
margin-bottom: 0;
padding-bottom: 0;
} .woocommerce-MyAccount-content .form-row,
.woocommerce-MyAccount-content p.form-row,
.woocommerce-MyAccount-content .woocommerce-form-row {
width: 100% !important;
max-width: 100% !important;
margin-bottom: 0 !important;
} .woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content input[type="number"],
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content .input-text {
width: 100% !important;
max-width: 100% !important;
padding: 1rem 1.25rem !important;
border: 1px solid #d1d5db !important;
border-radius: 12px !important;
font-size: 1rem !important;
color: #1f2937 !important;
background: #ffffff !important;
transition: all 0.2s ease !important;
box-sizing: border-box !important;
}
.woocommerce-MyAccount-content input:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-MyAccount-content textarea:focus {
border-color: var(--c-primary) !important;
background: #ffffff !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(32, 91, 171, 0.1) !important;
} .woocommerce-MyAccount-content label {
display: block !important;
margin-bottom: 0.5rem !important;
font-weight: 600 !important;
color: #374151 !important;
font-size: 0.9rem !important;
text-align: center !important;
}
.woocommerce-MyAccount-content label .required {
color: #dc2626 !important;
} .woocommerce-MyAccount-content fieldset {
border: 1px solid #e0e5eb !important;
border-radius: 14px !important;
padding: 1.5rem !important;
margin: 1rem 0 0.5rem 0 !important;
background: #f8fafc !important;
}
.woocommerce-MyAccount-content fieldset legend {
font-weight: 700 !important;
color: #012241 !important;
padding: 0 0.75rem !important;
font-size: 1.1rem !important;
} .woocommerce-MyAccount-content .password-input,
.woocommerce-MyAccount-content .woocommerce-password-input {
position: relative !important;
display: flex !important;
align-items: center !important;
} .woocommerce-MyAccount-content .show-password-input,
.woocommerce-MyAccount-content .wp-hide-pw,
.woocommerce-MyAccount-content [class*="show-password"],
.woocommerce-MyAccount-content .password-input button {
background: transparent !important;
border: none !important;
box-shadow: none !important;
cursor: pointer !important;
color: var(--c-primary) !important;
font-size: 20px !important;
width: 30px !important;
height: 30px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: absolute !important;
right: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 10 !important;
opacity: 1 !important;
visibility: visible !important;
} .woocommerce-MyAccount-content .dashicons,
.woocommerce-MyAccount-content .dashicons-visibility,
.woocommerce-MyAccount-content .dashicons-hidden {
color: var(--c-primary) !important;
font-size: 20px !important;
width: 20px !important;
height: 20px !important;
display: inline-block !important;
opacity: 1 !important;
visibility: visible !important;
} .woocommerce-MyAccount-content .password-input input[type="password"],
.woocommerce-MyAccount-content .password-input input[type="text"],
.woocommerce-MyAccount-content .woocommerce-password-input input {
padding-right: 45px !important;
} .woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
color: #012241 !important;
font-weight: 700 !important;
margin-bottom: 1.5rem !important;
}
.woocommerce-MyAccount-content h2 {
font-size: 1.35rem !important;
}
.woocommerce-MyAccount-content h3 {
font-size: 1.1rem !important;
} .woocommerce-MyAccount-content {
display: flex !important;
flex-direction: column !important;
} .woocommerce-MyAccount-content > p:first-of-type:not(.evenus-greeting) {
display: none !important;
} .woocommerce-MyAccount-content > p.evenus-greeting {
display: block !important;
order: -10 !important;
font-size: 0.95rem !important;
color: #374151 !important;
line-height: 1.75 !important;
margin-bottom: 1rem !important;
padding: 1.25rem 1.5rem !important;
background: linear-gradient(135deg, #f0f5fc 0%, #f8fafc 100%) !important;
border-radius: 14px !important;
border-left: 4px solid var(--c-primary) !important;
text-align: center !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
} .woocommerce-MyAccount-content > p:nth-of-type(2):not(.evenus-greeting) {
order: -5 !important;
font-size: 0.9rem !important;
color: #5a6a7a !important;
line-height: 1.8 !important;
text-align: center !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 1.5rem 0 !important;
padding: 1rem 1.5rem !important;
background: #f8fafc !important;
border-radius: 14px !important;
box-sizing: border-box !important;
} .woocommerce-MyAccount-content > p:nth-of-type(2) {
font-size: 0.9rem !important;
color: #5a6a7a !important;
line-height: 1.8 !important;
text-align: center !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 1.5rem 0 !important;
padding: 1rem 1.5rem !important;
background: #f8fafc !important;
border-radius: 14px !important;
box-sizing: border-box !important;
} .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) {
color: var(--c-primary) !important;
text-decoration: none !important;
font-weight: 600 !important;
transition: all 0.2s ease !important;
}
.woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover {
color: #164B87 !important;
text-decoration: underline !important;
}  .woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-MyAccount-content .shop_table,
.woocommerce-MyAccount-content .woocommerce-table {
width: 100% !important;
display: table !important;
table-layout: fixed !important;
}
.woocommerce-MyAccount-content table {
width: 100% !important;
max-width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
margin: 1.5rem 0 !important;
border-radius: 14px !important;
overflow: hidden !important;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
border: 1px solid #e8ecf2 !important;
text-align: left !important;
table-layout: fixed !important;
}
.woocommerce-MyAccount-content table thead {
background: linear-gradient(135deg, #f8fafc 0%, #f0f5fc 100%) !important;
}
.woocommerce-MyAccount-content table th {
padding: 1rem 1.25rem !important;
text-align: left !important;
font-weight: 600 !important;
color: #374151 !important;
font-size: 0.85rem !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
border-bottom: 2px solid #e5e7eb !important;
}
.woocommerce-MyAccount-content table td {
padding: 1rem 1.25rem !important;
color: #4b5563 !important;
font-size: 0.95rem !important;
border-bottom: 1px solid #f0f0f0 !important;
vertical-align: middle !important;
text-align: left !important;
}
.woocommerce-MyAccount-content table tbody tr:last-child td {
border-bottom: none !important;
}
.woocommerce-MyAccount-content table tbody tr:hover {
background: #fafafa !important;
} .woocommerce-MyAccount-content table td .woocommerce-orders-table__cell-order-status,
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-status {
display: inline-block !important;
padding: 0.4rem 0.8rem !important;
border-radius: 20px !important;
font-size: 0.8rem !important;
font-weight: 600 !important;
text-transform: capitalize !important;
} .woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .woocommerce-button,
.woocommerce-MyAccount-content button[type="submit"],
.woocommerce-MyAccount-content input[type="submit"] {
background: linear-gradient(135deg, var(--c-primary) 0%, #164B87 100%) !important;
color: #fff !important;
border: none !important;
padding: 0.85rem 1.75rem !important;
border-radius: 10px !important;
font-weight: 600 !important;
font-size: 0.95rem !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.5rem !important;
}
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content .woocommerce-button:hover,
.woocommerce-MyAccount-content button[type="submit"]:hover,
.woocommerce-MyAccount-content input[type="submit"]:hover {
background: linear-gradient(135deg, #164B87 0%, #153d73 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(32, 91, 171, 0.35) !important;
} .woocommerce-MyAccount-content .woocommerce-button--view,
.woocommerce-MyAccount-content .view {
padding: 0.5rem 1rem !important;
font-size: 0.85rem !important;
}  .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 1rem 1.5rem !important;
width: 100% !important;
max-width: 100% !important;
} .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper > p,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper > .form-row {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
float: none !important;
clear: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
} .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_country_field,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_country_field,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_state_field,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_state_field,
.woocommerce-MyAccount-content #billing_country_field,
.woocommerce-MyAccount-content #shipping_country_field,
.woocommerce-MyAccount-content #billing_state_field,
.woocommerce-MyAccount-content #shipping_state_field,
#billing_country_field,
#shipping_country_field,
#billing_state_field,
#shipping_state_field {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
} .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper input[type="text"],
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper input[type="email"],
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper input[type="tel"],
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper input[type="number"],
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper select,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .input-text {
width: 100% !important;
height: 50px !important;
padding: 0 1rem !important;
box-sizing: border-box !important;
border: 1px solid #d1d5db !important;
border-radius: 10px !important;
background: #ffffff !important;
color: #1f2937 !important;
font-size: 1rem !important;
}
.woocommerce-MyAccount-content .woocommerce-address-fields input:focus,
.woocommerce-MyAccount-content .woocommerce-address-fields select:focus {
border-color: var(--c-primary) !important;
box-shadow: 0 0 0 3px rgba(28, 94, 168, 0.15) !important;
outline: none !important;
} .woocommerce-MyAccount-content .woocommerce-address-fields input[readonly],
.woocommerce-MyAccount-content .woocommerce-address-fields input[disabled],
.woocommerce-MyAccount-content .woocommerce-address-fields select[readonly],
.woocommerce-MyAccount-content .woocommerce-address-fields select[disabled] {
background: #f3f4f6 !important;
border: 1px solid #e5e7eb !important;
color: #6b7280 !important;
cursor: not-allowed !important;
} .woocommerce-MyAccount-content .woocommerce-address-fields label {
text-align: left !important;
margin-bottom: 0.5rem !important;
} .woocommerce-MyAccount-content .woocommerce-address-fields > p:last-child,
.woocommerce-MyAccount-content .woocommerce-address-fields + p,
.woocommerce-MyAccount-content .woocommerce-address-fields p.form-row:last-child {
grid-column: 1 / -1 !important;
margin-top: 1rem !important;
text-align: center !important;
} .woocommerce-MyAccount-content .woocommerce-address-fields .select2-container {
width: 100% !important;
}
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-container .select2-selection--single {
height: 50px !important;
border-radius: 10px !important;
border: 1px solid #d1d5db !important;
background: #ffffff !important;
}
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 50px !important;
padding-left: 1rem !important;
color: #1f2937 !important;
}
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-container .select2-selection--single .select2-selection__arrow {
height: 48px !important;
right: 10px !important;
} .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-input-wrapper {
width: 100% !important;
display: block !important;
}  .woocommerce-MyAccount-content input[type="text"]:not([readonly]):not([disabled]),
.woocommerce-MyAccount-content input[type="email"]:not([readonly]):not([disabled]),
.woocommerce-MyAccount-content input[type="password"]:not([readonly]):not([disabled]),
.woocommerce-MyAccount-content input[type="tel"]:not([readonly]):not([disabled]),
.woocommerce-MyAccount-content input[type="number"]:not([readonly]):not([disabled]),
.woocommerce-MyAccount-content select:not([readonly]):not([disabled]),
.woocommerce-MyAccount-content textarea:not([readonly]):not([disabled]) {
background: #ffffff !important;
}   .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses,
.woocommerce-MyAccount-content .woocommerce-Addresses.col2-set,
.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses,
.woocommerce-MyAccount-content .woocommerce-Addresses,
.woocommerce-MyAccount-content .col2-set.addresses,
.woocommerce .woocommerce-MyAccount-content .u-columns,
.woocommerce .col2-set.addresses,
.woocommerce-account .woocommerce-MyAccount-content .u-columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
width: 100%;
max-width: 100%;
margin: 0 auto;
} .woocommerce-MyAccount-content .u-column1.col-1.woocommerce-Address,
.woocommerce-MyAccount-content .u-column2.col-2.woocommerce-Address,
.woocommerce-MyAccount-content .u-columns .u-column1,
.woocommerce-MyAccount-content .u-columns .u-column2,
.woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-MyAccount-content .col2-set .col-2,
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2 {
width: 100% !important;
max-width: 100% !important;
float: none !important;
padding: 0 !important;
margin: 0 !important;
clear: none !important;
}
.woocommerce-MyAccount-content .woocommerce-Address {
background: #f8fafc !important;
padding: 1.5rem !important;
border-radius: 14px !important;
border: 1px solid #e0e5eb !important;
width: 100% !important;
box-sizing: border-box !important;
} .woocommerce-MyAccount-content .woocommerce-Address-title h3::before,
.woocommerce-MyAccount-content .woocommerce-Address-title h3::after,
.woocommerce-MyAccount-content .woocommerce-Address h3::before,
.woocommerce-MyAccount-content .woocommerce-Address h3::after,
.woocommerce-MyAccount-content .woocommerce-column__title::before,
.woocommerce-MyAccount-content .woocommerce-column__title::after,
.woocommerce-MyAccount-content .woocommerce-Address-title::before,
.woocommerce-MyAccount-content .woocommerce-Address-title::after {
display: none !important;
content: none !important;
}
.woocommerce-MyAccount-content .woocommerce-Address-title,
.woocommerce-MyAccount-content .woocommerce-Address header {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
margin-bottom: 1rem !important;
padding-bottom: 1rem !important;
border-bottom: 1px solid #e0e5eb !important;
text-align: center !important;
}
.woocommerce-MyAccount-content .woocommerce-Address-title h3,
.woocommerce-MyAccount-content .woocommerce-Address h3 {
margin: 0 0 0.75rem 0 !important;
font-size: 1.15rem !important;
color: #012241 !important;
font-weight: 700 !important;
}
.woocommerce-MyAccount-content .woocommerce-Address-title .edit,
.woocommerce-MyAccount-content .woocommerce-Address .edit {
color: var(--c-primary) !important;
font-weight: 600 !important;
font-size: 0.9rem !important;
}
.woocommerce-MyAccount-content .woocommerce-Address address {
font-style: normal !important;
color: #4b5563 !important;
line-height: 1.7 !important;
text-align: center !important;
} .woocommerce-MyAccount-content .u-columns {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 1.5rem !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
}
.woocommerce-MyAccount-content .col2-set {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 1.5rem !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
}
.woocommerce-MyAccount-content .u-columns .u-column1,
.woocommerce-MyAccount-content .u-columns .u-column2,
.woocommerce-MyAccount-content .u-columns .woocommerce-column,
.woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-MyAccount-content .col2-set .col-2,
.woocommerce-MyAccount-content .u-columns > .woocommerce-Address {
width: 100% !important;
max-width: 100% !important;
float: none !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
} .woocommerce-MyAccount-content .woocommerce-column {
background: #f8fafc !important;
padding: 1.5rem !important;
border-radius: 14px !important;
border: 1px solid #e0e5eb !important;
}
.woocommerce-MyAccount-content .woocommerce-column__title {
font-size: 1.15rem !important;
color: #012241 !important;
font-weight: 700 !important;
margin-bottom: 1rem !important;
padding-bottom: 0.75rem !important;
border-bottom: 1px solid #e0e5eb !important;
text-align: center !important;
} .woocommerce-MyAccount-content input::placeholder {
color: #9ca3af !important;
} .woocommerce-MyAccount-content em,
.woocommerce-MyAccount-content .description {
font-size: 0.85rem !important;
color: #6b7280 !important;
font-style: italic !important;
display: block !important;
margin-top: 0.5rem !important;
text-align: center !important;
} .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-error {
padding: 1rem 1.5rem !important;
border-radius: 10px !important;
margin-bottom: 1.5rem !important;
display: flex !important;
align-items: center !important;
gap: 1rem !important;
}
.woocommerce-MyAccount-content .woocommerce-message {
background: #ecfdf5 !important;
border: 1px solid #10b981 !important;
color: #065f46 !important;
}
.woocommerce-MyAccount-content .woocommerce-info {
background: #eff6ff !important;
border: 1px solid #3b82f6 !important;
color: #1e40af !important;
}
.woocommerce-MyAccount-content .woocommerce-error {
background: #fef2f2 !important;
border: 1px solid #ef4444 !important;
color: #991b1b !important;
} @media screen and (max-width: 1024px) {
.woocommerce-account.logged-in .woocommerce {
margin: 1rem !important;
max-width: calc(100% - 2rem) !important;
}
.woocommerce-MyAccount-navigation ul {
gap: 0.5rem !important;
padding: 0 1rem 1.25rem !important;
}
.woocommerce-MyAccount-navigation ul li a {
padding: 0.85rem 1.25rem !important;
font-size: 0.82rem !important;
min-width: 95px !important;
}
.woocommerce-MyAccount-navigation ul li a::before {
width: 22px;
height: 22px;
}
.woocommerce-MyAccount-content {
padding: 1.5rem 1rem !important;
}
.woocommerce-MyAccount-content label {
text-align: left !important;
}
} @media screen and (max-width: 900px) { .woocommerce-MyAccount-content .woocommerce-Addresses,
.woocommerce-MyAccount-content .u-columns,
.woocommerce-MyAccount-content .col2-set,
.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses {
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
gap: 1rem !important;
}
.woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-MyAccount-content .u-column1,
.woocommerce-MyAccount-content .u-column2,
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
width: 100% !important;
max-width: 100% !important;
margin-bottom: 1rem !important;
}
} @media screen and (max-width: 768px) {
.woocommerce-account.logged-in .woocommerce {
margin: 0.75rem !important;
padding: 1.5rem 1rem !important;
border-radius: 16px !important;
max-width: calc(100% - 1.5rem) !important;
} .woocommerce-MyAccount-navigation {
border: none !important;
}
.woocommerce-MyAccount-navigation::before {
font-size: 1.25rem;
padding: 0.5rem 1rem 1rem;
}
.woocommerce-MyAccount-navigation ul {
flex-direction: column !important;
gap: 0.5rem !important;
padding: 0 0 1.5rem !important;
align-items: stretch !important;
}
.woocommerce-MyAccount-navigation ul li {
width: 100% !important;
}
.woocommerce-MyAccount-navigation ul li a {
flex-direction: row !important;
justify-content: flex-start !important;
padding: 0.9rem 1.25rem !important;
font-size: 0.9rem !important;
min-width: auto !important;
width: 100% !important;
border-radius: 12px !important;
background: #f5f7fa !important;
gap: 0.75rem !important;
border: 1px solid #e5e7eb !important;
}
.woocommerce-MyAccount-navigation ul li a::before {
width: 20px !important;
height: 20px !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
background: linear-gradient(135deg, var(--c-primary) 0%, #164B87 100%) !important;
box-shadow: 0 3px 10px rgba(32, 91, 171, 0.3) !important;
border-color: transparent !important;
} .woocommerce-MyAccount-content {
padding: 1.5rem 0.5rem !important;
min-height: auto !important;
}
.woocommerce-MyAccount-content h2 {
font-size: 1.15rem !important;
} .woocommerce-MyAccount-content > p.evenus-greeting {
padding: 1rem !important;
font-size: 0.88rem !important;
text-align: center !important;
}
.woocommerce-MyAccount-content > p:nth-of-type(2):not(.evenus-greeting) {
text-align: center !important;
padding: 0.85rem !important;
font-size: 0.85rem !important;
}
.woocommerce-MyAccount-content label {
text-align: left !important;
} .woocommerce-MyAccount-content table.woocommerce-orders-table,
.woocommerce-MyAccount-content .woocommerce-orders-table {
display: block !important;
border: none !important;
box-shadow: none !important;
background: transparent !important;
}
.woocommerce-MyAccount-content table.woocommerce-orders-table thead,
.woocommerce-MyAccount-content .woocommerce-orders-table thead {
display: none !important;
}
.woocommerce-MyAccount-content table.woocommerce-orders-table tbody,
.woocommerce-MyAccount-content .woocommerce-orders-table tbody {
display: flex !important;
flex-direction: column !important;
gap: 1rem !important;
}
.woocommerce-MyAccount-content table.woocommerce-orders-table tr,
.woocommerce-MyAccount-content .woocommerce-orders-table tr,
.woocommerce-MyAccount-content .woocommerce-orders-table__row {
display: block !important;
background: #f8fafc !important;
border: 1px solid #e5e7eb !important;
border-radius: 12px !important;
padding: 1rem !important;
margin-bottom: 0 !important;
}
.woocommerce-MyAccount-content table.woocommerce-orders-table td,
.woocommerce-MyAccount-content .woocommerce-orders-table td,
.woocommerce-MyAccount-content .woocommerce-orders-table__cell {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 0.5rem 0 !important;
border-bottom: 1px solid #e5e7eb !important;
white-space: normal !important;
text-align: left !important;
}
.woocommerce-MyAccount-content table.woocommerce-orders-table td:last-child,
.woocommerce-MyAccount-content .woocommerce-orders-table td:last-child,
.woocommerce-MyAccount-content .woocommerce-orders-table__cell:last-child {
border-bottom: none !important;
padding-top: 0.75rem !important;
} .woocommerce-MyAccount-content table.woocommerce-orders-table td::before,
.woocommerce-MyAccount-content .woocommerce-orders-table td::before {
content: attr(data-title) !important;
font-weight: 600 !important;
color: #374151 !important;
font-size: 0.85rem !important;
margin-right: 0.5rem !important;
} .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button,
.woocommerce-MyAccount-content .woocommerce-orders-table .button,
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button {
width: 100% !important;
text-align: center !important;
margin-top: 0.5rem !important;
} .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions {
flex-direction: column !important;
} .woocommerce-MyAccount-content table:not(.woocommerce-orders-table) {
display: block !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
width: 100% !important;
}
.woocommerce-MyAccount-content table:not(.woocommerce-orders-table) thead {
display: none !important;
}
.woocommerce-MyAccount-content table:not(.woocommerce-orders-table) tbody {
display: block !important;
width: 100% !important;
}
.woocommerce-MyAccount-content table:not(.woocommerce-orders-table) tr {
display: block !important;
padding: 0.5rem 0 !important;
border-bottom: 1px solid #e5e7eb !important;
}
.woocommerce-MyAccount-content table:not(.woocommerce-orders-table) th,
.woocommerce-MyAccount-content table:not(.woocommerce-orders-table) td {
display: block !important;
padding: 0.5rem 0.75rem !important;
font-size: 0.85rem !important;
white-space: normal !important;
word-wrap: break-word !important;
text-align: left !important;
width: 100% !important;
box-sizing: border-box !important;
} .woocommerce-MyAccount-content .woocommerce-table--order-details,
.woocommerce-MyAccount-content .order_details {
display: block !important;
overflow: hidden !important;
}
.woocommerce-MyAccount-content .woocommerce-table--order-details thead,
.woocommerce-MyAccount-content .order_details thead {
display: none !important;
}
.woocommerce-MyAccount-content .woocommerce-table--order-details tbody,
.woocommerce-MyAccount-content .order_details tbody,
.woocommerce-MyAccount-content .woocommerce-table--order-details tfoot,
.woocommerce-MyAccount-content .order_details tfoot {
display: block !important;
width: 100% !important;
}
.woocommerce-MyAccount-content .woocommerce-table--order-details tr,
.woocommerce-MyAccount-content .order_details tr {
display: flex !important;
flex-wrap: wrap !important;
justify-content: space-between !important;
padding: 0.75rem 0 !important;
border-bottom: 1px solid #e5e7eb !important;
}
.woocommerce-MyAccount-content .woocommerce-table--order-details td,
.woocommerce-MyAccount-content .woocommerce-table--order-details th,
.woocommerce-MyAccount-content .order_details td,
.woocommerce-MyAccount-content .order_details th {
display: block !important;
padding: 0.25rem 0 !important;
white-space: normal !important;
word-wrap: break-word !important;
text-align: left !important;
border: none !important;
}
.woocommerce-MyAccount-content .woocommerce-table--order-details td.product-name,
.woocommerce-MyAccount-content .order_details td.product-name {
width: 100% !important;
font-weight: 600 !important;
color: var(--c-primary) !important;
}
.woocommerce-MyAccount-content .woocommerce-table--order-details td.product-total,
.woocommerce-MyAccount-content .order_details td.product-total {
width: 100% !important;
text-align: right !important;
font-weight: 600 !important;
} .woocommerce-MyAccount-content .woocommerce-EditAccountForm,
.woocommerce-MyAccount-content .woocommerce-address-fields {
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
} .woocommerce-MyAccount-content .woocommerce-EditAccountForm > p,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm > p.woocommerce-form-row,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm > p.woocommerce-form-row--first,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm > p.woocommerce-form-row--last,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm > p.woocommerce-form-row--wide,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm > p:has(input[name="account_display_name"]),
.woocommerce-MyAccount-content .woocommerce-EditAccountForm > p:has(input[name="account_email"]),
.woocommerce-MyAccount-content .woocommerce-EditAccountForm > fieldset {
width: 100% !important;
max-width: 100% !important;
grid-column: 1 / -1 !important;
flex: none !important;
} .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper {
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
}
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper > p,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper > .form-row {
width: 100% !important;
max-width: 100% !important;
grid-column: 1 / -1 !important;
}
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content select {
padding: 0.8rem 1rem !important;
font-size: 16px !important; } .woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content button[type="submit"] {
width: 100% !important;
padding: 0.9rem !important;
} .woocommerce-MyAccount-content .woocommerce-Addresses,
.woocommerce-MyAccount-content .u-columns,
.woocommerce-MyAccount-content .col2-set,
.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses,
.woocommerce .woocommerce-MyAccount-content .u-columns,
.woocommerce .col2-set.addresses {
display: flex !important;
flex-direction: column !important;
grid-template-columns: 1fr !important;
gap: 1rem !important;
}
.woocommerce-MyAccount-content .u-column1.col-1.woocommerce-Address,
.woocommerce-MyAccount-content .u-column2.col-2.woocommerce-Address,
.woocommerce-MyAccount-content .woocommerce-Address {
width: 100% !important;
max-width: 100% !important;
} .woocommerce-MyAccount-content .woocommerce-customer-details .col2-set,
.woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns {
display: flex !important;
flex-direction: column !important;
grid-template-columns: 1fr !important;
} .woocommerce-MyAccount-content .woocommerce-orders-table__row {
margin-bottom: 1rem !important;
}
} @media screen and (max-width: 480px) {
.woocommerce-account.logged-in .woocommerce {
margin: 0.5rem !important;
padding: 1rem 0.75rem !important;
border-radius: 12px !important;
}
.woocommerce-MyAccount-navigation::before {
font-size: 1.1rem;
padding: 0.25rem 0.5rem 0.75rem;
}
.woocommerce-MyAccount-navigation ul {
padding: 0 0 1rem !important;
gap: 0.4rem !important;
}
.woocommerce-MyAccount-navigation ul li a {
padding: 0.75rem 1rem !important;
font-size: 0.85rem !important;
border-radius: 10px !important;
}
.woocommerce-MyAccount-navigation ul li a::before {
width: 18px !important;
height: 18px !important;
}
.woocommerce-MyAccount-content {
padding: 1rem 0.25rem !important;
}
.woocommerce-MyAccount-content > p.evenus-greeting {
font-size: 0.85rem !important;
padding: 0.85rem !important;
} .woocommerce-MyAccount-content .woocommerce-EditAccountForm {
grid-template-columns: 1fr !important;
gap: 0.75rem !important;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm > p {
grid-column: 1 / -1 !important;
} .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper {
grid-template-columns: 1fr !important;
gap: 0.75rem !important;
} .woocommerce-MyAccount-content .woocommerce-Addresses,
.woocommerce-MyAccount-content .u-columns,
.woocommerce-MyAccount-content .col2-set,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set,
.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses {
display: flex !important;
flex-direction: column !important;
grid-template-columns: 1fr !important;
gap: 1rem !important;
}
.woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-MyAccount-content .u-column1,
.woocommerce-MyAccount-content .u-column2,
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
width: 100% !important;
max-width: 100% !important;
} .woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-1,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-2 {
border-radius: 10px !important;
}
.woocommerce-MyAccount-content .woocommerce-customer-details address {
padding: 1rem !important;
} .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-1 h2,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-2 h2,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-1 h3,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-2 h3 {
padding: 0.75rem 1rem !important;
font-size: 0.9rem !important;
} .woocommerce-MyAccount-content .woocommerce-orders-table__row {
padding: 1rem !important;
}
} .woocommerce-account.logged-in .entry-header h1.entry-title,
.woocommerce-account.logged-in .page-title,
.woocommerce-account.logged-in .entry-title {
display: none !important;
} .woocommerce-account.logged-in .woocommerce-MyAccount-content {
text-align: center !important;
} .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-error {
text-align: center !important;
max-width: 700px !important;
margin: 0 auto 1.5rem !important;
} .woocommerce-MyAccount-content > p,
.woocommerce-MyAccount-content > div:not(.woocommerce-Addresses):not(.u-columns):not(.col2-set) {
text-align: center !important;
max-width: 800px !important;
margin-left: auto !important;
margin-right: auto !important;
} .woocommerce-MyAccount-content .dashboard-section,
.woocommerce-MyAccount-content .account-dashboard,
.woocommerce-MyAccount-content .woocommerce-customer-details {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 1.5rem !important;
width: 100% !important;
} .woocommerce-MyAccount-content .dashboard-item,
.woocommerce-MyAccount-content .account-box {
flex: 0 1 300px !important;
background: #f8fafc !important;
padding: 1.5rem !important;
border-radius: 14px !important;
border: 1px solid #e0e5eb !important;
text-align: center !important;
} .woocommerce-MyAccount-content .woocommerce-orders-table {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
} .woocommerce-MyAccount-content p strong a {
display: inline-block !important;
} .woocommerce-MyAccount-content .woocommerce-orders {
width: 100% !important;
text-align: center !important;
} .woocommerce-MyAccount-content form .form-row {
text-align: center !important;
} .woocommerce-MyAccount-content form .form-row input,
.woocommerce-MyAccount-content form .form-row select {
margin: 0 auto !important;
} .woocommerce-MyAccount-content form .form-row.form-row-wide {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
} .woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
text-align: center !important;
width: 100% !important;
} .woocommerce-account.logged-in footer#colophon {
margin-top: 0 !important;
}  .woocommerce-account.logged-in .dgwt-wcas-search-wrapp,
.woocommerce-account.logged-in .dgwt-wcas-search-wrapp.woocommerce,
.woocommerce-account.logged-in [class*="dgwt-wcas"].woocommerce {
padding: 0 !important;
padding-top: 0 !important;
min-height: auto !important;
display: block !important;
align-items: initial !important;
max-width: none !important;
margin: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
background: transparent !important;
}  body.woocommerce-account .dgwt-wcas-suggestions-wrapp,
body.woocommerce-account.logged-in .dgwt-wcas-suggestions-wrapp,
body.woocommerce-account > .dgwt-wcas-suggestions-wrapp,
body.woocommerce-account.logged-in > .dgwt-wcas-suggestions-wrapp {
background: #ffffff !important;
border-radius: 24px !important;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
border: none !important;
overflow: hidden !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
} body.woocommerce-account .dgwt-wcas-suggestion,
body.woocommerce-account.logged-in .dgwt-wcas-suggestion {
padding: 15px 24px !important;
border-bottom: 1px solid #f0f0f0 !important;
transition: background 0.2s ease !important;
background: #ffffff !important;
}
body.woocommerce-account .dgwt-wcas-suggestion:last-child,
body.woocommerce-account.logged-in .dgwt-wcas-suggestion:last-child {
border-bottom: none !important;
}
body.woocommerce-account .dgwt-wcas-suggestion:hover,
body.woocommerce-account .dgwt-wcas-suggestion-selected,
body.woocommerce-account.logged-in .dgwt-wcas-suggestion:hover,
body.woocommerce-account.logged-in .dgwt-wcas-suggestion-selected {
background: #f5f8fc !important;
} body.woocommerce-account .dgwt-wcas-st-headline,
body.woocommerce-account.logged-in .dgwt-wcas-st-headline {
background: #f8f9fa !important;
color: #666 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
padding: 10px 24px !important;
} body.woocommerce-account .dgwt-wcas-st-title,
body.woocommerce-account.logged-in .dgwt-wcas-st-title {
font-weight: 500 !important;
color: #222 !important;
font-size: 15px !important;
} body.woocommerce-account .dgwt-wcas-sp,
body.woocommerce-account.logged-in .dgwt-wcas-sp {
color: var(--c-primary) !important;
font-weight: 700 !important;
font-size: 15px !important;
} body.woocommerce-account .dgwt-wcas-si,
body.woocommerce-account.logged-in .dgwt-wcas-si {
border-radius: 12px !important;
overflow: hidden !important;
} body.woocommerce-account.logged-in .search-panel .dgwt-wcas-search-wrapp,
.woocommerce-account.logged-in nav .search-panel .dgwt-wcas-search-wrapp,
.woocommerce-account.logged-in #site-navigation .search-panel .dgwt-wcas-search-wrapp {
width: 90% !important;
max-width: 650px !important;
margin: 0 auto !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.woocommerce-account.logged-in .search-panel .dgwt-wcas-sf-wrapp,
.woocommerce-account.logged-in .search-panel .dgwt-wcas-sf-wrapp {
padding: 0 !important;
margin: 0 !important;
} body.woocommerce-account.logged-in > .dgwt-wcas-suggestions-wrapp[style*="display: none"],
body.woocommerce-account.logged-in > .dgwt-wcas-suggestions-wrapp[style*="display:none"] {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
position: fixed !important;
left: -99999px !important;
} body.woocommerce-account.logged-in > .dgwt-wcas-suggestions-wrapp[style*="display: block"],
body.woocommerce-account.logged-in > .dgwt-wcas-suggestions-wrapp[style*="display:block"],
body.woocommerce-account.logged-in > .dgwt-wcas-suggestions-wrapp.dgwt-wcas-open {
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
position: absolute !important;
left: auto !important;
background: #ffffff !important;
border-radius: 24px !important;
}  html body.woocommerce-account .dgwt-wcas-suggestions-wrapp.dgwt-wcas-has-img.dgwt-wcas-has-headings,
html body.woocommerce-account .dgwt-wcas-suggestions-wrapp.dgwt-wcas-has-img,
html body.woocommerce-account .dgwt-wcas-suggestions-wrapp.dgwt-wcas-has-headings,
html body.woocommerce-account .dgwt-wcas-suggestions-wrapp,
html body.woocommerce-account .dgwt-wcas-suggestions-wrapp.woocommerce,
html body.woocommerce-account div.dgwt-wcas-suggestions-wrapp {
border-radius: 24px !important;
-webkit-border-radius: 24px !important;
-moz-border-radius: 24px !important;
background: #ffffff !important;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25) !important;
border: none !important;
overflow: hidden !important;
} html body.woocommerce-account .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion:first-child,
html body.woocommerce-account .dgwt-wcas-suggestions-wrapp > .dgwt-wcas-suggestion:first-of-type {
border-top-left-radius: 24px !important;
border-top-right-radius: 24px !important;
}
html body.woocommerce-account .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion:last-child,
html body.woocommerce-account .dgwt-wcas-suggestions-wrapp > .dgwt-wcas-suggestion:last-of-type {
border-bottom-left-radius: 24px !important;
border-bottom-right-radius: 24px !important;
} html body.woocommerce-account .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion {
background: #ffffff !important;
padding: 12px 20px !important;
border-bottom: 1px solid #f0f0f0 !important;
}
html body.woocommerce-account .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion:last-child {
border-bottom: none !important;
} html body.woocommerce-account .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion:hover,
html body.woocommerce-account .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-selected {
background: #f5f8fc !important;
} html body.woocommerce-account .dgwt-wcas-suggestions-wrapp .dgwt-wcas-st-headline {
background: #f8f9fa !important;
color: #555 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
padding: 8px 20px !important;
font-weight: 600 !important;
} html body.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses,
html body.woocommerce-account .woocommerce .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses,
html body .woocommerce .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses,
html body .woocommerce .col2-set.addresses {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 1.5rem !important;
width: 100% !important;
max-width: 100% !important;
} html body .woocommerce .u-columns.woocommerce-Addresses.col2-set.addresses::before,
html body .woocommerce .u-columns.woocommerce-Addresses.col2-set.addresses::after,
html body .woocommerce .woocommerce-MyAccount-content .u-columns::before,
html body .woocommerce .woocommerce-MyAccount-content .u-columns::after,
html body .woocommerce .col2-set.addresses::before,
html body .woocommerce .col2-set.addresses::after,
.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses::before,
.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses::after,
.woocommerce-MyAccount-content .col2-set::before,
.woocommerce-MyAccount-content .col2-set::after {
display: none !important;
content: none !important;
} .woocommerce-MyAccount-content .woocommerce-Address .edit::before,
.woocommerce-MyAccount-content .woocommerce-Address .edit::after,
.woocommerce-MyAccount-content .woocommerce-Address-title .edit::before,
.woocommerce-MyAccount-content .woocommerce-Address-title .edit::after,
.woocommerce-MyAccount-content a.edit::before,
.woocommerce-MyAccount-content a.edit::after,
.woocommerce-Address .edit svg,
.woocommerce-Address .edit img,
.woocommerce-Address .edit i,
.woocommerce-Address-title .edit svg,
.woocommerce-Address-title .edit img,
.woocommerce-Address-title .edit i {
display: none !important;
content: none !important;
visibility: hidden !important;
}
html body.woocommerce-account .woocommerce .woocommerce-MyAccount-content .u-column1.col-1.woocommerce-Address,
html body.woocommerce-account .woocommerce .woocommerce-MyAccount-content .u-column2.col-2.woocommerce-Address,
html body .woocommerce .col2-set .col-1,
html body .woocommerce .col2-set .col-2,
html body .woocommerce .u-columns .u-column1,
html body .woocommerce .u-columns .u-column2 {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}  html body #billing_country_field,
html body #shipping_country_field,
html body #billing_state_field,
html body #shipping_state_field,
html body .woocommerce #billing_country_field,
html body .woocommerce #shipping_country_field,
html body .woocommerce #billing_state_field,
html body .woocommerce #shipping_state_field {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
} html body .woocommerce-address-fields__field-wrapper {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1rem 1.5rem !important;
}
html body .woocommerce-address-fields__field-wrapper > p,
html body .woocommerce-address-fields__field-wrapper > .form-row {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
box-sizing: border-box !important;
} html body .woocommerce-address-fields__field-wrapper input,
html body .woocommerce-address-fields__field-wrapper select {
width: 100% !important;
height: 50px !important;
padding: 0 1rem !important;
border: 1px solid #d1d5db !important;
border-radius: 10px !important;
background: #fff !important;
box-sizing: border-box !important;
} html body .woocommerce-address-fields__field-wrapper #billing_email_field,
html body .woocommerce-address-fields__field-wrapper #shipping_email_field,
html body .woocommerce-address-fields__field-wrapper #billing_email_field.form-row-wide,
html body .woocommerce-address-fields__field-wrapper #shipping_email_field.form-row-wide,
html body #billing_email_field,
html body #shipping_email_field {
grid-column: auto !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
clear: none !important;
box-sizing: border-box !important;
}
html body .woocommerce-address-fields__field-wrapper #billing_email_field input,
html body .woocommerce-address-fields__field-wrapper #shipping_email_field input,
html body .woocommerce-address-fields__field-wrapper input[type="email"],
html body #billing_email_field input,
html body #shipping_email_field input {
width: 100% !important;
height: 50px !important;
padding: 0 1rem !important;
margin: 0 !important;
border: 1px solid #d1d5db !important;
border-radius: 10px !important;
background: #fff !important;
box-sizing: border-box !important;
font-size: 1rem !important;
color: #1f2937 !important;
} html body .woocommerce-address-fields .woocommerce-input-wrapper {
width: 100% !important;
display: block !important;
}  .woocommerce-MyAccount-content .woocommerce-customer-details {
display: block !important;
flex-wrap: initial !important;
justify-content: initial !important;
margin-top: 2rem !important;
} .woocommerce-MyAccount-content .woocommerce-customer-details .col2-set,
.woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 1.5rem !important;
margin-bottom: 1rem !important;
} .woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-1,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-2,
.woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column {
width: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
background: #f8fafc !important;
border-radius: 14px !important;
border: 1px solid #e0e5eb !important;
overflow: hidden !important;
} .woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-1 *,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-2 * {
border: none !important;
} .woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-1 h2,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-1 h3,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-2 h2,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-2 h3,
.woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title {
border: none !important;
} .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-1 h2,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-2 h2,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-1 h3,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-2 h3 {
font-size: 1rem !important;
font-weight: 600 !important;
margin: 0 !important;
padding: 1rem 1.5rem !important;
background: var(--primary-color, var(--c-primary)) !important;
color: #fff !important;
text-align: center !important;
border-radius: 0 !important;
} .woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-1 address,
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set .col-2 address,
.woocommerce-MyAccount-content .woocommerce-customer-details address {
font-style: normal !important;
color: #4b5563 !important;
line-height: 1.8 !important;
padding: 1.5rem !important;
margin: 0 !important;
} .woocommerce-MyAccount-content .woocommerce-customer-details address a {
color: var(--primary-color, var(--c-primary)) !important;
text-decoration: none !important;
}
.woocommerce-MyAccount-content .woocommerce-customer-details address a:hover {
text-decoration: underline !important;
} .woocommerce-MyAccount-content .woocommerce-customer-details address p {
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
margin: 0.5rem 0 !important;
} @media (max-width: 768px) {
.woocommerce-MyAccount-content .woocommerce-customer-details .col2-set,
.woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns {
grid-template-columns: 1fr !important;
}
} @media screen and (max-width: 768px) { html body.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses,
html body.woocommerce-account .woocommerce .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses,
html body .woocommerce .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses,
html body .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses,
html body .woocommerce .woocommerce-MyAccount-content .u-columns,
html body .woocommerce .woocommerce-MyAccount-content .col2-set,
html body .woocommerce .col2-set.addresses,
html body.woocommerce-account .woocommerce .woocommerce-MyAccount-content .u-columns,
html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses,
.woocommerce-MyAccount-content .woocommerce-Addresses.col2-set,
.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses,
.woocommerce-MyAccount-content .woocommerce-Addresses,
.woocommerce-MyAccount-content .col2-set.addresses,
.woocommerce-MyAccount-content .col2-set,
.woocommerce-MyAccount-content .u-columns,
div.u-columns.woocommerce-Addresses.col2-set.addresses {
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
gap: 1rem !important;
} html body.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .u-column1.col-1.woocommerce-Address,
html body.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content .u-column2.col-2.woocommerce-Address,
html body .woocommerce .woocommerce-MyAccount-content .u-column1,
html body .woocommerce .woocommerce-MyAccount-content .u-column2,
html body .woocommerce .woocommerce-MyAccount-content .col-1,
html body .woocommerce .woocommerce-MyAccount-content .col-2,
html body .woocommerce .woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-MyAccount-content .u-column1.col-1.woocommerce-Address,
.woocommerce-MyAccount-content .u-column2.col-2.woocommerce-Address,
.woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-MyAccount-content .u-column1,
.woocommerce-MyAccount-content .u-column2,
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2,
div.u-column1.col-1.woocommerce-Address,
div.u-column2.col-2.woocommerce-Address {
width: 100% !important;
max-width: 100% !important;
float: none !important;
display: block !important;
margin-bottom: 1rem !important;
flex: none !important;
}
}.search-overlay,
#searchOverlay {
display: none !important;
} .search-panel {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100vw !important;
height: 100vh !important;
z-index: 999999 !important;
margin: 0 !important;
padding: 0 !important;
background: rgba(1, 34, 65, 0.95) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
display: none !important;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease !important;
} .search-panel.search-panel--toggled {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
padding-top: 15vh !important;
opacity: 1 !important;
visibility: visible !important;
} .search-panel.search-panel--toggled::before {
content: 'Czego szukasz?';
display: block;
color: #fff;
font-size: 32px;
font-weight: 600;
margin-bottom: 30px;
text-align: center;
letter-spacing: 1px;
} .search-panel .dgwt-wcas-search-wrapp {
width: 90% !important;
max-width: 650px !important;
margin: 0 auto !important;
background: #fff !important;
border-radius: 60px !important;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255,255,255,0.1) !important;
position: relative !important;
z-index: 10 !important;
overflow: hidden !important;
} .search-panel .dgwt-wcas-search-wrapp form {
position: relative !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
}
.search-panel .dgwt-wcas-sf-wrapp {
width: 100% !important;
background: transparent !important;
border: none !important;
border-radius: 60px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
position: relative !important;
} .search-panel .dgwt-wcas-search-input,
.search-panel input.dgwt-wcas-search-input,
.search-panel .dgwt-wcas-sf-wrapp input[type="search"],
.search-panel input[type="search"].dgwt-wcas-search-input {
width: 100% !important;
height: 70px !important;
min-height: 70px !important;
max-height: 70px !important;
padding: 20px 60px 20px 70px !important;
font-size: 20px !important;
font-weight: 400 !important;
color: #333 !important;
background: #fff !important;
border: none !important;
border-radius: 60px !important;
outline: none !important;
box-shadow: none !important;
-webkit-appearance: none !important;
appearance: none !important;
line-height: normal !important;
margin: 0 !important;
}
.search-panel .dgwt-wcas-search-input::placeholder {
color: #aaa !important;
font-size: 18px !important;
font-weight: 400 !important;
}
.search-panel .dgwt-wcas-search-input:focus {
outline: none !important;
box-shadow: none !important;
border: none !important;
height: 70px !important;
min-height: 70px !important;
max-height: 70px !important;
} .search-panel .dgwt-wcas-sf-wrapp::before {
content: '';
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%);
width: 26px;
height: 26px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23205bab' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
z-index: 10;
pointer-events: none;
} .search-panel .dgwt-wcas-ico-magnifier,
.search-panel .dgwt-wcas-ico-magnifier-handler {
display: none !important;
} .search-panel .dgwt-wcas-search-submit,
.search-panel button.dgwt-wcas-search-submit {
display: none !important;
} .search-close-btn {
position: fixed !important;
top: 40px !important;
right: 40px !important;
width: 60px !important;
height: 60px !important;
background: rgba(255, 255, 255, 0.15) !important;
border: 2px solid rgba(255, 255, 255, 0.3) !important;
border-radius: 50% !important;
cursor: pointer !important;
display: none;
align-items: center !important;
justify-content: center !important;
z-index: 1000000 !important;
transition: all 0.3s ease !important;
font-size: 0 !important;
}
.search-panel.search-panel--toggled .search-close-btn {
display: flex !important;
}
.search-close-btn:hover {
background: rgba(255, 255, 255, 0.25) !important;
transform: rotate(90deg) !important;
}
.search-close-btn::before,
.search-close-btn::after {
content: '' !important;
position: absolute !important;
width: 24px !important;
height: 3px !important;
background: #fff !important;
border-radius: 3px !important;
}
.search-close-btn::before {
transform: rotate(45deg) !important;
}
.search-close-btn::after {
transform: rotate(-45deg) !important;
} .search-panel .dgwt-wcas-suggestions-wrapp {
position: absolute !important;
top: calc(100% + 15px) !important;
left: 0 !important;
right: 0 !important;
background: #fff !important;
border-radius: 24px !important;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
max-height: 50vh !important;
overflow-y: auto !important;
z-index: 1000001 !important;
border: none !important;
} .dgwt-wcas-suggestions-wrapp {
background: #ffffff !important;
border-radius: 24px !important;
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2) !important;
border: none !important;
z-index: 1000001 !important;
overflow: hidden !important;
} .dgwt-wcas-suggestions-wrapp.woocommerce,
.dgwt-wcas-suggestions-wrapp.dgwt-wcas-has-img,
.dgwt-wcas-suggestions-wrapp.dgwt-wcas-has-headings,
.dgwt-wcas-suggestions-wrapp.js-dgwt-wcas-initialized {
background: #ffffff !important;
border-radius: 24px !important;
overflow: hidden !important;
}
.dgwt-wcas-suggestion {
padding: 15px 24px !important;
border-bottom: 1px solid #f0f0f0 !important;
transition: background 0.2s ease !important;
}
.dgwt-wcas-suggestion:last-child {
border-bottom: none !important;
}
.dgwt-wcas-suggestion:hover,
.dgwt-wcas-suggestion-selected {
background: #f5f8fc !important;
}
.dgwt-wcas-st-title {
font-weight: 500 !important;
color: #222 !important;
font-size: 15px !important;
}
.dgwt-wcas-sp {
color: var(--c-primary) !important;
font-weight: 700 !important;
font-size: 15px !important;
}
.dgwt-wcas-si {
border-radius: 12px !important;
overflow: hidden !important;
}
.dgwt-wcas-st-headline {
background: #f8f9fa !important;
color: #666 !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
padding: 12px 24px !important;
} .search-panel .dgwt-wcas-preloader {
right: 25px !important;
}
.search-panel .dgwt-wcas-close {
right: 25px !important;
top: 50% !important;
transform: translateY(-50%) !important;
} .search-panel.search-panel--toggled::after {
content: 'Wpisz nazwę produktu, markę lub kategorię';
display: block;
color: rgba(255, 255, 255, 0.6);
font-size: 14px;
margin-top: 20px;
text-align: center;
} @media screen and (max-width: 768px) {
.search-panel.search-panel--toggled {
padding-top: 12vh !important;
}
.search-panel.search-panel--toggled::before {
font-size: 24px;
margin-bottom: 20px;
}
.search-panel .dgwt-wcas-search-wrapp {
width: 92% !important;
border-radius: 50px !important;
}
.search-panel .dgwt-wcas-search-input,
.search-panel input.dgwt-wcas-search-input,
.search-panel .dgwt-wcas-sf-wrapp input[type="search"],
.search-panel input[type="search"].dgwt-wcas-search-input {
height: 56px !important;
min-height: 56px !important;
max-height: 56px !important;
padding: 15px 50px 15px 55px !important;
font-size: 16px !important;
line-height: normal !important;
}
.search-panel .dgwt-wcas-search-input:focus {
height: 56px !important;
min-height: 56px !important;
max-height: 56px !important;
}
.search-panel .dgwt-wcas-search-input::placeholder {
font-size: 15px !important;
}
.search-panel .dgwt-wcas-sf-wrapp::before {
left: 20px;
width: 22px;
height: 22px;
}
.search-close-btn {
top: 20px !important;
right: 20px !important;
width: 50px !important;
height: 50px !important;
}
.search-close-btn::before,
.search-close-btn::after {
width: 20px !important;
height: 2px !important;
}
.search-panel .dgwt-wcas-suggestions-wrapp {
border-radius: 20px !important;
max-height: 45vh !important;
}
.search-panel.search-panel--toggled::after {
font-size: 12px;
margin-top: 15px;
padding: 0 20px;
}
} @media screen and (min-width: 769px) and (max-width: 1024px) {
.search-panel.search-panel--toggled {
padding-top: 18vh !important;
}
.search-panel .dgwt-wcas-search-wrapp {
max-width: 600px !important;
}
} body.search-open {
overflow: hidden !important;
position: fixed !important;
width: 100% !important;
} .dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar {
background: #fff !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}
.dgwt-wcas-om-return {
background: var(--c-primary) !important;
border-radius: 50% !important;
} @keyframes searchFadeIn {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.search-panel.search-panel--toggled .dgwt-wcas-search-wrapp {
animation: searchFadeIn 0.4s ease forwards;
}.page-loader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #ffffff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 999999; opacity: 1;
visibility: visible; overflow: hidden;
} .page-loader.loaded {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.4s ease-out, visibility 0.4s ease-out;
} .page-loader__logo-container {
position: relative;
width: 220px;
height: 60px; display: flex;
align-items: center;
justify-content: center; transform: translateZ(0);
will-change: auto; } .page-loader__logo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
display: block; backface-visibility: hidden;
transform: translateZ(0);
} .page-loader__logo--gray {
filter: grayscale(100%) opacity(0.3);
z-index: 1;
} .page-loader__logo--color {
z-index: 2;
clip-path: inset(0 100% 0 0);
animation: logoWipeOnce 1.5s ease-out forwards; } @keyframes logoWipeOnce {
0% {
clip-path: inset(0 100% 0 0);
}
100% {
clip-path: inset(0 0% 0 0);
}
}  @media screen and (max-width: 576px) {
.page-loader__logo-container {
width: 160px;
height: 45px;
}
}
@media screen and (max-width: 380px) {
.page-loader__logo-container {
width: 140px;
height: 40px;
}
}.woocommerce-cart .woocommerce-message a.restore-item,
.woocommerce-cart .woocommerce-message .button,
.woocommerce-cart .woocommerce-info a.button,
body.woocommerce-cart .woocommerce-message a.restore-item,
body.woocommerce-cart .woocommerce-message .button {
display: none !important;
} .woocommerce-cart .woocommerce-message::before,
.woocommerce-cart .woocommerce-info::before {
display: none !important;
} .woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info {
border-left: 4px solid var(--c-primary) !important;
background: #f8f9fa !important;
padding: 1rem 1.5rem !important;
margin-bottom: 1.5rem !important;
border-radius: 0 8px 8px 0 !important;
font-size: 0.95rem !important;
color: #333 !important;
}
.woocommerce-cart .entry-content {
max-width: 1400px !important;
margin: 0 auto !important;
padding: 2rem 2.5rem !important;
width: 95% !important;
} .woocommerce-cart .woocommerce {
display: block !important;
} .woocommerce-cart .woocommerce-cart-form {
width: 100% !important;
margin-bottom: 2rem !important;
} .woocommerce-cart .cart-collaterals {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
.woocommerce-cart .cart_totals,
.woocommerce-cart #my_cart_totals {
width: 100% !important;
max-width: 100% !important;
} .woocommerce-cart table.shop_table {
width: 100% !important;
border: none !important;
border-collapse: collapse !important;
background: #fff !important;
border-radius: 12px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
overflow: hidden !important;
margin-bottom: 1.5rem !important;
table-layout: fixed !important;
} .woocommerce-cart table.shop_table thead {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}
.woocommerce-cart table.shop_table thead tr th {
padding: 1rem 0.75rem !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.8rem !important;
font-weight: 600 !important;
color: #012241 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
border: none !important;
background: transparent !important;
text-align: center !important;
} .woocommerce-cart table.shop_table thead th.product-remove {
width: 50px !important;
}
.woocommerce-cart table.shop_table thead th.product-thumbnail {
width: 80px !important;
}
.woocommerce-cart table.shop_table thead th.product-name {
width: auto !important;
text-align: left !important;
}
.woocommerce-cart table.shop_table thead th.product-price {
width: 100px !important;
}
.woocommerce-cart table.shop_table thead th.product-quantity {
width: 90px !important;
}
.woocommerce-cart table.shop_table thead th.product-subtotal {
width: 100px !important;
} .woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item {
border-bottom: 1px solid #f0f0f0 !important;
transition: background-color 0.2s ease !important;
}
.woocommerce-cart table.shop_table tbody tr:hover {
background-color: #fafbfc !important;
}
.woocommerce-cart table.shop_table tbody tr td {
padding: 1rem 0.75rem !important;
vertical-align: middle !important;
border: none !important;
font-size: 0.9rem !important;
color: #333 !important;
text-align: center !important;
} .woocommerce-cart table.shop_table tbody td.product-remove {
width: 50px !important;
text-align: center !important;
} .woocommerce-cart table.shop_table tbody td.product-thumbnail {
width: 80px !important;
padding: 0.75rem !important;
}
.woocommerce-cart .product-thumbnail img {
width: 60px !important;
height: 60px !important;
object-fit: contain !important;
border-radius: 6px !important;
border: 1px solid #f0f0f0 !important;
background: #fff !important;
} .woocommerce-cart table.shop_table tbody td.product-name {
text-align: left !important;
padding-right: 1rem !important;
}
.woocommerce-cart .product-name a {
color: #012241 !important;
font-weight: 600 !important;
font-size: 0.9rem !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
display: block !important;
line-height: 1.4 !important;
}
.woocommerce-cart .product-name a:hover {
color: var(--c-primary) !important;
} .woocommerce-cart table.shop_table tbody td.product-price {
font-weight: 600 !important;
color: #012241 !important;
white-space: nowrap !important;
} .woocommerce-cart table.shop_table tbody td.product-quantity {
width: 90px !important;
}
.woocommerce-cart .product-quantity .quantity {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.woocommerce-cart .product-quantity input.qty {
width: 55px !important;
height: 38px !important;
text-align: center !important;
border: 2px solid #e0e0e0 !important;
border-radius: 6px !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
color: #012241 !important;
background: #fff !important;
-moz-appearance: textfield !important;
}
.woocommerce-cart .product-quantity input.qty::-webkit-inner-spin-button,
.woocommerce-cart .product-quantity input.qty::-webkit-outer-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
.woocommerce-cart .product-quantity input.qty:focus {
border-color: var(--c-primary) !important;
box-shadow: 0 0 0 3px rgba(28, 94, 168, 0.15) !important;
outline: none !important;
} .woocommerce-cart table.shop_table tbody td.product-subtotal {
font-weight: 700 !important;
color: var(--c-primary) !important;
font-size: 1rem !important;
white-space: nowrap !important;
} .woocommerce-cart .product-remove a.remove {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 32px !important;
background: #fff !important;
border: 2px solid #e31837 !important;
border-radius: 50% !important;
color: #e31837 !important;
font-size: 1.2rem !important;
font-weight: 400 !important;
line-height: 0 !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
margin: 0 auto !important;
padding: 0 !important;
padding-bottom: 2px !important;
}
.woocommerce-cart .product-remove a.remove:hover {
background: #e31837 !important;
color: #fff !important;
transform: rotate(90deg) !important;
} .woocommerce-cart .woocommerce-cart-form__cart-item a.remove:before,
.woocommerce-cart .product-remove a.remove:before {
display: none !important;
} .woocommerce-cart table.shop_table tbody tr.actions td {
padding: 1.5rem 1rem !important;
background: #f8f9fa !important;
}
.woocommerce-cart table.shop_table .actions td {
text-align: left !important;
} .woocommerce-cart .coupon {
display: inline-flex !important;
flex-wrap: wrap !important;
gap: 0.35rem !important;
align-items: center !important;
}
.woocommerce-cart .coupon label {
display: none !important;
} .woocommerce-cart .woocommerce-error li,
.woocommerce-cart .woocommerce-error {
font-size: 0.95rem !important;
line-height: 1.5 !important;
}
.woocommerce-cart .coupon input#coupon_code {
width: 180px !important;
height: 44px !important;
padding: 0 1rem !important;
border: 2px solid #e0e0e0 !important;
border-radius: 8px !important;
font-size: 0.9rem !important;
transition: border-color 0.2s ease !important;
box-sizing: border-box !important;
margin: 0 !important;
}
.woocommerce-cart .coupon input#coupon_code:focus {
border-color: var(--c-primary) !important;
outline: none !important;
}
.woocommerce-cart .coupon input#coupon_code::placeholder {
color: #999 !important;
}
.woocommerce-cart .coupon button,
.woocommerce-cart .coupon .button {
height: 44px !important;
padding: 0 1.5rem !important;
background: var(--c-primary) !important;
color: #fff !important;
border: none !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: 0.9rem !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
white-space: nowrap !important;
box-sizing: border-box !important;
line-height: 44px !important;
}
.woocommerce-cart .coupon button:hover,
.woocommerce-cart .coupon .button:hover {
background: #164B87 !important;
} .woocommerce-cart button[name="update_cart"],
.woocommerce-cart .button[name="update_cart"] {
float: right !important;
height: 44px !important;
padding: 0 1.5rem !important;
background: transparent !important;
color: var(--c-primary) !important;
border: 2px solid var(--c-primary) !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: 0.9rem !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
box-sizing: border-box !important;
line-height: 40px !important;
}
.woocommerce-cart button[name="update_cart"]:hover,
.woocommerce-cart .button[name="update_cart"]:hover {
background: var(--c-primary) !important;
color: #fff !important;
}
.woocommerce-cart button[name="update_cart"]:disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
} .woocommerce-cart .cart_totals,
.woocommerce-cart #my_cart_totals {
background: #fff !important;
border-radius: 12px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
padding: 1.5rem !important;
margin: 0 !important;
width: 100% !important;
}
.woocommerce-cart .cart_totals > h2,
.woocommerce-cart #my_cart_totals > h2,
.woocommerce-cart .cart_totals h2:first-child,
.woocommerce-cart #my_cart_totals h2:first-child {
font-size: 1.3rem !important;
font-weight: 700 !important;
color: #012241 !important;
margin: 0 0 1.25rem 0 !important;
padding-bottom: 1rem !important;
border-bottom: 2px solid #f0f0f0 !important;
text-align: left !important;
}
.woocommerce-cart .cart_totals table,
.woocommerce-cart #my_cart_totals table {
width: 100% !important;
border: none !important;
border-collapse: collapse !important;
margin: 0 !important;
}
.woocommerce-cart .cart_totals table tr,
.woocommerce-cart #my_cart_totals table tr {
border-bottom: 1px solid #f0f0f0 !important;
}
.woocommerce-cart .cart_totals table tr:last-child,
.woocommerce-cart #my_cart_totals table tr:last-child {
border-bottom: none !important;
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart #my_cart_totals table th {
padding: 1rem 1rem 1rem 1rem !important;
font-weight: 500 !important;
color: #666 !important;
font-size: 0.95rem !important;
border: none !important;
background: transparent !important;
text-align: left !important;
white-space: nowrap !important;
vertical-align: middle !important;
text-transform: none !important;
display: table-cell !important;
} .woocommerce-cart .cart_totals .cart-subtotal,
.woocommerce-cart #my_cart_totals .cart-subtotal {
display: table-row !important;
}
.woocommerce-cart .cart_totals .cart-subtotal th,
.woocommerce-cart #my_cart_totals .cart-subtotal th {
display: table-cell !important;
visibility: visible !important;
}
.woocommerce-cart .cart_totals table td,
.woocommerce-cart #my_cart_totals table td {
padding: 1rem 1rem 1rem 1rem !important;
text-align: right !important;
font-size: 0.95rem !important;
color: #333 !important;
border: none !important;
background: transparent !important;
vertical-align: middle !important;
width: 100% !important;
} .woocommerce-cart .cart_totals table td .woocommerce-Price-amount,
.woocommerce-cart #my_cart_totals table td .woocommerce-Price-amount,
.woocommerce-cart .cart_totals table td span,
.woocommerce-cart #my_cart_totals table td span,
.woocommerce-cart .cart_totals table td bdi,
.woocommerce-cart #my_cart_totals table td bdi {
display: inline-block !important;
text-align: right !important;
} .woocommerce-cart .cart_totals .cart-subtotal td,
.woocommerce-cart #my_cart_totals .cart-subtotal td,
.woocommerce-cart .cart_totals .cart-discount td,
.woocommerce-cart #my_cart_totals .cart-discount td {
text-align: right !important;
} .woocommerce-cart .cart_totals .cart-discount th,
.woocommerce-cart #my_cart_totals .cart-discount th {
text-transform: none !important;
font-weight: 500 !important;
color: #28a745 !important;
white-space: nowrap !important;
}
.woocommerce-cart .cart_totals .cart-discount th span,
.woocommerce-cart #my_cart_totals .cart-discount th span {
display: inline !important;
}
.woocommerce-cart .cart_totals .cart-discount td,
.woocommerce-cart #my_cart_totals .cart-discount td {
color: #28a745 !important;
font-weight: 600 !important;
} .woocommerce-cart .woocommerce-shipping-totals td {
padding-top: 0.5rem !important;
padding-right: 0 !important;
}
.woocommerce-cart .woocommerce-shipping-methods {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
width: 100% !important;
}
.woocommerce-cart .woocommerce-shipping-methods li {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0.75rem !important;
margin: 0.5rem 0 !important;
padding: 0.85rem 1rem !important;
background: #f8f9fa !important;
border-radius: 8px !important;
cursor: pointer !important;
transition: background-color 0.2s ease !important;
font-size: 0.9rem !important; -webkit-tap-highlight-color: rgba(28, 94, 168, 0.1) !important;
user-select: none !important;
}
.woocommerce-cart .woocommerce-shipping-methods li:first-child {
margin-top: 0 !important;
}
.woocommerce-cart .woocommerce-shipping-methods li:hover,
.woocommerce-cart .woocommerce-shipping-methods li:active {
background: #e8f4fc !important;
}
.woocommerce-cart .woocommerce-shipping-methods li input[type="radio"] {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
margin: 0 !important;
accent-color: var(--c-primary) !important;
cursor: pointer !important;
flex-shrink: 0 !important;
}
.woocommerce-cart .woocommerce-shipping-methods li label {
display: block !important;
cursor: pointer !important;
font-size: 0.9rem !important;
color: #333 !important;
line-height: 1.4 !important;
flex: 1 !important;
text-align: right !important;
}
.woocommerce-cart .woocommerce-shipping-methods li label .woocommerce-Price-amount {
font-weight: 600 !important;
color: var(--c-primary) !important;
display: inline !important;
white-space: nowrap !important;
} .woocommerce-cart .woocommerce-shipping-methods li label small,
.woocommerce-cart .woocommerce-shipping-methods li label span:not(.woocommerce-Price-amount):not(.woocommerce-Price-currencySymbol) {
font-size: 0.85rem !important;
color: #888 !important;
display: inline !important;
margin-left: 0.75rem !important;
vertical-align: baseline !important;
} .woocommerce-cart .woocommerce-shipping-methods li p.shipping-method-description {
display: inline !important;
font-size: 0.85rem !important;
color: #888 !important;
margin: 0 0 0 0.5rem !important;
padding: 0 !important;
vertical-align: baseline !important;
} .woocommerce-cart .woocommerce-shipping-methods li label br {
display: none !important;
} .woocommerce-cart .cart_totals .order-total,
.woocommerce-cart #my_cart_totals .order-total {
background: #f8f9fa !important;
border-radius: 8px !important;
}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart #my_cart_totals .order-total th {
font-size: 1.1rem !important;
font-weight: 700 !important;
color: #012241 !important;
padding: 1rem !important;
width: 120px !important;
}
.woocommerce-cart .cart_totals .order-total td,
.woocommerce-cart #my_cart_totals .order-total td {
font-size: 1.5rem !important;
font-weight: 700 !important;
color: var(--c-primary) !important;
padding: 1rem !important;
text-align: right !important;
} .woocommerce-cart .woocommerce-shipping-destination {
font-size: 0.8rem !important;
color: #666 !important;
text-align: right !important;
margin-top: 0.75rem !important;
line-height: 1.4 !important;
} .woocommerce-cart.local-pickup-selected .woocommerce-shipping-destination,
body.woocommerce-cart.local-pickup-selected .woocommerce-shipping-destination {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
} .woocommerce-cart .wc-proceed-to-checkout {
padding: 1.5rem 0 0 !important;
text-align: center !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
display: inline-block !important;
width: auto !important;
min-width: 280px !important;
padding: 1.2rem 3rem !important;
background: linear-gradient(135deg, var(--c-primary) 0%, #164B87 100%) !important;
color: #fff !important;
font-size: 1.1rem !important;
font-weight: 700 !important;
text-align: center !important;
text-decoration: none !important;
border: none !important;
border-radius: 10px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
box-shadow: 0 4px 15px rgba(28, 94, 168, 0.3) !important;
text-transform: none !important;
letter-spacing: 0.5px !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
background: linear-gradient(135deg, #164B87 0%, #0F3A6B 100%) !important;
transform: translateY(-3px) !important;
box-shadow: 0 8px 25px rgba(28, 94, 168, 0.4) !important;
} .woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error {
background: #fff !important;
border: none !important;
border-left: 4px solid var(--c-primary) !important;
border-radius: 8px !important;
padding: 1rem 1.5rem !important;
margin-bottom: 1.5rem !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
display: flex !important;
align-items: center !important;
gap: 1rem !important;
}
.woocommerce-cart .woocommerce-message::before,
.woocommerce-cart .woocommerce-info::before {
color: var(--c-primary) !important;
}
.woocommerce-cart .woocommerce-error {
border-left-color: #e31837 !important;
} .woocommerce-cart .cross-sells {
margin-top: 3rem !important;
padding-top: 2rem !important;
border-top: 2px solid #f0f0f0 !important;
}
.woocommerce-cart .cross-sells h2 {
font-size: 1.4rem !important;
font-weight: 700 !important;
color: #012241 !important;
margin-bottom: 1.5rem !important;
text-align: center !important;
} .woocommerce-cart .cart-empty {
text-align: center !important;
padding: 4rem 2rem !important;
background: #f8f9fa !important;
border-radius: 12px !important;
margin: 2rem 0 !important;
}
.woocommerce-cart .cart-empty::before {
display: none !important;
}
.woocommerce-cart .return-to-shop {
margin-top: 1.5rem !important;
}
.woocommerce-cart .return-to-shop a.button {
background: var(--c-primary) !important;
color: #fff !important;
padding: 1rem 2rem !important;
border-radius: 8px !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
}
.woocommerce-cart .return-to-shop a.button:hover {
background: #164B87 !important;
transform: translateY(-2px) !important;
} @media screen and (max-width: 992px) {
.woocommerce-cart .entry-content {
padding: 1.5rem 1rem !important;
} .woocommerce-cart table.shop_table tbody tr.actions td {
padding: 1rem !important;
}
.woocommerce-cart .coupon {
display: flex !important;
flex-direction: column !important;
gap: 0.5rem !important;
width: 100% !important;
margin-bottom: 1rem !important;
}
.woocommerce-cart .coupon input#coupon_code {
width: 100% !important;
}
.woocommerce-cart .coupon button {
width: 100% !important;
}
.woocommerce-cart button[name="update_cart"] {
float: none !important;
width: 100% !important;
margin-top: 0.5rem !important;
}
} @media screen and (max-width: 768px) {
.woocommerce-cart .entry-content {
padding: 1rem 0.75rem !important;
} .woocommerce-cart table.shop_table tr td::before,
.woocommerce-cart table.shop_table.shop_table_responsive tr td::before,
.woocommerce-cart table.shop_table.shop_table_responsive tbody tr td::before {
display: none !important;
content: none !important;
visibility: hidden !important;
} .woocommerce-cart table.shop_table,
.woocommerce-cart table.shop_table.shop_table_responsive {
display: block !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
border-collapse: separate !important;
border-spacing: 0 !important;
width: 100% !important;
}
.woocommerce-cart table.shop_table thead {
display: none !important;
}
.woocommerce-cart table.shop_table tbody {
display: block !important;
width: 100% !important;
}  .woocommerce-cart .entry-content .woocommerce .cart_item,
.woocommerce-cart table.shop_table tbody tr.cart_item,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item,
.woocommerce-cart table.shop_table.shop_table_responsive tbody tr.cart_item,
body.woocommerce-cart .entry-content .woocommerce .cart_item {
display: flex !important;
flex-wrap: wrap !important;
position: relative !important;
background: #fff !important;
border-radius: 12px !important;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important;
padding: 16px !important;
padding-right: 45px !important;
margin-bottom: 12px !important;
border: 1px solid #eee !important;
width: 100% !important;
box-sizing: border-box !important;
height: auto !important;
} .woocommerce-cart .entry-content .woocommerce .cart_item td,
.woocommerce-cart table.shop_table tbody tr.cart_item td,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td,
.woocommerce-cart table.shop_table.shop_table_responsive tbody tr td,
body.woocommerce-cart .entry-content .woocommerce .cart_item td {
display: block !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
background: transparent !important;
text-align: left !important;
float: none !important;
position: static !important;
width: auto !important;
height: auto !important;
} .woocommerce-cart .entry-content .woocommerce .cart_item td.product-remove,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-remove,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-remove,
body.woocommerce-cart .entry-content .woocommerce .cart_item td.product-remove {
position: absolute !important;
top: 14px !important;
right: 12px !important;
width: 28px !important;
height: 28px !important;
order: 99 !important;
}
.woocommerce-cart .entry-content .woocommerce .cart_item td.product-remove a.remove,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-remove a.remove,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-remove a.remove,
body.woocommerce-cart .entry-content .woocommerce .cart_item td.product-remove a.remove {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
background: #fff !important;
border: 2px solid #e31837 !important;
border-radius: 50% !important;
color: #e31837 !important;
font-size: 1.1rem !important;
font-weight: 400 !important;
line-height: 1 !important;
text-decoration: none !important;
padding: 0 !important;
padding-bottom: 2px !important;
} .woocommerce-cart .entry-content .woocommerce .cart_item td.product-thumbnail,
.woocommerce-cart .entry-content .woocommerce .product-thumbnail,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-thumbnail,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-thumbnail,
body.woocommerce-cart .entry-content .woocommerce .cart_item td.product-thumbnail {
flex: 0 0 70px !important;
width: 70px !important;
height: 70px !important;
min-width: 70px !important;
margin-right: 12px !important;
order: 1 !important;
}
.woocommerce-cart .entry-content .woocommerce .cart_item td.product-thumbnail a,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-thumbnail a,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-thumbnail a {
display: block !important;
}
.woocommerce-cart .entry-content .woocommerce .cart_item td.product-thumbnail img,
.woocommerce-cart .entry-content .woocommerce .product-thumbnail img,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-thumbnail img,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-thumbnail img,
body.woocommerce-cart .entry-content .woocommerce .cart_item td.product-thumbnail img {
width: 70px !important;
height: 70px !important;
max-height: 70px !important;
object-fit: contain !important;
border-radius: 8px !important;
border: 1px solid #f0f0f0 !important;
background: #fff !important;
display: block !important;
} .woocommerce-cart .entry-content .woocommerce .cart_item td.product-name,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-name,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-name,
body.woocommerce-cart .entry-content .woocommerce .cart_item td.product-name {
flex: 1 1 calc(100% - 82px) !important;
min-height: 50px !important;
order: 2 !important;
padding-right: 10px !important;
width: auto !important;
}
.woocommerce-cart .entry-content .woocommerce .cart_item td.product-name a,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-name a,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-name a,
body.woocommerce-cart .entry-content .woocommerce .cart_item td.product-name a {
font-size: 0.88rem !important;
font-weight: 600 !important;
color: #012241 !important;
line-height: 1.35 !important;
text-decoration: none !important;
display: block !important;
word-wrap: break-word !important;
}
.woocommerce-cart .entry-content .woocommerce .cart_item td.product-name dl.variation,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-name dl.variation,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-name dl.variation {
display: none !important;
} .woocommerce-cart .entry-content .woocommerce .cart_item td.product-price,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-price,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-price,
body.woocommerce-cart .entry-content .woocommerce .cart_item td.product-price {
flex: 0 0 33.333% !important;
width: 33.333% !important;
text-align: center !important;
padding-top: 14px !important;
margin-top: 10px !important;
border-top: 1px solid #f0f0f0 !important;
order: 3 !important;
box-sizing: border-box !important;
}
.woocommerce-cart .entry-content .woocommerce .cart_item td.product-quantity,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-quantity,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-quantity,
body.woocommerce-cart .entry-content .woocommerce .cart_item td.product-quantity {
flex: 0 0 33.333% !important;
width: 33.333% !important;
text-align: center !important;
padding-top: 14px !important;
margin-top: 10px !important;
border-top: 1px solid #f0f0f0 !important;
order: 4 !important;
box-sizing: border-box !important;
}
.woocommerce-cart .entry-content .woocommerce .cart_item td.product-subtotal,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-subtotal,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-subtotal,
body.woocommerce-cart .entry-content .woocommerce .cart_item td.product-subtotal {
flex: 0 0 33.333% !important;
width: 33.333% !important;
text-align: center !important;
padding-top: 14px !important;
margin-top: 10px !important;
border-top: 1px solid #f0f0f0 !important;
order: 5 !important;
box-sizing: border-box !important;
} .woocommerce-cart .entry-content .woocommerce .cart_item td.product-price::before,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-price::before,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-price::before,
body.woocommerce-cart .entry-content .woocommerce .cart_item td.product-price::before {
content: "CENA" !important;
display: block !important;
font-size: 0.65rem !important;
font-weight: 700 !important;
color: #888 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin-bottom: 6px !important;
}
.woocommerce-cart .entry-content .woocommerce .cart_item td.product-quantity::before,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-quantity::before,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-quantity::before,
body.woocommerce-cart .entry-content .woocommerce .cart_item td.product-quantity::before {
content: "ILOŚĆ" !important;
display: block !important;
font-size: 0.65rem !important;
font-weight: 700 !important;
color: #888 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin-bottom: 6px !important;
}
.woocommerce-cart .entry-content .woocommerce .cart_item td.product-subtotal::before,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-subtotal::before,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-subtotal::before,
body.woocommerce-cart .entry-content .woocommerce .cart_item td.product-subtotal::before {
content: "KWOTA" !important;
display: block !important;
font-size: 0.65rem !important;
font-weight: 700 !important;
color: #888 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin-bottom: 6px !important;
} .woocommerce-cart .entry-content .woocommerce .cart_item td.product-price .woocommerce-Price-amount,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-price .woocommerce-Price-amount,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-price .woocommerce-Price-amount {
font-size: 0.85rem !important;
font-weight: 600 !important;
color: #333 !important;
}
.woocommerce-cart .entry-content .woocommerce .cart_item td.product-quantity .quantity,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-quantity .quantity,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-quantity .quantity {
display: inline-block !important;
}
.woocommerce-cart .entry-content .woocommerce .cart_item td.product-quantity input.qty,
.woocommerce-cart .entry-content .woocommerce .qty,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-quantity input.qty,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-quantity input.qty,
body.woocommerce-cart .entry-content .woocommerce .cart_item td.product-quantity input.qty {
width: 52px !important;
height: 36px !important;
font-size: 0.9rem !important;
font-weight: 600 !important;
text-align: center !important;
border: 2px solid #e0e0e0 !important;
border-radius: 6px !important;
padding: 0 !important;
color: #012241 !important;
background: #fff !important;
}
.woocommerce-cart .entry-content .woocommerce .cart_item td.product-subtotal .woocommerce-Price-amount,
.woocommerce-cart table.shop_table tbody tr.cart_item td.product-subtotal .woocommerce-Price-amount,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item td.product-subtotal .woocommerce-Price-amount {
font-size: 0.95rem !important;
font-weight: 700 !important;
color: var(--c-primary) !important;
} .woocommerce-cart table.shop_table tr.actions,
.woocommerce-cart table.shop_table tbody tr.actions,
.woocommerce-cart table.shop_table.shop_table_responsive tbody tr.actions {
display: block !important;
position: static !important;
padding: 0 !important;
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
margin-bottom: 15px !important;
border: none !important;
clear: both !important;
flex-wrap: nowrap !important;
width: 100% !important;
box-sizing: border-box !important;
}
.woocommerce-cart table.shop_table tr.actions td,
.woocommerce-cart table.shop_table tbody tr.actions td,
.woocommerce-cart table.shop_table.shop_table_responsive tbody tr.actions td {
display: block !important;
width: 100% !important;
padding: 0 !important;
background: transparent !important;
position: static !important;
border: none !important;
margin: 0 !important;
}
.woocommerce-cart table.shop_table tr.actions td::before,
.woocommerce-cart table.shop_table tbody tr.actions td::before,
.woocommerce-cart table.shop_table.shop_table_responsive tbody tr.actions td::before {
display: none !important;
content: none !important;
} .woocommerce-cart .coupon {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
gap: 10px !important;
margin-bottom: 10px !important;
align-items: stretch !important;
background: #fff !important;
padding: 16px !important;
border-radius: 12px !important;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important;
border: 1px solid #eee !important;
box-sizing: border-box !important;
}
.woocommerce-cart .coupon label {
display: none !important;
}
.woocommerce-cart .coupon input#coupon_code {
flex: 1 !important;
width: auto !important;
min-width: 0 !important;
height: 46px !important;
padding: 0 14px !important;
font-size: 0.9rem !important;
border: 2px solid #e0e0e0 !important;
border-radius: 8px !important;
box-sizing: border-box !important;
margin: 0 !important;
}
.woocommerce-cart .coupon input#coupon_code::placeholder {
color: #999 !important;
font-size: 0.9rem !important;
}
.woocommerce-cart .coupon input#coupon_code:focus {
border-color: var(--c-primary) !important;
outline: none !important;
}
.woocommerce-cart .coupon button,
.woocommerce-cart .coupon .button {
flex-shrink: 0 !important;
width: auto !important;
height: 46px !important;
padding: 0 20px !important;
background: var(--c-primary) !important;
color: #fff !important;
border: none !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: 0.9rem !important;
cursor: pointer !important;
white-space: nowrap !important;
box-sizing: border-box !important;
line-height: 46px !important;
margin: 0 !important;
}
.woocommerce-cart .coupon button:hover,
.woocommerce-cart .coupon .button:hover {
background: #164B87 !important;
} .woocommerce-cart button[name="update_cart"],
.woocommerce-cart .button[name="update_cart"] {
display: block !important;
width: 100% !important;
height: 48px !important;
margin: 0 !important;
padding: 0 16px !important;
background: #fff !important;
color: var(--c-primary) !important;
border: 2px solid var(--c-primary) !important;
border-radius: 12px !important;
font-weight: 600 !important;
font-size: 0.95rem !important;
cursor: pointer !important;
text-align: center !important;
box-sizing: border-box !important;
line-height: 44px !important;
float: none !important;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important;
}
.woocommerce-cart button[name="update_cart"]:hover {
background: var(--c-primary) !important;
color: #fff !important;
}
.woocommerce-cart button[name="update_cart"]:disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
} .woocommerce-cart .cart_totals,
.woocommerce-cart #my_cart_totals {
padding: 1.25rem !important;
margin-top: 0.5rem !important;
border-radius: 12px !important;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important;
}
.woocommerce-cart .cart_totals h2,
.woocommerce-cart #my_cart_totals h2 {
font-size: 1.15rem !important;
text-align: left !important;
margin-bottom: 1rem !important;
}
.woocommerce-cart .cart_totals table,
.woocommerce-cart #my_cart_totals table {
width: 100% !important;
display: table !important;
table-layout: fixed !important;
} .woocommerce-cart .cart_totals table tr,
.woocommerce-cart #my_cart_totals table tr {
display: table-row !important;
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart #my_cart_totals table th {
font-size: 0.85rem !important;
padding: 0.75rem 0.5rem 0.75rem 0 !important;
width: 35% !important;
display: table-cell !important;
visibility: visible !important;
text-align: left !important;
vertical-align: middle !important;
}
.woocommerce-cart .cart_totals table td,
.woocommerce-cart #my_cart_totals table td {
font-size: 0.9rem !important;
padding: 0.75rem 1rem 0.75rem 0.5rem !important;
text-align: right !important;
display: table-cell !important;
width: 65% !important;
vertical-align: middle !important;
} .woocommerce-cart .cart_totals table td .woocommerce-Price-amount,
.woocommerce-cart #my_cart_totals table td .woocommerce-Price-amount,
.woocommerce-cart .cart_totals table td bdi,
.woocommerce-cart #my_cart_totals table td bdi,
.woocommerce-cart .cart_totals table td span,
.woocommerce-cart #my_cart_totals table td span {
display: inline !important;
text-align: right !important;
} .woocommerce-cart .cart_totals table tbody td,
.woocommerce-cart #my_cart_totals table tbody td {
text-align: right !important;
padding-right: 1rem !important;
} .woocommerce-cart .cart_totals .cart-discount td,
.woocommerce-cart #my_cart_totals .cart-discount td {
white-space: nowrap !important;
text-align: right !important;
padding-right: 1rem !important;
}
.woocommerce-cart .cart_totals .cart-discount td a,
.woocommerce-cart #my_cart_totals .cart-discount td a {
display: inline !important;
margin-right: 0.5rem !important;
} .woocommerce-cart .cart_totals .cart-subtotal td,
.woocommerce-cart #my_cart_totals .cart-subtotal td {
text-align: right !important;
padding-right: 1rem !important;
} .woocommerce-cart .cart_totals .woocommerce-shipping-totals,
.woocommerce-cart #my_cart_totals .woocommerce-shipping-totals {
margin-bottom: 1rem !important;
}
.woocommerce-cart .cart_totals .woocommerce-shipping-destination,
.woocommerce-cart #my_cart_totals .woocommerce-shipping-destination,
.woocommerce-cart .cart_totals p.woocommerce-shipping-destination,
.woocommerce-cart #my_cart_totals p.woocommerce-shipping-destination {
margin-bottom: 0.5rem !important;
margin-right: 8px !important;
padding-bottom: 0.5rem !important;
} .woocommerce-cart .cart_totals .order-total,
.woocommerce-cart #my_cart_totals .order-total {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
min-height: 50px !important;
padding: 0.5rem 0 !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart #my_cart_totals .order-total th {
display: flex !important;
align-items: center !important;
text-align: left !important;
padding: 0 0 0 1rem !important;
flex-shrink: 0 !important;
}
.woocommerce-cart .cart_totals .order-total td,
.woocommerce-cart #my_cart_totals .order-total td {
display: block !important;
text-align: right !important;
padding: 0.75rem 1rem !important;
font-size: 1.3rem !important;
flex: 1 !important;
width: 100% !important;
background-color: #f5f5f5 !important;
margin: 0 !important;
}
.woocommerce-cart .cart_totals .order-total td strong,
.woocommerce-cart #my_cart_totals .order-total td strong {
display: block !important;
text-align: right !important;
width: 100% !important;
}
.woocommerce-cart .cart_totals .order-total td span.woocommerce-Price-amount,
.woocommerce-cart #my_cart_totals .order-total td span.woocommerce-Price-amount {
display: inline !important;
text-align: right !important;
padding-right: 8px !important;
}
.woocommerce-cart .cart_totals .order-total td .woocommerce-Price-amount,
.woocommerce-cart #my_cart_totals .order-total td .woocommerce-Price-amount,
.woocommerce-cart .cart_totals .order-total td span,
.woocommerce-cart #my_cart_totals .order-total td span,
.woocommerce-cart .cart_totals .order-total td bdi,
.woocommerce-cart #my_cart_totals .order-total td bdi {
display: inline !important;
text-align: right !important;
} .woocommerce-cart .cart_totals .cart-subtotal,
.woocommerce-cart #my_cart_totals .cart-subtotal {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
min-height: 44px !important;
padding: 0.5rem 0 !important;
width: 100% !important;
}
.woocommerce-cart .cart_totals .cart-subtotal th,
.woocommerce-cart #my_cart_totals .cart-subtotal th {
display: flex !important;
align-items: center !important;
text-align: left !important;
padding: 0 0 0 1rem !important;
flex-shrink: 0 !important;
}
.woocommerce-cart .cart_totals .cart-subtotal td,
.woocommerce-cart #my_cart_totals .cart-subtotal td {
display: block !important;
text-align: right !important;
padding: 0.5rem 1rem !important;
flex: 1 !important;
width: 100% !important;
}
.woocommerce-cart .cart_totals .cart-subtotal td span.woocommerce-Price-amount,
.woocommerce-cart #my_cart_totals .cart-subtotal td span.woocommerce-Price-amount {
display: block !important;
text-align: right !important;
width: 100% !important;
white-space: nowrap !important;
}
.woocommerce-cart .cart_totals .cart-subtotal td bdi,
.woocommerce-cart #my_cart_totals .cart-subtotal td bdi {
display: inline !important;
white-space: nowrap !important;
} .woocommerce-cart .cart_totals .cart-discount,
.woocommerce-cart #my_cart_totals .cart-discount {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
min-height: 44px !important;
padding: 0.5rem 0 !important;
width: 100% !important;
}
.woocommerce-cart .cart_totals .cart-discount th,
.woocommerce-cart #my_cart_totals .cart-discount th {
display: flex !important;
align-items: center !important;
text-align: left !important;
padding: 0 0 0 1rem !important;
flex-shrink: 0 !important;
} body.woocommerce-cart .cart_totals .cart-discount td,
body.woocommerce-cart #my_cart_totals .cart-discount td,
body.woocommerce-cart .cart_totals tr.cart-discount td,
body.woocommerce-cart #my_cart_totals tr.cart-discount td,
body.woocommerce-cart .cart_totals table.shop_table_responsive tr.cart-discount td,
body.woocommerce-cart .cart_totals .shop_table_responsive tbody tr.cart-discount td[data-title] {
display: block !important;
text-align: right !important;
padding: 0.5rem 0 !important;
width: 100% !important;
white-space: nowrap !important;
background: transparent !important;
border: none !important;
float: none !important;
position: static !important;
} body.woocommerce-cart .cart_totals .cart-discount td span.woocommerce-Price-amount,
body.woocommerce-cart #my_cart_totals .cart-discount td span.woocommerce-Price-amount,
body.woocommerce-cart .cart_totals tr.cart-discount td span.woocommerce-Price-amount {
display: inline !important;
white-space: nowrap !important;
text-align: right !important;
}
body.woocommerce-cart .cart_totals .cart-discount td bdi,
body.woocommerce-cart #my_cart_totals .cart-discount td bdi,
body.woocommerce-cart .cart_totals tr.cart-discount td bdi {
display: inline !important;
white-space: nowrap !important;
}
body.woocommerce-cart .cart_totals .cart-discount td a,
body.woocommerce-cart #my_cart_totals .cart-discount td a,
body.woocommerce-cart .cart_totals tr.cart-discount td a,
body.woocommerce-cart .cart_totals .cart-discount td a.woocommerce-remove-coupon,
body.woocommerce-cart #my_cart_totals .cart-discount td a.woocommerce-remove-coupon {
display: inline !important;
white-space: nowrap !important;
margin: 0 !important;
text-align: right !important;
} .woocommerce-cart .woocommerce-shipping-methods li {
flex-direction: row !important;
align-items: center !important;
gap: 0.75rem !important;
padding: 0.85rem 1rem !important;
}
.woocommerce-cart .woocommerce-shipping-methods li label {
display: block !important;
text-align: right !important;
width: auto !important;
flex: 1 !important;
} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
padding: 1rem 1.5rem !important;
font-size: 1rem !important;
border-radius: 8px !important;
width: 100% !important;
min-width: auto !important;
} .woocommerce-cart .woocommerce-shipping-destination {
text-align: right !important;
font-size: 0.8rem !important;
}
} @keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item {
animation: fadeIn 0.3s ease forwards;
}
.woocommerce-cart table.shop_table tbody tr:nth-child(1) { animation-delay: 0.05s; }
.woocommerce-cart table.shop_table tbody tr:nth-child(2) { animation-delay: 0.1s; }
.woocommerce-cart table.shop_table tbody tr:nth-child(3) { animation-delay: 0.15s; }
.woocommerce-cart table.shop_table tbody tr:nth-child(4) { animation-delay: 0.2s; }
.woocommerce-cart table.shop_table tbody tr:nth-child(5) { animation-delay: 0.25s; }  .woocommerce-cart header.common-template h1.entry-title,
.woocommerce-cart header.common-template .entry-title {
color: #fff !important;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
} .woocommerce-cart .entry-header {
text-align: center !important;
margin-bottom: 2rem !important;
}
.woocommerce-cart .entry-content .entry-header h1,
.woocommerce-cart .entry-content .entry-header .entry-title {
font-size: 2rem !important;
font-weight: 700 !important;
color: #012241 !important;
} .woocommerce-cart .cart-collaterals::before {
content: "" !important;
display: block !important;
width: 100% !important;
height: 2px !important;
background: linear-gradient(90deg, transparent, var(--c-primary), transparent) !important;
margin-bottom: 1.5rem !important;
border-radius: 1px !important;
} .woocommerce-cart a.button.wc-backward,
.woocommerce-cart .wc-backward {
display: inline-flex !important;
align-items: center !important;
gap: 0.5rem !important;
padding: 0.75rem 1.5rem !important;
background: transparent !important;
color: var(--c-primary) !important;
border: 2px solid var(--c-primary) !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: 0.9rem !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
}
.woocommerce-cart a.button.wc-backward:hover,
.woocommerce-cart .wc-backward:hover {
background: var(--c-primary) !important;
color: #fff !important;
} .woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td {
vertical-align: middle !important;
} .woocommerce-cart .wc-empty-cart-message {
text-align: center !important;
padding: 3rem 2rem !important;
} .woocommerce-cart .woocommerce-form-coupon-toggle,
.woocommerce-cart .showcoupon {
display: inline-block !important;
margin-bottom: 1rem !important;
color: var(--c-primary) !important;
cursor: pointer !important;
} .woocommerce-cart .woocommerce-notices-wrapper:empty {
display: none !important;
}body.woocommerce-checkout .shop_table,
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout #order_review .shop_table,
form.woocommerce-checkout .woocommerce-checkout-review-order-table {
table-layout: auto !important;
width: 100% !important;
}
body.woocommerce-checkout .shop_table tfoot,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot,
body.woocommerce-checkout #order_review .shop_table tfoot {
display: table-footer-group !important;
} body.woocommerce-checkout .woocommerce-form-login-toggle {
text-align: center !important;
padding: 1rem 0 !important;
margin-bottom: 1rem !important;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
background: #f8f9fa !important;
border: none !important;
border-left: 4px solid var(--c-primary) !important;
padding: 1rem 1.5rem !important;
margin: 0 auto !important;
max-width: 600px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.95rem !important;
color: #012241 !important;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before {
display: none !important;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a.showlogin {
color: var(--c-primary) !important;
font-weight: 600 !important;
text-decoration: underline !important;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a.showlogin:hover {
color: #012241 !important;
} body.woocommerce-checkout .woocommerce-form-login {
background: linear-gradient(135deg, rgba(1, 34, 65, 0.95) 0%, rgba(28, 94, 168, 0.9) 100%) !important;
border-radius: 16px !important;
padding: 2.5rem 2rem !important;
margin: 1.5rem auto 2.5rem !important;
max-width: 480px !important;
width: 100% !important;
box-shadow: 0 10px 40px rgba(1, 34, 65, 0.25), 0 4px 12px rgba(0, 0, 0, 0.1) !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
overflow: hidden !important;
} body.woocommerce-checkout .woocommerce-form-login::before {
content: '' !important;
position: absolute !important;
top: -50% !important;
right: -50% !important;
width: 100% !important;
height: 100% !important;
background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%) !important;
pointer-events: none !important;
} body.woocommerce-checkout .woocommerce-form-login > p:first-of-type {
color: rgba(255, 255, 255, 0.9) !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.95rem !important;
line-height: 1.6 !important;
text-align: center !important;
margin-bottom: 1.5rem !important;
max-width: 380px !important;
} body.woocommerce-checkout .woocommerce-form-login .form-row {
width: 100% !important;
max-width: 340px !important;
margin-bottom: 1.25rem !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
}
body.woocommerce-checkout .woocommerce-form-login .form-row-first,
body.woocommerce-checkout .woocommerce-form-login .form-row-last {
width: 100% !important;
max-width: 340px !important;
float: none !important;
} body.woocommerce-checkout .woocommerce-form-login label,
body.woocommerce-checkout .woocommerce-form-login .form-row label,
body.woocommerce-checkout .woocommerce-form-login .form-row-first label,
body.woocommerce-checkout .woocommerce-form-login .form-row-last label,
body.woocommerce-checkout form.woocommerce-form-login label {
color: #fff !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.85rem !important;
font-weight: 500 !important;
margin-bottom: 8px !important;
text-align: left !important;
display: block !important;
}
body.woocommerce-checkout .woocommerce-form-login label .required,
body.woocommerce-checkout .woocommerce-form-login .form-row label .required {
color: #ff6b6b !important;
} body.woocommerce-checkout .woocommerce-form-login .password-input,
body.woocommerce-checkout .woocommerce-form-login .woocommerce-input-wrapper {
position: relative !important;
}
body.woocommerce-checkout .woocommerce-form-login .show-password-input,
body.woocommerce-checkout .woocommerce-form-login .wp-hide-pw,
body.woocommerce-checkout .woocommerce-form-login button.wp-hide-pw,
body.woocommerce-checkout .woocommerce-form-login .password-input .show-password-input {
position: absolute !important;
right: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
background: transparent !important;
border: none !important;
padding: 5px !important;
cursor: pointer !important;
color: #666 !important;
width: auto !important;
height: auto !important;
box-shadow: none !important;
outline: none !important;
}
body.woocommerce-checkout .woocommerce-form-login .show-password-input:hover,
body.woocommerce-checkout .woocommerce-form-login .wp-hide-pw:hover,
body.woocommerce-checkout .woocommerce-form-login button.wp-hide-pw:hover {
background: transparent !important;
color: #333 !important;
}
body.woocommerce-checkout .woocommerce-form-login .show-password-input::before,
body.woocommerce-checkout .woocommerce-form-login .wp-hide-pw::before {
background: transparent !important;
} body.woocommerce-checkout .woocommerce-form-login .input-text,
body.woocommerce-checkout .woocommerce-form-login input[type="text"],
body.woocommerce-checkout .woocommerce-form-login input[type="email"],
body.woocommerce-checkout .woocommerce-form-login input[type="password"] {
width: 100% !important;
height: 52px !important;
padding: 0 16px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.95rem !important;
color: #333 !important;
background: #fff !important;
border: 2px solid transparent !important;
border-radius: 10px !important;
box-sizing: border-box !important;
transition: all 0.3s ease !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}
body.woocommerce-checkout .woocommerce-form-login .input-text:focus,
body.woocommerce-checkout .woocommerce-form-login input[type="text"]:focus,
body.woocommerce-checkout .woocommerce-form-login input[type="email"]:focus,
body.woocommerce-checkout .woocommerce-form-login input[type="password"]:focus {
outline: none !important;
border-color: var(--c-primary) !important;
box-shadow: 0 2px 12px rgba(28, 94, 168, 0.3), 0 0 0 4px rgba(28, 94, 168, 0.1) !important;
}
body.woocommerce-checkout .woocommerce-form-login .input-text::placeholder,
body.woocommerce-checkout .woocommerce-form-login input::placeholder {
color: #999 !important;
} body.woocommerce-checkout .woocommerce-form-login .form-row.woocommerce-form-login__rememberme {
flex-direction: row !important;
align-items: center !important;
gap: 0 !important;
margin-top: 0.5rem !important;
margin-bottom: 1.5rem !important;
}
body.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__rememberme label,
body.woocommerce-checkout .woocommerce-form-login label[for="rememberme"] {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
margin-bottom: 0 !important;
cursor: pointer !important;
font-size: 0.9rem !important;
color: #fff !important;
line-height: 1 !important;
}
body.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"],
body.woocommerce-checkout .woocommerce-form-login input#rememberme {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 14px !important;
height: 14px !important;
min-width: 14px !important;
min-height: 14px !important;
max-width: 14px !important;
max-height: 14px !important;
background: rgba(255, 255, 255, 0.2) !important;
border: 1.5px solid rgba(255, 255, 255, 0.7) !important;
border-radius: 3px !important;
cursor: pointer !important;
position: relative !important;
transition: all 0.2s ease !important;
flex-shrink: 0 !important;
margin: 0 !important;
vertical-align: middle !important;
padding: 0 !important;
}
body.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"]:checked,
body.woocommerce-checkout .woocommerce-form-login input#rememberme:checked {
background: var(--c-primary) !important;
border-color: var(--c-primary) !important;
}
body.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"]:checked::after,
body.woocommerce-checkout .woocommerce-form-login input#rememberme:checked::after {
content: '' !important;
position: absolute !important;
left: 3px !important;
top: 0px !important;
width: 3px !important;
height: 7px !important;
border: solid #fff !important;
border-width: 0 1.5px 1.5px 0 !important;
transform: rotate(45deg) !important;
} body.woocommerce-checkout .woocommerce-form-login button[type="submit"],
body.woocommerce-checkout .woocommerce-form-login .woocommerce-button,
body.woocommerce-checkout .woocommerce-form-login .button {
width: 100% !important;
max-width: 340px !important;
height: 52px !important;
padding: 0 24px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 1rem !important;
font-weight: 600 !important;
color: #fff !important;
background: linear-gradient(135deg, var(--c-primary) 0%, #2874c8 100%) !important;
border: none !important;
border-radius: 10px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
box-shadow: 0 4px 15px rgba(28, 94, 168, 0.4) !important;
text-transform: none !important;
letter-spacing: 0.3px !important;
}
body.woocommerce-checkout .woocommerce-form-login button[type="submit"]:hover,
body.woocommerce-checkout .woocommerce-form-login .woocommerce-button:hover,
body.woocommerce-checkout .woocommerce-form-login .button:hover {
background: linear-gradient(135deg, #164B87 0%, var(--c-primary) 100%) !important;
box-shadow: 0 6px 20px rgba(28, 94, 168, 0.5) !important;
transform: translateY(-2px) !important;
}
body.woocommerce-checkout .woocommerce-form-login button[type="submit"]:active,
body.woocommerce-checkout .woocommerce-form-login .woocommerce-button:active,
body.woocommerce-checkout .woocommerce-form-login .button:active {
transform: translateY(0) !important;
box-shadow: 0 2px 10px rgba(28, 94, 168, 0.3) !important;
} body.woocommerce-checkout .woocommerce-form-login .woocommerce-LostPassword,
body.woocommerce-checkout .woocommerce-form-login .lost_password {
margin-top: 1.25rem !important;
text-align: center !important;
}
body.woocommerce-checkout .woocommerce-form-login .woocommerce-LostPassword a,
body.woocommerce-checkout .woocommerce-form-login .lost_password a {
color: rgba(255, 255, 255, 0.85) !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
border-bottom: 1px solid transparent !important;
}
body.woocommerce-checkout .woocommerce-form-login .woocommerce-LostPassword a:hover,
body.woocommerce-checkout .woocommerce-form-login .lost_password a:hover {
color: #fff !important;
border-bottom-color: rgba(255, 255, 255, 0.5) !important;
} @media screen and (max-width: 576px) {
body.woocommerce-checkout .woocommerce-form-login {
padding: 2rem 1.5rem !important;
margin: 1rem auto 2rem !important;
border-radius: 12px !important;
max-width: calc(100% - 2rem) !important;
width: 100% !important;
box-sizing: border-box !important;
left: 0 !important;
right: 0 !important;
}
body.woocommerce-checkout .woocommerce-form-login .form-row,
body.woocommerce-checkout .woocommerce-form-login .form-row-first,
body.woocommerce-checkout .woocommerce-form-login .form-row-last,
body.woocommerce-checkout .woocommerce-form-login button[type="submit"],
body.woocommerce-checkout .woocommerce-form-login .button {
max-width: 100% !important;
width: 100% !important;
}
body.woocommerce-checkout .woocommerce-form-login .input-text,
body.woocommerce-checkout .woocommerce-form-login input[type="text"],
body.woocommerce-checkout .woocommerce-form-login input[type="email"],
body.woocommerce-checkout .woocommerce-form-login input[type="password"],
body.woocommerce-checkout .woocommerce-form-login button[type="submit"] {
height: 50px !important;
font-size: 16px !important; width: 100% !important;
}
}  body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout form.checkout {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body.woocommerce-checkout #customer_details { margin: 0 auto !important;
padding: 0 !important;
}
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
float: none !important;
} body.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 14px 20px !important;
width: 100% !important;
} body.woocommerce-checkout #customer_details p,
body.woocommerce-checkout #customer_details .form-row {
width: 100% !important;
margin-bottom: 0 !important;
} body.woocommerce-checkout #customer_details .form-row {
grid-column: span 1 !important;
width: 100% !important;
} body.woocommerce-checkout #customer_details #order_comments_field {
grid-column: 1 / -1 !important;
width: 100% !important;
} body.woocommerce-checkout #customer_details #shipping_company_field {
grid-column: 1 / -1 !important;
width: 100% !important;
}  body.woocommerce-checkout #billing_first_name_field { order: 1 !important; }
body.woocommerce-checkout #billing_last_name_field { order: 2 !important; }
body.woocommerce-checkout #billing_email_field { order: 3 !important; }
body.woocommerce-checkout #billing_phone_field { order: 4 !important; }
body.woocommerce-checkout #billing_company_field { order: 5 !important; }
body.woocommerce-checkout #billing_vat_field { order: 6 !important; }
body.woocommerce-checkout #billing_address_1_field { order: 7 !important; }
body.woocommerce-checkout #billing_address_2_field { order: 8 !important; }
body.woocommerce-checkout #billing_city_field { order: 9 !important; }
body.woocommerce-checkout #billing_postcode_field { order: 10 !important; }
body.woocommerce-checkout #billing_country_field { order: 11 !important; }
body.woocommerce-checkout #billing_state_field { order: 12 !important; } body.woocommerce-checkout .form-row {
margin-bottom: 0 !important;
padding: 0 !important;
width: 100% !important;
}
body.woocommerce-checkout .form-row label {
display: block !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.85rem !important;
font-weight: 600 !important;
color: #012241 !important;
margin-bottom: 6px !important;
text-align: left !important;
}
body.woocommerce-checkout .form-row label .optional {
font-weight: 400 !important;
color: #888 !important;
font-size: 0.8rem !important;
}
body.woocommerce-checkout .form-row label .required {
color: #e31837 !important;
}
body.woocommerce-checkout .form-row .woocommerce-input-wrapper {
width: 100% !important;
} body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row input[type="text"],
body.woocommerce-checkout .form-row input[type="email"],
body.woocommerce-checkout .form-row input[type="tel"],
body.woocommerce-checkout .form-row input[type="number"],
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout #customer_details .input-text,
body.woocommerce-checkout #customer_details input[type="text"],
body.woocommerce-checkout #customer_details select {
width: 100% !important;
height: 50px !important;
padding: 0 16px !important;
font-size: 0.95rem !important;
font-family: 'Poppins', sans-serif !important;
color: #333 !important;
background: #fff !important;
border: 1px solid #d0d5dd !important;
border-radius: 8px !important;
box-sizing: border-box !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout #customer_details textarea,
body.woocommerce-checkout #order_comments,
body.woocommerce-checkout textarea#order_comments,
body.woocommerce-checkout .woocommerce-input-wrapper textarea,
body.woocommerce-checkout .form-row.notes textarea,
body.woocommerce-checkout #customer_details textarea#order_comments,
body.woocommerce-checkout #customer_details textarea.input-text,
body.woocommerce-checkout #customer_details #order_comments.input-text {
height: auto !important;
min-height: 100px !important;
padding: 16px 16px 16px 16px !important;
resize: vertical !important;
line-height: 1.5 !important;
vertical-align: top !important;
}
body.woocommerce-checkout .form-row input:focus,
body.woocommerce-checkout .form-row select:focus,
body.woocommerce-checkout .form-row textarea:focus {
border-color: var(--c-primary) !important;
box-shadow: 0 0 0 3px rgba(28, 94, 168, 0.12) !important;
outline: none !important;
}
body.woocommerce-checkout .form-row input::placeholder,
body.woocommerce-checkout .form-row textarea::placeholder,
body.woocommerce-checkout #order_comments::placeholder {
color: #999 !important;
padding-top: 0 !important;
line-height: 1.5 !important;
} body.woocommerce-checkout .select2-container {
width: 100% !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single {
height: 50px !important;
border: 1px solid #d0d5dd !important;
border-radius: 8px !important;
padding: 0 16px !important;
display: flex !important;
align-items: center !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 50px !important;
padding: 0 !important;
color: #333 !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px !important;
right: 12px !important;
}  body.woocommerce-checkout #eu_vat_number_field,
body.woocommerce-checkout #billing_eu_vat_number_field,
body.woocommerce-checkout p[id*="tax_identification"],
body.woocommerce-checkout p[id*="eu_vat"],
body.woocommerce-checkout .wc-block-components-text-input[id*="vat"],
body.woocommerce-checkout #wc_tax_identification_field,
body.woocommerce-checkout #billing_tax_id_field,
body.woocommerce-checkout #tax_identification_number_field,
body.woocommerce-checkout [id*="tax_identification"],
body.woocommerce-checkout [id*="tax-identification"] {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
} body.woocommerce-checkout .form-row-tax-identification,
body.woocommerce-checkout .form-row-eu-vat,
body.woocommerce-checkout .form-row.tax-identification {
display: none !important;
}  body.woocommerce-checkout .checkboxes-wrapper {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
gap: 60px !important;
padding: 1.5rem 0 !important;
margin: 1rem 0 !important;
border-top: 1px solid #eee !important;
border-bottom: 1px solid #eee !important;
width: 100% !important;
} body.woocommerce-checkout .checkboxes-wrapper > *,
body.woocommerce-checkout .checkboxes-wrapper #ship-to-different-address,
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline,
body.woocommerce-checkout .checkboxes-wrapper .create-account-checkbox {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
} body.woocommerce-checkout .checkboxes-wrapper label,
body.woocommerce-checkout .checkboxes-wrapper .woocommerce-form__label,
body.woocommerce-checkout .checkboxes-wrapper .woocommerce-form__label-for-checkbox,
body.woocommerce-checkout .checkboxes-wrapper label.checkbox {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
color: #012241 !important;
cursor: pointer !important;
margin: 0 !important;
padding: 0 !important;
line-height: 24px !important;
white-space: nowrap !important;
} body.woocommerce-checkout .checkboxes-wrapper .optional {
display: none !important;
} body.woocommerce-checkout .checkboxes-wrapper input[type="checkbox"],
body.woocommerce-checkout .checkboxes-wrapper .woocommerce-form__label-for-checkbox input[type="checkbox"],
body.woocommerce-checkout .checkboxes-wrapper label input[type="checkbox"],
body.woocommerce-checkout .checkboxes-wrapper label.checkbox input[type="checkbox"] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
min-height: 24px !important;
max-width: 24px !important;
max-height: 24px !important;
border: 2px solid var(--c-primary) !important;
border-radius: 4px !important;
background: #fff !important;
margin: 0 !important;
padding: 0 !important;
cursor: pointer !important;
position: relative !important;
flex-shrink: 0 !important;
transition: all 0.2s ease !important;
outline: none !important;
box-shadow: none !important;
} body.woocommerce-checkout .checkboxes-wrapper input[type="checkbox"]::before,
body.woocommerce-checkout .checkboxes-wrapper .woocommerce-form__label-for-checkbox input[type="checkbox"]::before {
display: none !important;
content: none !important;
} body.woocommerce-checkout .checkboxes-wrapper input[type="checkbox"]:hover {
border-color: #164B87 !important;
background: #f0f7ff !important;
} body.woocommerce-checkout .checkboxes-wrapper input[type="checkbox"]:checked,
body.woocommerce-checkout .checkboxes-wrapper .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked,
body.woocommerce-checkout .checkboxes-wrapper label input[type="checkbox"]:checked {
background: var(--c-primary) !important;
border-color: var(--c-primary) !important;
} body.woocommerce-checkout .checkboxes-wrapper input[type="checkbox"]:checked::after,
body.woocommerce-checkout .checkboxes-wrapper .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked::after,
body.woocommerce-checkout .checkboxes-wrapper label input[type="checkbox"]:checked::after {
content: '' !important;
display: block !important;
position: absolute !important;
left: 7px !important;
top: 3px !important;
width: 6px !important;
height: 12px !important;
border: solid #fff !important;
border-width: 0 2.5px 2.5px 0 !important;
transform: rotate(45deg) !important;
background: transparent !important;
box-shadow: none !important;
} body.woocommerce-checkout .checkboxes-wrapper input[type="checkbox"]:focus {
box-shadow: 0 0 0 3px rgba(28, 94, 168, 0.2) !important;
} body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline,
body.woocommerce-checkout .checkboxes-wrapper p#gees_invoice_add_field {
padding: 0 !important;
margin: 0 !important;
}
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline .woocommerce-input-wrapper,
body.woocommerce-checkout .checkboxes-wrapper p#gees_invoice_add_field .woocommerce-input-wrapper {
display: flex !important;
align-items: center !important;
padding: 0 !important;
margin: 0 !important;
}
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline label.checkbox,
body.woocommerce-checkout .checkboxes-wrapper p#gees_invoice_add_field label.checkbox {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
padding: 0 !important;
margin: 0 !important;
} body.woocommerce-checkout .woocommerce-account-fields {
display: none !important;
} body.woocommerce-checkout .woocommerce-shipping-fields {
padding: 0 !important;
margin: 0 !important;
border: none !important;
} body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 14px 20px !important;
width: 100% !important;
} body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row {
grid-column: span 1 !important;
width: 100% !important;
} body.woocommerce-checkout #shipping_first_name_field { order: 1 !important; }
body.woocommerce-checkout #shipping_last_name_field { order: 2 !important; }
body.woocommerce-checkout #shipping_company_field { 
order: 3 !important; 
grid-column: 1 / -1 !important; 
width: 100% !important;
}
body.woocommerce-checkout #shipping_address_1_field { order: 4 !important; }
body.woocommerce-checkout #shipping_address_2_field { order: 5 !important; }
body.woocommerce-checkout #shipping_city_field { order: 6 !important; }
body.woocommerce-checkout #shipping_postcode_field { order: 7 !important; }
body.woocommerce-checkout #shipping_country_field { order: 20 !important; display: none !important; }
body.woocommerce-checkout #shipping_state_field { order: 21 !important; display: none !important; } body.woocommerce-checkout .checkout-checkboxes-row .form-row {
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout .checkout-checkboxes-row label {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
color: #012241 !important;
cursor: pointer !important;
} body.woocommerce-checkout .woocommerce-additional-fields {
margin-top: 1.5rem !important;
padding: 0 !important;
width: 100% !important;
}
body.woocommerce-checkout .woocommerce-additional-fields h3 {
font-size: 1.1rem !important;
font-weight: 600 !important;
color: #012241 !important;
margin-bottom: 1rem !important;
padding: 0 !important;
}
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
} body.woocommerce-checkout .form-row.woocommerce-validated input[type="checkbox"],
body.woocommerce-checkout .form-row input[type="checkbox"] {
width: 18px !important;
height: 18px !important;
accent-color: var(--c-primary) !important;
margin-right: 8px !important;
} @media screen and (max-width: 768px) {
body.woocommerce-checkout #customer_details {
padding: 0 0.75rem !important;
}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper {
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
} body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > p,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
width: 100% !important;
} body.woocommerce-checkout #billing_first_name_field { order: 1 !important; }
body.woocommerce-checkout #billing_last_name_field { order: 2 !important; }
body.woocommerce-checkout #billing_email_field { order: 3 !important; }
body.woocommerce-checkout #billing_phone_field { order: 4 !important; }
body.woocommerce-checkout #billing_company_field { order: 5 !important; }
body.woocommerce-checkout #billing_vat_field { order: 6 !important; }
body.woocommerce-checkout #billing_address_1_field { order: 7 !important; }
body.woocommerce-checkout #billing_address_2_field { order: 8 !important; }
body.woocommerce-checkout #billing_city_field { order: 9 !important; }
body.woocommerce-checkout #billing_postcode_field { order: 10 !important; }
body.woocommerce-checkout #billing_country_field { order: 11 !important; }
body.woocommerce-checkout #billing_state_field { order: 12 !important; } body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper {
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row {
width: 100% !important;
} body.woocommerce-checkout #shipping_first_name_field { order: 1 !important; }
body.woocommerce-checkout #shipping_last_name_field { order: 2 !important; }
body.woocommerce-checkout #shipping_company_field { order: 3 !important; }
body.woocommerce-checkout #shipping_address_1_field { order: 4 !important; }
body.woocommerce-checkout #shipping_address_2_field { order: 5 !important; }
body.woocommerce-checkout #shipping_city_field { order: 6 !important; }
body.woocommerce-checkout #shipping_postcode_field { order: 7 !important; }
body.woocommerce-checkout #shipping_country_field { order: 8 !important; }
body.woocommerce-checkout #shipping_state_field { order: 9 !important; }
body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row input[type="text"],
body.woocommerce-checkout .form-row input[type="email"],
body.woocommerce-checkout .form-row input[type="tel"],
body.woocommerce-checkout .form-row select {
height: 48px !important;
font-size: 16px !important; }
body.woocommerce-checkout .select2-container--default .select2-selection--single {
height: 48px !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 48px !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 46px !important;
} body.woocommerce-checkout .checkboxes-wrapper {
flex-direction: column !important;
align-items: flex-start !important;
gap: 16px !important;
padding: 1rem 0 !important;
margin: 1rem 0 !important;
}
body.woocommerce-checkout .checkboxes-wrapper > *,
body.woocommerce-checkout .checkboxes-wrapper #ship-to-different-address,
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline,
body.woocommerce-checkout .checkboxes-wrapper .create-account-checkbox {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline,
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline label,
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline .woocommerce-input-wrapper,
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline span,
body.woocommerce-checkout .checkboxes-wrapper p.vat-checkbox-inline {
padding-left: 0 !important;
margin-left: 0 !important;
display: flex !important;
align-items: center !important;
}
} @media screen and (min-width: 769px) and (max-width: 992px) {
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper {
gap: 14px 16px !important;
}
} @media screen and (min-width: 992px) {
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper {
gap: 18px 24px !important;
}
} body.woocommerce-checkout .form-row.woocommerce-invalid input,
body.woocommerce-checkout .form-row.woocommerce-invalid select {
border-color: #e31837 !important;
}
body.woocommerce-checkout .form-row.woocommerce-invalid label {
color: #e31837 !important;
}
body.woocommerce-checkout .form-row.woocommerce-validated input,
body.woocommerce-checkout .form-row.woocommerce-validated select {
border-color: #28a745 !important;
} body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3 {
font-size: 1.3rem !important;
font-weight: 700 !important;
color: #012241 !important;
margin-bottom: 1.5rem !important;
padding: 0 0 0.75rem 0 !important;
border-bottom: 2px solid var(--c-primary) !important;
} body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields {
padding: 0 !important;
margin: 0 !important;
}  body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout h3#order_review_heading {
padding: 0 !important;
margin: 2rem 0 1rem 0 !important;
} body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
width: 100% !important;
overflow-x: visible !important;
padding: 0 !important;
margin: 0 !important;
}
body.woocommerce-checkout #order_review .shop_table,
body.woocommerce-checkout .woocommerce-checkout-review-order-table {
width: 100% !important;
table-layout: auto !important;
border-collapse: collapse !important;
margin: 0 !important;
padding: 0 !important;
} body.woocommerce-checkout #order_review .shop_table tfoot,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot {
display: table-footer-group !important;
width: 100% !important;
}
body.woocommerce-checkout #order_review .shop_table tfoot tr,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr {
display: table-row !important;
width: 100% !important;
} body.woocommerce-checkout #order_review .shop_table th,
body.woocommerce-checkout #order_review .shop_table td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td {
padding: 0.75rem 0 !important;
}
body.woocommerce-checkout #order_review .shop_table thead th:first-child,
body.woocommerce-checkout #order_review .shop_table tbody td:first-child,
body.woocommerce-checkout #order_review .shop_table tfoot th:first-child,
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th:first-child,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td:first-child,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th:first-child {
padding-left: 20px !important;
text-align: left !important;
}
body.woocommerce-checkout #order_review .shop_table thead th:last-child,
body.woocommerce-checkout #order_review .shop_table tbody td:last-child,
body.woocommerce-checkout #order_review .shop_table tfoot td:last-child,
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th:last-child,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td:last-child,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td:last-child {
padding-right: 20px !important;
text-align: right !important;
} body.woocommerce-checkout #order_review .shop_table td.product-name,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name {
width: 70% !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
padding-right: 10px !important;
padding-left: 20px !important;
} body.woocommerce-checkout #order_review .shop_table td.product-total,
body.woocommerce-checkout #order_review .shop_table .product-total,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total {
text-align: right !important;
width: 30% !important;
white-space: nowrap !important;
padding-right: 0 !important;
}
body.woocommerce-checkout #order_review .shop_table .woocommerce-Price-amount,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-Price-amount {
display: inline-block !important;
text-align: right !important;
} body.woocommerce-checkout #order_review .cart-subtotal td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal td {
text-align: right !important;
} body.woocommerce-checkout #order_review .order-total td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
text-align: right !important;
}
body.woocommerce-checkout #order_review .order-total td strong,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td strong {
display: block !important;
text-align: right !important;
}  body.woocommerce-checkout .woocommerce-shipping-methods,
body.woocommerce-checkout ul.woocommerce-shipping-methods,
body.woocommerce-checkout ul#shipping_method {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
text-align: left !important;
width: 100% !important;
max-width: 100% !important;
}
body.woocommerce-checkout .woocommerce-shipping-methods li,
body.woocommerce-checkout ul.woocommerce-shipping-methods li,
body.woocommerce-checkout ul#shipping_method li {
display: flex !important;
grid-template-columns: unset !important;
justify-content: flex-start !important;
text-align: left !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout .woocommerce-shipping-methods li label,
body.woocommerce-checkout ul.woocommerce-shipping-methods li label,
body.woocommerce-checkout ul#shipping_method li label {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-start !important;
text-align: left !important;
min-width: unset !important;
width: auto !important;
flex: 1 !important;
} body.woocommerce-checkout .woocommerce-shipping-totals,
body.woocommerce-checkout #order_review .woocommerce-shipping-totals,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-shipping-totals,
body.woocommerce-checkout .shop_table .woocommerce-shipping-totals,
body.woocommerce-checkout tfoot .woocommerce-shipping-totals,
body.woocommerce-checkout .shop_table tfoot .woocommerce-shipping-totals,
body.woocommerce-checkout tr.woocommerce-shipping-totals,
body.woocommerce-checkout tfoot tr.woocommerce-shipping-totals,
body.woocommerce-checkout .shop_table tfoot tr.woocommerce-shipping-totals {
display: block !important;
width: 100% !important;
padding: 0 0 1.5rem 0 !important;
margin: 0 0 1.5rem 0 !important;
float: none !important;
clear: both !important;
border-bottom: 1px solid #e9ecef !important;
padding-bottom: 2rem !important;
} body.woocommerce-checkout .woocommerce-shipping-totals th,
body.woocommerce-checkout .shop_table .woocommerce-shipping-totals th,
body.woocommerce-checkout tfoot .woocommerce-shipping-totals th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-shipping-totals th,
body.woocommerce-checkout #order_review .shop_table .woocommerce-shipping-totals th,
body.woocommerce-checkout .shop_table tfoot .woocommerce-shipping-totals th,
body.woocommerce-checkout tr.woocommerce-shipping-totals th,
body.woocommerce-checkout tfoot tr.woocommerce-shipping-totals th {
display: block !important;
float: none !important;
text-align: left !important;
padding: 0.75rem 0 0.5rem 0 !important;
font-weight: 600 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
} body.woocommerce-checkout .woocommerce-shipping-totals td,
body.woocommerce-checkout .shop_table .woocommerce-shipping-totals td,
body.woocommerce-checkout tfoot .woocommerce-shipping-totals td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-shipping-totals td,
body.woocommerce-checkout #order_review .shop_table .woocommerce-shipping-totals td,
body.woocommerce-checkout .shop_table tfoot .woocommerce-shipping-totals td,
body.woocommerce-checkout tr.woocommerce-shipping-totals td,
body.woocommerce-checkout tfoot tr.woocommerce-shipping-totals td,
body.woocommerce-checkout .woocommerce-shipping-totals td[data-title],
body.woocommerce-checkout .woocommerce-shipping-totals td[data-title="Wysyłka"] {
display: block !important;
float: none !important;
padding: 0 !important;
text-align: left !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
} body.woocommerce-checkout #shipping_method,
body.woocommerce-checkout .woocommerce-shipping-methods,
body.woocommerce-checkout .woocommerce-shipping-totals ul,
body.woocommerce-checkout .woocommerce-shipping-totals td ul,
body.woocommerce-checkout .woocommerce-shipping-totals td ul#shipping_method,
body.woocommerce-checkout ul#shipping_method,
body.woocommerce-checkout ul.woocommerce-shipping-methods {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
text-align: left !important;
display: block !important;
float: none !important;
} body.woocommerce-checkout #shipping_method li,
body.woocommerce-checkout .woocommerce-shipping-methods li,
body.woocommerce-checkout .woocommerce-shipping-totals ul li,
body.woocommerce-checkout .woocommerce-shipping-totals td ul li,
body.woocommerce-checkout ul#shipping_method li,
body.woocommerce-checkout ul.woocommerce-shipping-methods li {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 1rem !important;
margin: 0 0 0.75rem 0 !important;
padding: 1.25rem 1.5rem !important;
background: #f8f9fa !important;
border-radius: 10px !important;
border: 2px solid #e9ecef !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
font-size: 0.95rem !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
min-height: 70px !important;
float: none !important;
position: relative !important;
} body.woocommerce-checkout #shipping_method li label,
body.woocommerce-checkout .woocommerce-shipping-methods li label,
body.woocommerce-checkout .woocommerce-shipping-totals ul li label {
position: static !important;
}
body.woocommerce-checkout #shipping_method li label::before,
body.woocommerce-checkout .woocommerce-shipping-methods li label::before,
body.woocommerce-checkout .woocommerce-shipping-totals ul li label::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 1 !important;
cursor: pointer !important;
} body.woocommerce-checkout #shipping_method li input[type="radio"],
body.woocommerce-checkout .woocommerce-shipping-methods li input[type="radio"],
body.woocommerce-checkout .woocommerce-shipping-totals ul li input[type="radio"] {
position: relative !important;
z-index: 2 !important;
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
min-height: 22px !important;
margin: 0 !important;
accent-color: var(--c-primary) !important;
cursor: pointer !important;
flex-shrink: 0 !important;
}
body.woocommerce-checkout #shipping_method li:last-child,
body.woocommerce-checkout .woocommerce-shipping-methods li:last-child {
margin-bottom: 0 !important;
}
body.woocommerce-checkout #shipping_method li:hover,
body.woocommerce-checkout #shipping_method li:active,
body.woocommerce-checkout .woocommerce-shipping-methods li:hover,
body.woocommerce-checkout .woocommerce-shipping-methods li:active,
body.woocommerce-checkout .woocommerce-shipping-totals ul li:hover,
body.woocommerce-checkout .woocommerce-shipping-totals ul li:active {
background: #e8f4fc !important;
border-color: var(--c-primary) !important;
}
body.woocommerce-checkout #shipping_method li label,
body.woocommerce-checkout .woocommerce-shipping-methods li label,
body.woocommerce-checkout .woocommerce-shipping-totals ul li label {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0.75rem !important;
cursor: pointer !important;
font-size: 0.95rem !important;
font-weight: 500 !important;
color: #333 !important;
line-height: 1.4 !important;
flex: 1 !important;
text-align: left !important;
margin: 0 !important;
padding: 0 !important;
min-width: auto !important;
width: auto !important;
max-width: none !important;
} body.woocommerce-checkout #shipping_method li label .woocommerce-Price-amount,
body.woocommerce-checkout .woocommerce-shipping-methods li label .woocommerce-Price-amount,
body.woocommerce-checkout .woocommerce-shipping-totals ul li label .woocommerce-Price-amount {
font-weight: 600 !important;
color: var(--c-primary) !important;
margin-left: auto !important;
} body.woocommerce-checkout #shipping_method li label img,
body.woocommerce-checkout .woocommerce-shipping-methods li label img,
body.woocommerce-checkout .woocommerce-shipping-totals ul li label img {
max-width: 80px !important;
height: auto !important;
object-fit: contain !important;
margin: 0 !important;
} body.woocommerce-checkout #shipping_method li .shipping-method-description,
body.woocommerce-checkout .woocommerce-shipping-methods li .shipping-method-description,
body.woocommerce-checkout .woocommerce-shipping-totals ul li .shipping-method-description,
body.woocommerce-checkout #shipping_method li label small,
body.woocommerce-checkout .woocommerce-shipping-methods li label small,
body.woocommerce-checkout .woocommerce-shipping-totals ul li label small {
display: block !important;
width: 100% !important;
font-size: 0.85rem !important;
font-weight: 400 !important;
color: #666 !important;
margin-top: 0.25rem !important;
} @media screen and (max-width: 768px) { body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
overflow-x: hidden !important;
} body.woocommerce-checkout #order_review .shop_table,
body.woocommerce-checkout .woocommerce-checkout-review-order-table {
width: 100% !important;
table-layout: fixed !important;
border-collapse: collapse !important;
} body.woocommerce-checkout #order_review .shop_table thead,
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead {
display: table-header-group !important;
}
body.woocommerce-checkout #order_review .shop_table thead th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
padding: 0.75rem 0.5rem !important;
font-size: 0.9rem !important;
} body.woocommerce-checkout #order_review .shop_table tbody tr,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr {
display: table-row !important;
}
body.woocommerce-checkout #order_review .shop_table tbody td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
display: table-cell !important;
padding: 0.75rem 0.5rem !important;
vertical-align: top !important;
} body.woocommerce-checkout #order_review .shop_table td.product-name,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name {
width: 65% !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
font-size: 0.85rem !important;
line-height: 1.4 !important;
padding-right: 8px !important;
} body.woocommerce-checkout #order_review .shop_table td.product-total,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total {
width: 35% !important;
text-align: right !important;
white-space: nowrap !important;
font-size: 0.85rem !important;
font-weight: 600 !important;
} body.woocommerce-checkout #order_review .shop_table .woocommerce-Price-amount,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-Price-amount {
font-size: 0.85rem !important;
} body.woocommerce-checkout #order_review .shop_table tfoot,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot {
display: table-footer-group !important;
}
body.woocommerce-checkout #order_review .shop_table tfoot tr,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr {
display: table-row !important;
}
body.woocommerce-checkout #order_review .shop_table tfoot th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th {
width: 50% !important;
text-align: left !important;
padding: 0.75rem 0.5rem !important;
font-size: 0.9rem !important;
font-weight: 600 !important;
}
body.woocommerce-checkout #order_review .shop_table tfoot td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
width: 50% !important;
text-align: right !important;
padding: 0.75rem 0.5rem !important;
font-size: 0.9rem !important;
} body.woocommerce-checkout #order_review .shop_table tfoot .order-total th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total th,
body.woocommerce-checkout #order_review .shop_table tfoot .order-total td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total td {
font-size: 1rem !important;
font-weight: 700 !important;
padding-top: 1rem !important;
} body.woocommerce-checkout #order_review .shop_table .product-name .product-quantity,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name .product-quantity {
display: inline !important;
}  body.woocommerce-checkout .woocommerce-shipping-totals,
body.woocommerce-checkout .shop_table .woocommerce-shipping-totals,
body.woocommerce-checkout tfoot .woocommerce-shipping-totals {
display: block !important;
width: 100% !important;
}
body.woocommerce-checkout .woocommerce-shipping-totals th,
body.woocommerce-checkout .shop_table .woocommerce-shipping-totals th,
body.woocommerce-checkout tfoot .woocommerce-shipping-totals th {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
text-align: left !important;
vertical-align: top !important;
padding: 0.75rem 0 0.5rem 0 !important;
}
body.woocommerce-checkout .woocommerce-shipping-totals td,
body.woocommerce-checkout .shop_table .woocommerce-shipping-totals td,
body.woocommerce-checkout tfoot .woocommerce-shipping-totals td {
display: block !important;
width: 100% !important;
text-align: left !important;
vertical-align: top !important;
padding: 0 !important;
} body.woocommerce-checkout #shipping_method,
body.woocommerce-checkout .woocommerce-shipping-methods {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout #shipping_method li,
body.woocommerce-checkout .woocommerce-shipping-methods li {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 0.5rem !important;
padding: 0.75rem !important;
margin: 0.4rem 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout #shipping_method li input[type="radio"],
body.woocommerce-checkout .woocommerce-shipping-methods li input[type="radio"] {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
margin-top: 2px !important;
flex-shrink: 0 !important;
}
body.woocommerce-checkout #shipping_method li label,
body.woocommerce-checkout .woocommerce-shipping-methods li label {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
text-align: left !important;
font-size: 0.85rem !important;
line-height: 1.4 !important;
flex: 1 !important;
min-width: 0 !important;
width: auto !important;
gap: 0.25rem !important;
}
body.woocommerce-checkout #shipping_method li label .woocommerce-Price-amount,
body.woocommerce-checkout .woocommerce-shipping-methods li label .woocommerce-Price-amount {
margin-left: 0 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout #shipping_method li label img,
body.woocommerce-checkout .woocommerce-shipping-methods li label img {
max-width: 60px !important;
height: auto !important;
margin: 0.25rem 0 !important;
}
body.woocommerce-checkout #shipping_method li label small,
body.woocommerce-checkout .woocommerce-shipping-methods li label small,
body.woocommerce-checkout #shipping_method li .shipping-method-description,
body.woocommerce-checkout .woocommerce-shipping-methods li .shipping-method-description {
font-size: 0.75rem !important;
color: #666 !important;
word-wrap: break-word !important;
}
} @media screen and (min-width: 768px) and (max-width: 992px) {
body.woocommerce-checkout #customer_details {
padding: 0 1rem !important;
}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 14px 16px !important;
}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > p,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
width: 100% !important;
}
body.woocommerce-checkout #order_review .shop_table,
body.woocommerce-checkout .woocommerce-checkout-review-order-table {
width: 100% !important;
table-layout: fixed !important;
}
body.woocommerce-checkout #order_review .shop_table thead th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
padding: 0.75rem 0.5rem !important;
font-size: 0.9rem !important;
}
body.woocommerce-checkout #order_review .shop_table tbody td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
padding: 0.75rem 0.5rem !important;
vertical-align: top !important;
}
body.woocommerce-checkout #order_review .shop_table td.product-name,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name {
width: 60% !important;
}
body.woocommerce-checkout #order_review .shop_table td.product-total,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total {
width: 40% !important;
text-align: right !important;
}
body.woocommerce-checkout #order_review .shop_table .woocommerce-Price-amount,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-Price-amount {
font-size: 0.9rem !important;
}
body.woocommerce-checkout #order_review .shop_table tfoot th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th {
width: 50% !important;
text-align: left !important;
}
body.woocommerce-checkout #order_review .shop_table tfoot td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
width: 50% !important;
text-align: right !important;
}
body.woocommerce-checkout #order_review .order-total td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
text-align: right !important;
}
}   .woocommerce-page.woocommerce-shop .woocommerce > p:not([class]):not([id]),
.archive.woocommerce:not(.single-product) .woocommerce > p:not([class]):not([id]),
body.archive.woocommerce:not(.single-product) > .site > main > p:not([class]):not([id]),
body.woocommerce-shop .site-main > p:not([class]):not([id]),
body.tax-product_cat .site-main > p:not([class]):not([id]),
body.post-type-archive-product .site-main > p:not([class]):not([id]),
.woocommerce-products-header + p:not([class]),
.woocommerce-notices-wrapper + p:not([class]),
.woocommerce-result-count + p:not([class]) {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
font-size: 0 !important;
line-height: 0 !important;
} body.single-product .woocommerce-Tabs-panel li p,
body.single-product .woocommerce-Tabs-panel li p:not([class]):not([id]),
body.single-product #tab-description li p,
body.single-product #tab-description li p:not([class]):not([id]),
body.single-product #tab-description p,
body.single-product #tab-description p:not([class]):not([id]),
body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel p:not([class]):not([id]),
body.single-product .woocommerce-product-details__short-description p,
body.single-product .woocommerce-product-details__short-description p:not([class]):not([id]),
body.single-product main li p,
body.single-product main li p:not([class]):not([id]),
body.single-product main [data-path-to-node],
body.single-product li [data-path-to-node],
body.single-product .woocommerce-Tabs-panel [data-path-to-node] {
display: block !important;
visibility: visible !important;
height: auto !important;
margin: 0 0 0.5em 0 !important;
padding: 0 !important;
overflow: visible !important;
font-size: 1rem !important;
line-height: 1.6 !important;
opacity: 1 !important;
color: inherit !important;
} body.single-product .woocommerce-Tabs-panel li b,
body.single-product .woocommerce-Tabs-panel li strong,
body.single-product .woocommerce-Tabs-panel li span,
body.single-product .woocommerce-Tabs-panel [data-index-in-node],
body.single-product #tab-description li b,
body.single-product #tab-description li strong,
body.single-product #tab-description li span,
body.single-product #tab-description [data-index-in-node] {
display: inline !important;
visibility: visible !important;
height: auto !important;
opacity: 1 !important;
} body.single-product .woocommerce-Tabs-panel li *,
body.single-product #tab-description li *,
body.single-product .woocommerce-product-details__short-description li * {
visibility: visible !important;
opacity: 1 !important;
} .woocommerce-page .content-area p:empty,
.woocommerce-page .site-main p:empty,
.archive p:empty {
display: none !important;
}html body .woocommerce table.woocommerce-checkout-review-order-table,
html body .woocommerce .woocommerce-checkout-review-order-table,
html body table.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table {
display: block !important;
width: 100% !important;
max-width: 100% !important;
border: none !important;
border-collapse: collapse !important;
table-layout: fixed !important;
background: #fff !important;
}
html body .woocommerce-checkout-review-order-table thead,
html body .woocommerce-checkout-review-order-table tbody,
html body .woocommerce-checkout-review-order-table tfoot,
.woocommerce-checkout-review-order-table tfoot {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
}
html body .woocommerce-checkout-review-order-table tr,
.woocommerce-checkout-review-order-table tr {
display: block !important;
width: 100% !important;
}
html body .woocommerce-checkout-review-order-table th,
html body .woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
display: block !important;
width: 100% !important;
border: none !important;
padding: 0 !important;
background: transparent !important;
} html body .woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table thead {
background: #1a2a4a !important;
padding: 0 !important;
margin: 0 !important;
}
html body .woocommerce-checkout-review-order-table thead tr,
.woocommerce-checkout-review-order-table thead tr {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
padding: 14px 20px !important;
background: #1a2a4a !important;
box-sizing: border-box !important;
}
html body .woocommerce-checkout-review-order-table thead tr th,
.woocommerce-checkout-review-order-table thead tr th {
display: inline-block !important;
width: auto !important;
flex: 0 0 auto !important;
background: transparent !important;
color: #ffffff !important;
font-weight: 600 !important;
font-size: 13px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
} html body .woocommerce-checkout-review-order-table tbody tr,
html body .woocommerce-checkout-review-order-table tbody tr.cart_item,
.woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout-review-order-table tbody tr.cart_item {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: flex-start !important;
width: 100% !important;
padding: 16px 20px !important;
border-bottom: 1px solid #e5e7eb !important;
background: #fff !important;
box-sizing: border-box !important;
}
html body .woocommerce-checkout-review-order-table tbody tr td,
html body .woocommerce-checkout-review-order-table tbody tr.cart_item td,
.woocommerce-checkout-review-order-table tbody tr td,
.woocommerce-checkout-review-order-table tbody tr.cart_item td {
display: inline-block !important;
width: auto !important;
padding: 0 !important;
background: transparent !important;
}
html body .woocommerce-checkout-review-order-table tbody tr td.product-name,
.woocommerce-checkout-review-order-table tbody tr td.product-name {
flex: 1 1 0% !important;
padding-right: 15px !important;
text-align: left !important;
color: #1a2a4a !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
html body .woocommerce-checkout-review-order-table tbody tr td.product-total,
.woocommerce-checkout-review-order-table tbody tr td.product-total {
flex: 0 0 auto !important;
text-align: right !important;
color: #1a2a4a !important;
font-weight: 600 !important;
font-size: 15px !important;
white-space: nowrap !important;
} html body .woocommerce-checkout-review-order-table tfoot,
.woocommerce-checkout-review-order-table tfoot {
border-top: 2px solid #e5e7eb !important;
background: #fff !important;
display: block !important;
width: 100% !important;
} html body .woocommerce-checkout-review-order-table tfoot tr,
.woocommerce-checkout-review-order-table tfoot tr {
display: flex !important;
flex-direction: row !important;
width: 100% !important;
box-sizing: border-box !important;
}
html body .woocommerce-checkout-review-order-table tfoot th,
html body .woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
flex: 1 1 0% !important;
width: auto !important;
box-sizing: border-box !important;
} html body .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal,
.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
padding: 15px 20px !important;
border-top: 1px solid #e5e5e5 !important;
border-bottom: none !important;
background-color: transparent !important;
box-sizing: border-box !important;
}
html body .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th,
html body .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td,
.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th,
.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td {
display: inline-block !important;
width: auto !important;
flex: 0 0 auto !important;
padding: 0 !important;
background: transparent !important;
}
html body .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th,
.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th {
font-weight: 500 !important;
color: #374151 !important;
font-size: 14px !important;
}
html body .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td,
.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td {
font-weight: 600 !important;
color: #1a2a4a !important;
font-size: 15px !important;
} html body .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals,
html body .woocommerce-checkout-review-order-table tfoot tr.shipping,
.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals,
.woocommerce-checkout-review-order-table tfoot tr.shipping {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
padding: 15px 20px !important;
border-top: 1px solid #e5e5e5 !important;
border-bottom: none !important;
background-color: transparent !important;
box-sizing: border-box !important;
}
html body .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals th,
html body .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td,
html body .woocommerce-checkout-review-order-table tfoot tr.shipping th,
html body .woocommerce-checkout-review-order-table tfoot tr.shipping td,
.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals th,
.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td,
.woocommerce-checkout-review-order-table tfoot tr.shipping th,
.woocommerce-checkout-review-order-table tfoot tr.shipping td {
display: block !important;
width: 100% !important;
padding: 0 !important;
background: transparent !important;
box-sizing: border-box !important;
}
html body .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals th,
html body .woocommerce-checkout-review-order-table tfoot tr.shipping th,
.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals th,
.woocommerce-checkout-review-order-table tfoot tr.shipping th {
font-weight: 600 !important;
color: #1a2a4a !important;
font-size: 14px !important;
margin-bottom: 12px !important;
}
html body .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td,
html body .woocommerce-checkout-review-order-table tfoot tr.shipping td,
.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td,
.woocommerce-checkout-review-order-table tfoot tr.shipping td {
width: 100% !important;
} html body .woocommerce-checkout-review-order-table ul#shipping_method,
html body #shipping_method,
.woocommerce-checkout-review-order-table ul#shipping_method,
ul#shipping_method {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
html body .woocommerce-checkout-review-order-table ul#shipping_method li,
html body #shipping_method li,
.woocommerce-checkout-review-order-table ul#shipping_method li,
ul#shipping_method li {
display: block !important;
width: 100% !important;
padding: 14px 16px !important;
margin-bottom: 10px !important;
background: #f5f7fa !important;
border: 1px solid #e0e5eb !important;
border-radius: 8px !important;
box-sizing: border-box !important;
}
html body .woocommerce-checkout-review-order-table ul#shipping_method li:last-child,
ul#shipping_method li:last-child {
margin-bottom: 0 !important;
} html body .woocommerce-checkout-review-order-table tfoot tr.order-total,
.woocommerce-checkout-review-order-table tfoot tr.order-total {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
padding: 15px 20px !important;
margin-top: 0 !important;
background-color: #fcfcfc !important;
border-top: 2px solid #dcdcdc !important;
border-bottom: none !important;
box-sizing: border-box !important;
}
html body .woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout-review-order-table tfoot tr.order-total th {
display: block !important;
width: auto !important;
flex: 0 0 auto !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
text-align: left !important;
font-size: 1.1em !important;
font-weight: 700 !important;
text-transform: uppercase !important;
color: #1a2a4a !important;
letter-spacing: 0.5px !important;
}
html body .woocommerce-checkout-review-order-table tfoot tr.order-total td,
.woocommerce-checkout-review-order-table tfoot tr.order-total td {
display: block !important;
width: auto !important;
flex: 0 0 auto !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
text-align: right !important;
font-size: 1.3em !important;
font-weight: 700 !important;
color: #1a2a4a !important;
}
font-weight: 700 !important;
color: #1a2a4a !important;
}
html body .woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount,
.woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount {
font-size: 24px !important;
font-weight: 700 !important;
color: #1a2a4a !important;
} html body .woocommerce-checkout-review-order-table tfoot tr.fee,
html body .woocommerce-checkout-review-order-table tfoot tr.tax-rate,
html body .woocommerce-checkout-review-order-table tfoot tr.tax-total,
html body .woocommerce-checkout-review-order-table tfoot tr.cart-discount,
.woocommerce-checkout-review-order-table tfoot tr.fee,
.woocommerce-checkout-review-order-table tfoot tr.tax-rate,
.woocommerce-checkout-review-order-table tfoot tr.tax-total,
.woocommerce-checkout-review-order-table tfoot tr.cart-discount {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
padding: 14px 20px !important;
border-bottom: 1px solid #e5e7eb !important;
background: #fff !important;
box-sizing: border-box !important;
}
html body .woocommerce-checkout-review-order-table tfoot tr.fee th,
html body .woocommerce-checkout-review-order-table tfoot tr.fee td,
html body .woocommerce-checkout-review-order-table tfoot tr.tax-rate th,
html body .woocommerce-checkout-review-order-table tfoot tr.tax-rate td,
html body .woocommerce-checkout-review-order-table tfoot tr.tax-total th,
html body .woocommerce-checkout-review-order-table tfoot tr.tax-total td,
html body .woocommerce-checkout-review-order-table tfoot tr.cart-discount th,
html body .woocommerce-checkout-review-order-table tfoot tr.cart-discount td,
.woocommerce-checkout-review-order-table tfoot tr.fee th,
.woocommerce-checkout-review-order-table tfoot tr.fee td,
.woocommerce-checkout-review-order-table tfoot tr.tax-rate th,
.woocommerce-checkout-review-order-table tfoot tr.tax-rate td,
.woocommerce-checkout-review-order-table tfoot tr.tax-total th,
.woocommerce-checkout-review-order-table tfoot tr.tax-total td,
.woocommerce-checkout-review-order-table tfoot tr.cart-discount th,
.woocommerce-checkout-review-order-table tfoot tr.cart-discount td {
display: inline-block !important;
width: auto !important;
flex: 0 0 auto !important;
padding: 0 !important;
background: transparent !important;
} @media (max-width: 768px) {
html body .woocommerce-checkout-review-order-table thead tr,
html body .woocommerce-checkout-review-order-table tbody tr,
html body .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal,
html body .woocommerce-checkout-review-order-table tfoot tr.order-total {
padding: 14px 16px !important;
}
html body .woocommerce-checkout-review-order-table tfoot tr.order-total td,
html body .woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount {
font-size: 20px !important;
} html body #payment .wc_payment_methods li,
html body .wc_payment_method,
.wc_payment_method {
padding: 12px 14px !important;
}
html body .wc_payment_method .payment_box,
.wc_payment_method .payment_box {
padding: 10px 12px !important;
font-size: 0.82rem !important;
margin-top: 10px !important;
}
html body .wc_payment_method label img {
max-height: 20px !important;
}
html body .wc_payment_method input[type="radio"],
.wc_payment_method input[type="radio"] {
margin-right: 10px !important;
}
}   .woocommerce-checkout ul.payment_methods li::before,
.woocommerce-checkout ul.payment_methods li::after,
.woocommerce-checkout .payment_methods li::before,
.woocommerce-checkout .payment_methods li::after,
.woocommerce-checkout li.wc_payment_method::before,
.woocommerce-checkout li.wc_payment_method::after,
#payment ul.payment_methods li::before,
#payment ul.payment_methods li::after,
#payment .wc_payment_methods li::before,
#payment .wc_payment_methods li::after,
#payment li.wc_payment_method::before,
#payment li.wc_payment_method::after,
ul.wc_payment_methods li::before,
ul.wc_payment_methods li::after,
ul.payment_methods li::before,
ul.payment_methods li::after,
li.wc_payment_method::before,
li.wc_payment_method::after,
.wc_payment_method::before,
.wc_payment_method::after {
content: none !important;
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
background: none !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
width: 0 !important;
height: 0 !important;
position: absolute !important;
left: -99999px !important;
pointer-events: none !important;
} .woocommerce-checkout input[type="radio"]::before,
.woocommerce-checkout input[type="radio"]::after,
.woocommerce-checkout input[type="checkbox"]::before,
.woocommerce-checkout input[type="checkbox"]::after,
.woocommerce-checkout .wc_payment_method input::before,
.woocommerce-checkout .wc_payment_method input::after,
#payment input[type="radio"]::before,
#payment input[type="radio"]::after,
#payment input[type="checkbox"]::before,
#payment input[type="checkbox"]::after,
#shipping_method input[type="radio"]::before,
#shipping_method input[type="radio"]::after,
.wc_payment_method input::before,
.wc_payment_method input::after,
input.input-radio::before,
input.input-radio::after {
content: none !important;
display: none !important;
visibility: hidden !important;
background: none !important;
border: none !important;
box-shadow: none !important;
width: 0 !important;
height: 0 !important;
} .woocommerce-checkout .wc_payment_method label::before,
.woocommerce-checkout .wc_payment_method label::after,
.woocommerce-checkout .payment_methods label::before,
.woocommerce-checkout .payment_methods label::after,
#payment .wc_payment_method label::before,
#payment .wc_payment_method label::after,
#payment ul.payment_methods label::before,
#payment ul.payment_methods label::after,
#shipping_method li label::before,
#shipping_method li label::after,
.wc_payment_method label::before,
.wc_payment_method label::after,
label[for^="payment_method"]::before,
label[for^="payment_method"]::after,
label[for^="shipping_method"]::before,
label[for^="shipping_method"]::after {
content: none !important;
display: none !important;
visibility: hidden !important;
background: none !important;
border: none !important;
box-shadow: none !important;
width: 0 !important;
height: 0 !important;
position: absolute !important;
left: -99999px !important;
} html body .woocommerce #payment ul.payment_methods li.wc_payment_method::before,
html body .woocommerce #payment ul.payment_methods li.wc_payment_method::after,
html body .woocommerce-page #payment ul.payment_methods li::before,
html body .woocommerce-page #payment ul.payment_methods li::after,
html body.woocommerce-checkout #payment li.wc_payment_method::before,
html body.woocommerce-checkout #payment li.wc_payment_method::after {
content: none !important;
display: none !important;
background: none !important;
border: none !important;
width: 0 !important;
height: 0 !important;
} html body .woocommerce .woocommerce-checkout input[type="radio"],
html body .woocommerce .woocommerce-checkout input[type="checkbox"],
html body .woocommerce-checkout input[type="radio"],
html body .woocommerce-checkout input[type="checkbox"],
html body .woocommerce form input[type="radio"],
html body .woocommerce form input[type="checkbox"],
html body #payment input[type="radio"],
html body #payment input[type="checkbox"],
html body #shipping_method input[type="radio"],
html body .wc_payment_method input[type="radio"],
html body .woocommerce-checkout-review-order input[type="radio"],
html body .woocommerce-checkout-review-order input[type="checkbox"],
html body #payment ul.payment_methods input[type="radio"],
html body #payment .wc_payment_methods input[type="radio"],
html body #payment li.wc_payment_method input[type="radio"],
html body .payment_methods li input[type="radio"],
html body .wc_payment_methods li input[type="radio"],
html body #payment [class*="payment_method"] input[type="radio"],
.woocommerce-checkout input[type="radio"],
.woocommerce-checkout input[type="checkbox"],
#payment input[type="radio"],
#payment input[type="checkbox"],
#shipping_method input[type="radio"],
.wc_payment_method input[type="radio"],
input.shipping_method[type="radio"],
.payment_methods input[type="radio"],
.wc_payment_methods input[type="radio"],
ul.payment_methods li input[type="radio"],
ul.wc_payment_methods li input[type="radio"] { -webkit-appearance: none !important;
-moz-appearance: none !important;
-ms-appearance: none !important;
-o-appearance: none !important;
appearance: none !important; width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
max-width: 20px !important;
max-height: 20px !important; background-color: #ffffff !important;
background-image: none !important;
background: #ffffff !important;
border: 2px solid #cccccc !important;
box-shadow: none !important; display: inline-block !important;
vertical-align: middle !important;
position: relative !important;
margin: 0 !important;
margin-right: 8px !important;
margin-top: 0 !important;
padding: 0 !important;
transform: translateY(1px) !important; cursor: pointer !important;
flex-shrink: 0 !important;
outline: none !important; transition: all 0.15s ease-in-out !important;
} html body .woocommerce .woocommerce-checkout input[type="radio"],
html body .woocommerce-checkout input[type="radio"],
html body .woocommerce form input[type="radio"],
html body #payment input[type="radio"],
html body #shipping_method input[type="radio"],
html body .wc_payment_method input[type="radio"],
html body .woocommerce-checkout-review-order input[type="radio"],
.woocommerce-checkout input[type="radio"],
#payment input[type="radio"],
#shipping_method input[type="radio"],
.wc_payment_method input[type="radio"],
input.shipping_method[type="radio"],
input[type="radio"].shipping_method {
border-radius: 50% !important;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
} html body .woocommerce .woocommerce-checkout input[type="checkbox"],
html body .woocommerce-checkout input[type="checkbox"],
html body .woocommerce form input[type="checkbox"],
html body #payment input[type="checkbox"],
html body .woocommerce-checkout-review-order input[type="checkbox"],
.woocommerce-checkout input[type="checkbox"],
#payment input[type="checkbox"] {
border-radius: 3px !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
} html body .woocommerce-checkout input[type="radio"]:hover,
html body .woocommerce-checkout input[type="checkbox"]:hover,
html body #payment input[type="radio"]:hover,
html body #payment input[type="checkbox"]:hover,
html body #shipping_method input[type="radio"]:hover {
border-color: #003366 !important;
} html body .woocommerce .woocommerce-checkout input[type="radio"]:checked,
html body .woocommerce-checkout input[type="radio"]:checked,
html body .woocommerce form input[type="radio"]:checked,
html body #payment input[type="radio"]:checked,
html body #shipping_method input[type="radio"]:checked,
html body .wc_payment_method input[type="radio"]:checked,
html body .woocommerce-checkout-review-order input[type="radio"]:checked,
html body #payment ul.payment_methods input[type="radio"]:checked,
html body #payment .wc_payment_methods input[type="radio"]:checked,
html body #payment li.wc_payment_method input[type="radio"]:checked,
html body .payment_methods li input[type="radio"]:checked,
html body .wc_payment_methods li input[type="radio"]:checked,
html body #payment .payment_method_przelewy24 input[type="radio"]:checked,
html body #payment .payment_method_bacs input[type="radio"]:checked,
html body #payment [class*="payment_method"] input[type="radio"]:checked,
.woocommerce-checkout input[type="radio"]:checked,
#payment input[type="radio"]:checked,
#shipping_method input[type="radio"]:checked,
.wc_payment_method input[type="radio"]:checked,
input.shipping_method[type="radio"]:checked,
input[type="radio"].shipping_method:checked,
.payment_methods input[type="radio"]:checked,
.wc_payment_methods input[type="radio"]:checked,
ul.payment_methods li input[type="radio"]:checked,
ul.wc_payment_methods li input[type="radio"]:checked {
background-color: #003366 !important;
background: #003366 !important;
border-color: #003366 !important; box-shadow: inset 0 0 0 4px #ffffff !important;
} html body .woocommerce-checkout input[type="checkbox"]:checked,
html body .woocommerce form input[type="checkbox"]:checked,
html body #payment input[type="checkbox"]:checked,
.woocommerce-checkout input[type="checkbox"]:checked,
#payment input[type="checkbox"]:checked {
background-color: #003366 !important;
border-color: #003366 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
background-size: 10px 10px !important;
background-position: center center !important;
background-repeat: no-repeat !important;
box-shadow: none !important;
} html body .woocommerce-checkout input[type="radio"]:focus,
html body .woocommerce-checkout input[type="checkbox"]:focus {
outline: none !important;
border-color: #003366 !important;
}  html body .woocommerce-checkout-review-order-table ul#shipping_method li,
html body #shipping_method li,
.woocommerce-checkout-review-order-table ul#shipping_method li,
ul#shipping_method li {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
flex-wrap: nowrap !important;
} html body #shipping_method li label,
html body .woocommerce-checkout ul#shipping_method li label,
#shipping_method li label,
ul#shipping_method li label {
display: flex !important;
align-items: center !important;
flex: 1 !important;
margin: 0 !important;
padding: 0 !important;
cursor: pointer !important;
font-size: 14px !important;
color: #1a2a4a !important;
line-height: 1.4 !important;
} html body #payment .wc_payment_methods li label,
html body #payment .payment_methods li label,
html body #payment .wc_payment_method label,
html body .wc_payment_method label,
#payment .wc_payment_methods li label,
#payment .payment_methods li label,
.wc_payment_method label {
display: flex !important;
align-items: center !important;
width: 100% !important;
padding: 15px 0 !important;
cursor: pointer !important;
font-size: 14px !important;
color: #1a2a4a !important;
line-height: 1.4 !important;
}  html body .woocommerce-checkout ul.payment_methods,
html body .woocommerce-checkout .wc_payment_methods,
html body #payment ul.payment_methods,
html body #payment .wc_payment_methods,
.woocommerce-checkout ul.payment_methods,
.woocommerce-checkout .wc_payment_methods,
#payment ul.payment_methods,
#payment .wc_payment_methods,
ul.payment_methods,
ul.wc_payment_methods {
padding-left: 0 !important;
margin-left: 0 !important;
list-style: none !important;
width: 100% !important;
} html body .woocommerce-checkout ul#shipping_method,
html body #shipping_method,
.woocommerce-checkout ul#shipping_method,
ul#shipping_method {
padding-left: 0 !important;
margin-left: 0 !important;
list-style: none !important;
width: 100% !important;
} html body #payment .wc_payment_methods li,
html body #payment .payment_methods li,
html body .wc_payment_method,
html body .woocommerce-checkout ul.payment_methods li,
#payment .wc_payment_methods li,
#payment .payment_methods li,
.wc_payment_method,
.woocommerce-checkout ul.payment_methods li {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important; padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
margin-bottom: 10px !important;
margin-left: 0 !important;
box-sizing: border-box !important;
} html body .woocommerce-checkout ul#shipping_method li,
html body #shipping_method li,
.woocommerce-checkout ul#shipping_method li,
ul#shipping_method li {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
margin-left: 0 !important;
box-sizing: border-box !important;
} html body .woocommerce-checkout ul.payment_methods input[type="radio"],
html body #payment ul.payment_methods input[type="radio"],
html body .wc_payment_method input[type="radio"],
.woocommerce-checkout ul.payment_methods input[type="radio"],
#payment ul.payment_methods input[type="radio"],
.wc_payment_method input[type="radio"] {
margin: 0 !important;
margin-right: 15px !important;
width: 20px !important;
height: 20px !important;
flex-shrink: 0 !important;
transform: translateY(0) !important;
} html body .woocommerce-checkout ul.payment_methods label,
html body #payment ul.payment_methods label,
html body .wc_payment_method label,
.woocommerce-checkout ul.payment_methods label,
#payment ul.payment_methods label,
.wc_payment_method label {
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
width: auto !important;
flex: 1 !important;
display: flex !important;
align-items: center !important;
} html body #payment .wc_payment_methods .payment_box,
html body .wc_payment_method .payment_box,
#payment .payment_methods .payment_box,
.wc_payment_method .payment_box {
flex-basis: 100% !important;
width: 100% !important;
margin: 12px 0 0 0 !important;
padding: 14px 16px !important;
background: #f8f9fa !important;
border: 1px solid #e5e7eb !important;
border-radius: 6px !important;
font-size: 0.88rem !important;
line-height: 1.5 !important;
color: #374151 !important;
box-sizing: border-box !important;
order: 10 !important;
}
html body .wc_payment_method .payment_box::before,
.wc_payment_method .payment_box::before {
display: none !important;
}
html body .wc_payment_method .payment_box p {
margin: 0 0 6px !important;
font-size: 0.88rem !important;
color: #374151 !important;
}
html body .wc_payment_method .payment_box p:last-child {
margin-bottom: 0 !important;
}
html body .wc_payment_method .payment_box fieldset,
.wc_payment_method .payment_box fieldset {
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
html body .wc_payment_method .payment_box label {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 0.85rem !important;
color: #4b5563 !important;
flex: none !important;
width: auto !important;
cursor: pointer !important;
}
html body .wc_payment_method .payment_box input[type="checkbox"] {
width: 16px !important;
height: 16px !important;
margin: 0 !important;
flex-shrink: 0 !important;
} html body .wc_payment_method label img,
.wc_payment_method label img {
max-height: 24px !important;
width: auto !important;
margin-left: auto !important;
object-fit: contain !important;
} html body .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
background-color: #f8f9fa !important;
border: 1px solid #e9ecef !important;
padding: 8px 12px !important;
border-radius: 6px !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
min-height: 0 !important;
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 8px !important;
line-height: 1.3 !important;
}
html body .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p,
html body .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label {
margin: 0 !important;
padding: 0 !important;
font-size: 0.85em !important;
line-height: 1.3 !important;
}
html body .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label {
flex: 1 !important;
} html body .woocommerce-checkout .woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-privacy-policy-text {
padding: 5px 0 !important;
margin: 0 !important;
font-size: 0.8em !important;
line-height: 1.3 !important;
}
html body .woocommerce-checkout .woocommerce-form__label-for-checkbox,
.woocommerce-checkout .woocommerce-form__label-for-checkbox {
display: inline-flex !important;
align-items: center !important;
cursor: pointer !important;
line-height: 1.4 !important;
gap: 8px !important;
}
html body .woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"],
.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"] {
margin: 0 !important;
flex-shrink: 0 !important;
} html body .woocommerce-checkout .woocommerce-form__label-for-checkbox .required,
.woocommerce-checkout .woocommerce-form__label-for-checkbox .required,
html body .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .required,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .required {
margin-left: 2px !important;
margin-right: 0 !important;
}  html body #payment .payment_method_przelewy24 input[type="radio"],
html body #payment .payment_method_przelewy24 input[type="radio"]:checked,
html body #payment li.payment_method_przelewy24 input[type="radio"],
html body #payment li.payment_method_przelewy24 input[type="radio"]:checked,
html body .woocommerce #payment .payment_method_przelewy24 input[type="radio"]:checked,
html body .woocommerce-page #payment .payment_method_przelewy24 input[type="radio"]:checked,
#payment .payment_method_przelewy24 input:checked,
.payment_method_przelewy24 input[type="radio"]:checked,
li.payment_method_przelewy24 input[type="radio"]:checked,
input#payment_method_przelewy24:checked {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
background-color: #003366 !important;
background: #003366 !important;
border: 2px solid #003366 !important;
border-color: #003366 !important;
border-radius: 50% !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
} html body #payment .payment_method_bacs input[type="radio"],
html body #payment li.payment_method_bacs input[type="radio"],
input#payment_method_bacs,
.payment_method_bacs input[type="radio"] {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
background-color: #ffffff !important;
background: #ffffff !important;
border: 2px solid #cccccc !important;
border-radius: 50% !important;
box-shadow: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
cursor: pointer !important;
flex-shrink: 0 !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
vertical-align: middle !important;
} html body #payment .payment_method_bacs input[type="radio"]:checked,
html body #payment li.payment_method_bacs input[type="radio"]:checked,
input#payment_method_bacs:checked,
.payment_method_bacs input[type="radio"]:checked {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
background-color: #003366 !important;
background: #003366 !important;
border: 2px solid #003366 !important;
border-radius: 50% !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
} html body #payment .payment_method_p24_installments input[type="radio"]:checked,
html body #payment li.payment_method_p24_installments input[type="radio"]:checked,
input#payment_method_p24_installments:checked,
.payment_method_p24_installments input[type="radio"]:checked {
width: 20px !important;
height: 20px !important;
background-color: #003366 !important;
background: #003366 !important;
border: 2px solid #003366 !important;
border-radius: 50% !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
-webkit-appearance: none !important;
appearance: none !important;
} html body #payment ul.payment_methods li[class*="payment_method"] input[type="radio"]:checked,
html body #payment .wc_payment_methods li[class*="payment_method"] input[type="radio"]:checked,
html body.woocommerce-checkout #payment input[type="radio"]:checked,
body.woocommerce-checkout #payment input[type="radio"]:checked,
#payment ul li input[type="radio"]:checked,
#payment > ul > li input[type="radio"]:checked {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
background-color: #003366 !important;
background: #003366 !important;
border: 2px solid #003366 !important;
border-color: #003366 !important;
border-radius: 50% !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}  html body.woocommerce-checkout input[type="radio"],
html body .woocommerce-checkout input[type="radio"],
body.woocommerce-checkout input[type="radio"],
.woocommerce-checkout input[type="radio"],
html body #shipping_method input[type="radio"],
html body #payment input[type="radio"],
#shipping_method input[type="radio"],
#payment input[type="radio"],
input.shipping_method,
input[id^="payment_method_"],
input[id^="shipping_method_"] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
background-color: #ffffff !important;
background: #ffffff !important;
border: 2px solid #cccccc !important;
border-radius: 50% !important;
box-shadow: none !important;
cursor: pointer !important;
display: inline-block !important;
vertical-align: middle !important;
position: relative !important;
margin: 0 !important;
margin-right: 8px !important;
padding: 0 !important;
flex-shrink: 0 !important;
outline: none !important;
transform: none !important;
} html body.woocommerce-checkout input[type="radio"]:hover,
html body #shipping_method input[type="radio"]:hover,
html body #payment input[type="radio"]:hover,
input.shipping_method:hover,
input[id^="payment_method_"]:hover,
input[id^="shipping_method_"]:hover {
border-color: #003366 !important;
} html body.woocommerce-checkout input[type="radio"]:checked,
html body .woocommerce-checkout input[type="radio"]:checked,
body.woocommerce-checkout input[type="radio"]:checked,
.woocommerce-checkout input[type="radio"]:checked,
html body #shipping_method input[type="radio"]:checked,
html body #payment input[type="radio"]:checked,
#shipping_method input[type="radio"]:checked,
#payment input[type="radio"]:checked,
input.shipping_method:checked,
input[id^="payment_method_"]:checked,
input[id^="shipping_method_"]:checked {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
background-color: #003366 !important;
background: #003366 !important;
border: 2px solid #003366 !important;
border-radius: 50% !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
cursor: pointer !important;
display: inline-block !important;
vertical-align: middle !important;
position: relative !important;
margin: 0 !important;
margin-right: 8px !important;
padding: 0 !important;
flex-shrink: 0 !important;
outline: none !important;
transform: none !important;
} html body input[type="radio"]::before,
html body input[type="radio"]::after,
input.shipping_method::before,
input.shipping_method::after,
input[id^="payment_method_"]::before,
input[id^="payment_method_"]::after,
input[id^="shipping_method_"]::before,
input[id^="shipping_method_"]::after {
content: none !important;
display: none !important;
width: 0 !important;
height: 0 !important;
background: none !important;
border: none !important;
box-shadow: none !important;
}a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
outline: 2px solid var(--c-primary) !important;
outline-offset: 2px !important;
box-shadow: 0 0 0 4px var(--c-primary-glow) !important;
} a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible) {
outline: none !important;
box-shadow: none !important;
} .menu-toggle:focus-visible {
outline: 2px solid var(--c-text-on-dark) !important;
outline-offset: 2px !important;
box-shadow: 0 0 0 4px rgba(28, 94, 168, 0.4) !important;
border-radius: var(--radius-sm);
} .v-icon-box a:focus-visible,
.v-icon-box div:focus-visible,
#search-icon:focus-visible {
outline: 2px solid var(--c-primary) !important;
outline-offset: 2px !important;
border-radius: var(--radius-sm);
} .woocommerce input[type="text"]:focus-visible,
.woocommerce input[type="email"]:focus-visible,
.woocommerce input[type="password"]:focus-visible,
.woocommerce input[type="number"]:focus-visible,
.woocommerce input[type="tel"]:focus-visible,
.woocommerce select:focus-visible,
.woocommerce textarea:focus-visible {
outline: 2px solid var(--c-primary) !important;
outline-offset: 0 !important;
border-color: var(--c-primary) !important;
} .woocommerce .button:focus-visible,
.woocommerce button[type="submit"]:focus-visible,
.woocommerce input[type="submit"]:focus-visible,
.single_add_to_cart_button:focus-visible,
#place_order:focus-visible {
outline: 2px solid var(--c-text-on-dark) !important;
outline-offset: 2px !important;
box-shadow: 0 0 0 4px rgba(28, 94, 168, 0.4) !important;
} .skip-link:focus-visible {
clip: auto !important;
clip-path: none !important;
width: auto !important;
height: auto !important;
position: fixed !important;
top: 10px !important;
left: 10px !important;
z-index: 100001 !important;
padding: var(--space-3) var(--space-6) !important;
background: var(--c-primary-darker) !important;
color: var(--c-text-on-dark) !important;
font-size: 1rem !important;
text-decoration: none !important;
border-radius: var(--radius-sm) !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}  .v-icon-box {
min-width: 48px !important;
min-height: 48px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.v-icon-box a,
.v-icon-box > div {
min-width: 48px;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
} .menu-toggle {
min-width: 48px !important;
min-height: 48px !important;
} .scrollToTopBtn {
display: none !important;
} @media screen and (max-width: 768px) {
.main-navigation a,
#primary-menu a {
min-height: 48px;
display: flex;
align-items: center;
padding: 10px 16px;
} .expand-menu-toggle {
min-width: 48px;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
}
}  @media screen and (max-width: 768px) {
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
select,
textarea {
font-size: 16px !important;
}
} a, button, [role="button"], .menu-toggle, .v-icon-box, .cookie-btn, .swiper-slide a {
-webkit-tap-highlight-color: transparent;
} button, a, [role="button"], input[type="submit"], input[type="button"], .button,
.cookie-btn, .menu-toggle, .v-icon-box {
touch-action: manipulation;
} @supports (padding: max(0px)) {
#cookieConsent.cookie-law-notification {
bottom: max(24px, env(safe-area-inset-bottom)) !important;
}
} @media screen and (max-width: 992px) {
@supports (padding: max(0px)) {
#cookieConsent.cookie-law-notification {
bottom: max(16px, env(safe-area-inset-bottom)) !important;
}
}
}
@media screen and (max-width: 576px) {
@supports (padding: max(0px)) {
#cookieConsent.cookie-law-notification {
bottom: max(8px, env(safe-area-inset-bottom)) !important;
width: calc(100% - max(16px, env(safe-area-inset-left) + env(safe-area-inset-right))) !important;
}
}
} .search-panel,
.mobile-menu-container {
min-height: 100vh;
min-height: 100dvh;
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
} #pageLoader {
display: none !important;
}
}#cookieConsent[data-state="initial"] #cookieSettings,
#cookieConsent[data-state="initial"] #cookie-save {
display: none !important;
}
#cookieConsent[data-state="expanded"] #cookie-reject,
#cookieConsent[data-state="expanded"] #cookie-customize {
display: none !important;
}
#cookieConsent[data-state="expanded"] #cookieSettings {
display: flex !important;
}
#cookieConsent.cookie-law-notification {
z-index: var(--z-cookie);
opacity: 0;
position: fixed;
bottom: var(--space-6);
left: 50%;
transform: translate(-50%, calc(100% + 48px));
width: calc(100% - 48px);
max-width: 720px;
padding: 0;
border-radius: var(--radius-2xl);
background: var(--c-bg);
border: 1px solid var(--c-border-soft);
font-size: 14px;
box-shadow: var(--shadow-lg), 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
display: none;
flex-direction: row;
flex-flow: row;
align-items: stretch;
gap: 0;
overflow: hidden;
} #cookieConsent.cookies-notification-on {
display: flex !important;
opacity: 1;
animation: cookieBannerUp 0.7s var(--ease-spring) 0.15s forwards;
}
@keyframes cookieBannerUp {
0% {
transform: translate(-50%, calc(100% + 48px));
opacity: 0;
}
60% {
opacity: 1;
}
100% {
transform: translate(-50%, 0);
opacity: 1;
}
}
#cookieConsent.cookie-law-accepted {
transform: translate(-50%, calc(100% + 48px)) !important;
opacity: 0 !important;
transition: transform 0.45s var(--ease-out-fast),
opacity 0.35s ease !important;
} #cookieConsent .cookie-content {
flex: 1;
min-width: 0;
padding: var(--space-6) 28px;
}
#cookieConsent .cookie-title {
font-size: 16px;
font-weight: 700;
color: var(--c-primary-darker);
margin: 0 0 var(--space-2) 0;
line-height: 1.3;
text-align: left;
}
#cookieConsent .cookie-text {
font-size: 13px;
color: var(--c-text-muted);
margin: 0;
line-height: 1.6;
text-align: left;
}
#cookieConsent .cookie-text a {
color: var(--c-primary-darker);
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
border-bottom: none;
font-size: inherit;
}
#cookieConsent .cookie-text a:hover {
color: var(--c-primary-dark);
} #cookieConsent .cookie-actions {
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--space-2);
padding: var(--space-6) 28px var(--space-6) 0;
flex-shrink: 0;
align-items: stretch;
min-width: 200px;
} #cookieConsent .cookie-btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 44px;
min-width: 180px;
padding: 0 28px;
border-radius: var(--radius-lg);
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all var(--t-base);
white-space: nowrap;
line-height: 1;
outline: none;
margin: 0;
} #cookieConsent .cookie-btn-accept {
background: var(--c-primary-darker);
color: var(--c-text-on-dark);
border: none;
box-shadow: 0 2px 8px rgba(0, 35, 71, 0.25);
}
#cookieConsent .cookie-btn-accept:hover {
background: var(--c-primary-dark);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 35, 71, 0.3);
} #cookieConsent .cookie-btn-reject {
background: transparent;
color: var(--c-text-muted);
border: 1px solid var(--c-border);
box-shadow: none;
}
#cookieConsent .cookie-btn-reject:hover {
background: var(--c-bg-soft);
border-color: var(--c-primary-darker);
color: var(--c-primary-darker);
} #cookieConsent .cookie-btn-link {
background: transparent;
color: var(--c-primary);
border: none;
box-shadow: none;
height: auto;
min-height: 36px;
text-decoration: underline;
text-underline-offset: 3px;
min-width: 0;
padding: 0 var(--space-2);
}
#cookieConsent .cookie-btn-link:hover {
color: var(--c-primary-darker);
text-decoration-thickness: 2px;
} #cookieConsent .cookie-btn:focus-visible {
outline: 2px solid var(--c-primary);
outline-offset: 2px;
} #cookieConsent .cookie-settings {
margin-top: var(--space-4);
padding-top: 14px;
border-top: 1px solid var(--c-border-soft);
flex-direction: column;
gap: 6px;
}
#cookieConsent .cookie-toggle {
display: flex;
align-items: flex-start;
gap: var(--space-3);
padding: var(--space-2) var(--space-1);
cursor: pointer;
border-radius: var(--radius-md);
transition: background var(--t-fast);
}
#cookieConsent .cookie-toggle:hover {
background: var(--c-bg-soft);
}
#cookieConsent .cookie-toggle input[type="checkbox"] {
flex-shrink: 0;
width: 18px;
height: 18px;
margin: 2px 0 0 0;
accent-color: var(--c-primary);
cursor: pointer;
}
#cookieConsent .cookie-toggle input[type="checkbox"]:disabled {
opacity: 0.5;
cursor: not-allowed;
}
#cookieConsent .cookie-toggle-label {
display: flex;
flex-direction: column;
gap: 1px;
flex: 1;
text-align: left;
}
#cookieConsent .cookie-toggle-label strong {
font-size: 13px;
font-weight: 600;
color: var(--c-primary-darker);
line-height: 1.3;
}
#cookieConsent .cookie-toggle-label small {
font-size: 12px;
color: #64748b;
line-height: 1.4;
}
@media screen and (max-width: 576px) {
#cookieConsent .cookie-settings {
margin-top: var(--space-3);
padding-top: 10px;
}
} @media screen and (max-width: 992px) {
#cookieConsent.cookie-law-notification {
width: calc(100% - 24px) !important;
bottom: 16px;
flex-flow: column !important;
flex-direction: column !important;
align-items: stretch !important;
max-height: calc(100vh - 32px);
}
#cookieConsent .cookie-content {
padding: 22px 22px 0 !important;
overflow-y: auto;
flex: 1 1 auto;
min-height: 0;
}
#cookieConsent .cookie-actions {
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: flex-end !important;
padding: 16px 22px 18px !important;
gap: 10px !important;
min-width: 0 !important;
flex: 0 0 auto;
background: #fff;
border-top: 1px solid var(--c-border-soft);
}
#cookieConsent .cookie-btn {
min-width: 0 !important;
flex: 1 1 auto !important;
padding: 0 16px !important;
}
#cookieConsent .cookie-btn-link {
flex-basis: 100% !important;
order: 99;
height: auto !important;
min-height: 32px !important;
}
} @media screen and (max-width: 576px) {
#cookieConsent.cookie-law-notification {
width: calc(100% - 12px) !important;
max-width: calc(100% - 12px) !important;
bottom: 6px;
max-height: calc(100vh - 12px);
max-height: calc(100dvh - 12px);
border-radius: 14px !important;
font-size: 13px;
}
#cookieConsent .cookie-content {
padding: 16px 16px 0 !important;
overflow-y: auto;
}
#cookieConsent .cookie-title {
font-size: 15px !important;
margin: 0 0 6px 0 !important;
}
#cookieConsent .cookie-text {
font-size: 12.5px !important;
line-height: 1.5 !important;
} #cookieConsent .cookie-settings {
margin-top: 12px;
padding-top: 10px;
gap: 4px;
}
#cookieConsent .cookie-toggle {
padding: 8px 6px;
gap: 10px;
}
#cookieConsent .cookie-toggle input[type="checkbox"] {
width: 20px;
height: 20px;
}
#cookieConsent .cookie-toggle-label small {
font-size: 11.5px !important;
line-height: 1.35 !important;
} #cookieConsent .cookie-actions {
flex-direction: column !important;
padding: 12px 16px max(12px, env(safe-area-inset-bottom)) !important;
gap: 8px !important;
position: sticky;
bottom: 0;
background: #fff;
border-top: 1px solid var(--c-border-soft);
box-shadow: 0 -4px 12px rgba(0, 35, 71, 0.06);
z-index: 2;
flex-shrink: 0;
}
#cookieConsent .cookie-btn {
width: 100% !important;
height: 44px !important;
font-size: 14px !important;
padding: 0 16px !important;
flex: 0 0 auto !important;
min-width: 0 !important;
}
#cookieConsent .cookie-btn-link {
height: auto !important;
min-height: 32px !important;
font-size: 13px !important;
} #cookieConsent[data-state="initial"] #cookie-customize {
order: 3;
margin-top: 2px;
}
} @media screen and (max-width: 380px) {
#cookieConsent.cookie-law-notification {
bottom: 4px;
max-height: calc(100vh - 8px);
max-height: calc(100dvh - 8px);
}
#cookieConsent .cookie-content {
padding: 14px 14px 0 !important;
}
#cookieConsent .cookie-title {
font-size: 14px !important;
}
#cookieConsent .cookie-text {
font-size: 12px !important;
}
#cookieConsent .cookie-toggle-label strong {
font-size: 12.5px !important;
}
#cookieConsent .cookie-toggle-label small {
font-size: 11px !important;
}
}