.elementor-2423 .elementor-element.elementor-element-3ecee55{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2423 .elementor-element.elementor-element-ed418fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2423 .elementor-element.elementor-element-ed418fa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2423 .elementor-element.elementor-element-de7905d{width:var( --container-widget-width, 196.654% );max-width:196.654%;--container-widget-width:196.654%;--container-widget-flex-grow:0;}.elementor-2423 .elementor-element.elementor-element-de7905d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2423 .elementor-element.elementor-element-de7905d img{width:100%;max-width:100%;}.elementor-2423 .elementor-element.elementor-element-46aeb37{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-2423 .elementor-element.elementor-element-46aeb37.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2423 .elementor-element.elementor-element-23e1619{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2423 .elementor-element.elementor-element-23e1619.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2423 .elementor-element.elementor-element-767b87f{--display:flex;}.elementor-2423 .elementor-element.elementor-element-767b87f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2423 .elementor-element.elementor-element-aecc35f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2423 .elementor-element.elementor-element-aecc35f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2423 .elementor-element.elementor-element-0db2946 .hfe-input-focus .hfe-search-icon-toggle input[type=search]{width:209px;}.elementor-2423 .elementor-element.elementor-element-0db2946 .hfe-search-icon-toggle input[type=search]{padding:0 calc( 20px / 2);}.elementor-2423 .elementor-element.elementor-element-0db2946 .hfe-search-icon-toggle i.fa-search:before{font-size:20px;}.elementor-2423 .elementor-element.elementor-element-0db2946 .hfe-search-icon-toggle i.fa-search, .elementor-2423 .elementor-element.elementor-element-0db2946 .hfe-search-icon-toggle{width:20px;}.elementor-2423 .elementor-element.elementor-element-0db2946 .hfe-input-focus .hfe-search-form__input:focus{color:#000000;background-color:#E7E2E200;}.elementor-2423 .elementor-element.elementor-element-0db2946 .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-style:solid;border-width:1px 1px 1px 1px;border-radius:48px;}.elementor-2423 .elementor-element.elementor-element-0db2946 .hfe-input-focus .hfe-search-form__container,
					 .elementor-2423 .elementor-element.elementor-element-0db2946 .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-color:var( --e-global-color-primary );}.elementor-2423 .elementor-element.elementor-element-0db2946 .hfe-search-icon-toggle i{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2423 .elementor-element.elementor-element-6b35517 > .elementor-widget-container{border-style:none;}.elementor-2423 .elementor-element.elementor-element-6b35517{--main-alignment:right;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-primary );--toggle-button-border-width:0px;--toggle-icon-size:25px;--cart-border-style:solid;--cart-close-button-color:var( --e-global-color-primary );--remove-item-button-size:0px;--menu-cart-subtotal-color:var( --e-global-color-primary );--product-price-color:var( --e-global-color-primary );--cart-footer-layout:1fr;--products-max-height-sidecart:calc(100vh - 300px);--products-max-height-minicart:calc(100vh - 450px);--space-between-buttons:5px;--cart-footer-buttons-border-radius:75px;--view-cart-button-background-color:var( --e-global-color-primary );--checkout-button-background-color:var( --e-global-color-primary );}.elementor-2423 .elementor-element.elementor-element-6b35517 .elementor-menu-cart__subtotal{font-family:"SFUF", Sans-serif;font-size:24px;font-weight:900;}.elementor-2423 .elementor-element.elementor-element-6b35517 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-2423 .elementor-element.elementor-element-6b35517 .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2423 .elementor-element.elementor-element-6b35517 .elementor-menu-cart__product-price{font-family:"SFUF", Sans-serif;}.elementor-2423 .elementor-element.elementor-element-6b35517 .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2423 .elementor-element.elementor-element-6b35517 .elementor-button--checkout{border-style:none;}.elementor-2423 .elementor-element.elementor-element-6b35517 .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2423 .elementor-element.elementor-element-f56d2c8 .elementor-icon-wrapper{text-align:center;}.elementor-2423 .elementor-element.elementor-element-f56d2c8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-2423 .elementor-element.elementor-element-f56d2c8.elementor-view-framed .elementor-icon, .elementor-2423 .elementor-element.elementor-element-f56d2c8.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2423 .elementor-element.elementor-element-f56d2c8.elementor-view-framed .elementor-icon, .elementor-2423 .elementor-element.elementor-element-f56d2c8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2423 .elementor-element.elementor-element-f56d2c8.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-2423 .elementor-element.elementor-element-f56d2c8.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2423 .elementor-element.elementor-element-f56d2c8 .elementor-icon{font-size:18px;}.elementor-2423 .elementor-element.elementor-element-f56d2c8 .elementor-icon svg{height:18px;}.elementor-2423 .elementor-element.elementor-element-76c4353{--display:flex;}.elementor-2423:not(.elementor-motion-effects-element-type-background), .elementor-2423 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-84ca53e ) 0%, #00000000 100%);}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-2423 .elementor-element.elementor-element-aecc35f{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2423 .elementor-element.elementor-element-3ecee55{--width:500px;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;}.elementor-2423 .elementor-element.elementor-element-aecc35f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-2423 .elementor-element.elementor-element-ed418fa{--width:11.67%;}.elementor-2423 .elementor-element.elementor-element-46aeb37{--width:23.208%;}.elementor-2423 .elementor-element.elementor-element-23e1619{--width:41.481%;}.elementor-2423 .elementor-element.elementor-element-767b87f{--width:15.509%;}.elementor-2423 .elementor-element.elementor-element-aecc35f{--width:168.24%;}}/* Start custom CSS for html, class: .elementor-element-7a3e82f */.phn-menu-toggle{
  display: flex !important;
  align-items: center;
  justify-content: center; /* căn giữa */
  gap: 10px;

  font-family: 'LNTH', serif;
  font-size: 34px;        /* tăng size */
  font-weight: 700;       /* in đậm */
  color: #8B0001;

  text-align: center;
}
.phn-menu-text{
  font-size: 1em;
  font-weight: 1000;
}

.phn-menu-toggle i{
  font-size: 0.8em;
}
.phn-menu-toggle{ 
  color: #8B0001 !important;
  mix-blend-mode: normal !important;
}
.phn-main-header.scrolled .phn-menu-toggle{
  color: #8B0001 !important;
  mix-blend-mode: normal !important;
}/* End custom CSS */
/* Start custom CSS for hfe-search-button, class: .elementor-element-0db2946 */.elementor-location-header .elementor-icon,
.elementor-location-header .elementor-icon i{
  color: #fff !important;
  mix-blend-mode: difference;
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-6b35517 *//* ===== LỚP NGOÀI - NỀN TRẮNG ===== */
.elementor-menu-cart__main,
.dialog-lightbox-widget.elementor-lightbox .dialog-widget-content {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  box-shadow: -10px 0 30px rgba(0,0,0,0.08) !important;
  border-left: 1px solid #eee !important;

  border-radius: 22px 0 0 22px !important;
}

/* ===== BỎ LỚP NỀN TRẮNG BÊN TRONG ===== */
.elementor-menu-cart__container,
.elementor-menu-cart__main .widget_shopping_cart_content,
.elementor-menu-cart__main .woocommerce-mini-cart,
.elementor-menu-cart__main .woocommerce-mini-cart__total,
.elementor-menu-cart__main .woocommerce-mini-cart__buttons,
.elementor-menu-cart__main .elementor-menu-cart__products,
.elementor-menu-cart__product,
.woocommerce-mini-cart-item {
  background: transparent !important;
  box-shadow: none !important;
}

/* ===== ITEM ===== */
.elementor-menu-cart__product,
.woocommerce-mini-cart-item {
  border-bottom: 1px solid #f0f0f0 !important;
  padding: 18px 0 !important;
}

/* ===== ẢNH ===== */
.elementor-menu-cart__product-image img,
.woocommerce-mini-cart img {
  width: 92px !important;
  height: 92px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
}

/* ===== TÊN ===== */
.elementor-menu-cart__product-name a,
.woocommerce-mini-cart .remove + a {
  color: #8B0001 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

/* ===== GIÁ ===== */
.elementor-menu-cart__product-price,
.woocommerce-mini-cart .quantity {
  color: #9c9c9c !important;
  font-size: 15px !important;
}

/* ===== SUBTOTAL ===== */
.elementor-menu-cart__subtotal,
.woocommerce-mini-cart__total {
  border-top: 1px solid #eee !important;
  padding-top: 18px !important;
  margin-top: 8px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #222 !important;
}

.elementor-menu-cart__subtotal strong,
.woocommerce-mini-cart__total strong {
  color: #8B0001 !important;
  font-size: 20px !important;
}

/* ===== NÚT ===== */
.elementor-menu-cart__buttons,
.woocommerce-mini-cart__buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.elementor-menu-cart__buttons .elementor-button,
.woocommerce-mini-cart__buttons .button {
  width: 100% !important;
  background: #8B0001 !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 15px 20px !important;
  border: none !important;
  box-shadow: none !important;
  text-align: center !important;
  font-size: 16px !important;
}

.elementor-menu-cart__buttons .elementor-button:hover,
.woocommerce-mini-cart__buttons .button:hover {
  background: #6f0001 !important;
}

/* ===== NÚT ĐÓNG ===== */
.elementor-menu-cart__close-button {
  color: #8B0001 !important;
}

/* ===== OVERLAY ===== */
.elementor-menu-cart__overlay {
  background: rgba(0,0,0,0.2) !important;
  backdrop-filter: none !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f56d2c8 *//* ICON USER - FIX MÀU CỐ ĐỊNH */
.elementor-location-header .fa-circle-user,
.phn-main-header .fa-circle-user,
.phn-main-header .elementor-icon i.fa-circle-user {
  color: #8B0001 !important; /* nền đỏ */
  background: none !important;
  mix-blend-mode: normal !important; /* QUAN TRỌNG */
}

/* nếu là dạng icon có nền tròn */
.elementor-location-header .elementor-icon:has(.fa-circle-user),
.phn-main-header .elementor-icon:has(.fa-circle-user) {
  background: #8B0001 !important;
  border-radius: 50%;
  padding: 10px;
}

/* phần hình người bên trong */
.fa-circle-user:before {
  color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ecee55 *//* ICON USER - FIX MÀU CỐ ĐỊNH */
.elementor-location-header .fa-circle-user,
.phn-main-header .fa-circle-user,
.phn-main-header .elementor-icon i.fa-circle-user {
  color: #8B0001 !important; /* nền đỏ */
  background: none !important;
  mix-blend-mode: normal !important; /* QUAN TRỌNG */
}

/* nếu là dạng icon có nền tròn */
.elementor-location-header .elementor-icon:has(.fa-circle-user),
.phn-main-header .elementor-icon:has(.fa-circle-user) {
  background: #8B0001 !important;
  border-radius: 50%;
  padding: 10px;
}

/* phần hình người bên trong */
.fa-circle-user:before {
  color: #fff !important;
}/* End custom CSS */
/* Start custom CSS */@font-face {
  font-family: 'LNTH';
  src: url('https://phannuhoangcungvn.com/wp-content/themes/hello-elementor/assets/fonts/LNTH-DecoTech.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SFUF';
  src: url('https://phannuhoangcungvn.com/wp-content/themes/hello-elementor/assets/fonts/SFUFuturaBook.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}

:root {
  --phn-header-height: 84px;
  --font-primary: 'LNTH', serif;
  --font-secondary: 'SFUF', sans-serif;
}

html,
body {
  margin: 0 !important;
  padding: 0 !important;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.phn-menu-open {
  overflow: hidden;
}

/* GIỮ CHỖ CHO HEADER ĐỂ KHÔNG ĐÈ NỘI DUNG */
body:not(.elementor-editor-active) {
  padding-top: var(--phn-header-height) !important;
}

body.admin-bar:not(.elementor-editor-active) {
  padding-top: calc(var(--phn-header-height) + 32px) !important;
}

/* XÓA KHOẢNG CÁCH THỪA Ở WRAPPER */
.site,
.site-content,
.site-main,
.elementor-location-archive,
.elementor-location-single,
.elementor-page {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* XÓA KHOẢNG HỞ TRẮNG Ở SECTION ĐẦU TIÊN, NHƯNG KHÔNG ĐỤNG NỀN TOÀN SITE */
.site-main > *:first-child,
.elementor-location-single > *:first-child,
.elementor-location-archive > *:first-child,
.elementor-page > *:first-child,
.elementor > *:first-child {
  margin-top: 0 !important;
}

/* NẾU SECTION/CONTAINER ĐẦU TIÊN CỦA ELEMENTOR TỰ SINH PADDING/MARGIN TRÊN */
.site-main > *:first-child .elementor-top-section:first-child,
.elementor-location-single > *:first-child .elementor-top-section:first-child,
.elementor-location-archive > *:first-child .elementor-top-section:first-child,
.elementor-page > *:first-child .elementor-top-section:first-child {
  margin-top: calc(var(--phn-header-height) * -1) !important;
  padding-top: var(--phn-header-height) !important;
}

/* NÚT TỔNG MỤC */
.phn-menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  color: #8B0001;
  font-size: 36px;
  line-height: 1;
  font-family: var(--font-primary);
  font-weight: normal;
  margin: 0 auto;
  text-align: center;
  text-shadow:
    0.6px 0 #8B0001,
    -0.6px 0 #8B0001;
}

.phn-menu-toggle:hover {
  color: #AF2122;
}

.phn-menu-text {
  font-family: var(--font-primary);
  font-weight: normal;
  font-size: 1em;
}

.phn-menu-toggle i {
  font-size: 0.8em;
  transform: translateY(2px);
}

/* ===== SỬA NỀN HEADER TẠI ĐÂY ===== */

/* 1. TRẠNG THÁI MẶC ĐỊNH (CHƯA CUỘN CHUỘT): TRONG SUỐT HOÀN TOÀN */
.phn-main-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 100001 !important;
  overflow: visible !important;
  transition: background 0.35s ease, backdrop-filter 0.35s ease, box-shadow 0.35s ease;
  
  /* Ép nền trong suốt và xóa mọi đường viền/bóng đổ ban đầu */
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.phn-main-header,
.phn-main-header > .e-con,
.phn-main-header > .elementor-container {
  min-height: var(--phn-header-height) !important;
  max-width: 100% !important;
}

body.admin-bar .phn-main-header {
  top: 32px !important;
}

/* 2. TRẠNG THÁI KHI CUỘN CHUỘT: HIỆN NỀN TRẮNG MỜ */
.phn-main-header.phn-scrolled {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 255, 255, 0.90) 45%,
    rgba(255, 255, 255, 0.72) 100%
  ) !important; /* Cần có !important để đè transparent ở trên */
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06) !important;
}

/* 3. TRẠNG THÁI MỞ MENU: HIỆN ẢNH NỀN */
.phn-main-header.phn-menu-active {
  background-image: url('https://res.cloudinary.com/dwehvxlcv/image/upload/v1774417706/GIAI_%C4%90O%E1%BA%A0N_1_3_gew1tz.png') !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* ================================== */

/* MEGA MENU FULL MÀN HÌNH */
.phn-mega-menu {
  position: fixed !important;
  top: var(--phn-header-height) !important;
  left: 0 !important;
  right: auto !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: calc(100vh - var(--phn-header-height)) !important;
  min-height: calc(100vh - var(--phn-header-height)) !important;
  background-image: url('https://res.cloudinary.com/dwehvxlcv/image/upload/v1774417706/GIAI_%C4%90O%E1%BA%A0N_1_3_gew1tz.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: none;
  padding: 38px 7% 34px;
  box-sizing: border-box !important;
  z-index: 100000 !important;
  overflow-y: auto;
  overflow-x: hidden;
  transform: none !important;
}

/* ADMIN BAR */
body.admin-bar .phn-mega-menu {
  top: calc(var(--phn-header-height) + 32px) !important;
  height: calc(100vh - var(--phn-header-height) - 32px) !important;
  min-height: calc(100vh - var(--phn-header-height) - 32px) !important;
}

/* TRÁNH ELEMENTOR BÓ WIDTH */
.phn-mega-menu * {
  max-width: none;
}

.phn-mega-menu.active {
  display: flex !important;
  align-items: stretch;
  justify-content: space-between;
  gap: 60px;
}

.phn-close-btn {
  position: absolute;
  right: 38px;
  top: 16px;
  font-size: 38px;
  cursor: pointer;
  color: #8B0001;
  line-height: 1;
  z-index: 2;
  font-family: var(--font-secondary);
}

.phn-close-btn:hover {
  color: #AF2122;
}

/* LEFT */
.phn-menu-left {
  flex: 1 1 58%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  position: relative;
  padding-left: 90px;
}

.phn-menu-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
  text-align: left;
}

.phn-menu-item {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #8B0001;
  font-size: 40px;
  line-height: 1.2;
  font-weight: normal;
  transition: all 0.28s ease;
  letter-spacing: 0.3px;
  font-family: var(--font-primary);
  text-align: left;
}

.phn-menu-item:hover {
  color: #AF2122;
  transform: translateX(6px);
}

.phn-menu-item span {
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  opacity: 0.85;
  margin-left: 12px;
  white-space: nowrap;
  font-family: var(--font-secondary);
}

.phn-bottom-links {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  gap: 34px;
  justify-content: flex-start;
}

.phn-bottom-links a {
  text-decoration: none;
  color: #8B0001;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--font-secondary);
}

.phn-bottom-links a:hover {
  color: #AF2122;
}

/* RIGHT */
.phn-menu-right {
  flex: 0 0 36%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  padding-right: 40px;
}

.phn-preview-image {
  width: 100%;
  max-width: 420px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.10);
  transition: opacity 0.25s ease;
  display: block;
  margin: auto;
}

/* ==== ICON USER LUÔN ĐỎ NỀN, TRẮNG BÊN TRONG ==== */
.phn-main-header .elementor-widget-icon,
.phn-main-header .elementor-widget-theme-site-logo,
.phn-main-header .elementor-icon-wrapper,
.phn-main-header .elementor-icon {
  mix-blend-mode: normal !important;
  isolation: isolate !important;
}

.phn-main-header .elementor-icon {
  background: #8B0001 !important;
  border-radius: 50% !important;
  padding: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.phn-main-header .elementor-icon i,
.phn-main-header i.fa-circle-user,
.phn-main-header i.far.fa-user-circle,
.phn-main-header i.fas.fa-user-circle {
  color: #ffffff !important;
  mix-blend-mode: normal !important;
}

.phn-main-header .elementor-icon svg,
.phn-main-header .elementor-icon svg * {
  fill: #ffffff !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
  mix-blend-mode: normal !important;
}

.phn-main-header .elementor-icon,
.phn-main-header .elementor-icon i,
.phn-main-header .elementor-icon svg,
.phn-main-header .elementor-icon svg * {
  filter: none !important;
  opacity: 1 !important;
}

/* TABLET */
@media (max-width: 1024px) {
  :root {
    --phn-header-height: 74px;
  }

  .phn-mega-menu.active {
    gap: 30px;
  }

  .phn-menu-item {
    font-size: 32px;
  }

  .phn-menu-item span {
    font-size: 16px;
  }

  .phn-menu-toggle {
    font-size: 28px !important;
  }

  .phn-main-header .elementor-icon {
    padding: 8px !important;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  :root {
    --phn-header-height: 60px;
  }

  .phn-menu-toggle {
    font-size: 20px !important;
    gap: 6px !important;
  }

  .phn-mega-menu {
    padding: 55px 20px 28px;
  }

  .phn-mega-menu.active {
    flex-direction: column;
    gap: 24px;
  }

  .phn-menu-left {
    display: block;
    padding-left: 0;
  }

  .phn-menu-main {
    gap: 18px;
    align-items: flex-start;
    text-align: left;
  }

  .phn-menu-item {
    font-size: 28px;
    line-height: 1.22;
    text-align: left;
  }

  .phn-menu-item span {
    display: inline;
    font-size: 15px;
    margin-left: 8px;
    white-space: normal;
  }

  .phn-menu-right {
    flex: none;
    justify-content: center;
    padding-right: 0;
  }

  .phn-preview-image {
    max-width: 100%;
    aspect-ratio: 4 / 3;
  }

  .phn-bottom-links {
    margin-top: 40px;
    flex-direction: column;
    gap: 14px;
    justify-content: flex-start;
  }

  .phn-close-btn {
    right: 18px;
    top: 14px;
    font-size: 30px;
  }

  .phn-main-header .elementor-widget-theme-site-logo img,
  .phn-main-header .elementor-widget-image img {
    max-width: 110px !important;
    height: auto !important;
  }

  .phn-main-header .elementor-icon {
    padding: 6px !important;
  }

  .phn-main-header > .e-con,
  .phn-main-header > .elementor-container,
  .phn-main-header .e-con-inner {
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* ADMIN BAR MOBILE */
@media (max-width: 782px) {
  body.admin-bar .phn-main-header {
    top: 46px !important;
  }

  body.admin-bar:not(.elementor-editor-active) {
    padding-top: calc(var(--phn-header-height) + 46px) !important;
  }

  body.admin-bar .phn-mega-menu {
    top: calc(var(--phn-header-height) + 46px) !important;
    height: calc(100vh - var(--phn-header-height) - 46px) !important;
    min-height: calc(100vh - var(--phn-header-height) - 46px) !important;
  }
}/* End custom CSS */