@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');

html, body, button, input, select, textarea, .woocommerce, .woocommerce-page, .case-tabs-container, * {
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

body {
    background-color: #f8fafc !important;
    color: #1e293b;
    padding: 0px !important;
}

*:focus-visible{
	outline:none;
}

.custom-logo-link img{
	width:100px !important;
}

.ast-modern-checkout .woocommerce #payment ul.payment_methods div.payment_box{
	background-color: var(--ast-global-color-4) !important;
}

@media screen and (max-width:1024px){
	.ast-mobile-header-logo{
		width:40px !important;
	}
}

* {
    -webkit-tap-highlight-color: transparent;
}

.ast-payment-option-heading{
	display: none;
}

input.input-checkbox {
    accent-color: #2563eb;
}

ul.wc_payment_methods.payment_methods.methods {
    display: none;
}

.lesson-text video{
    max-width: 100%;
}

/* Скроллбары */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #94a3b8;
}

::-webkit-scrollbar-track {
    background: #f8fafc;
    border-radius: 6px;
}

html {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f8fafc;
}

body {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.ast-builder-layout-element.site-header-focus-item.ast-header-woo-cart{
	padding:0;
}

.ast-site-header-cart a.cart-container *{
	word-wrap: break-word;
}

#ast-hf-mobile-menu .ast-arrow-svg{
	width:16px !important;
	height:16px !important;
	margin:0px !important;
	top:-5px;
}
.sub-menu .ast-icon.icon-arrow{
	display:none !important;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:focus,button:focus {
  outline:none !important;
	border-style: none !important;
}
button{
	transition:all .3s;
}
#wcuf_alert_popup, .woocommerce-message, .woocommerce-info{
	border-radius:10px !important;
	overflow:hidden !important;
	box-shadow: 0px 0px 18px rgba(44, 106, 244, 0.2)
 !important;
	background:white !important;
}

.wcuf_upload_field_button.wcuf_upload_drag_and_drop_area {
    & svg{
        fill: var(--ast-global-color-0);
    }
    & span{
        color:#696969;
    }
}

#OpenComplModalBtn, #openModalBtn{
	flex: 0 30%;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu {
    text-align: center;
}


@media (min-width: 922px) {
    .ast-container {
        padding-left: 60px;
        padding-right: 60px;
    }
	
}



.woocommerce ul.products a {
    max-width: 50%; /* Укажите желаемую максимальную ширину блока */
    margin: 0 auto; /* Центрируем блок по горизонтали */
}.woocommerce-ordering {
    transition: box-shadow 0.3s ease; /* Переход на тень длительностью 0.3 секунды */
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2); /* Начальная тень */
}


.ast-icon.icon-cart{
  content: url('https://lab.nextaligners.ru/wp-content/uploads/2024/10/CART_bl.svg') !important;
}
.ast-icon.icon-cart{
	height:32px !important;
	aspect-ratio:1/1;
}

#phone_nummer img{
	width:30px !important;
	aspect-ratio:1/1;
}

.woocommerce-ordering:focus, /* Элемент в фокусе */
.woocommerce-ordering:hover { /* Элемент при наведении курсора */
    box-shadow: 0px 0px 10px rgb(164,141,255); /* Тень при активации или наведении курсора */
	
}
 
/*CHEKOUT*/
.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #ast-order-review-wrapper{
	width: 100% !important;
}
.woocommerce.woocommerce-checkout form #customer_details.col2-set, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set{
	width: 100%;

}
/*END CHEKOUT*/


.ast-woo-grid-orders-container{
	transition: all 0.5s ease-in-out;
}
.ast-woo-grid-orders-container:hover{
	 box-shadow: 0px 0px 10px rgb(166, 189, 199);
}

.woocommerce-table,.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents, .cart_totals, .shop_table, .input-text.wooccm-required-field, .woocommerce-error,.input-text{
	border-radius:10px !important;
	overflow:hidden !important;
	box-shadow: 0px 0px 8px rgba(74, 122, 143, 0.3)
 !important;
}
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details{
	border-radius:10px;
	overflow:hidden;
}
.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table,.wc_payment_methods.payment_methods.methods{
	transition: all 0.5s ease-in-out;
	border-radius:10px;
	 overflow: hidden;
	box-shadow: 0px 0px 10px rgba(74, 122, 143, 0.3)
;
}
#place_order{
	transition: 0.5s all ease-in-out;
}
.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table:hover{
	 box-shadow: 0px 0px 10px rgb(166, 189, 199);
}

.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tr td{
	border:0px;
}
.ast-order-summary > div:nth-child(2) {
    display: none;
}
.menu_toggle{
	background:none;
}

/* Hide billing address on order details section. */
.woocommerce-MyAccount-content .woocommerce-customer-details {
  display: none;
}
.main-header-menu.ast-menu-shadow.ast-nav-menu.ast-account-nav-menu{
	
}
@media screen and (max-width:1024px){
	#masthead{
		margin:0px;
		margin-bottom:0px !important;
	}
}

div#ast-mobile-header {
    margin-top: 0;
    margin: 0px 0px;
}

.ast-account-nav-menu .menu-item.menu-link{
	transition:all 3s ease-in-out;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
}
.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container:focus > * {
    outline:none !important;
}
a:focus {
  outline:none !important;
}

p#aligner_type_field {
    padding: 0;
}


#wcuf_file_uploads_container{
	display:flex;
	justify-content:space-between;
	text-align:center;
	flex-wrap:wrap;
}
.wcuf_upload_fields_row_element {
	margin:0 !important;
}
.wcuf_single_upload_field_container{
	margin-top: 20px;
	width:50%;
	border-radius: 10px 0 0 10px;
	
}
.wcuf_single_upload_field_container#upload_row_3 .wcuf_upload_fields_row_element{
	min-height:unset !important;
}

.wcuf_single_upload_field_container#upload_row_2{
	border-radius: 0 10px 10px 0;
}
@media screen and (max-width: 700px) {
    .wcuf_single_upload_field_container {
        width: 100%;
    }
	.my-account-links {
		margin: 0 auto;
		flex-basis:45% !important;
		transition: all 0.3s ease;
	}
	.wcuf_single_upload_field_container{
	border-radius:10px !important;
		 
}
	
.wcuf_summary_file_list_block{
	width: 100% !important;
 justify-content: center;
  align-content: center;
}
.wcuf_file_preview_list_item img{
	width: 20% !important;
}

	.modal-content {
 
  width: 100vw;
	}
	
	
	#box_btn{
		flex-direction:column;
		gap: 10px;
		margin-top:10px;
	}
	li.wcuf_file_preview_list_item{
		display: flex;
    flex-direction: column;
		
	}
}
		@media only screen and (max-width: 767px) {
 				/*start*/
    #download_table_1 .wcuf_file_preview_list_item {
        flex-basis: 48% !important;
    }
			#download_table_2 li.wcuf_file_preview_list_item {
    justify-content: center !important;
}
				/*end*/
}

.wd-my-account-links {
    display: flex;
	flex-wrap:wrap;
	gap:10px;
	transition:all .3s ease;
}
.wd-my-account-links i{
	font-size:25px;
}

.my-account-links {
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
    flex-basis: 30%;
		flex:1 0;
    border: 1px solid #e5e5e5;
	border-radius:20px;
    margin: 5px;
    background-color: #fff;
/*     box-shadow: 0px 0px 14px 0px rgba(122, 89, 255, 1); */
		transition:0.5s all ease-in-out;
}
.wd-my-account-links > div{
	flex-basis: 30%;
}
.my-account-links:hover {
	transition:0.3s all ease-in-out;
	transform:scale(1.05);
    border: 1px solid #2C6AF4;
    margin: 5px;   
}

.my-account-links a:hover {
	color:#2C6AF4;
	fill:#2C6AF4;
}

.my-account-links a {
		width:100%;
	text-align:center;
	 font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333;
	padding:20px 0 20px 0;
}

#plan_wrapper{
	display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    flex-direction: row;
}

div#box_btn {
    flex-wrap: nowrap;
	flex-direction:column;
    width: 25%;
    gap: 10px;
	    justify-content: start;
	order:-1;
}
div#box_btn button{
    flex-basis:100%;
}

@media (max-width: 768px) { /* Для планшетов и мобильных */
  div#box_btn {
    width: 100%; /* Занимает всю ширину на мобильных */
  }
}

.plan_row{
	width: 75%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
}

.plan_row:has(.prev){
    flex-direction:column;
    align-self:center;
    align-items:center !important;
    & .prev{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:0px;
        & img{
            border-radius:20px;
            max-width:150px;
        }
        & p{
            font-size:14px;
            margin:0;
        }
    }
}

.my-label{
	padding-bottom:20px;
}
.my-icon{
	width: 15%;
  display: block;
  margin: 0 auto;
  padding-top: 20px;
}
/* Перемещаем Uploads Summary ниже Order Details */
.woocommerce-page table.shop_table.woocommerce-checkout-review-order-table {
    order: 2;
}

.woocommerce-page .wcuf-uploads-summary {
    order: 3;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li strong{
	color:black;
}
.ast-site-header-cart a.cart-container * {
  transition: all 0.5s ease-in-out;
}
.ast-site-header-cart .ast-addon-cart-wrap i.astra-icon::after, .ast-theme-transparent-header .ast-site-header-cart .ast-addon-cart-wrap i.astra-icon::after {
  color: var(--ast-global-color-0);
  transition: all 0.5s ease-in-out !important;
}

.account-icon:hover path:first-child {
  fill: #2C6AF4 !important;
  transition: fill 0.5s ease-in-out;
}
.account-icon path:first-child{
	transition: fill 0.5s ease-in-out;
}

#astra-mobile-cart-drawer{
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.4);
}


#wcuf_summary_uploaded_files {
  display: flex;
  flex-wrap: wrap;
	margin:0 !important;
}

h2.wcuf_upload_summary_title {
	margin-top:0 !important;
  width: 100%;
}

.wcuf_summary_file_list_block{
	width: 50%;
  display: flex !important;
  flex-wrap: wrap;
	flex-direction: column;
 
}

.wcuf_file_preview_list{
	padding:0 !important;
	display: flex !important;
  justify-content: start;
  flex-wrap: wrap;
  width: 100%;
}
div.wcuf_already_uploaded_data_container.wcuf_file_preview_list{
	justify-content:center;
}
#wcuf_summary_uploaded_files li.wcuf_file_preview_list_item {
	width:100% !important;
  background: none !important;
  padding: 0px !important;
	max-width: 100% !important;
	display: flex;
	padding: 10px 0 10px 0 !important;
  text-align: center;
  flex-direction: column;
  flex-basis: 31%;
margin-bottom:0px;
  }
.wcuf_already_uploaded_data_container{
	border:none !important;
}
.wcuf_upload_fields_row_element{
		width: 100% !important;
}
.woocommerce-order-details__title {
  padding-top: 20px;
}
.woocommerce-orders-table th,td {
    text-align: center;
}

@media screen and (max-width:435px){
	p.wooccm-field.wooccm-type-radio {
		width: 100% !important;
	}
}

p#patient_name_field {
    padding: 0;
}

/* Стили для модального окна */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
	transition:all 1s ease-in-out;
}
.modal-content {
 background-color: #fff;
  width: 30vw;
    padding: 25px 20px 25px 20px;
  position: relative;
  flex-direction: column;
  display: flex;
  align-items: center;
	height: fit-content;
  align-self: center;
}
#user-review-field {
  resize: none;
}

.DG_form{
	width: 80%;
	display:flex;
	flex-direction:column;
	gap:20px;
	transition: all .5s;
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}

/* Стили для анимации модального окна */
.modal.show {

  animation: fadeIn 2s ease-in-out;
	transition:all 1s ease-in-out;
	display: flex;
  justify-content: center;
	z-index: 1000;
}

@keyframes fadeIn {
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}
.modal.out {
  animation: fadeInOut 2s ease-in-out;
}

@keyframes fadeInOut {
  from {
    opacity:1;
  }
  to {
    opacity:0;
  }
}
@media (max-width: 767px) {
    .modal-content {
        width: 90%; /* Ширина для мобильных 90% */
    }
}

#modal_btn{
	width:100%;
}


.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
	width:100%;
	display:flex !important;
	justify-content:center;
	border-bottom:1px solid black !important;
}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions:last-child {
	border-bottom:0px !important;
}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a{
	width:50%;
	display:flex !important;
	align-items:center;
	justify-content:center;
	align-self:center;
}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions:before{
	display:none !important;
}

.elementor-field-group.elementor-column.elementor-col-100 {
    text-align: center;
}


body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--create-new-order a .ahfb-svg-iconset svg path {
  
    d: path('M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z');
}

/* Скрыть название столбца в thead */
.woocommerce-orders-table thead th.status {
    display: none;
}

/* Установить ширину для колонки с восклицательным знаком */
.woocommerce-orders-table tbody td.order-status .status-exclamation {
    width: 20px; /* Задайте желаемую ширину */
}

/* Цвет для восклицательного знака */
.woocommerce-orders-table tbody td.order-status .status-exclamation:before {
    color: #9b51e0; /* Замените на нужный вам цвет */
}

.order-status-notification {
  font-size: 2em;
}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-notify {
  width: 1%;
}

.abtn.button {
  margin: 10px 0px 10px 0 !important;
}

#box_btn {
  width: 100%;
  display: flex;
	justify-content: space-evenly;
	flex-wrap:wrap;
}
.woo_table_thead{
background:rgba(0,0,0,0.03);
border: 1px solid var(--ast-border-color);"
}
.noborder td,th{
	border: 0 !important;
	border-width:0 !important;
}
.li.wcuf_file_preview_list_item{
	width: 100% !important;
	background:none !important;
}
img.wcuf_file_preview_list_item_image{
	display: !important;
}
.wcuf_alert_popup{
	border-radius: 20px;
  box-shadow: 0px 0px 10px rgb(164,141,255);
}
#upload_row_2 .wcuf_file_preview_list_item img{
	text-align:center;
}




#upload_row_3{
	width:100%;
	border-radius:10px;
} 
#download_table_1 .wcuf_file_preview_list_item img {
	 width: 100% !important;
    object-fit: cover;
    height: 100% !important;
	border-radius: 5px;
} 
#download_table_2 .wcuf_file_preview_list_item img {
	 width: 100% !important;
    object-fit: cover;
    height: 100% !important;
	border-radius: 5px;
} 

#download_table_3 .wcuf_file_preview_list_item img {
	 width: 100% !important;
    object-fit: cover;
    height: 100% !important;
	border-radius: 5px;
} 

#download_table_4 .wcuf_file_preview_list_item img {
	 width: 100% !important;
    object-fit: cover;
    height: 100% !important;
	border-radius: 5px;
} 
#download_table_1 .wcuf_preview_file_title{
	display:none;
}
#download_table_2 .wcuf_preview_file_title{
	display:none;
}

#download_table_3 .wcuf_preview_file_title{
	display:none;
}
#download_table_4 .wcuf_preview_file_title{
	display:none;
}
#download_table_1 img.wcuf_file_preview_list_item_image{
	 object-fit: cover;
	margin-bottom: auto;	
} 
#download_table_2 img.wcuf_file_preview_list_item_image{
	 object-fit: cover;
	margin-bottom: auto;	
} 

#download_table_3 img.wcuf_file_preview_list_item_image{
	 object-fit: cover;
	margin-bottom: auto;	
} 
#download_table_4 img.wcuf_file_preview_list_item_image{
	 object-fit: cover;
	margin-bottom: auto;	
} 
 .wcuf_file_preview_icon{
	max-width:60% !important;
	 align-self: center;
}

.wcuf_already_uploaded_data_container .wcuf_file_preview_list .wcuf_file_preview_list_item {
	 max-width: 170px;
	background:none;
}
.wcuf_already_uploaded_data_container:last-child .wcuf_file_preview_list {
	flex-direction:column;
}
#upload_row_2 .wcuf_file_preview_icon{
	max-width:100% ;
}
.wcuf_bar{
	transition: all .5s ease-in-out;
}


@media screen and (max-width:920px){
    div#wcuf_summary_uploaded_files {
        & .wcuf_upload_summary_title{
            margin-top: 30px !important;
        }
        & .wcuf_summary_file_list_block{
            padding:0;
        }

        & .wcuf_summary_file_list_block{
            .wcuf_upload_field_title.wcuf_summary_uploaded_files_title{
                margin:0;
            }
        }
    }
	
	table#info_patient {
    & th{
        width:20%;
        text-align:left;
    }
    & td{
        border-bottom-style:unset;
        text-align:start;
    }
}
}

table#info_patient {
    & th{
		width:20%;
        text-align:left;
    }
    & td{
		text-align:right;
        border-bottom-style:unset;
        text-align:start;
		border-style:unset;
    }
	border: 1px solid var(--ast-global-color-0);
}

@media screen and (max-width:920px){
	table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
   & td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-patient-photo {
         &:before{
             display:none;
         }      
       & a{
           width:fit-content;
       }
    }
}
}

@media screen and (min-width:1024px){
	td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-patient-photo {
		padding: 0 !important;
	}
}





#download_table_1 .wcuf_single_file_name_in_multiple_list{
	display: none;
}
#billing_wooccm10_field {
    width: 100%;
}
#billing_wooccm10{
	height: 20vh;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  .eael-lr-form-wrapper input[type="checkbox"] {
    --active: var(--ast-global-color-0);
}
	
	.dashicons-visibility::before {
  color: var(--ast-global-color-0);
		transition:all .5s ease;
}
	

	
	#slb_viewer_wrap .slb_theme_slb_default .slb_container {
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgb(164, 141, 255);
}
	
.download_small_button{
		padding:10px !important;
		margin:20px 0 !important;
	}
	
	.ast-modern-checkout .woocommerce #payment ul.payment_methods div.payment_box{
		background-color:unset;
	}
	
	.woocommerce .woocommerce-notices-wrapper{
		padding:0 !important;
	max-width:unset !important;
	}
	.page-id-14 #ast-mobile-header, .knowledge_base-template-default.single #ast-mobile-header{
		padding:0px 20px;
	}
	
	.checkout.woocommerce-checkout{
		padding:0px !important;
		max-width:unset !important;
	}

	
	.woocommerce-MyAccount-navigation-link--payment-methods svg {
	display:none;
	}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
	font-family: "Font Awesome 5 free";
	content:'\f09d';
	font-size:17px;
	}
	
	#stripe-payment-data fieldset, #stripe-card-element{
    border: 0px;
		margin: 10px 0;
	}
	#stripe-payment-data fieldset label{
		opacity:1;
		margin:0;
		padding:0;
	}
	
	#upload_row_1 .wcuf_file_preview_list .wcuf_file_preview_list_item, #upload_row_2 .wcuf_file_preview_list .wcuf_file_preview_list_item, #upload_row_3 .wcuf_file_preview_list .wcuf_file_preview_list_item{
		display: flex !important;
    flex-direction: column;
		padding:0 !important;
	}
	img.wcuf_file_preview_list_item_image {
		height: auto !important;
		width: 100% !important;
		
		border-radius: 0px;
		margin: 0;
		padding: 0;
	}
	
	.wcuf_image_preview_container {
		border-radius: 5px;
		overflow:hidden;
		min-height:120px;
		max-height:170px;
		width: 170px !important;
		height: 170px;
		width: fit-content;
		& img{
			width: 100% !important;
			height: 100% !important;
			object-fit: cover;
			margin-top:0 !important;
		}
	}
		
	.woocommerce-table__line-item.order_item{
		display:none;
	}
	#ast-apply-coupon{
		padding:20px;
		align-self:center;
		text-align:center;
		cursor:pointer;
	}
	.attachment-woocommerce_thumbnail{
		border-radius:5px;
	}
	
	

	


@media only screen and (max-width: 768px) {
    .product-item {
        flex-basis: 100%;
		margin-bottom: 10px !important;
    }
}
	.woocommerce-MyAccount-navigation-link{
		transition: all 0.3s ease;
		margin-bottom:10px;
	}
	.woocommerce-MyAccount-navigation-link:hover {
		transform: translateX(-5px);
	}
	
/* Стили для .WidgetBranding__ViralFrameContainer-sc-1kw6nk1-0 внутри iframe */
#hubspot-conversations-iframe .WidgetBranding__ViralFrameContainer-sc-1kw6nk1-0 {
    /* Ваши стили здесь */
    background-color: #f0f0f0;
    padding: 10px;
}

	@font-face {
    font-family: '29LTBukraSemiWide';
    src: url('https://lab.nextaligners.ru/wp-content/uploads/2024/01/29LTBukraSemiWide-SemiBold.ttf') format('truetype');
    font-weight: 600;
}
	.product-item a{
		width:100%;
	}
	
	
@font-face {
    font-family: 'Geometria';
    font-weight: 600;
}
	.product-row.additionals{
		display:grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.product-item.additionals .BottomBlock{
		min-height:unset;
	}
	
		@media (max-width: 1024px) {
  .product-row.additionals {
    grid-template-columns: 1fr 1fr !important;
	            margin-bottom: 40px;
			}
	}
	
	@media (max-width: 767px) {
		.product-row {
   flex-direction:column;
  }
  .product-row.additionals {
    grid-template-columns: 1fr !important;
  }
		.product-item.additionals{
				margin-bottom:10px !important;
		}
}

	
	
	
	#billing_order_select_field {
    width: 100%;
		order:20;
}
	
	
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-notify::before {
    content: attr(data-title) "" !important;
}

	span.select2-selection.select2-selection--single {
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0px 0px 8px rgba(166, 189, 199,0.3) !important;
}
	
	
	
	.al_box {
    background: none !important;
    font-family: 'Geometria', sans-serif !important;
    font-size: 25px !important;
		color: black;
}
	
	#existing_order_field, #existing_order_1622_field, #selected_jaw_field {
		
  padding: 0;
  width: 100%;
}

#selected_jaw_field {
	margin-top:7px;
}

.TopBlock.treatment-plans {
  background-image: url('https://lab.nextaligners.ru/wp-content/uploads/2024/03/TopBlock-product.png');
}

.woocommerce-orders-table__header-product-name,
.woocommerce-orders-table__header-product-name + .woocommerce-orders-table__header {
    width: 20%;
}

	.woocommerce-orders-table__header .nobr{
		color:#000000B3;
		font-weight:500;
	}
	
	h1.orders_headers_1{
		font-family:"Manrope",Manrope,sans-serif !important;

		font-size:25px;
	}
	
	
/* 	ПАГИНАЦИЯ */

.Pagination {
    text-align: center;	
}

.Pagination ul {
    list-style: none;
	padding-left: 0;
}

.Pagination ul li{
    display:inline;
}

.Pagination ul li .page-numbers {
    padding: 10px;
    background: var(--ast-global-color-0) !important;
    border-radius:5px;
    color:white;
    transition:all .5s;
	font-family: 'Manrope', sans-serif;
}

.Pagination ul li .page-numbers:hover {
    background: white !important;
    color:var(--ast-global-color-0);
    border:1px solid var(--ast-global-color-0);
    transition:all .5s;
}

.Pagination ul li .page-numbers.current {
    background: white !important;
    color:var(--ast-global-color-0);
    border:1px solid var(--ast-global-color-0);
    transition:all .5s;
}



/* END ПАГИНАЦИЯ */


@media screen and (max-width: 920px) {
    .woocommerce-order-details .product-item {
  width: 100% !important;
	}
		#post-15{
		margin-top:-80px;
	}
}

/*Shop таблица*/
		table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:first-child td:first-child  {
    background: white !important;
    color: black;
		border-top-left-radius:20px !important;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:first-child td:last-child  {
    background: white !important;
    color: black;
    border-top-right-radius: 20px !important;
}
	
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
	border-radius:20px !important;
	}	
	table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table thead{
	background:#F6F6F6;
	}	
	
			table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:last-child td:first-child  {
    background: white !important;
    color: black;
		border-bottom-left-radius:20px !important;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:last-child td:last-child  {
    background: white !important;
    color: black;
    border-bottom-right-radius: 20px !important;
}
	
/* Применить стили ко всем td, кроме первого и последнего в первой строке */
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:first-child td:not(:first-child):not(:last-child),table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:last-child td:not(:first-child):not(:last-child),table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:nth-child(2) td {
    background:#ffffff;
}

	table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:not(:first-child):not(:last-child) td {
    /* Стили для всех остальных ячеек */
    background: #ffffff;
}

	td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
    display: table-cell !important;
		width:10%;
		vertical-align: middle;
}
		td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a{
    display: table-cell !important;
}
	
	
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
    background: #F6F6F6;
    padding: 10px;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table thead {
    color: rgba(0, 0, 0, 0.3); !important;
}

	@media screen and (max-width: 920px){
		table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:first-child td:first-child{
		width:100%;
			border-top-right-radius:20px;
		}
		
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr td:first-child{
		width:100%;
			border-radius:0px;
		}		

		table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:last-child td:first-child{
		border-bottom-left-radius:0px !important;
			
		}	
		table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody tr:last-child td:last-child{
		border-bottom-left-radius:20px !important;
			
		}	
		
		
		
			td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
    display: table-cell !important;
		width:10%;
		vertical-align: middle;
}
		td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a{
    display:flex !important;
			width:100%;
}
		
	}
	
	
@media screen and (max-width:1024px){
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody .woocommerce-orders-table__row {
    border-radius:20px;
    box-shadow: 0px 0px 10px rgba(74, 122, 143, 0.3);
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody {
    display:flex;
    flex-direction:column;
    gap:20px;
	background:white;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table{
    padding:0px;
}

td.woocommerce-orders-table__cell {
    background: none !important;
}


table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
    border:none;
    box-shadow:none !important;
    overflow:visible !important;
}
	
	.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions:last-child{    
    border-radius: 20px !important;
}

}
	
	
	.modal-content.woocommerce-table {
    width: 60%;
}

#user-review-field {
    height: 40vh;
}
	@media screen and (min-width:1024px){
	table.woocommerce-orders-table{
		font-size:16px !important;
		font-family:"Manrope",sans-serif;
	}
}


@media screen and (max-width: 921px) {
	
	.woocommerce-orders-table .woocommerce-orders-table__cell{
        display: flex !important;
        justify-content: space-between !important;
    }
	
}
/*Shop таблица END*/
	
	#thead_order_table{
		display:table-header-group !important;
	}

	@media screen(max-width:800px){
		#thead_order_table{
		display:unset;
	}
	}

	textarea#billing_wooccm10{
		resize: vertical;
	}
	p#billing_wooccm9_field {
    width: 100%;
}
	
	.inline-name {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
	
	.woocommerce-MyAccount-content .wcuf_already_uploaded_data_container{
		display:none !important;
	}
	
	
		ol.commentlist.notes li:first-child::marker{
		  color: var(--ast-global-color-0);
	} 
	
	ol.commentlist.notes li:first-child p.meta{
		 color: var(--ast-global-color-0); 
	}
	
		.woocommerce-OrderUpdates.commentlist.notes{
		height: 30vh;
    overflow-y: auto;
    overflow: auto;
	}
	
	
	
	.woocommerce-checkout.woocommerce-order-received .woocommerce-order{
		max-width:1200px !important;
	}
	
	#step{
		max-width:unset;
		max-height:unset;
	}
	
	#step_field,#jaw_field{
		padding:0px;
		margin-top:10px;
	}
	
	
	#footer_copy{
		font-family: "Manrope";
		font-weight:600;
		font-size: 26px;
		color:#2C6AF4;
	}
	
	
	
	
	@media screen and (max-width:767px){
		#colophon{
			padding:0 !important;
			
			& .site-below-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-3-equal.ast-builder-grid-row-tablet-3-equal.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-inline{
				min-height:50px !important;
			}
		}
		.ast-builder-footer-grid-columns.site-below-footer-inner-wrap.ast-builder-grid-row {
			display:flex !important;
			flex-wrap:wrap;
			justify-content:space-between;
			
		& .site-footer-below-section-1{
			display:flex;
            
			width: fit-content;
        }
		& .site-footer-below-section-2{
			display:flex;
				
			width: fit-content;
		}		
        & .site-footer-below-section-3{
            display:none;
        }
		
		
		
    }
	.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row{
			    padding-right: 15px;
				padding-left: 15px;
		}
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row{
	padding-right: 0px;
	padding-left: 0px;
}

.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
	text-align: left;
}

/* 	Окно для мой аккаунт */
	
	.My-account__wrapper{
width: 100%;
max-width:unset !important;
display: flex;
gap: 40px;
margin: 0px !important;
flex-wrap:nowrap;
		min-height:calc(100vh - 130px);
}
	

	
	.ast-builder-footer-grid-columns.site-below-footer-inner-wrap.ast-builder-grid-row{
		grid-column-gap:10px !important;
}
	
	.site-footer-below-section-2.site-footer-section.site-footer-section-2{
		white-space:nowrap;
	}
@media screen and (max-width: 920px) {
    .My-account__wrapper {
        flex-direction: column;
    }
	#footer_copy{
				font-size:12px;
			}

    .My-account__sidebar {
        width: 100% !important;
    }

    .My-account__main-content {
        width: 100% !important;
    }
}

/* Медиа-запросы для мобильных устройств */
@media (max-width: 768px) {
    .My-account__wrapper {
        flex-direction: column;
    }

    .My-account__sidebar {
        width: 100% !important;
    }

    .My-account__main-content {
        width: 100% !important;
    }
}


/* ── CLICKaligners My-account & Sidebar Styles (Screenshot 2) ── */
.click-top-header-bar {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    padding: 14px 30px;
    width: 100%;
    box-sizing: border-box;
}

.click-top-header-container {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.click-header-logo-link {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    text-decoration: none !important;
}

.click-logo-bold {
    font-family: 'Manrope', sans-serif !important;
    font-size: 26px;
    font-weight: 800;
    color: #1e293b;
    letter-spacing: -0.5px;
    line-height: 1;
}

.click-logo-sub {
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    color: #475569;
    line-height: 1;
}

.click-header-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.click-patient-counter-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 6px 14px;
    border-radius: 12px;
}

.click-counter-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #475569;
}

.click-counter-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.click-counter-label {
    font-size: 11px;
    color: #64748b;
    font-weight: 500;
}

.click-counter-value {
    font-size: 13px;
    color: #0f172a;
    font-weight: 700;
}

.click-header-user-profile {
    display: flex;
    align-items: center;
}

.click-user-profile-link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
    color: #1e293b;
}

.click-user-avatar-wrap {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

.click-user-avatar-wrap img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.click-user-star-badge {
    position: absolute;
    bottom: -2px;
    right: -2px;
    background: #f59e0b;
    color: #ffffff;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ffffff;
    line-height: 1;
}

.click-user-name {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
}

.click-chevron-icon {
    color: #64748b;
}

/* Wrapper Layout */
.My-account__wrapper {
    display: flex;
    gap: 28px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 24px 30px 60px 30px;
    box-sizing: border-box;
}

.My-account__sidebar {
    display: flex;
    flex-direction: column;
    width: 220px;
    min-width: 200px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 12px 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
    align-self: flex-start;
}

.My-account__main-content {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
}

.My-account__main-content .woocommerce-MyAccount-content {
    width: 100% !important;
}

.woocommerce-MyAccount-navigation {
    position: sticky;
    top: 20px;
}

.My-account__sidebar nav.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

li.woocommerce-MyAccount-navigation-link {
    position: relative;
    border-radius: 10px;
    transition: all 0.2s ease;
    overflow: hidden;
}

li.woocommerce-MyAccount-navigation-link a {
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 11px 16px !important;
    font-size: 14.5px;
    font-weight: 500;
    color: #475569 !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

li.woocommerce-MyAccount-navigation-link svg,
li.woocommerce-MyAccount-navigation-link i {
    color: #94a3b8;
    stroke: #94a3b8;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

li.woocommerce-MyAccount-navigation-link:hover {
    background: #f8fafc;
}

li.woocommerce-MyAccount-navigation-link:hover a {
    color: #0f172a !important;
}

li.woocommerce-MyAccount-navigation-link:hover svg,
li.woocommerce-MyAccount-navigation-link:hover i {
    color: #2563eb;
    stroke: #2563eb;
}

/* Active navigation item with blue vertical indicator bar matching Screenshot 2 */
li.woocommerce-MyAccount-navigation-link.is-active {
    background: #ffffff !important;
}

li.woocommerce-MyAccount-navigation-link.is-active a {
    color: #0f172a !important;
    font-weight: 700 !important;
}

li.woocommerce-MyAccount-navigation-link.is-active svg,
li.woocommerce-MyAccount-navigation-link.is-active i {
    color: #2563eb !important;
    stroke: #2563eb !important;
}

li.woocommerce-MyAccount-navigation-link.is-active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3.5px;
    background: #2563eb;
    border-radius: 0 4px 4px 0;
}
	
	
	table.aligners_price {
    border-top: 1px solid var(--ast-global-color-0) !important;
    border-bottom: 1px solid var(--ast-global-color-0) !important;
    border-right: 0px !important;
    border-left: 0px !important;
	}
	
	
	
	
	table.aligners_price td{
		border:none;
	}
	table.aligners_price tr:first-child td{
		border-bottom:1px solid var(--ast-global-color-0) !important;
	}
	
	table.aligners_price tr:first-child td:first-child{
		text-align:left;
	}
	
	table.aligners_price{
		font-family: "Manrope", sans-serif;
		font-weight:500;
	}
	
	.product-item.additionals * {
    width: 100%;
}
	div.avatar-files{
		display: flex;
	}
	
	#avatar-preview img {
    max-width: 100px;
}

	.avatar-preview img{
		z-index:1;
	}
	
.avatar-preview {
    position: relative;
    min-width: 100px;
    min-height: 100px;
    padding: 0;
    display: flex
;
    place-content: center;
    flex-wrap: wrap;
    font-size: 35px;
	color: var(--ast-global-color-0);
}

.avatar-preview::before,
.avatar-preview::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 3px solid #2c6af4;
}

.avatar-preview::before {
  top: 00px;
  left: 00px;
  border-right: none;
  border-bottom: none;
}

.avatar-preview::after {
  bottom: 00px;
  right: 00px;
  border-left: none;
  border-top: none;
}

	
	.user-avatar-upload-button{
		color: var(--ast-global-color-4) !important;
    border-color: var(--ast-global-color-0);
    background-color: var(--ast-global-color-0);
    padding:10px 20px !important;
		border-radius:36px;
    font-family: 'Manrope', sans-serif;
		    margin-top: auto !important;
    font-weight: 500 !important;
		font-size:16px !important;
		line-height: 1em !important;
		pointer-events:all !important;
		cursor:pointer !important;
	}
	
	div.avatar-files.form-row label {
    position: relative !important;
    opacity: 1 !important;
}
		div.avatar-files .column {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
} 
	
	.ast-header-account-type-avatar .avatar{
		width:30px !important;
		border-radius: 20px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
	}
	
	

	#masthead{
		margin-bottom:30px;
	}

	
		#additional_wooccm11_field label,#additional_wooccm12_field label, #additional_wooccm14_field label, #additional_wooccm15_field label{
		position:relative;
		
	}
	
	
	
	
	.wcuf_upload_fields_row_element{
		min-height:0px;
	}
	.wcuf_upload_fields_row_element{
		display:flex !important;
		flex-direction:column;
	}
	
	/*.wcuf_upload_fields_row_element .wcuf_upload_button_container{
		margin-top:auto !important;
	}*/	
	
	body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row label:not(.checkbox):not(.woocommerce-form__label-for-checkbox){
		text-overflow:unset !important;
	}
	
	
figure.wp-block-video {
    border-radius: 20px;
    overflow: hidden;
}

.wp-block-video video {
    display: block;
    width: 100%;
    height: auto;
}

	
	/*knowledge-base - EXT*/
	/* Скрываем кнопки по умолчанию */
	.clin_func_container {
		display:flex;
		flex-direction:column;
		position:relative;
	}
.clin_func_container .additional-buttons {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    margin-top: 10px; /* Расстояние между кнопкой и скрытыми кнопками */
}

/* Показываем кнопки при наведении на родительский контейнер */
.clin_func_container:hover .additional-buttons {
    display: flex;
	flex-direction:row;
	position:absolute;
    opacity: 1;
	top:100%;
	left:-50%;
	width:240%;
	gap:20px;
}

/* Стили для кнопок */
.additional-btn {
   
}

	.category-filter.active, 
	.tag-filter{
			cursor:pointer;
	}
	
.category-filter.active{
	background-color: var(--ast-global-color-4);
    color: var(--ast-global-color-0);
    border-color: #003954;
	cursor:pointer;
    transform: translateY(2px); /* Эффект нажатия вниз */
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
} 

.lessons-excerpt-block {
    font-size:13px;
    line-height:16px;
    color:black;
    font-weight:400;
}

a.post.grey:has(.lessons-excerpt-block){
    justify-content:start !important;
    & h2{
        margin-bottom:5px;
    }
    & .author_data{
        margin-top:auto;
    }
}
	
	/*END knowledge-base - EXT*/
	
	/*clinical-examples*/
	.clinical_examples_finals{
		background:#F6F6F6;
		border-radius:0px 0px 30px 30px;
		padding: 80px 80px 60px 30px;
	}
	
	.acf-gallery {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
	.acf-gallery a{
		width:25%;
}
	
	.acf-gallery-with-thumbnails {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
		position: sticky;
        top: 70px;
}

.acf-gallery-with-thumbnails .main-image {
	display: flex;
justify-content: center;
width: 100%;
text-align: center;
border-radius: 10px;
}
	
	

.acf-gallery-with-thumbnails .main-image img {
		max-width: 100%;
object-fit: contain;
width: auto;
height: auto;
object-fit: contain;
max-height: 100%;
	border-radius: 15px;
}
	.acf-gallery-with-thumbnails .iframe-wrapper{
		width: 100%;
	}
	
	.acf-gallery-with-thumbnails .iframe-wrapper iframe{
		border-radius:15px;
		overflow:hidden;
	}
	
.acf-gallery-with-thumbnails .thumbnails {
    display: grid
;
        grid-template-columns: repeat(6, 1fr);
    gap: 6px;
    justify-content: center;
	width:100%;
}

.acf-gallery-with-thumbnails .thumbnail {
    cursor: pointer;
    border-radius: 10px;
    object-fit: cover;
	transition:all .5s;
}
	
	.acf-gallery-with-thumbnails .thumbnail.active{
		filter: grayscale(100%);
    opacity: 0.7;
		transition:all .5s;
	}

.acf-gallery-with-thumbnails .thumbnail:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		transition:all .5s;
}

	.thumbnail.iframe-thumbnail {
		border:1px solid var(--ast-global-color-0);
		place-content: center;
    flex-wrap: wrap;
		color:var(--ast-global-color-0);
		background: linear-gradient(28deg, white, #B7D3FE);
}
	
	.acf-gallery-with-thumbnails .thumbnails .thumbnail{
        aspect-ratio: 4/3;
		width: 100%;
	}
	.acf-gallery-with-thumbnails .iframe-thumbnail{
		
	}
	
	.Correction_block {
    padding: 30px 88px 110px 30px;
		background:var(--ast-global-color-0);
		border-radius:30px;
		color:#fff;
		margin-bottom: -30px;
        position: relative;
        z-index: 3;
    display:flex;
		flex-wrap:wrap;
}
	.Correction_block h2{
		color:#fff;
		font-size:40px;
		width:100%;
		margin-bottom:20px;
	}
	
	.Base_block h2{
		color:var(--ast-global-color-0);
		font-size:40px;
		width:100%;
		margin-bottom:20px;
	}
	
	.Correction_block img{
		
		width:29px;
	}
	
	.Correction_block__text, .Base_block__text{
		width:50%;
		padding: 0px 35px 0px 0px;
}

	.Correction_block__gallery{
		width:50%;
		padding: 0px 0px 0px 87px;
	}
	
	.Base_block{
		padding: 30px 88px 30px 30px;
		background:#F6F6F6;
		border-radius:30px;
		color:#000;
		margin-bottom: 0px;
        position: relative;
        z-index: 3;
    display:flex;
		flex-wrap:wrap;
	}
	
	.post-hashtag:hover {
  padding: 5px 10px;
  background: var(--ast-global-color-0);
  color: #fff !important;
  border-radius: 20px;
}
	
	.Base_block .Base_head{
		width:100%;
		font-size:40px;
		margin-bottom:20px;
		i{
			font-size:30px;
		}
	}
	
	.clinical_final_text p {
    font-size: 15px;
    font-weight: 500;
}
	
	a.knowledge-base-card.filter-card {
    background: url(https://lab.nextaligners.ru/wp-content/uploads/2025/01/card-bg.png);
    background-position: center;
    background-size: cover;
    border-radius: 20px;
		max-height: 177px;
}
	
	.knowledge-base-card.filter-card .card-top{
		place-content:center;
	}
	
		.knowledge-base-card.filter-card .card-content{
		text-align:center;
			align-self: center;
	}
	
	.knowledge-base-card.filter-card p{
		padding:unset;
	}
	
	@media (max-width: 1024px){
		.Correction_block__text,.Correction_block__gallery, .Base_block__text {
        width: 100%;
			            padding: 0;
    }
		
		.Correction_block, .Base_block{
			padding:30px 30px 110px 30px;
		}
		
		.Base_block h2, .Correction_block h2{
			font-size:25px !important;
		}
	
	}
	
	@media screen and (max-width:768px){
.acf-gallery-with-thumbnails .thumbnails {
        grid-template-columns: repeat(4, 1fr);
    }
}


.add_information_block__text {
    width:100%;
    display:flex;
    flex-wrap:wrap;
	margin-top:20px;
	& .Base_head{
		font-size:25px;
	}
}
	
	/*END clinical-examples*/
	
	/*NEWS & Updates START*/
	
	.news-posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.news-post {
    display: flex;
    align-items: flex-start;
    padding: 10px;
    border-radius: 20px;
    background-color: #F6F6F6;
	min-height:120px;
	
}

.news-post-thumbnail img {
	aspect-ratio:1 / 1;
	object-fit:cover;
    max-width: 100px;
    margin-right: 20px;
	border-radius:12px;
	width: auto;
}

.news-post-content {
    flex: 1;
	overflow: hidden;
}

.news-post-content h3 a{
    margin-top: 0px;
		color: black !important;
	font-size:17px;
	font-family:"Manrope",sans-serif;
	font-weight:500;
}
	.news-post-content h3 a:hover{
    color:#2C6AF4 !important;
}
	.news-post-content h3{
    margin-bottom:0px;
}
	.news-post-content{
		display:flex;
		flex-direction:column;
		gap:0px;
		justify-content: space-between;
		min-height:100px;
		
	}
.news-post-content .news-post-date {
    color: #777;
    font-size: 0.9em;
	margin-top:auto;
}

.news-post-content .news-post-excerpt {
 text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
	overflow:hidden;
	margin-top:5px;
}

@media screen and (min-width:1024px){
    .ast-header-html.inner-link-style-.mobile {
        display:none;
    }
}

@media screen and (max-width:768px){
	.news-post-content .news-post-excerpt{
		width: 100%;
	}
}
	
	
		.woocommerce-order-details .wcuf_order_details_ajax_container{
		display:flex !important;
		flex-wrap:wrap;
	}
	
	.woocommerce-order-details #wcuf_summary_uploaded_files{
		order:1 !important;
		
	}
	
	.woocommerce-order-details .wcuf_order_details_ajax_container #wcuf_file_uploads_container{
		display:flex !important;
		flex-direction:row !important;
		flex-wrap:nowrap !important;
		order:2 !important;
	}
	
	.woocommerce-order-details .wcuf_order_details_ajax_container #wcuf_file_uploads_container #wcuf_upload_field_container_0{
		margin-bottom:0;
	}
	
	
		.woocommerce-order-details #wcuf_upload_field_container_2 .wcuf_upload_fields_row_element .wcuf_upload_field_button, .woocommerce-order-details #wcuf_upload_field_container_0 .wcuf_upload_fields_row_element .wcuf_upload_field_button{
		margin-top:auto !important;
	}
	
		.woocommerce-order-details #wcuf_upload_field_container_2 .wcuf_upload_fields_row_element, .woocommerce-order-details #wcuf_upload_field_container_0 .wcuf_upload_fields_row_element{
		min-height:450px;
	}
	
	@media screen and (max-width:720px){
		.woocommerce-order-details .wcuf_order_details_ajax_container #wcuf_file_uploads_container{
			flex-wrap:wrap !important;
		}
	}
	
	
	div#upload_row_2 .wcuf_upload_fields_row_element {
    height: 100%;
}
	
	#wcuf_upload_field_button_2{
		margin-top:auto;
	}
	
	/*Single Prod*/
	.product-container{
		display:flex;
		flex-direction:row;
		gap:20px;
	}
	.product-container .woocommerce-product-gallery{
		width:30%;
		aspect-ratio:4/3;
		align-self: flex-start;
		display:flex;
		flex-direction:column;
		justify-content: center;
        align-items: center;
		border:2px solid var(--ast-global-color-0);
		padding:20px;
		border-radius:30px;
	}
	.product-container .product-description{
		flex:1;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
	}
	.product-container .button{
		width:fit-content;
	}
	
	@media screen and (max-width: 720px){
		.product-container{
			flex-direction:column;
		}
		.product-container div{
				width:100% !important;
			}
	}
	
	
	/*GALLERY*/
	
	.product-container {
    margin: 0 auto;
}

.woocommerce-product-gallery__main-image {
    max-width: 500px;
    margin: 0 auto;
	display:flex;
	align-content:center;
	height: 100%;
}

.woocommerce-product-gallery__main-image img {
    width: auto;
        height: 100%;
    border-radius: 5px;
    transition: opacity 0.3s;
		object-fit:contain;
	align-self:center;
}

.image-navigation {
	position:relative;
	top:10px;
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
}

.image-navigation .dot {
    width: 12px;
    height: 12px;
    background-image:url('https://lab.nextaligners.ru/wp-content/uploads/2024/10/radio.svg');
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
	filter: grayscale(100%);
}

.image-navigation .dot.active {
    scale:1.3;
	transition:all ease .5s;
	background-image:url('https://lab.nextaligners.ru/wp-content/uploads/2024/10/radio.svg');
	filter: grayscale(0%);
}
	/*END GALLERY*/
	
	#toggle-description{
		background:none;
		color:black;
		text-decoration:underline;
		text-underline-offset: 3px;
		padding-inline:0px;
		margin:0px;
		
	}
	#description{
		font-family:"Manrope",sans-serif ;
		font-size:16px;
		font-weight:400;
		& .button{
			margin-top:10px;
			font-family:"Manrope",sans-serif !important;
		}
	}
	#description.collapsed {
    display: -webkit-box;
    -webkit-line-clamp: 7; /* Отображаем первые 4 строки */
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height:5 em;
		margin-bottom:0;
}

#description.expanded {
    max-height: unset;
	margin-bottom:0;
}
	
	

@media screen and (max-width:721px){
    .product-container .product-description a.button.mobile {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

   .woocommerce-MyAccount-content .header_with_buy a{
       display:none;
   }
}

@media screen and (min-width:721px){
    .product-container .product-description a.button.mobile {
        display:none;
    }
}

.header_with_buy {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
	& .button{
		font-family:"Manrope",sans-serif ;
	}
}

.header_with_buy h2{
    margin:0px !important;
}
	
	
	.product-container .product-description{
		justify-content:unset !important;
	}

	
	.product-container .woocommerce-product-gallery{
		display:flex;
		flex-direction:column;
	}
	
	@media  screen and (min-width:528px) and (max-width:720px){
		.product-container .woocommerce-product-gallery{
			aspect-ratio:0 !important;
		}
	}
	/*END Single Prod*/
	
	@media screen and (min-width: 1024px){
	.ast-page-builder-template .entry-content[ast-blocks-layout] > .inherit-container-width > *, .ast-page-builder-template .entry-content[ast-blocks-layout] > * > *, .entry-content[ast-blocks-layout] > .wp-block-cover .wp-block-cover__inner-container{
		max-width:unset;
	}
	
	article.post-14 .woocommerce{
		padding-left:40px;
		padding-right:40px;
	}
}
	
	
	p.order-again{
		display:none;
	}
	
	
		/* Изначальные стили для диалога */
	.past-job  button {
		background:none;
		color:var(--ast-global-color-0);
    margin: 5px;
    padding: 0;
	}
	
	.past-job button i{
		transition:all .3s;
	}
	
	.past-job button:hover i{
		color:#EDEDED;
		transition:all .3s;
	}
	
	#add-job{
		margin:10px 0px;
	}
	

dialog {
  transition: display 1s allow-discrete, overlay 1s allow-discrete, opacity 1s;
  opacity: 0;
	border:3px solid var(--ast-global-color-0);
	border-radius:15px;
	min-width:50%;
	padding:20px;

  &[open] {
    opacity: 1;

    @starting-style {
      opacity: 0;
    }
  }
}
	dialog::backdrop{
		background-color: rgba(0, 0, 0, 0.6);
	}
	
	dialog#job-dialog #job-form {
    display: flex
;
    flex-direction: column;
    min-width: 45%;
    gap: 10px;
		
		.button-row{
			display:flex;
			flex-direction:row;
			justify-content:center;
			gap:10px;
		}
}
	
	#job-form button{
		
		padding: 10px;
    aspect-ratio: 1 / 1;
    width: 40px;
	}
	
	/*TOOLTIP*/
	/* Стили для контейнера тултипа */
.tooltip-container {
    position: relative;
    display: inline-block;
}

/* Стили для текста тултипа */
.tooltip-content {
    position: absolute;
    bottom: 100%; /* Позиционирование тултипа над элементом */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0; /* Начальная прозрачность */
    visibility: hidden; /* Скрыт по умолчанию */
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
}

/* Треугольник под тултипом */
/* Стили для контейнера иконки */
.tooltip-icon-container {
    position: relative;
    display: inline-block;
    margin-left: 8px; /* Отступ от текста */
    cursor: pointer;
}

/* Стили для иконки */
.tooltip-icon-container i {
    color: #0073aa; /* Цвет иконки */
    font-size: 16px; /* Размер иконки */
	&:before{
		aspect-ratio: 1 / 1;
		padding: 2px;
		background: var(--ast-global-color-0);
		width: 25px;
		display: flex;
		border-radius: 100px;
		color: white;
		align-self: center;
		margin: 0;
		padding: 0;
		justify-content: center;
		align-items: center;
	}
}

.tippy-box[data-theme="image-tooltip"] {
    & .tippy-content{    
        padding:20px;
        min-width: 500px;
        display:flex;
        flex-direction:column;
        gap:20px;
        & a{
            padding:10px;
            background:var(--ast-global-color-0);
            border-radius:99px;
            color: var(--ast-global-color-5) ;
            &:hover{
                background:var(--ast-global-color-5);
                color: var(--ast-global-color-0) ;
            }
        }
        & .photos{
           display:grid;
            grid-template-columns:1fr 1fr 1fr;
            gap:20px;
          & img{
              aspect-ratio: 1/1;
              width:100%;
              height:auto;
              object-fit:cover;
          }  
        }
    }   
}

/* Стили для тултипа */
	.wcuf_upload_fields_row_element, .wcuf_checkout_ajax_container{
		overflow: visible !important;
	}
	
.tooltip-content {
    position: absolute;
    bottom: 100%; /* Позиционирование тултипа над иконкой */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0; /* Начальная прозрачность */
    visibility: hidden; /* Скрыт по умолчанию */
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
	
}



/* Треугольник под тултипом */
.tooltip-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}
	/*END TOOLTIP*/
	
	.knowledge-base-content {
    width: 100% !important;
    margin: 0 auto;
}
	
	.knowledge-base-content-crop{
		max-width:720px;
		margin: 0 auto;
	}



/*Прайсы*/
.materials-pricing-container{
	display: flex;
	flex-direction: column;
	gap:20px;
}

.pricing-table {
        display: grid;
		grid-template-columns: repeat(auto-fill, minmax(40px, 75px));
		justify-content:space-between;
		gap:20px;
}

@media screen and (min-width:1299px){
    .pricing-table {
        display:flex;
        gap:20px;
        justify-content:start;
    }

    .material-section{
        width:fit-content;
    }
}



.pricing-header {
    display: none;
}

.pricing-row {
    width: fit-content;
}

.aligners-pricing-table {
    display: grid;
    grid-auto-flow: column;
}

.table-row{
	display: flex;
	flex-direction: column;
}


ul.material-item-list {
    margin: 0;
    padding: 0;
    list-style-type: disc;
}

span.material-name {
    font-size: 14px;
    font-weight: 500;
}

li.material-item::marker{
	color: var(--ast-global-color-0);
    font-size: 13px;
}

.material-section{
	border: 1px var(--ast-global-color-0) solid;
    padding: 15px;
    border-radius: 20px;
}

.material-section .table-row{
	font-size: 14px;
	font-weight: 500;
	& .count{
		color:#00000080;
	}
	& .prod-price{

	}
}


/*END Прайсы*/

/* Стили для базы знаний */
.container.page-knowledge-base, #clinical-examples-list .post{
	& h2{
		font-family:"Manrope", sans-serif;
		font-size:18px;
	}
}

.page-knowledge-base h2.title-40.text-black.title{
	font-size:25px !important;
	margin:0;
}

.clinical-examples-tags{
	width:100%;
	gap:10px;
	margin:10px 0px;
	display:flex;
	gap: 5px 10px;
    flex-wrap: wrap;
	& .tag-filter{
		color:black;
		background:unset;
		border:1px solid black;
		border-radius:109px;
		padding: 4px 10px;
		&.active{
			color:white;
			background:var(--ast-global-color-0);
			border:1px solid var(--ast-global-color-0);
		}
		
		&:hover{
			color:white;
			background:var(--ast-global-color-0);
			border:1px solid var(--ast-global-color-0);
		}
	
	}
}

details.filter_button{
	transition: height 0.3s ease;
}

details.filter_button > summary{
    border-radius:109px;
    border:1px solid black;
    width:fit-content;
    padding:10px 20px;
    transition:all ease .2s;
	cursor: pointer;
	line-height: 1em;
}

details.filter_button[open] > summary{
    background:var(--ast-global-color-0);
    color:white;
    border-color:var(--ast-global-color-0);
    transition:all ease .2s;
	cursor: pointer;
}


.category-selector{
	margin-top:20px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:start;
	gap:5px;
}

.category-selector button, a.clinical-button, .category-filter{
	border-radius:106px !important;
	font-size:14.5px !important;
	font-weight:500 !important;
	padding:10px 20px !important;
	border:1px solid black !important;
	background:unset !important;
	color:black !important;
	transition:all .3s ease;
	font-family:"Manrope", sans-serif !important;
	line-height: 1em;
	
	&:hover, &.active{
		background: #2C6AF4 !important;
		color:white !important;
		border:1px solid #2C6AF4 !important;
	}	
}

#knowledge-base-posts,#clinical-examples-list{
	margin-top:20px;
	margin-bottom:10px;
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:13px;
	& *{
		font-family:"Manrope",sans-serif !important;
	}
}

#knowledge-base-posts.obychenie{
	grid-template-columns:repeat(4, 1fr);
}

@media screen and (max-width:1024px){
	#knowledge-base-posts.obychenie{
		grid-template-columns:repeat(2, 1fr);
	}
}

@keyframes slideOut {
    to {
        opacity: 0;
        transform: translateY(100px);
    }
}


#knowledge-base-posts .post, #clinical-examples-list .post{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding:20px 25px;
	min-height:248px;
	border-radius:30px;
	font-size:18px;
	font-weight:600;
	transition:all .5s ease;
	&:hover{
		scale:1.05;
		transition:all .5s ease;
	}
}

#knowledge-base-posts.related-posts{
	grid-template-columns: 1fr;
	& h2{
		font-size:18px;
	}
	
	& .elementor-menu-anchor {
		display:none;
	}
}



#knowledge-base-posts .post h3, #clinical-examples-list .post h3{
	font-size:16px;
	font-weight:700;
	display:flex;
	flex-direction:column;
	margin-bottom: 0;
}


#knowledge-base-posts .post.blue, #clinical-examples-list .post.blue{
	background: #2C6AF4;
	color:white;
	& h3{
		color:white;
	}
	& h2{
		color:white;
	}
}

#knowledge-base-posts .post.grey, #clinical-examples-list .post.grey{
	background: #F6F6F6;
	& h3{
		color:black;
	}
}

#knowledge-base-posts .post.white, #clinical-examples-list .post.white{
	background: white;
	border:1px solid black;
	& h3{
		color:black;
	}
}


#knowledge-base-posts .post .author_data, #clinical-examples-list .post .author_data{
	display:flex;
	flex-direction:row;
	gap:10px;
	align-items:center;
}

#knowledge-base-posts .post .author_data span.position, #clinical-examples-list .post .author_data span.position{
	font-size:13px;
	font-weight:500;
}



#knowledge-base-posts .post .author_data .img, #clinical-examples-list .post .author_data .img{
	max-width:16%;
	border-radius:100px;
	aspect-ratio:1/1;
	display:flex;
	align-items:center;
	background:white;
	overflow: hidden;
    max-height: 44px;
	
	& img{
		width:100%;
		height:auto;
		object-fit:contain;
	}
}

@media screen and (max-width:1024px){
	#knowledge-base-posts, #clinical-examples-list {
		margin-top:20px;
		display:grid;
		grid-template-columns:repeat(3, 1fr);
		gap:11px;
	}
	
	#knowledge-base-posts .post, #clinical-examples-list .post{
		padding:15px 10px;
		border-radius:23px;
		font-size:13px;
		min-height:220px;
	}
	
	#knowledge-base-posts .post h3, #clinical-examples-list .post h3{
		font-size:12px;
		
	}
	
	#knowledge-base-posts .post .author_data .img, #clinical-examples-list .post .author_data .img{
		max-width:35px;
	}
		
	.page-knowledge-base h2.title-40.text-black{
			font-size:35px;
			margin-top:10px;
	}

	.category-selector .button{
		font-size:12px;
		padding: 10px 15px;
	}
}

@media screen and (max-width:560px){
	#knowledge-base-posts, #clinical-examples-list{
		margin-top:20px;
		display:grid;
		grid-template-columns:repeat(1, 1fr);
		gap:11px;
	}
	
	#knowledge-base-posts .post, #clinical-examples-list .post{
		padding:15px 10px;
		border-radius:22px;
		font-size:14px;
		min-height:220px;
	}
	
	#knowledge-base-posts .post h3, #clinical-examples-list .post h3{
		font-size:13px;
	}
	#knowledge-base-posts .post .author_data span.position, #clinical-examples-list .post .author_data span.position{
		font-size:12px;
	}
	
	#knowledge-base-posts .post .author_data .img, #clinical-examples-list .post .author_data .img{
		max-width:32px;
	}
		
	.page-knowledge-base h2.title-40.text-black{
			font-size:24px;
			margin-top:10px;
	}

	.category-selector .button{
		font-size:14px;
		padding: 12px 20px;
	}
}

/* Стили для базы знаний END */

/* Стили для поста базы знаний */
.post-knowledge-base{
	margin-top:43px;
	
	background:#F6F6F6;
	padding:35px 25px;
	border-radius:40px;
	& *{
		font-family:"Manrope",sans-serif;
	}
	
	& h2,h3,h4{
		margin:0;
	}
}

.container.post{
	width:100%;
}

.post-knowledge-base ul.breadcrumbs {
    display: flex;
	flex-wrap:wrap;
    list-style: disc;
    width: 100%;
    list-style-position: inside;
    gap: 10px;
	width:fit-content;
	font-family: 'Manrope', sans-serif;
    font-size: 14.15px;
    margin:0;
	color:black;
}


ul.breadcrumbs li{
	color:black;
	transition:all .5s ease;
		&:hover{
		scale:1.05;
		transition:all .5s ease;
		}
	&:hover a{
			color:var(--ast-global-color-0);
		}
	& a{
		color:black;
	}
}

ul.breadcrumbs li.this_post{
	font-weight:500;
}

ul.breadcrumbs li:first-child {
    list-style: none;
}

.breadcrumbs_and_date {
    display: flex;
    width: 100%;
}

.breadcrumbs_and_date .date {
     margin-left: auto;
    width: fit-content;
}

.header_post{
    display:grid;
    grid-template-columns:60% 40%;
    margin-top:27px;
}
.header_post h1 {
    FONT-WEIGHT: 600;
    font-size: 26px;
}
.header_post .author_box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: end;
    align-items: center;
    gap:12px;
    color:#2C6AF4;
    & h2{
        font-weight:600;
		font-size:16px;
		color:var(--ast-global-color-0);
    }
	
	& h3{
		font-weight:400;
		font-size:16px;
	}
	
	& img{
    transition:all .5s ease;
		&:hover{
		scale: 2;
		transition: all 0.5s ease;
		}
	}
}



.header_post .author_box img{
    width:44px;
}

.header_post .author_box div:first-child{
    text-align:right;
}

.post-knowledge-base {
    margin: 0px 40px 40px 40px;
}

.post-knowledge-base .line {
    width: 100%;
    height: 1px;
    border-top: 1px solid #9E9E9E;
    margin-top: 28px;
}

.post-knowledge-base .auto-column-content{
	column-count: 2; 
	transition: column-count 0.3s ease;
	margin-top: 30px;
}

.post-knowledge-base .auto-column-content p{
	line-height:20px;
}

@media screen and (max-width:1024px){
		.container .post-knowledge-base{
			
			border-radius:20px;
			margin: 20px 20px;
		}
		.breadcrumbs_and_date{
			flex-direction:column;
			font-size:12px;
		}
		
		.breadcrumbs_and_date a{
			font-size:12px;
		}
		
		.breadcrumbs_and_date .date{
			margin:unset;
			
		}
		
		.breadcrumbs_and_date ul li:last-child{
			display:none;
		}
		
		.header_post h1{
			font-size:18px;
		}
		
		.header_post .author_box{
			font-size:14px;
			& h3{
				font-size:12px;
			}
			
			& img{
				width:42px;
			}
		}
		
		
		.post-knowledge-base .line{
			margin-top:25px;
		}
		
		.post-knowledge-base .auto-column-content p{
			font-size:15px;
			overflow-wrap: anywhere;
		}
		
		.auto-column-content p{
				hyphens: auto;
		}
		
}

@media screen and (max-width:769px){
		.post-knowledge-base .auto-column-content{
			column-count: 1 !important; 
		}
}

@media screen and (max-width:560px){
			.post-knowledge-base{
					padding:22px 10px;
			}
			
			.header_post {
				grid-template-columns: 1fr;
				justify-content: flex-start;
				gap:20px;
			}

			.author_box {
				order: -1;
				justify-content:start !important;
				gap:10px !important;
			}

			.author_box div:first-child{
				text-align:left !important;
			}


			.author_box div:last-child {
				order: -1;
			}
			
			.header_post h1{
				font-size:18px;
			}
			
			.auto-column-content p{
				hyphens: auto;
			}
}



/* Стили для поста базы знаний END */

/* Стили для черновиков checkout */

div#checkout-drafts-box, div.draft-edit {
    margin-left: 0 !important;
    max-width: unset !important;
}


.draft-table {
    display:flex;
    flex-direction:column;
    width:100%;
    gap:10px;
    & div{
        display:flex;
        gap:10px;
		align-items: center;
        & a.button{
            margin-left:auto;
        }
    }
	& .panel{
		margin-left:auto;
	}
}

@media screen and (max-width:768px){
	.draft-table {
		display:flex;
		flex-direction:column;
		width:100%;
		gap:10px;
		& .draft_wrapper{
			display:flex;
			gap:10px;
			flex-direction:column;
			align-items: unset;
			
		}
		& div[data-draft-id]:not(:last-child) {
			padding-bottom: 15px;
                border-bottom: 1px solid var(--ast-global-color-0);
				
		}
		& .panel{
			margin-left:unset;
			& a.button{
				margin:unset;
				text-align:center;
				order: unset;
			}
		}
	}
}

/* Стили для черновиков checkout END */

.woocommerce-checkout input[type="number"] {
	max-width:unset;
}

#upper_jaw_count_field {
    padding-left: 0;
}


/*Стили для фото пациента Orders*/

a.patient-photo_orders img {
	max-width:40px;
    width: 100%;
    border-radius: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

a.patient-photo_orders {
    display: flex;
    width: 100%;
	justify-content:center;
}


/*Стили для Knowledge base obychenie*/
.lesson-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.lessons-block {
	padding: 5px 10px;
    border: 2px solid;
    width: fit-content;
    border-radius: 90px;
    & p{
        margin-bottom:0;
    }
}

.lesson-content{
	max-width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

.lesson-navigation{
		& .prev-lesson-container, .next-lesson-container {
			
			& a.mobile{
				display:none;
			}
		}
}

@media screen and (max-width:1024px){
	.lesson-content{
		max-width:unset;
	}
	.next-lesson-container, .prev-lesson-container{
		width:50%;
	}
	.next-lesson-container a, .prev-lesson-container a{
		
			font-size:14px;
		
	}
	.lesson-navigation{
		& .prev-lesson-container, .next-lesson-container {
			
			& a:not(.mobile){
				display:none;
			}
		}

		& .prev-lesson-container, .next-lesson-container {
			display:flex;
			justify-content:space-between;
			& a.mobile{
				display:flex;
			}
		}
		& .next-lesson-container{
			justify-content:end;
		}
	}
}
/*END Стили для Knowledge base obychenie*/

/* CRM Case Header & Plan Side-by-Side Styles */
.case-top-layout {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.case-header-column {
    flex: 1.2;
    min-width: 320px;
    display: flex;
    flex-direction: column;
}

.case-plan-column {
    flex: 0.8;
    min-width: 320px;
    display: flex;
    flex-direction: column;
}

/* Override existing plan styles when displayed inside the right-hand column */
.case-plan-column table.woocommerce-table.noborder {
    background: #ffffff;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px;
    padding: 24px;
    margin: 0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    box-sizing: border-box;
    height: 100%;
}

.case-plan-column table.woocommerce-table.noborder thead {
    display: block;
    margin-bottom: 15px;
}

.case-plan-column table.woocommerce-table.noborder thead tr.woo_table_thead {
    background: none;
    border: none;
}

.case-plan-column table.woocommerce-table.noborder thead tr.woo_table_thead th {
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
    text-align: left;
}

.case-plan-column table.woocommerce-table.noborder tbody,
.case-plan-column table.woocommerce-table.noborder tr,
.case-plan-column table.woocommerce-table.noborder td,
.case-plan-column table.woocommerce-table.noborder th#plan_wrapper {
    display: block;
    width: 100%;
    padding: 0;
}

.case-plan-column #plan_wrapper {
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px;
    display: flex !important;
}

.case-plan-column .plan_row {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.case-plan-column .plan_row .prev {
    width: 100% !important;
    margin-bottom: 15px;
}

.case-plan-column .plan_row .abtn.button {
    width: 100% !important;
    box-sizing: border-box;
    text-align: center;
    margin: 5px 0 !important;
}

.case-plan-column div#box_btn {
    width: 100% !important;
    order: 10 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px;
    margin-top: 15px;
}

.case-plan-column div#box_btn button {
    width: 100% !important;
    margin: 0 !important;
}

/* Status Tracker Stepper */
.status-stepper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    margin-top: 30px;
    gap: 10px;
}

.stepper-item {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Stepper Line connecting nodes */
.stepper-item:not(:first-child) .stepper-line {
    position: absolute;
    top: 15px;
    left: -50%;
    right: 50%;
    height: 3px;
    background: #edf2f7;
    z-index: 1;
    transition: background 0.3s ease;
}

/* Color transitions for connecting lines */
.stepper-item.step-completed .stepper-line,
.stepper-item.step-active .stepper-line {
    background: var(--ast-global-color-0); /* active blue */
}

.stepper-item.step-rejected .stepper-line {
    background: #ef4444; /* red for reject */
}

/* Stepper Node */
.stepper-node {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid #cbd5e0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #718096;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

/* Style variants for nodes */
.step-completed .stepper-node {
    background: var(--ast-global-color-0);
    border-color: var(--ast-global-color-0);
    color: #ffffff;
}

.step-active .stepper-node {
    background: #ffffff;
    border-color: var(--ast-global-color-0);
    color: var(--ast-global-color-0);
    box-shadow: 0 0 0 4px rgba(33, 161, 218, 0.15);
    transform: scale(1.1);
}

.step-rejected .stepper-node {
    background: #ef4444;
    border-color: #ef4444;
    color: #ffffff;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.15);
}

/* Stepper Content labels */
.stepper-content {
    margin-top: 12px;
    padding: 0 8px;
}

.stepper-label {
    font-size: 13.5px;
    font-weight: 700;
    color: #2d3748;
    margin-bottom: 4px;
}

.step-active .stepper-label {
    color: var(--ast-global-color-0);
}

.step-rejected .stepper-label {
    color: #ef4444;
}

.stepper-desc {
    font-size: 11px;
    color: #718096;
    line-height: 1.3;
}

/* Status Badge inside header */
.status-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 99px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.status-badge.status-in-development { background: #dbeafe; color: var(--ast-global-color-0); }
.status-badge.status-reject { background: #fee2e2; color: #991b1b; }
.status-badge.status-on-hold { background: #fef3c7; color: #92400e; }
.status-badge.status-prod-aligners { background: #dcfce7; color: #166534; }
.status-badge.status-dilivery { background: #f0fdf4; color: #15803d; }
.status-badge.status-waiting-aligners { background: #f3e8ff; color: #6b21a8; }
.status-badge.status-completed { background: #f0fdf4; color: #166534; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .status-stepper {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding-left: 15px;
    }
    
    .stepper-item {
        flex-direction: row;
        align-items: center;
        text-align: left;
        width: 100%;
    }
    
    .stepper-item:not(:first-child) .stepper-line {
        left: 15px;
        top: -20px;
        bottom: 20px;
        width: 3px;
        height: auto;
    }
    
    .stepper-content {
        margin-top: 0;
        margin-left: 15px;
    }
}

/* Inner sub-tabs inside CRM case panels */
.inner-tabs-wrapper {
    margin-top: 30px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    overflow: hidden;
}

.inner-tabs-nav {
    display: flex;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    padding: 10px 20px 0 20px;
    gap: 8px;
    flex-wrap: wrap;
}

.inner-tab-trigger {
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    padding: 12px 20px;
    font-size: 14.5px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 6px 6px 0 0;
}

.inner-tab-trigger:hover {
    color: #0f172a;
    background: #f1f5f9;
}

.inner-tab-trigger.active {
    color: var(--ast-global-color-0);
    border-bottom-color: var(--ast-global-color-0);
    background: #ffffff;
}

.inner-tabs-content {
    padding: 24px;
}

.inner-tab-panel {
    display: none;
}

.inner-tab-panel.active {
    display: block;
    animation: fadeInTab 0.3s ease-in-out;
}

div.inner-tab-panel.active:has(.flex-stl-cards-grid) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.flex-stl-cards-grid{
	align-self: center;
}

.flex-photo-img-wrapper img.flex-photo-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media screen and (max-width:768px){
	div.inner-tab-panel.active:has(.flex-stl-cards-grid){
		grid-template-columns: 1fr;
		gap:0px;
	}
}

@keyframes fadeInTab {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Hide default unstyled WCUF list in WooCommerce view order page */
.case-tabs-container .wcuf_order_details_ajax_container {
    display: none !important;
}

/* Clinical Parameters Grid */
.clinical-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
    margin-bottom: 25px;
}

.clinical-info-card {
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.clinical-info-card-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 14.5px;
    font-weight: 700;
    color: #1a202c;
    border-bottom: 1px dashed #cbd5e0;
    padding-bottom: 8px;
}

.clinical-info-table {
    width: 100%;
    margin-bottom: 0;
}

.clinical-info-table tr td {
    padding: 8px 0;
    font-size: 13.5px;
    border-bottom: 1px solid #edf2f7;
    color: #2d3748;
}

.clinical-info-table tr:last-child td {
    border-bottom: none;
}

.clinical-info-table tr td:first-child {
    font-weight: 600;
    color: #718096;
    width: 45%;
}

.clinical-info-table tr td:last-child {
    text-align: right;
}

.wccm-highlight-badge {
    background: #e0f2fe;
    color: #0369a1;
    font-weight: 700;
    font-size: 11.5px;
    padding: 3px 8px;
    border-radius: 4px;
}

.clinical-ct-link-box a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
    padding: 12px 18px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.2s;
}

.clinical-ct-link-box a:hover {
    background: #d1fae5;
}

/* Photos Tab styling */
.flex-photos-layout-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

.flex-photo-thumbnails-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 16px;
}

.flex-photo-item-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
}

.flex-photo-item-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.flex-photo-img-wrapper {
    position: relative;
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    background: #f8fafc;
}

.flex-photo-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.flex-photo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 23, 42, 0.4);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s;
}

.flex-photo-img-wrapper:hover .flex-photo-overlay {
    opacity: 1;
}

.flex-photo-zoom-btn {
    background: #ffffff;
    color: #0f172a;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s;
}

.flex-photo-zoom-btn:hover {
    transform: scale(1.1);
    color: #2563eb;
}

.flex-photo-metadata {
    padding: 8px;
    text-align: center;
    border-top: 1px solid #f1f5f9;
}

.flex-photo-filename-label {
    display: block;
    font-size: 11.5px;
    font-weight: 500;
    color: #475569;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* STL Cards styling */
.flex-stl-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.flex-stl-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.flex-stl-card-badge {
    background: #3182ce;
    color: #ffffff;
    font-weight: 700;
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 4px;
    text-transform: uppercase;
}

.flex-stl-card-content {
    flex: 1;
    min-width: 0;
}

.flex-stl-card-title {
    font-size: 13px;
    font-weight: 600;
    color: #2d3748;
}

.flex-stl-card-filename {
    font-size: 11.5px;
    color: #718096;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.flex-stl-download-button {
    background: #ffffff;
    border: 1px solid #cbd5e0;
    color: #4a5568;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.2s;
}

.flex-stl-download-button:hover {
    background: #edf2f7;
    color: #2b6cb0;
    border-color: #a0aec0;
}

/* Custom button styles */
.custom-open-3d-btn:hover {
    background: #2b6cb0 !important;
}

/* Styling for our custom 3D viewer container and native relocated container (shown in Scans tab) */
.wcuf-order-3d-container,
.wcuf-order-3d-container-custom {
    background: #f0f9ff !important;
    border: 1px dashed #bee3f8 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    text-align: center !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    margin-top: 25px !important;
    margin-bottom: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.wcuf-order-3d-container h3,
.wcuf-order-3d-container-custom h4 {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #2b6cb0 !important;
    font-family: inherit !important;
}

.wcuf-order-3d-container p,
.wcuf-order-3d-container-custom p {
    font-size: 13.5px !important;
    color: #4a5568 !important;
    margin-bottom: 18px !important;
    font-family: inherit !important;
}

.wcuf-order-3d-container .wcuf-3d-preview,
.wcuf-order-3d-container-custom .wcuf-3d-preview {
    margin: 0 auto 18px auto !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    max-width: 300px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
}

.wcuf-order-3d-container .wcuf-order-3d-viewer-btn,
.wcuf-order-3d-container-custom .wcuf-order-3d-viewer-btn {
    background: #3182ce !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 24px !important;
    font-weight: bold !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: background 0.2s, transform 0.1s !important;
    box-shadow: 0 2px 4px rgba(49, 130, 206, 0.2) !important;
    margin: 0 auto !important;
    font-family: inherit !important;
    min-height: unset !important;
    transform: none !important;
    text-decoration: none !important;
}

.wcuf-order-3d-container .wcuf-order-3d-viewer-btn:hover,
.wcuf-order-3d-container-custom .wcuf-order-3d-viewer-btn:hover {
    background: #2b6cb0 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 6px rgba(49, 130, 206, 0.3) !important;
}

.wcuf-order-3d-container .wcuf-order-3d-viewer-btn:active,
.wcuf-order-3d-container-custom .wcuf-order-3d-viewer-btn:active {
    transform: translateY(0) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   CLICKALIGNERS DESIGN SYSTEM (Screenshots 1, 2, 3)
   ═══════════════════════════════════════════════════════════════════ */

/* ── Orders (Пациенты) List Page ── */
.click-orders-header-row {
    margin-bottom: 24px;
}

.click-orders-heading {
    font-family: 'Manrope', sans-serif !important;
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.click-orders-card-wrap {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    margin-bottom: 24px;
}

.click-orders-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 !important;
    border: none !important;
}

.click-orders-table thead th {
    background: #f8fafc;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 14px 18px;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}

.click-orders-table tbody td {
    padding: 16px 18px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    font-size: 14px;
    vertical-align: middle;
}

.click-orders-table tbody tr:hover td {
    background-color: #f8fafc;
}

.click-orders-table tbody tr:last-child td {
    border-bottom: none;
}

.click-order-number-link {
    font-weight: 700;
    color: #0f172a !important;
    text-decoration: none !important;
}

.click-order-number-link:hover {
    color: #2563eb !important;
}

.click-order-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    background: #f1f5f9;
    color: #475569;
}

.click-order-status-badge.status-in-development,
.click-order-status-badge.status-processing {
    background: #dbeafe;
    color: #1e40af;
}

.click-order-status-badge.status-on-hold {
    background: #fef3c7;
    color: #92400e;
}

.click-order-status-badge.status-prod-aligners,
.click-order-status-badge.status-in-production,
.click-order-status-badge.status-completed {
    background: #dcfce7;
    color: #166534;
}

.click-order-status-badge.status-reject,
.click-order-status-badge.status-failed {
    background: #fee2e2;
    color: #991b1b;
}

.click-order-status-badge.status-dilivery {
    background: #e0f2fe;
    color: #0369a1;
}

.click-btn-open {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9 !important;
    color: #1e293b !important;
    padding: 7px 16px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.2s ease !important;
}

.click-btn-open:hover {
    background: #2a2e39 !important;
    color: #ffffff !important;
    border-color: #2a2e39 !important;
}

.click-pagination {
    margin: 20px 0;
    display: flex;
    justify-content: center;
}

.click-pagination ul.page-numbers {
    display: flex;
    gap: 6px;
    list-style: none;
    padding: 0;
}

.click-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #475569;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.click-pagination .page-numbers.current,
.click-pagination .page-numbers:hover {
    background: #2a2e39;
    color: #ffffff;
    border-color: #2a2e39;
}

/* ── View Order Page (Screenshots 2 & 3) ── */
.click-view-order-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.click-view-order-top-nav {
    margin-bottom: 4px;
}

.click-btn-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: #f1f5f9;
    color: #334155 !important;
    border: 1px solid #e2e8f0;
    border-radius: 9999px;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.click-btn-back:hover {
    background: #e2e8f0;
    color: #0f172a !important;
}

/* Patient Header Card */
.click-patient-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

.click-patient-banner {
    height: 120px;
    background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 45%, #eff6ff 100%);
    position: relative;
    overflow: hidden;
}

.click-patient-banner-shape {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 45%;
    background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 70%);
}

.click-patient-card-body {
    padding: 0 28px 24px 28px;
    position: relative;
}

.click-patient-avatar-container {
    position: relative;
    margin-top: -65px;
    margin-bottom: 14px;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    background: #ffffff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.click-patient-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.click-patient-avatar-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #f1f5f9;
}

.click-patient-main-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    flex-wrap: wrap;
}

.click-patient-info-col {
    flex: 1;
    min-width: 280px;
}

.click-patient-name {
    font-family: 'Manrope', sans-serif !important;
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 12px 0;
    letter-spacing: -0.3px;
}

.click-badges-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.click-meta-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    background: #f1f5f9;
    color: #475569;
    border-radius: 9999px;
    font-size: 12.5px;
    font-weight: 600;
}

.click-meta-badge.doctor {
    color: #334155;
}

.click-patient-fields-grid {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.click-patient-field-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.click-field-label {
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
}

.click-field-value {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
}

.click-field-value a {
    color: #2563eb !important;
    text-decoration: none !important;
}

.click-field-value a:hover {
    text-decoration: underline !important;
}

/* Action buttons stack */
.click-patient-actions-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 175px;
}

.click-btn-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all 0.2s ease;
    text-align: center;
    text-decoration: none !important;
}

.click-btn-action--primary {
    background: #2a2e39;
    color: #ffffff !important;
}

.click-btn-action--primary:hover {
    background: #1e2229;
}

.click-btn-action--secondary {
    background: #f1f5f9;
    color: #334155 !important;
    border: 1px solid #e2e8f0;
}

.click-btn-action--secondary:hover {
    background: #e2e8f0;
    color: #0f172a !important;
}

/* Note Section */
.click-patient-note-section {
    padding-top: 18px;
    border-top: 1px solid #edf2f7;
    margin-top: 8px;
}

.click-note-title {
    font-family: 'Manrope', sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 8px 0;
}

.click-note-text {
    font-size: 13.5px;
    color: #475569;
    line-height: 1.5;
    margin: 0 0 10px 0;
}

.click-link-blue {
    color: #2563eb !important;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none !important;
    cursor: pointer;
}

.click-link-blue:hover {
    text-decoration: underline !important;
}

/* 3D Plan & Stage Cards (Screenshot 3) */
.click-cards-row {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}

.click-section-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.click-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.click-section-title {
    font-family: 'Manrope', sans-serif !important;
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.click-section-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.click-btn-subtle {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.click-btn-subtle:hover {
    background: #f1f5f9;
}

.click-icon-btn {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.click-icon-btn:hover {
    background: #f1f5f9;
}

.click-white-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
    cursor: pointer;
    transition: all 0.2s ease;
}

.click-white-card:hover {
    border-color: #cbd5e1;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}

.click-card-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.click-card-icon-wrap {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.click-card-icon-wrap.stage {
    background: #e0f2fe;
    color: #0284c7;
}

.click-card-main {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.click-card-title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.click-card-date {
    font-size: 13.5px;
    color: #64748b;
    font-weight: 500;
}

.click-card-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.click-card-chevron {
    font-size: 18px;
    color: #94a3b8;
    font-weight: bold;
}

/* Segmented Tabs (Screenshot 3) */
.click-segmented-tabs-wrapper {
    margin-top: 24px;
}

.click-segmented-tabs {
    display: inline-flex;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    background: #ffffff;
}

.click-segmented-tab {
    padding: 10px 28px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    background: #ffffff;
    color: #334155;
    cursor: pointer;
    transition: all 0.2s ease;
    border-left: 1px solid #e2e8f0;
}

.click-segmented-tab:first-child {
    border-left: none;
}

.click-segmented-tab.active {
    background: #2a2e39;
    color: #ffffff;
}

/* Underline Subtabs (Screenshot 3) */
.click-underline-tabs-wrapper {
    margin-top: 20px;
    border-bottom: 1px solid #e2e8f0;
}

.click-underline-tabs-nav {
    display: flex;
    gap: 28px;
    overflow-x: auto;
}

.click-underline-tab-trigger {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 12px 4px;
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    text-decoration: none !important;
}

.click-underline-tab-trigger:hover {
    color: #0f172a;
}

.click-underline-tab-trigger.active {
    color: #0f172a;
    border-bottom-color: #2563eb;
    font-weight: 700;
}

.click-photos-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 24px 0 16px 0;
}

.click-photos-section-title {
    font-family: 'Manrope', sans-serif !important;
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

/* ── 3D Viewer Light Theme Styles (Screenshot 1) ── */
.wcuf-3d-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wcuf-3d-modal-content {
    background: #ffffff;
    border-radius: 16px;
    width: 95vw;
    height: 90vh;
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
    border: 1px solid #e2e8f0;
}

.wcuf-3d-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 24px;
    border-bottom: 1px solid #edf2f7;
    background: #ffffff;
}

.wcuf-3d-modal-header .project-name {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
}

.wcuf-3d-close-btn {
    background: #f1f5f9;
    border: none;
    font-size: 22px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #475569;
    transition: all 0.2s;
}

.wcuf-3d-close-btn:hover {
    background: #fee2e2;
    color: #ef4444;
}