*{margin:0; padding:0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{appearance:none;border-radius:0}input[type="search"]{appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;clip:auto!important;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


.catalog-tabs__buttons{margin-bottom:20px;display:flex}
.catalog-tabs__buttons{}
.catalog-tabs__buttons button{transition:0.2s;padding:10px;width:50%;border:0px;background:#2e3094;color:#fff;font-weight:400;font-size: 16px;padding:15px 0;cursor: pointer;}
.catalog-tabs__buttons button:first-child{border-radius:10px 0 0 10px}
.catalog-tabs__buttons button:last-child{border-radius:0 10px 10px 0}
.catalog-tabs__buttons button.active{background:#fff;color: var(--graphite);cursor: initial;}
.catalog-tabs__buttons button.active:hover{color: var(--graphite);background:#fff}
.catalog-tabs__buttons button:hover{color:var(--graphite);background:#A8A8D8}

.wc-categories-wrapper {display: grid;gap: 10px;}
.wc-category-parent-block {background:#ffffff00;width: calc(100% + 20px);margin-left: -10px;transition: 0.2s;border-radius: 10px;padding: 0 10px;}
.wc-category-parent a {line-height: 1.4;color: #2e3094;border-bottom: 2px dotted var(--cyan);text-decoration: none;}
.wc-category-child a:hover {}
.wc-category-children-block{margin-left:10px;display:flex;flex-direction: column;gap: 16px;}
.wc-category-child:first-child{margin-top:10px}
.wc-category-children-block a{color: #2e3094;border-bottom: 2px dotted var(--cyan);text-decoration: none;line-height: 1.4;}
.wc-category-parent a:hover, .wc-category-child a:hover{border-color:#2e309400}
.wc-categories-wrapper div.wc-categories-wrapper{}
.wc-categories-wrapper div.active, .wc-categories-wrapper div.is-open{border-radius: 10px;padding: 10px;background: #fff;width: calc(100% + 20px);margin-left: -10px;transition: 0.2s;}

.wc-category-parent-block.active {}
.wc-categories-wrapper div.active .wc-category-parent a{border-bottom:none}
.wc-categories-wrapper a.active{border-bottom:none}


/* BREABCRUMBS */
#breadcrumbs{margin: 30px auto;}
#breadcrumbs span{font-size: 14px;line-height: 140%;font-weight: 400;color:#627893}
#breadcrumbs .breadcrumb_last{color: var(--cyan);}
#breadcrumbs a{color: var(--brown-black);border-bottom: 2px dotted;border-color: var(--brown-black);text-decoration: none;}
#breadcrumbs a:hover{border-color:var(--cyan-hover);}
#breadcrumbs .margin-lr{margin:0 12px}

/* pop-up */
.hhead-popup{font-family: "Russo One", sans-serif;font-size: 28px;color:var(--graphite);line-height: 1.4;margin-bottom: 30px;font-weight: 900;text-transform: uppercase;}



.product-categories__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    column-gap: 20px;
    row-gap: 20px;
    flex-direction: row;
}
.product-categories__item{width: calc(25% - 15px);border-radius: 21px 20px 20px 21px;transition:0.2s}
.product-categories__item:hover{/* background:#2f358b; */}
.product-categories__item img{transition:0.2s}
.product-categories__item:hover span{color:#fff}
.product-categories__link {
    display: block;
    color: inherit;
    text-decoration: none;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: flex-start;
    background: #fff;
    border-radius: 10px;
    align-items: center;
}
.product-categories__link:hover{background: var(--gray-black);}
.product-categories__image {
    width: 30%;
    object-fit: cover;
    border-radius: 10px;
    background: #fff;
}
.product-categories__image:hover{}
.product-categories__image img{width:100%;height: auto;border-radius: 10px;}
.product-categories__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--graphite);
    /* padding: 0 4%; */
    width: calc(80% - 10px);
    padding-right: 10px;
}
.product-categories__link:hover .product-categories__title{}



:root {
  --white: #ffffff;
  --graphite: #2a292a;
  --gray: #f2f2f2;
  --gray-black: #dbdada;
  --cyan: #c81e07;
  --cyan-hover: #2f358b00;
  --brown-black:#c81e07;
}
*{font-family: "Montserrat", sans-serif;}
h1, h2, h3, h4, h5{font-family: "Russo One", sans-serif;font-weight: 400;font-style: normal;color: var(--graphite);}
.hhead-line::after{width: 100px;height: 10px;background: var(--gray-black);display:block;content:" ";position: relative;top: -45px;z-index: 1;}
body{font-family: Arial, sans-serif;}
.maxwidth{max-width: 1500px;margin: 0 auto;}
a{transition:0.2s}
.pum-title{line-height: 1.3!important;font-weight: 400!important;color: var(--graphite)!important;font-family: "Russo One", sans-serif!important}
.hhead{font-size: 36px;line-height: 1.3;font-weight: 400;font-style: normal;margin-bottom: 30px;z-index: 2;position: relative;color: var(--graphite);}
.hhead-two{font-size:24px;margin-top:30px;color: var(--graphite);}
.hhead-section{color: var(--graphite);margin-bottom: 10px;text-transform: uppercase;font-size: 14px;line-height: 140%;letter-spacing: 5%;}
body .pum-title{font-family: "Russo One", sans-serif;font-size: 36px;line-height: 1.3;font-weight: 400;font-style: normal;margin-bottom: 30px;z-index: 2;position: relative;}
.margin-top-zero{margin-top:0px!important}
.russo-one-regular{font-family: "Russo One", sans-serif;font-weight: 400;font-style: normal;}
body{background: #fafafa;padding: 0 2%;}
.container-padding{padding:60px 0}
.radius img{border-radius:10px}
#content{min-height: 600px}
.product-margin-top{margin-top:50px}
.text-why-us{margin: 0 0 20px 0;font-size: 16px;line-height: 1.5;color: var(--graphite); position: relative;top: -20px;max-width: 1000px;}
.burger svg path{stroke:var(--brown-black)}
.burger:hover{background:var(--brown-black)}
.burger:hover svg path{stroke: var(--white);}
.margin-top-zero{margin-top: 0px;}

.icon-radius-block{}
.icon-radius-block img{background: #ded6c2;padding: 20px;border-radius: 10px;width: 70px;}
.onas-radius-block{border-radius: 10px;padding: 30px;}
.onas-radius-block-white{background: #fff}
.onas-radius-block-olive{background: #b9af9a}


#headtop{/* background: var(--gray); */max-width: 1500px;margin: 0 auto 30px;border-radius: 0 0 30px 30px;}
#headtop .block{display: flex;justify-content: space-between;align-items: center;padding: 20px 0px;gap: 40px;}
#headtop .logo{}
#headtop .logo img{max-width: 200px;width:100%;height:auto}
#headtop .logo a{}
#headtop .descript{font-size:16px;text-align:left;max-width: 390px;color: var(--graphite);margin-right: auto;line-height: 130%;}
#headtop .phone{}
#headtop .phone a{color: var(--graphite);text-decoration:none;font-weight: 700;font-size: 22px;}
#headtop .phone a:hover{}
#headtop .button{}
.button-call{
    padding: 0 0 2px 0;
    text-decoration:none;
    color: var(--brown-black);
    font-weight: 500;
    font-size: 18px;
    border-bottom: 2px dotted;
    border-color: var(--brown-black);
    }
.button-call:hover{border-bottom: 2px dotted #ffffff00;}
.head-menu{background: var(--gray);border-radius: 10px;CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;display: flex;column-gap: 0%;}
.menu-shapka-container{width: 92%;}
.head-menu-cart{width: 8%;min-width:100px;text-align:center;display: flex;align-items: center;justify-content: center;}
.head-menu ul{display: flex;justify-content: space-evenly;}
.head-menu li{
    list-style: none;
    width: inherit;
    text-align: center;
    width: 100%;
}
.head-menu li a{
    color: #605336;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    display: block;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    padding: 25px 15px;
    transition:0.2s;
}
.head-menu li:first-child a{border-radius: 10px 0 0 10px;}
.head-menu li a:hover, .head-menu li.current-menu-item a{background: var(--gray-black);color: var(--graphite);}


.header-cart {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #605336;
    text-decoration: none;
    position: relative;
    top: 2px;
    }

.header-cart__icon {display: block;width: 30px;height: 30px;position: relative;}

.header-cart__count {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    color: var(--gray);
    background: var(--graphite);
    border: 1px solid;
    border-color: var(--graphite);
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    box-sizing: border-box;
    }

.header-cart:hover{color: #605336;}
.header-cart:hover span {border-color: #605336;}



#header{background: url(/wp-content/uploads/img_header_main.jpg);border-radius: 10px;background-size: contain;background-repeat: no-repeat;background-position: right;}
#header .bg{padding: 60px;background: linear-gradient(90deg,rgba(235, 235, 235, 1) 0%, rgba(235, 235, 235, 0) 80%, rgba(235, 235, 235, 0) 100%);border-radius: 10px;}
#header .block{display: flex;flex-direction: column;row-gap: 32px;justify-content: center;min-height: 460px;max-width: 700px;}
#header h1{margin-bottom:0px}
#header .text{font-size:18px;line-height: 1.5;color: var(--graphite);}
#header .list{display: flex;flex-direction: column;row-gap: 12px;}
#header .list li{font-size:18px;color: var(--graphite);}
#header .list li::before{content:"";width:14px;height:0px;border: 5px solid;display:inline-block;border-radius:30px;margin-right:10px;position: relative;top: -1px;border-color: var(--cyan);}
#header .button, #company .button{display:flex;align-items: center;column-gap: 32px;}
#header a{}
#header a.button-one, #company a.button-one{background: var(--brown-black);border: 1px solid;border-color: var(--brown-black);border-radius:10px;color:#fff;text-decoration:none;padding:10px 20px;font-size: 18px;line-height: 1.5;}
#header a.button-two, #company a.button-two{
    padding: 0 0 2px 0;
    text-decoration: none;
    color: var(--brown-black);
    font-weight: 500;
    font-size: 18px;
    border-bottom: 2px dotted;
    border-color: var(--brown-black);
    }
#header a.button-one:hover, #company a.button-one:hover{background:#2e309400;color: var(--brown-black);}
#header a.button-two:hover, #company a.button-two:hover{border-color: #2e309400}
#header a:hover{}

.bg_form_zakaz_left{border-radius: 10px;padding:40px}
.bg_form_zakaz_right{background: #fff;border-radius: 10px;padding:40px}



footer{margin: 60px 0 0 0;}
footer .menu ul{gap: 20px;display:flex;flex-wrap: wrap;}
footer .menu ul li{width:100%}
footer .menu ul a{color: var(--graphite);text-decoration:none;border-bottom: 2px dotted;padding: 0 0 2px 0px;border-color: var(--brown-black);}
footer .menu ul a:hover{border-color:#ffffff00}
#footer{background: var(--gray);border-radius: 10px 10px 0 0;display: flex;justify-content: space-around;padding: 40px 30px;/* gap: 1%; */}
#footer .blocks{width:100%}
#footer .logo{max-width:200px;}
#footer div{color: var(--graphite);}
#footer .right{text-align:right;display: flex;flex-direction: column;gap: 10px;}
#footer .social{display:flex;gap: 20px;justify-content: flex-end;margin-top:10px}
#footer .social a:hover{opacity:0.6}
#footer a{color: var(--brown-black);}
#footer .left{display:flex;flex-direction: column;gap: 30px;padding-right: 10px;}
#footer .left a{text-decoration:none;border-bottom: 2px dotted;padding: 0 0 2px 0;font-size: 16px;line-height: 150%;border-color: --var(--brown-black);}
#footer .left a:hover{border-color:#ffffff00}
#footer .right div{line-height: 150%;font-size:16px}
#footer div.hhead-footer{font-size: 20px;color: var(--graphite);}

#content a{color: var(--cyan); border-bottom: 2px dotted var(--cyan);text-decoration: none;}
#content a:hover{border-color: var(--cyan-hover);}
#content p{color: var(--graphite);line-height: 1.5;font-size: 16px;}
#content p.wp-block-paragraph{margin-block-start: 16px; margin-block-end: 0;}
#content p.wp-block-paragraph:first-child{margin-block-start: 0px; margin-block-end: 0;}
#content ul.wp-block-list{padding-left:20px;margin-top:10px}
#content ul.wp-block-list li{font-size:16px;line-height:1.4;list-style-type: initial;padding: 5px 0 5px 0px;color: var(--graphite);}
#content ul.wp-block-list li::marker{color:#baae9b;font-size: 20px;line-height: 1;}

/* WOO */
#wooproduct{}
#wooproduct .container{display: flex; gap:2%;flex-wrap: wrap;}
#wooproduct .container-right{width: 49%}
#wooproduct .container-left{width:49%}
#wooproduct .container-full{width:100%}
#wooproduct .flex-viewport{border-radius: 10px;}
#wooproduct .container-left .wp-post-image, .container-product-img img{border-radius: 10px;width:100%;height: auto;}
.flex-control-thumbs{display:flex;gap: 10px;margin-top:20px}
.flex-control-thumbs li{display:inline-block}
.flex-control-thumbs img{border-radius:10px;border:1px solid; border-color:#ffffff00;transition:0.2s;cursor:pointer;width:initial;height:initial}
.flex-control-thumbs img.flex-active{border-color:var(--cyan)}
.flex-control-thumbs img:hover{border-color:var(--brown-black)}

#wooproduct h2{font-size:22px}
#wooproduct .product-characteristics__list{display:flex;flex-direction: column;gap: 16px;margin: 20px 0;border-radius: 10px;}
#wooproduct .product-characteristics__item{display:flex;gap: 10px;/font-size:16px;align-items: center;}
#wooproduct .product-characteristics__item::before{content:"";width: initial;height:0px;border: 5px solid #2e3094;display:inline-block;border-radius:30px;}
#wooproduct .product-characteristics__item:last-child{border-bottom:none}
#wooproduct .product-characteristics__label{font-weight:400;color: var(--graphite);}
#wooproduct .product-characteristics__value{color: var(--graphite);}

#wooproduct .product-price span{font-size:20px;font-family: "Russo One", sans-serif;font-weight: 400;font-style: normal;color: var(--graphite);}
#wooproduct span.woocommerce-Price-currencySymbol{font-family: system-ui;font-weight: 900;}
#wooproduct .product-price{margin-bottom: 20px;}
#wooproduct .product-cart{margin-bottom: 20px;}
.product-delivery{margin-bottom:20px}
.product-delivery a{padding: 0 0 2px 0;text-decoration: none;color: var(--brown-black);font-weight: 500;font-size: 18px;border-bottom: 2px dotted;border-color: var(--brown-black);}
.product-delivery a:hover{border-bottom: 2px dotted #ffffff00;}

.product-size{position: relative;top: -20px;}
.product-on{background:#43A047;border-radius:4px;padding:4px 10px;color:#fff;font-size:14px;font-weight:500}
.product-off{display: none}
.product-size_text{font-size:16px; line-height:1.4;color: var(--graphite);font-weight:400;margin-right: 10px;}

#wooproduct .product-cart form{margin:0px;display: flex;justify-content: flex-start;gap:10px}
#wooproduct .quantity .qty{font-size:15px;padding: 16px 6px 16px 15px;border: 1px solid #efefef;border-radius: 10px;background: #fefefe;width: 80px;text-align: left;font-weight: 400;}
#wooproduct .quantity .qty:focus{background: #dadada;border: 1px solid #efefef;}
#wooproduct .single_add_to_cart_button{transition:0.2s;background: var(--brown-black);border: 1px solid;border-color: var(--brown-black);padding: 15px 35px;font-size:18px;font-weight:500;border-radius: 10px;color: #ffffff;margin: 0;cursor: pointer;}
#wooproduct .single_add_to_cart_button:hover{color: var(--brown-black);background:#f2791300}

.line-woo-block{display: flex;gap: 12px;align-items: center;margin-bottom: 20px;}
.line-woo-block p {font-size:14px;color: #627893;}
.line-woo-block select{font-size:14px}

#wooproduct .container-full{margin-top: 50px;}
#wooproduct .hhead-content{font-size: 22px;font-family: "Russo One", sans-serif;font-weight: 400;font-style: normal;color: var(--graphite);border-bottom: 1px solid #d3d3db;padding-bottom: 10px;margin-bottom: 20px;}
#wooproduct p{font-size: 16px;line-height: 1.4;color: var(--graphite);}
.added_to_cart{display: inline-block; border-bottom: 2px dotted var(--cyan); padding: 0 0 2px 0; color: var(--cyan); position: relative; margin-top: 10px;}
#wooproduct .container-full p{padding:5px 0;\: 16px;}
#wooproduct .container-full h2{margin:30px 0 5px 0}


/* WOO category + filter */
#wooproduct .catalog-layout{display:flex;gap:40px}
#wooproduct .catalog-left{width:20%;min-width: 240px;}
#wooproduct .catalog-right{width:80%}
#wooproduct .products{display: flex;flex-wrap: wrap;margin-top: 0px;column-gap: 20px;row-gap: 40px;}
#wooproduct .product{width: calc(25% - 15px);border-radius: 11px 11px 10px 10px;transition: 0.2s;}
#wooproduct .product img{border-radius: 10px;width:100%;height:auto;transition:0.2s}
#wooproduct .product img:hover{opacity:0.7;}
#wooproduct .product a{text-decoration: none}
#wooproduct .woocommerce-loop-product__title{font-family: "Montserrat", sans-serif;display: block;
    margin-top: 14px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--graphite);}
#wooproduct .woocommerce-loop-product__short-text{font-size: 16px;color: var(--graphite);line-height: 1.5;}
#wooproduct .product a.button{margin-left: 10px;border-bottom: 2px dotted var(--cyan);padding: 0 0 2px 0;position: relative;color: var(--cyan);top: -3px;}
#wooproduct .product a.button:hover{border-color: #ffffff00}
#wooproduct .product bdi, #wooproduct .product .woocommerce-Price-currencySymbol{color: var(--graphite);}
#wooproduct .product .woocommerce-Price-currencySymbol{font-weight:500}
#wooproduct .catalog-tab-btn.active{backrgound:#fefefe}
#wooproduct .catalog-tab-content{display: none;}
#wooproduct .catalog-tab-content.active {display: block;}
#wooproduct .catalog-tab-btn.active {}
#wooproduct .catalog-tab-close {display: none;}



.woocommerce-ordering {
  position: relative;
  display: inline-block;
  margin: 0;
}

.woocommerce-ordering .orderby {
  width: 260px;
  height: 50px;
  padding: 0 44px 0 16px;
  font-size: 16px;
  font-weight: 500;
  color: var(--graphite);
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition:border-color 0.2s ease, box-shadow 0.2s ease;}

.woocommerce-ordering .orderby:hover {
  border-color: #2e3094;
}

.woocommerce-ordering .orderby:focus {
  border-color: #2e3094;
}

.woocommerce-ordering::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: translateY(-70%) rotate(45deg);
  pointer-events: none;
}

.woocommerce-ordering .orderby option {
  color: #222;
  background: #fff;
}


.wc-category-parent {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}


.wc-category-toggle {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;

    border: 0;
    background: transparent;
    cursor: pointer;

    position: relative;
    padding: 0;
}


.wc-category-toggle::before,
.wc-category-toggle::after {
    content: "";
    position: absolute;

    top: 50%;
    left: 50%;

    width: 14px;
    height: 2px;

    background: #000;

    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}


.wc-category-toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
}


.wc-category-parent-block.is-open
.wc-category-toggle::after {
    transform: translate(-50%, -50%) rotate(0deg);
}


.wc-category-children-block {
    overflow: hidden;

    max-height: 0;
    opacity: 0;

    visibility: hidden;

    transition:
        max-height 0.4s ease,
        opacity 0.3s ease,
        visibility 0.4s;
}


.wc-category-parent-block.is-open
.wc-category-children-block {
    opacity: 1;
    visibility: visible;
}

/* WOO Nav products */
.woocommerce nav.woocommerce-pagination ul {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 30px 0;
    padding: 0;
    border: 0;
    list-style: none;
    justify-content: center;
}

.woocommerce nav.woocommerce-pagination ul li {
    margin: 0;
    padding: 0;
    border: 0;
    float: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid #2f358b;
    background: #2f358b;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
    box-sizing: border-box;
    transition: 0.2s;
    border-radius: 10px;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    border-color: #2f358b;
    background: #2f358b00;
    color: #2f358b;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    border-color: #627893;
    background: #2f358b00;
    color: #627893;
    border-radius: 10px;
}

/* bLOCK left right */
.block-lr{display: flex;column-gap: 2%;justify-content: space-between;}
.block-lr .block-left{}
.block-lr .block-riht{text-align: right;min-width:150px}


/* form CF7 footer */
.custom-cf7-form{display: flex;flex-wrap: wrap;gap:24px;}
.custom-cf7-form p{width: 100%}
.form-policy a{text-decoration:none;color:var(--cyan); border-bottom:1px solid;}
.form-policy a:hover{border-color:#ffffff00}
.custom-cf7-form .form-row{border-bottom:1px solid #D7DDE1;padding-bottom:12px}
.custom-cf7-form .form-row input{font-size:16px;line-height:140%;width:100%;background:none;border:none;outline: none;}
.custom-cf7-form .form-row input:focus-visible{border:none!important}
.custom-cf7-form .form-row textarea{font-size:16px;height:100px;line-height:140%;width:100%;background:none;border:none;outline: none;}
.custom-cf7-form .form-row textares:focus-visible{border:none!important}
.custom-cf7-form .form-message textarea{font-size:16px;line-height:140%;width:100%;background:none;border:none;outline: none;}
.formoff{display: none;}
.custom-cf7-form .form-policy input[type="checkbox"] {width: 24px;height: 24px;min-width: 24px;border: 1px solid;border-color: var(--brown-black);border-radius: 4px;appearance: none;-webkit-appearance: none;background: transparent;cursor: pointer;position: relative;}
.custom-cf7-form .form-policy input[type="checkbox"]:checked {background: var(--brown-black);border-color: var(--brown-black);}
.custom-cf7-form .form-policy label{display: flex;align-items: center;gap: 14px;}
.custom-cf7-form .form-policy .wpcf7-list-item{margin: 0px}
.custom-cf7-form .form-policy input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 8px;
    height: 13px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
.custom-cf7-form p.form-submit{width:initial;display: flex;align-items: center;align-content: center;}
.custom-cf7-form p.form-submit:hover::after{transform: translateY(-50%) rotate(0deg);}
.wpcf7-spinner{order:3}
.form-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.form-button:not(:disabled) {
    opacity: 1;
    cursor: pointer;
}
.wpcf7 .wpcf7-submit{background: var(--brown-black);border: 1px solid;border-radius: 10px;color: #fff;text-decoration: none;padding: 10px 20px;font-size: 18px;line-height: 1.5;transition:0.2s;border-color: var(--brown-black);}
.wpcf7 .wpcf7-submit:hover{color: var(--brown-black);background: #2e309400}


/*preimushestva*/
#why-us .block{display: flex;/* gap: 20px; */margin-top: 0px;flex-wrap: wrap;column-gap: 20px;row-gap: 20px;}
#why-us .blocks{background: var(--gray);padding: 24px;border-radius: 10px;width: calc(25% - 15px);}
#why-us .blocks img{background: var(--gray-black);padding: 20px;border-radius: 10px;width: 70px;}
#why-us .blocks .text{font-size:16px;line-height:140%;color: var(--graphite);}
.hhead-four{font-size: 18px;margin: 24px 0 8px 0;line-height: 1.4;color: var(--graphite);font-family: "Russo One", sans-serif;}

#why-us .blocks-line{display: flex;gap:20px;align-items: center;}
#why-us .blocks-line .hhead-four{line-height: 1.4;margin: 0px}
#why-us .blocks-line img{height: 70px}

/*Company*/
#company{}
#company .blocks{}
#company .block-lr{align-items: center;gap:5%;display: flex;}
#company .block-left{width: 70%}
#company .block-right{width: 45%;}
#company .block-left-mirror{width: 45%}
#company .block-right-mirror{width: 70%}
#company .block-left .text{display: flex;gap:12px;flex-direction: column;}
#company .block-left p{font-size:16px;line-height: 1.4;color: var(--graphite);}
#company .block-right img{width:100%;border-radius: 10px;height: 100%;object-fit: cover;}
#company .button{margin-top:20px}

.wp-block-preformatted{font-size: 16px;line-height: 1.3;color: var(--graphite);}

/* slider partner */
#sliderpartner{}
#sliderpartner .partners-slider{overflow: hidden;width: 100%;border-radius: 10px}
#sliderpartner .partners-track{display: flex;
    gap: 2%;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    transition: transform 0.5s ease;}
#sliderpartner .partner {flex: 0 0 15%;}
#sliderpartner .partner img{/* max-width: 120px; *//* max-height: 60px; */width: 100%;object-fit: contain;border-radius: 10px;}



/* CART */
#content .wc-block-cart__main .wc-block-cart-item__image a{padding: 0px;border-bottom: none}
#content .wc-block-cart__submit-button{background: var(--cyan);transition: 0.2s;border: 1px solid!important;border-radius: 10px;color: #fff;text-decoration: none;padding: 10px 20px;font-size: 18px;line-height: 1.5;border-color: var(--cyan);}
#content .wc-block-cart__submit-button .wc-block-components-button__text{color:#fff}
#content .wc-block-cart__submit-button:hover{background: #2e309400;color: var(--cyan);}
#content .wc-block-cart__submit-button:hover .wc-block-components-button__text{color: var(--cyan);}
#content .wc-block-cart__empty-cart__title.with-empty-cart-icon:before{background-color: var(--cyan);}
.form-row .optional{display: none}
#content .wp-block-woocommerce-product-new{margin-top:10px}
#content .wp-block-product-new .wc-block-grid__product img{border-radius: 20px}
#content .wp-block-product-new .wp-block-woocommerce-cart{font-size: 36px;
    line-height: 1.3;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 30px;
    z-index: 2;
    position: relative;
    color: var(--graphite);
    margin-top: 50px;}
 #content .wp-block-product-new a{text-decoration: none;border-bottom: none;padding: 0px;}
#content .wp-block-product-new .add_to_cart_button{
    border-bottom: 2px dotted var(--cyan);
    padding: 0 0 2px 0;
    position: relative;
    color: var(--cyan);
    top: -3px;
    background: none;
    border-radius: 0px;
    font-size: 16px;
    }
#content .wp-block-product-new .add_to_cart_button:hover{border-color:#ffffff00}
#content .wc-block-grid__product-title{font-family: "Montserrat", sans-serif;
    display: block;
    margin-top: 14px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--graphite);}
.wc-block-grid__product-price span{font-size:16px}

/*other style*/
.block-two-bg-one{margin-bottom:30px}
.block-two-bg .wp-block-column{background: var(--gray);padding: 24px;border-radius: 10px;width: calc(25% - 15px);}
#company .flex-stretch{align-items: stretch;}

@media (max-width: 1300px) {
.product-categories__item{width: calc(33% - 11px);border-radius: 21px 20px 20px 21px;transition:0.2s}
}

@media (max-width: 1200px) {
    #headtop .descript{max-width: 300px;margin-right: 0px;}
    #headtop .button{min-width: 155px}
    #company .block-lr{display:flex;align-items: stretch;}
    #wooproduct .product{width: calc(33.3333% - 14px);border-radius: 21px 21px 20px 20px;margin-bottom: 20px;}
}

@media (max-width: 1024px) {
    .head-menu li a{font-size: 16px;}
    #headtop .block{gap:20px}
    #headtop .phone{min-width: 160px}
    #headtop .phone a{font-size: 18px;}
    #headtop .logo{min-width: 150px}
    #headtop .descript{font-size: 14px}
    #headtop .menu-item-105{display: none}
    .head-menu li.menu-item-92 a{border-radius: 10px 0 0 10px;}
    #why-us .blocks{width:calc(50% - 10px)}
}

@media (max-width: 960px) {
    #wooproduct .product{width: calc(50% - 10px);}
    .product-categories__title{font-size:15px;font-weight:400;padding-right:10px}
}


@media (min-width: 768px) {
    #footer .end{display: none}
    .burger{display: none}
    #company .block-left .img-company{display:none}
}

@media (max-width: 768px) {
    #sliderpartner .partner{flex: 0 0 32%;}
    body{padding:0 4%}
    #breadcrumbs span{line-height: 160%;}
    #header{background-position:right}
    #header .bg{padding:40px 20px;background: linear-gradient(90deg, rgba(235, 235, 235, 1) 0%, rgb(235 235 235 / 77%) 50%, rgb(235 235 235 / 49%) 100%)}
    #header .button {display: flex;flex-direction: column;align-content: flex-start;align-items: flex-start;row-gap: 20px;}
    #header .text{font-size:16px}
    #header .list li{font-size:16px}
    #header a.button-one, #header a.button-two{font-size:16px}
    .product-categories__list{column-gap:10px}
    .product-categories__item{width: calc(50% - 5px);}
    #company .block-left{width:100%}
    #company .blocks{display:flex;flex-direction: column;}
    #company .block-left .img-company{display:initial;margin: 12px 0 22px 0;}
    #company .block-left .img-company img{width:100%;border-radius: 20px}
    #company .block-lr{row-gap: 24px}
    #company .block-right{display:none}
    .container-padding{padding:40px 0}
    .container-padding-top{padding-top:40px}
    body{padding:0 4%inherit}
    .burger{display: flex;align-items: center;min-width: initial;padding: 0 20px;cursor:pointer;border-radius:0 10px 10px 0;transition:0.2s}
    .head-menu-cart{margin-right: auto;min-width: 50px;}
    #headtop .menu-item-91, #headtop .menu-item-93{display: initial;}
    .menu-shapka-container{width: initial;}
     .head-menu li.menu-item-93 a{border-radius: 10px 0 0 10px;}
    .head-menu, .product-categories__image{border-radius: 10px;}
    #footer{border-radius: 10px 10px 0 0;}
    .hhead{font-size: 28px;margin-bottom: 20px;}
    .hhead-line::after{top: -33px;}
    #headtop .block{flex-direction: row;flex-wrap: wrap;column-gap: 2%;}
    #headtop .block .logo{width:45%;min-width: initial;max-width: 200px}
    #headtop .block .descript{font-size: 12px;width: initial;width:50%}
    .menu-shapka-container li{display: none;}
    .head-menu{min-height: 66px;display: flex;justify-content: space-between;}
    #footer{display: flex;flex-wrap: wrap;row-gap: 40px;}
    #footer .logo{max-width:150px;}
    #footer .left {order:1}
    #footer .right{text-align: left; order: 2}
    #footer .center{order:3}
    #footer .social{justify-content: flex-start;}
    #footer .left .copyright{display: none}
    #footer .left .politic{display: none}
    #footer .end{display: initial;order:4;width: 100%;display: flex;gap: 20px;flex-direction: column;}
    #footer .end a{color: var(--brown-black);text-decoration:none;border-bottom: 2px dotted;padding: 0 0 2px 0px;line-height: 1.5;border-color: var(--brown-black);}
    #footer .end a:hover{border-color:#ffffff00}
    #wooproduct .container{flex-direction: column; row-gap: 40px;}
    #wooproduct .container-right{width: 100%}
    #wooproduct .container-left{width:100%}
    .product-categories__title{font-size:14px;margin-top: 12px;}
    #why-us .blocks{width:100%}
    #why-us .blocks{border-radius: 10px;}
    #why-us .blocks img{border-radius: 10px;padding:15px;width: 54px;}
    #why-us .block{margin-top:0px;row-gap:10px}
    #why-us .blocks-line img{height:54px}
    .block-lr{flex-direction: column;margin-bottom: 30px}
    .block-lr .hhead{margin-bottom: 10px}
    .block-lr .hhead-line::after{top: -23px;}
    #wooproduct .product-characteristics__item{line-height:1.3;font-size:14px;display: initial;}
    #wooproduct .product-characteristics__item::before{display:none}
    #wooproduct .product-characteristics__list{gap:12px;}
    #wooproduct .product-characteristics__label{display:inline-block;margin-right:5px}
    #wooproduct .product-characteristics__value{display:inline-block;}
    #wooproduct .container-full{margin-top: 0px;}
    .product-size{top: -10px;margin-bottom: 10px;}
    .product-size_text{font-size:14px}
    .product-delivery a{font-size:14px}
    #wooproduct .single_add_to_cart_button{font-size:14px}
    .product-categories__title {font-weight:400}
    .line-woo-block{flex-direction: column;align-items: flex-start;}
    #wooproduct .catalog-layout{display:flex;flex-direction: column;}
    #wooproduct .catalog-left{width:100%}
    #wooproduct .catalog-right{width:100%}
    #wooproduct .product{width: calc(50% - 10px);border-radius: 21px 21px 20px 20px;margin-bottom: 0px;}
    #wooproduct .woocommerce-loop-product__title{font-size:14px}
    #wooproduct .woocommerce-loop-product__short-text{font-size:14px}
    #wooproduct .price{font-size:14px}
    #wooproduct .product a.button{font-size:14px}
    #wooproduct .woocommerce-loop-product__title{margin-bottom:10px;margin-top:10px}
    .ev-filter-submit{font-size:15px;padding: 10px 20px;}
    .catalog-tabs__buttons{margin-bottom:0px}
    #wooproduct .catalog-tab-content.active {margin-top:20px}
    .woocommerce-ordering .orderby{height:34px;font-size:14px}
    body .pum-title{font-size:26px!important}
    .form-policy .wpcf7-list-item-label{font-size: 11px;}
    .product-categories__item{}
    .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{width:32px;height:32px;font-size:14px;border-radius:10px}
    .bg_form_zakaz_left{border-radius: 20px;padding:20px}
    .bg_form_zakaz_left .hhead{font-size:22px}
    .bg_form_zakaz_right{border-radius: 10px;padding:20px}
    #wooproduct h2{font-size:20px;line-height:1.4}
    #company .flex-stretch .block-right{display: initial;width: 100%;}
    #company .flex-stretch .block-left{background: none !important;padding: 0px!important}
}
@media (max-width: 650px) {
     .product-categories__item{width:100%}
}

@media (max-width: 480px) {
    #header .text{display: none}
    .woocommerce nav.woocommerce-pagination ul{gap:8px}
    .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{width:30px;height:30px;font-size:14px;border-radius:10px}
    #sliderpartner .partner {flex: 0 0 49%;}
    .hhead{font-size: 24px;margin-bottom: 20px;}
    #header .hhead{font-size: 28px;}

}
@media (max-width: 390px) {
    .woocommerce nav.woocommerce-pagination ul{gap:4px}
    .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{width:30px;height:30px;font-size:13px;border-radius:10px}
}

.mob-menu{left: 100%;position: fixed;top: 0px;z-index: 1000;width: 100%;height: 100%;opacity: 0.5;display: initial;transition: 0.4s;}
.mob-menu.mob-menu-active{left: 0px;opacity: 1;}
.mob-menu .bg{background: #fff;height: 100%;width: 100%}
.mob-menu .head{padding:16px;display:flex;align-content: center;justify-content: space-between;}
.mob-menu ul{padding:52px 16px 20px 16px;}
.mob-menu li{list-style:none;line-height:120%;padding: 14px 0;/* border-bottom:1px solid #D7DDE1; */display: flex;}
.mob-menu li a{font-size: 21px;text-decoration: none;border-bottom: 2px dotted;padding: 0 0 4px 0;color: var(--brown-black);}
.mob-menu li a:hover{border-color:#2E309400}
.mob-menu .burger-close{display:flex;cursor:pointer}
.mob-menu .contacts{position:absolute;bottom:0px;display:flex;padding: 16px 16px 32px 16px;width: calc(100% - 0px);justify-content: space-between;align-items: center;}
.mob-menu .phone{font-size:18px;line-height:140%;font-weight:500}
.mob-menu .button a{font-size:18px;line-height:140%;width:initial;padding:18px 12px}
.mob-menu .logo img{width:200px}


/* COOKIES */
.cookie-notice {
        position: fixed;
        left: auto;
        right: 20px;
        bottom: 20px;
        z-index: 99999;
        display: none;
        padding: 20px;
        background: var(--gray);
        box-shadow: 0px 6px 20px rgb(0 0 0 / 15%);
        max-width: 800px;
        border-radius: 10px;
        width: calc(100% - 40px);
    }
    .cookie-notice.is-visible {
        display: block;
    }
    .cookie-notice__content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .cookie-notice__text {
        color: var(--graphite);
        font-size: 13px;
        line-height: 1.3;
    }
    .cookie-notice__text a {
        color: var(--cyan);
        text-decoration: underline;
    }
  .cookie-notice__text a:hover{text-decoration:none}
    .cookie-notice__buttons {
        display: flex;
        flex-shrink: 0;
        gap: 10px;
    }
    .cookie-notice__button {
        min-height: 42px;
        padding: 10px 20px;
        border: 1px solid;
        border-color: var(--cyan);
        border-radius: 6px;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
        transition: 0.2s;
        }
    .cookie-notice__button:hover {background: var(--gray);color: var(--graphite);}
    .cookie-notice__button:active {transform: scale(0.98);}
    .cookie-notice__button--accept {color: #ffffff;background: var(--cyan);}
    .cookie-notice__button--reject {color: #ffffff;border-color: rgba(255, 255, 255, 0.5);background: transparent;}

    @media (max-width: 768px) {
        .cookie-notice__content {flex-direction: column;align-items: stretch;gap: 14px;}
        .cookie-notice__buttons {width: 100%;}
        .cookie-notice__button {flex: 1;}
    }






/* CART */
.woocommerce-checkout {
    --wc-border: #e2e8f0;
    --wc-bg-light: #ffffff;  
}

.woocommerce-checkout .col2-set {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .woocommerce-checkout .col2-set {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

.woocommerce-checkout h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--wc-border);
    color: var(--wc-text);
}


.woocommerce-checkout .form-row {
    margin-bottom: 20px;
}

.woocommerce-checkout label {
    display: block;
    margin-bottom: 6px;
}

.woocommerce-checkout label .optional {
    font-weight: 400;
    color: var(--wc-text-light);
    font-size: 0.85rem;
}

.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea.input-text {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--wc-border);
    border-radius: 8px;
    font-size: 1rem;
    background-color: #ffffff;
    transition: all 0.2s ease;
}

.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea.input-text:focus {
    outline: none;
    border-color: var(--wc-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.woocommerce-checkout textarea.input-text {
    min-height: 100px;
    resize: vertical;
}

/* CART */
.woocommerce-checkout .woocommerce-input-wrapper label.checkbox {
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
    color: var(--wc-text);
    display: flex;
    gap: 10px;
}
label.checkbox .required{display:none}
label.checkbox span{width: calc(100% - 28px)!important;display: inline-block;}

.woocommerce-checkout input.input-checkbox {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    accent-color: var(--wc-primary);
    cursor: pointer;
}

/* CART */
.woocommerce-checkout-review-order {
    background: var(--wc-bg-light);
    border-radius: 12px;
    padding: 24px;
    border: 1px solid var(--wc-border);
    position: sticky;
    top: 20px;
}

.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 12px 0;
    border-bottom: 1px solid var(--wc-border);
    text-align: left;
    vertical-align: top;
}

.woocommerce-checkout-review-order-table th {
    font-weight: 600;
    color: var(--wc-text-light);
    font-size: 0.95rem;
}

.woocommerce-checkout-review-order-table .product-quantity {
    color: var(--wc-text-light);
    font-weight: 400;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    border-bottom: none;
    font-size: 1.2rem;
    font-weight: 800;
    padding-top: 20px;
    color: var(--wc-text);
}

/* CART */
.woocommerce-checkout-payment {
    margin-top: 24px;
}

.wc_payment_methods {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.wc_payment_method {
    background: #ffffff;
    border: 1px solid var(--wc-border);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    transition: border-color 0.2s;
}

.wc_payment_method:hover {
    border-color: var(--wc-primary);
}

.wc_payment_method label {
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
}

.payment_box {
    margin-top: 12px;
    padding: 12px 0px;
    background: var(--wc-bg-light);
    border-radius: 6px;
    font-size: 0.9rem;
    color: var(--wc-text-light);
    border-left: 3px solid var(--wc-primary);
}

.payment_box p {margin: 0;}
.woocommerce-terms-and-conditions-wrapper {
    margin-bottom: 20px;
    font-size: 0.85rem;
    color: var(--wc-text-light);
    line-height: 1.5;
}

.woocommerce-terms-and-conditions-wrapper a {
    color: var(--wc-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.woocommerce-terms-and-conditions-wrapper a:hover {
    text-decoration: none;
}

.place-order .button.alt {
    width: 100%;
    background: var(--cyan);
    border: 1px solid;
    border-color: var(--cyan);
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1.5;
    transition: 0.2s;
    cursor: pointer;
}

.place-order .button.alt:hover {
    background: #2e309400;
    color: var(--cyan);
}

.place-order .button.alt:active {
    transform: translateY(0);
}

/* CART*/

.woocommerce-order {
    --wc-primary: #2563eb;
    --wc-success: #16a34a;
    --wc-bg-light: #f8fafc;
    --wc-border: #e2e8f0;
    --wc-text: #334155;
    --wc-text-light: #64748b;
    margin: 0 auto;
    padding: 20px 0;
}

.woocommerce-notice--success {
    background-color: #a9a7d8;
    border-left: 5px solid #2e3094;
    padding: 20px 24px;
    border-radius: 8px;
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #2e3094 !important;
}

.woocommerce-notice--success::before {
    content: "ÃƒÆ’Ã‚Â¢Ãƒâ€¦Ã¢â‚¬Å“ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: #2e3094;
    color: #fff;
    border-radius: 50%;
    font-size: 1rem;
    flex-shrink: 0;
}

.woocommerce-order-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    list-style: none;
    padding: 24px;
    margin: 0 0 40px 0;
    background: var(--wc-bg-light);
    border-radius: 12px;
    border: 1px solid var(--wc-border);
}

.woocommerce-order-overview li {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.95rem;
    color: var(--wc-text-light);
}

.woocommerce-order-overview li strong {
    font-size: 1.1rem;
    color: var(--wc-text);
    font-weight: 700;
}

.woocommerce-order-overview__total strong {
    color: var(--wc-primary);
    font-size: 1.3rem !important;
}
.woocommerce-order h2 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--wc-border);
    color: var(--wc-text);
}

.woocommerce-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--wc-border);
}

.woocommerce-table th,
.woocommerce-table td {
    padding: 16px;
    text-align: left;
    border-bottom: 1px solid var(--wc-border);
    vertical-align: top;
}

.woocommerce-table th {
    background-color: var(--wc-bg-light);
    font-weight: 600;
    color: var(--wc-text-light);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.woocommerce-table__product-name a {
    color: var(--wc-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

.woocommerce-table__product-name a:hover {
    text-decoration: underline;
}

.product-quantity {
    color: var(--wc-text-light);
    font-weight: 400;
    font-size: 0.9rem;
}

.woocommerce-table tfoot tr:last-child th,
.woocommerce-table tfoot tr:last-child td {
    border-bottom: none;
    font-weight: 800;
    font-size: 1.15rem;
    color: var(--wc-text);
    padding-top: 20px;
}

.woocommerce-table--custom-fields th {
    width: 35%;
    color: var(--wc-text);
    text-transform: none;
    font-weight: 600;
    font-size: 0.95rem;
    background-color: #fff;
}

.woocommerce-table--custom-fields td {
    color: var(--wc-text-light);
}

.woocommerce-customer-details {
    background: var(--wc-bg-light);
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--wc-border);
}

.woocommerce-customer-details address {
    font-style: normal;
    line-height: 1.8;
    color: var(--wc-text);
    margin-bottom: 0;
    font-size: 1rem;
}


@media (max-width: 768px) {
    .woocommerce-order-overview {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        padding: 16px;
    }
    .woocommerce-table th, .woocommerce-table td {padding: 12px;font-size: 0.9rem;}
}

@media (max-width: 480px) {
    .woocommerce-order-overview {grid-template-columns: 1fr;}
    .woocommerce-table {display: block;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
    .woocommerce-notice--success {font-size: 1rem;padding: 16px;}
}