/*
Theme Name: اولترا مارکت 
Theme URI: https://www.zhaket.com/store/web/weblabs/intro
Author: گروه برنامه نویسی وبلبز (WebLabs)
Author URI: https://www.zhaket.com/store/web/weblabs/intro
Description: Ultra Market: قالبی قدرتمند برای فروشگاهی متفاوت و حرفه‌ای با اولترا مارکت، تجربه‌ای نو از طراحی فروشگاه آنلاین را لمس خواهید کرد. این قالب بر پایه‌ای مدرن و قدرتمند ساخته شده و به شما امکان می‌دهد یک وب‌سایت فروشگاهی منحصربه‌فرد و حرفه‌ای بسازید. الهام‌گرفته از بازارهای پویا و مدرن، تایپوگرافی چشم‌نواز و جسور، ترکیب رنگی هوشمندانه و چیدمانی کاربرپسند، همگی در کنار هم تجربه‌ای لذت‌بخش برای مشتریان شما رقم می‌زنند. اولترا مارکت با ویرایشگر بلوک گوتنبرگ و المنتور وردپرس کاملاً سازگار است. می‌توانید رنگ‌ها، فونت‌ها و ساختار صفحات را به‌دلخواه تغییر دهید تا کاملاً با برند شما هم‌راستا شود. همچنین مجموعه‌ای از الگوهای آماده و حرفه‌ای، روند ساخت صفحات جذاب و کاربردی را تنها با چند کلیک ساده می‌کند. چه در حال راه‌اندازی یک بوتیک خاص باشید، چه یک مارکت‌پلیس بزرگ، فروشگاه محصولات دیجیتال یا برند لوکس، اولترا مارکت تمام ابزارها و انعطاف‌پذیری موردنیاز را در اختیار شما قرار می‌دهد تا فروشگاهی متمایز بسازید و تجربه‌ای عالی به مشتریانتان ارائه دهید.
Documentation: https://weblabs.ir/docs/
Requires PHP: 7.4
Version: 2.8.2
Text Domain: ultraMarket
*/

/*
Yekan Bakh fonts are considered a proprietary software. To gain information about the laws
regarding the use of these fonts, please visit www.fontiran.com
---------------------------------------------------------------------
This set of fonts are used in this project under the license: (6VC759JW)
---------------------------------------------------------------------
*/

.dc-text,
#box-widget-icon {
  display: none;
}

@font-face {
  font-family: "YekanBakh";
  src: url("assets/fonts/YekanBakhFaNum-VF.woff");
  src: url("assets/fonts/YekanBakhFaNum-VF.woff2");
}

@font-face {
  font-family: "DigiMaryam";
  src: url("assets/fonts/DigiMaryam.woff");
  src: url("assets/fonts/DigiMaryam.woff2");
}

html,
body,
input,
button,
textarea,
select,
pre {
  font-family: "YekanBakh";
  font-display: swap;
}

.woocommerce-Price-currencySymbol,
.symbole {
  font-family: "DigiMaryam";
  font-size: 24px;
}
.price del .woocommerce-Price-currencySymbol {
  display: none;
}

.elementor-editor .elementor-panel {
  font-family: "YekanBakh" !important;
}

#select2-elementor-control-default-c565-results,
.dialog-widget,
.elementor-button,
.elementor-loading-title,
.elementor-panel,
.elementor-panel button,
.elementor-panel input,
.elementor-templates-modal .dialog-widget-content,
.elementor-templates-modal .dialog-widget-content input,
.eps-app a,
body[class*="elementor"] .tipsy,
.elementor-element {
  font-family: "YekanBakh" !important;
}

#select2-elementor-control-default-c565-results,
.dialog-widget,
.elementor-button,
.elementor-loading-title,
.elementor-panel,
.elementor-panel button,
.elementor-panel input,
.elementor-templates-modal .dialog-widget-content,
.elementor-templates-modal .dialog-widget-content input,
.eps-app a,
body[class*="elementor"] .tipsy {
  font-family: "YekanBakh" !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --color-primary: #ffbb91;
  --color-secondary: #ff8e6e;
  --color-accent: #515070;
  --color-black: #242424;
  --color-white: #fff;
  --color-white-text: #fff;

  --Neutral-0: #fafafa;
  --Neutral-40: #f8f9f9;
  --Neutral-50: #f0f1f1;
  --Neutral-100: #e1e2e3;
  --Neutral-200: #d1d4d4;
  --Neutral-300: #c2c5c6;
  --Neutral-400: #a4a9aa;
  --Neutral-500: #858c8d;
  --Neutral-600: #676f71;
  --Neutral-700: #52595a;
  --Neutral-800: #3e4344;
  --Neutral-900: #292c2d;
  --Neutral-950: #151617;

  --color-menu: #a8adbe;
  --color-link: #0052ff;

  --color-light-bg: #ffe3d6;
  --color-fixed-bg: #ffffff;

  --color-border: #f0f1f1;
  --bg-body-option: #fff;
  --ultra-hover-shadow-color: rgba(0, 0, 0, 0.08);

  --color-erorr-600: #c50000;
  --color-erorr-500: #d32f2f;
  --color-erorr-400: #f87171;
  --color-erorr-100: #ffeded;
  --color-warning-100: #fff3e6;
  --color-warning-300: #f4b740;
  --color-warning-600: #ec8514;
  --color-warning-500: #f3a62c;
  --color-warning-400: #f4b740;

  --color-succuces-100: #e0f7f1;
  --color-succuces-600: #008364;
  --color-succuces-500: #00a478;
  --color-succuces-400: #00ba88;
}

main {
  margin: auto;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--Neutral-800);
}

.message-box-ultra {
  position: fixed;
  bottom: 2rem;
  z-index: 999999;
  left: 50%;
  width: 35rem;
  transform: translateX(-50%);
  color: var(--Neutral-800);
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 1px 20px 20px 1px #b6b5b5;
  opacity: 0;
  visibility: hidden;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(
    to right,
    var(--color-white) 50%,
    var(--color-border) 50%
  );
  background-size: 200% 100%;
  background-position: left bottom;
  transition: background 7s ease-out;
}
.message-box-ultra > a {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: center;
}
.message-box-ultra .message-icon {
  position: absolute;
  width: 8rem;
  height: 8rem;
  bottom: 1rem;
  left: 1rem;
  opacity: 0.2;
  fill: var(--Neutral-700);
}
.message-box-ultra img {
  width: 10rem;
  height: 10rem;
  object-fit: cover;
  border-radius: 8px;
}
.message-box-ultra h3 {
  font-size: 1.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
}

.message-box-ultra.show {
  opacity: 1;
  visibility: visible;
  background-position: right bottom;
}

.close-btn-ultra {
  background: none;
  border: none;
  color: var(--Neutral-800);
  font-size: 16px;
  cursor: pointer;
  margin-left: 15px;
  z-index: 1;
  position: absolute;
  top: 1rem;
  left: 0.1rem;
}

.close-btn-ultra:hover {
  color: var(--color-primary);
}
.popup-content-ultra p {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.popup-ultra {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup-content-ultra {
  background-color: white;
  padding: 30px 20px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  position: relative;
}

.close-btn-popultra {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 30px;
  cursor: pointer;
}

.free-shipping-notice {
  background-color: var(--color-light-bg) !important;
  padding: 1rem;
  border-radius: 12px;
  color: var(--color-primary) !important;
  font-size: 14px;
  margin: 1rem 0;
}
.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  display: none;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.popup.is-visible {
  display: block;
}

.popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  width: 8rem;
}

.main-header,
.main-header-2,
.main-header-3 {
  position: relative;
  z-index: 9;
}

.ultra-order-form form input {
  border: 1px solid var(--color-border);
  border-radius: 8px;
  height: 4rem;
  padding: 0 1rem;
  transition: all 0.3s ease-in-out;
}

.ultra-order-form form input:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
  transition: all 0.3s ease-in-out;
}

.stories.snapgram .story > .item-link {
  color: var(--Neutral-800) !important;
}

input[type="range"] {
  /* removing default appearance */
  -webkit-appearance: none;
  background-color: var(--color-light-bg);
  appearance: none;
  /* creating a custom design */
  cursor: pointer;
  outline: none;
  /*  slider progress trick  */
  overflow: hidden;
  border-radius: 16px;
}

/* Track: webkit browsers */
input[type="range"]::-webkit-slider-runnable-track {
  height: 10px;
  background: var(--color-secondary);
  border-radius: 12px;
}

/* Track: Mozilla Firefox */
input[type="range"]::-moz-range-track {
  height: 10px;
  background: var(--color-secondary);
  border-radius: 12px;
}

/* Thumb: webkit */
input[type="range"]::-webkit-slider-thumb {
  /* removing default appearance */
  -webkit-appearance: none;
  appearance: none;
  /* creating a custom design */
  height: 10px;
  width: 10px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid var(--color-secondary);
  /*  slider progress trick  */
  box-shadow: -307px 0 0 300px var(--color-light-bg);
}

input {
  margin: 0;
}

.action-side span.add,
.action-side span.added {
  display: none;
}

/* Thumb: Firefox */
input[type="range"]::-moz-range-thumb {
  height: 10px;
  width: 10px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid var(--color-secondary);
  /*  slider progress trick  */
  box-shadow: -407px 0 0 400px var(--color-light-bg);
}

.image-overlay {
  position: absolute;
  top: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  width: 100%;
  border-radius: 1.2rem;
  height: 99%;
  text-align: center;
}

.image-overlay.ov97 {
  height: 97%;
}

.owl-carousel .owl-nav button {
  font-family: "Source Sans Pro", "Arial", sans-serif !important;
  cursor: pointer;
}

.newest-product {
  position: relative;
}

.owl-carousel.grid-fixed-product .owl-nav button.owl-prev:after,
.owl-carousel.choosen-prod .owl-nav button.owl-prev:after {
  content: "<";
}

.owl-carousel.grid-fixed-product .owl-nav,
.owl-carousel.choosen-prod .owl-nav {
  position: absolute;
  top: -5rem;
  left: 0;
  font-family: "Source Sans Pro", "Arial", sans-serif !important;
  font-weight: 700;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot,
body .sale-slider .owl-carousel.grid-fixed-product.owl-nav button.owl-prev,
body .sale-slider .owl-carousel.grid-fixed-product.owl-nav button.owl-next {
  padding: 0.5rem 1rem;
}

.owl-carousel.grid-fixed-product .owl-nav button.owl-next:after,
.owl-carousel.choosen-prod .owl-nav button.owl-next:after {
  content: ">";
}

.skeleton-slider {
  display: flex;
  gap: 16px;
  overflow: hidden;
  flex-wrap: nowrap;
  padding: 1rem;
  margin-bottom: 2rem;
  width: 100%;
}
.skeleton-item {
  flex: 1;
  height: 360px;
  border-radius: 12px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite linear;
}
@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.skeleton-item {
  flex: 1;
  padding: 1rem;
  border-radius: 12px;
  background-color: #f0f0f0;
  animation: skeleton-loading 1.4s infinite linear;
}

.skeleton-image {
  width: 100%;
  height: 200px;
  background: #ddd;
  border-radius: 8px;
  margin-bottom: 1rem;
}

.skeleton-title,
.skeleton-price {
  height: 20px;
  background: #e0e0e0;
  border-radius: 4px;
  margin-bottom: 0.5rem;
}
.skeleton-title {
  width: 80%;
}
.skeleton-price {
  width: 40%;
}

.product-categories-container {
  display: flex;
  gap: 2rem;
  padding: 1rem 0;
  overflow: scroll;
  scrollbar-width: none;
  justify-content: center;
}

.product-categories-container .product-category {
  width: 15rem;
  height: 15rem;
  border: 1px solid var(--Neutral-50);
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.product-categories-container .product-category:hover {
  margin-top: -0.5rem;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

.product-categories-container .product-category img {
  width: 12rem;
  max-width: 12rem;
  height: 10rem;
  max-height: 10rem;
  object-fit: cover;
  border-radius: 8px;
}

.product-categories-container .product-category h3 {
  width: 100%;
  text-wrap: nowrap;
  overflow: hidden;
  font-size: 1.6rem;
}

.category-product-page .head-shop {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 14px 0;
}
.category-product-page .head-shop .product-title {
  border-bottom: 2px solid var(--color-primary);
  text-wrap: nowrap;
}

.subcategories-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: scroll;
  scrollbar-width: none;
  overflow-y: auto;
  width: 100%;
}

.subcategories-container .subcategories-grid {
  display: flex;
  gap: 1rem;
  flex-wrap: nowrap;
  overflow: scroll;
  border-radius: 8px;
  padding: 1rem;
}

.subcategories-container .subcategories-grid .subcategory-item {
  width: fit-content;
}

.subcategories-container .subcategories-grid .subcategory-item a {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-align: center;
  justify-content: space-between;
  padding: 1rem;
  border-radius: 12px;
  border: 1px solid var(--Neutral-100, #e1e2e3);
}

.subcategories-container .subcategories-grid .subcategory-item a h3 {
  max-width: fit-content;
  text-wrap: nowrap;
  overflow: hidden;
  font-size: 1.4rem;
  color: var(--Neutral-700);
  font-weight: 400;
}

.subcategories-container .subcategories-grid .subcategory-item a img {
  width: 10rem;
  height: 10rem;
  object-fit: cover;
  border-radius: 8px;
}

.sale-slider .owl-carousel.loop .owl-nav.disabled,
.best-selling .owl-carousel.best-prod .owl-nav.disabled,
.owl-carousel.related-products-prod .owl-nav.disabled,
.owl-carousel.cross-sell-slider .owl-nav.disabled {
  display: none;
}

.sale-slider .owl-carousel.loop .owl-nav button,
.owl-carousel.grid-fixed-product .owl-nav button,
.owl-carousel.choosen-prod .owl-nav button {
  background-color: var(--color-secondary);
  padding: 0.5rem 1rem !important;
  color: var(--color-white-text);
  /*border-radius: 50%;*/
  font-family: "Source Sans Pro", "Arial", sans-serif !important;
  border-radius: 0.8rem !important;
}

.sale-slider .item .item-content a {
  position: relative;
}

.ultra-slider .item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;
}
.ultra-slider {
  position: relative;
}
.ultra-slider .owl-dots {
  background: var(--bg-body-option); /* یا رنگ بک‌گراند صفحه */
  border-radius: 999px 999px 0 0;
  padding: 15px 30px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  gap: 8px;
}

.ultra-slider .owl-dots .owl-dot span {
  margin: 0;
  transition: width 0.3s ease-in-out;
}
.ultra-slider .owl-dots .owl-dot.active span {
  width: 20px;
  transition: width 0.3s ease-in-out;
  background: var(--color-primary);
  opacity: 1;
}
.ultra-slider .owl-dots .owl-dot span {
  transition: width 0.3s ease-in-out;
  background: var(--color-primary);
  opacity: 0.2;
}
.search-mobile {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: var(--color-white);
  z-index: 99999;
  padding: 10px;
  display: none;
}

.search-mobile .search-note svg path {
  fill: var(--Neutral-800);
}

.search-mobile header {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

.search-mobile form {
  position: relative;
}

.search-mobile form input[type="search"] {
  padding-right: 45px;
}

.search-mobile form button {
  position: absolute;
  right: 8px;
  top: 5px;
  background: transparent;
}

.search-mobile form button svg path {
  stroke: var(--color-secondary);
}

.search-mobile .search-note {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 25%;
  gap: 15px;
  font-weight: 700;
}
.woocommerce .widget_price_filter .price_slider_amount {
  text-align: right;
}
.rtl.woocommerce .price_label,
.rtl.woocommerce .price_label span {
  direction: rtl;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 80px;
}
.rtl.woocommerce .price_label {
  padding-top: 10px;
}

.title i {
  color: var(--color-secondary);
}

.floatting-contact .contact-list {
  flex-direction: column;
  background-color: var(--color-secondary);
  width: 20rem;
  position: fixed;
  right: 3rem;
  border-radius: 8px;
  overflow: hidden;
  display: none;
  bottom: 12rem;
  z-index: 99999;
}

.floatting-contact .contact-list a:hover {
  background-color: var(--color-light-bg);
  color: var(--color-secondary);
}

.floatting-contact .contact-list a {
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: white;
}

.floatting-contact .contact-list img {
  width: 2rem;
}

.floatting-btn {
  background-color: var(--color-secondary);
  position: fixed;
  bottom: 4rem;
  right: 3rem;
  z-index: 9999;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.floatting-btn i {
  transition: all 0.2s ease-in-out;
  font-size: 32px;
  color: white;
}

.story-box #stories {
  padding-bottom: 2rem;
}

#zuck-modal #zuck-modal-content .story-viewer .slides-pagination span {
  font-family: "Source Sans Pro", "Arial", sans-serif !important;
}

#zuck-modal-content .story-viewer .head .right .close {
  display: block;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.stories.carousel .story {
  width: 90px;
}
.stories.carousel .story > .item-link > .item-preview {
  height: auto;
}
#zuck-modal-content .story-viewer.with-back-button .head .left > .back {
  font-family: "Source Sans Pro", "Arial", sans-serif !important;
}

#zuck-modal-content .story-viewer .head .right .time {
  margin: 15px 50px;
  line-height: 30px;
}

#zuck-modal-slider-stories .story-viewer .head .back > i {
  display: none;
}

.image-overlay.ov98 {
  border-radius: 0.8rem;
  height: 98%;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  color: var(--Neutral-800);
}

.container {
  width: 1440px;
  margin: auto;
  max-width: 100%;
}
h1 {
  font-size: 2.2rem;
  font-weight: 600;
}

h2 {
  font-size: 2rem;
  font-weight: 600;
}
h3 {
  font-size: 1.8rem;
  font-weight: 600;
}

h4 {
  font-size: 1.6rem;
  font-weight: 600;
}
h5 {
  font-size: 1.4rem;
  font-weight: 600;
}
h6 {
  font-size: 1.2rem;
  font-weight: 600;
}

::placeholder {
  color: var(--Neutral-100);
  opacity: 1; /* Firefox */
}

::-webkit-scrollbar {
  z-index: 9999;
  width: 0.4rem;
}

::-webkit-scrollbar-track {
  background: var(--color-white);
  z-index: 9999;
}

::-webkit-scrollbar-thumb {
  background: var(--color-secondary);
  height: 100px;
  border-radius: 5px;
  z-index: 9999;
}

::-webkit-scrollbar {
  z-index: 9999;
  height: 8px;
  width: 10px;
  background: var(--color-accent);
}

::-webkit-scrollbar-thumb:horizontal {
  background: var(--color-secondary);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}

.svg-icon path {
  stroke: var(--Neutral-700);
}

.payment_box.payment_method_card_transfer_gateway .ultra-cardtocard {
  display: flex;
  flex-direction: column;
  background: var(
    --Fade-to-Purple,
    linear-gradient(
      180deg,
      var(--color-primary) 0%,
      var(--color-secondary) 100%
    )
  );
  margin: 1rem;
  padding: 4rem 2rem;
  border-radius: 8px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
}
.payment_box.payment_method_card_transfer_gateway
  .ultra-cardtocard
  .card-number {
  unicode-bidi: plaintext;
  font-variant-numeric: tabular-nums;
}
.card-pay-gateway .card-number {
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
}

.payment_box.payment_method_card_transfer_gateway
  .ultra-cardtocard
  .card-number::before {
  content: "\f7c4";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2rem;
  color: gold;

  padding: 0 1rem;
  rotate: -90deg;
}
.card-pay-gateway-whatsapp {
  background: green;
  border-radius: 8px;
  padding: 5px;
  color: white;
  margin: 1rem;
}
.card-pay-gateway-whatsapp svg path {
  stroke: white;
}
.card-pay-gateway-telegram svg {
  fill: white;
}
.card-pay-gateway-telegram {
  background: blue;
  border-radius: 8px;
  padding: 5px;
  color: white;
  margin: 1rem;
}

/* start Header section */

/* Desktop responsive*/

.main-header,
.main-header-2 {
  display: block;
  padding-bottom: 1rem;
  box-shadow: 0 2px 4px 0 #0000000d;
}
.main-header .head-content {
  display: flex;
  flex-direction: column;
}
.main-header-mob {
  display: none;
}

.main-header .up-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
.main-header .up-header nav ul {
  list-style: none;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.main-header .up-header .right-side {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.main-header .up-header .left-side {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.main-header .up-header a {
  transition: all 0.3s ease-in-out;
}
.main-header .up-header a:hover {
  color: var(--color-primary);
  transition: all 0.3s ease-in-out;
}
.main-header .up-header .bullet-sec {
  display: flex;
  align-items: center;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.main-header .up-header .bullet-sec .bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-secondary);
  display: inline-block;
  margin-left: 10px;
  animation: blinker 1s linear infinite;
}

.main-header .top-header {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 1rem 0;
  justify-content: space-between;
}

.main-header .top-header .right-side {
  display: flex;
  align-items: center;
  width: 70%;
  column-gap: 1rem;
}

.main-header-mob .top-header .right-side .search-btn-menu-mobile {
  display: none;
}

.main-header .top-header .right-side .logo-header a {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}

.top-header .right-side .logo-header img,
.main-header-2 .mid-header .logo-sec img,
.main-header-3 .logo-sec img {
  width: 3.2rem;
  /*     background: var(--color-secondary, #FF8E6E); */
  padding: 0.3rem;
  border-radius: 0.4rem;
}
.main-header-mob .top-header .right-side .logo-header a {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}

.main-header-mob .top-header .bar-menu {
  visibility: hidden;
  flex-direction: column;

  padding: 0.8rem 0.5rem;
  gap: 0.3rem;
  display: none;
}

.main-header-mob .top-header .right-side .bar {
  width: 2.3rem;
  background-color: var(--color-secondary);
  height: 0.3rem;
  border-radius: 0.3rem;
}

.main-header-mob .top-header .right-side #myModal {
  display: none;
}

.main-header-mob .top-header .right-side .modal-pup .modal-item {
  position: fixed;
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  box-shadow: 0 0 11px 2px #e9e9e9;
  width: 90%;
  top: 1rem;
  gap: 1rem;
  padding: 1rem;
  align-items: center;
  right: 0;
  border-radius: 1.2rem;
  left: 0;
  margin: 0 2rem;
  height: calc(100vh - 130px);
  z-index: 9999999;
  transition: all 0.3s ease-out;
}

.right-side .modal-pup .modal-item .modal-header {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.right-side .modal-pup .modal-item .modal-header .logo-header {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.main-header-mob
  .top-header
  .right-side
  .modal-pup
  .modal-item
  .logo-header
  span {
  color: var(--color-secondary);
}

.main-header-mob .top-header .right-side .modal-pup .close {
  font-size: 4rem;
  left: 1rem;
  padding: 0 1.5rem;
  top: 0.5rem;
  border-radius: 1.6rem;
  color: var(--color-secondary);

  border: 1px solid var(--Neutral-50);
  cursor: pointer;
  font-weight: 400;
}

.right-side .modal-pup .modal-content_ultra {
  width: 100%;
  padding: 0 1rem;
  overflow: auto;
}

.right-side .modal-pup .modal-content_ultra .hum-menu {
  display: block;

  width: 100%;
}

.right-side .modal-pup .modal-content_ultra .hum-menu ul {
  width: 100%;
  height: 100%;
  /*padding: 1rem;*/
  list-style: none;
  padding: 1rem 0;
}

.right-side .modal-pup .modal-content_ultra .hum-menu ul li {
  padding: 0.5rem;
  border: 1px solid var(--Neutral-50);
  width: 100%;
  border-radius: 0.8rem;
  margin: 1rem 0;
}

.right-side .modal-pup .modal-content_ultra .hum-menu ul.sub-menu {
  background-color: var(--Neutral-50);
  border: 1px solid white;
  border-radius: 8px;
  padding: 1rem;
}

.right-side .modal-pup .modal-content_ultra .hum-menu ul.sub-menu li {
  border-color: white;
}

.right-side
  .modal-pup
  .modal-content_ultra
  .hum-menu
  ul.sub-menu
  li
  ul.sub-menu {
  background-color: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: 1rem;
}

.right-side
  .modal-pup
  .modal-content_ultra
  .hum-menu
  ul.sub-menu
  ul.sub-menu
  li {
  border-color: var(--Neutral-50);
}

.right-side
  .modal-pup
  .modal-content_ultra
  .hum-menu
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu {
  background-color: var(--Neutral-50);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: 1rem;
}

.right-side
  .modal-pup
  .modal-content_ultra
  .hum-menu
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li {
  border-color: white;
}

.right-side .modal-pup .modal-content_ultra .hum-menu ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}

.right-side .modal-pup .modal-content_ultra .hum-menu ul li a span {
  font-size: 1.8rem;
}

.right-side .modal-pup .modal-content_ultra .hum-menu > ul > li > ul {
  display: none;
}

/* .right-side .modal-pup .modal-content_ultra .hum-menu > ul > li:hover > ul {
    display: block;
} */

.right-side .modal-pup .modal-content_ultra .hum-menu > ul > li > ul > li > ul {
  display: none;
}

/* .right-side .modal-pup .modal-content_ultra .hum-menu >ul >li >ul >li:hover >ul {
    display: block;
} */

.right-side
  .modal-pup
  .modal-content_ultra
  .hum-menu
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul {
  display: none;
}

/* .right-side .modal-pup .modal-content_ultra .hum-menu >ul >li >ul >li > ul > li:hover >ul {
    display: block;
} */

.main-header .top-header .right-side .logo-header span,
.main-header-2 .mid-header .logo-sec span,
.main-header-3 .logo-sec span {
  color: var(--color-secondary);
  font-weight: 700;
  font-size: 2.4rem;
}

.main-header .top-header .right-side form {
  position: relative;
  width: 70%;
}

.main-header .top-header .right-side form input[type="search"] {
  color: var(--color-accent);
  transition: all 0.3s ease-out;
  font-size: 1.4rem;
  width: 100%;
  padding: 0.5rem 3rem;
  border: 0.1rem solid var(--Neutral-100);
  background-color: var(--Neutral-50);
  border-radius: 0.8rem;
}

.main-header .top-header .right-side form input[type="search"]:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
}

#headersearch {
  display: none; /* پیش‌فرض مخفی، jQuery خودش show() می‌کنه */
  width: 100%;
  height: 100%;
  background: rgb(62 62 62 / 90%);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999999;
}
/* رپر وسط صفحه */
.search-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 600px;
}

/* خود input */
#headersearch input {
  height: 60px;
  border: none;
  color: var(--color-white);
  width: 100%;
  text-align: center;
  background: transparent;
  font-size: 24px;
  outline: none;
  margin: 0;
  padding-right: 60px; /* جا برای دکمه سمت راست */
}

/* دکمه سرچ، در راستای input */
#headersearch button {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  background-color: transparent;
  border: none;
  cursor: pointer;
}

/* آیکن سفید */
#headersearch button svg#Search path {
  fill: var(--color-white);
}

/* دکمه بستن که قبلاً داشتی */
span.searchclose {
  color: var(--color-primary);
  background-color: transparent;
  border-radius: 5px;
  font-size: 32px;
  cursor: pointer;
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 100000000;
  padding: 20px 20px 14px 20px;
}

.main-header .top-header .right-side form button {
  position: absolute;
  right: 2rem;
  top: 0.5rem;
  border: 0;
  background-color: transparent;
}

.main-header .top-header .right-side form button .svg-icon {
  width: 1.6rem;
}

.main-header .top-header .right-side form button .svg-icon path {
  stroke: var(--Neutral-0) !important;
  fill: var(--color-accent) !important;
  font-size: 1.6rem;
}

.main-header .middle-header .left-side {
  display: flex;
  column-gap: 2rem;
}

.main-header .middle-header .left-side a {
  display: flex;
  row-gap: 0.5rem;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s ease-out;
}

.main-header .middle-header .left-side a span.user-act {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 100%;
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
  text-overflow: ellipsis;
}

.main-header .middle-header .left-side a:hover {
  scale: 104%;
  transition: all 0.3s ease-out;
}

.main-header .middle-header .left-side a span {
  font-size: 10px;
  font-weight: 400;
  color: var(--Neutral-700);
}

.main-header .middle-header .left-side a i {
  font-size: 2.4rem;

  color: var(--Neutral-700);
}

.main-header .middle-header .left-side a .number-cart {
  background-color: var(--color-secondary);
  position: absolute;
  right: 0;
  padding: 0 0.5rem;
  border-radius: 0.8rem;
  color: white;
}

.main-header .middle-header .left-side .cart-content-box {
  position: relative;
}

.main-header .middle-header .left-side .cart-content-box:hover .cart-content {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
  top: 50px;
}

.main-header .middle-header .left-side .cart-content-box .cart-content {
  /*     position: absolute;
    width: 300px;
    left: -70px;
    top: 100px;
    border: 1px solid #ddd;
    transition: all 0.3s ease-in-out; */
  border-radius: 7px;
  /*     z-index: 9999;
    opacity: 0;
    visibility: hidden;
    display: flex;

    flex-direction: column;
    align-items: center; */

  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 9999;
  right: -12rem;
  width: 28rem;
  top: 6rem;
  transition: all 0.3s ease-in-out;
}

.single-product-ultra .product-box .entry-summary .short-text-ultra ul,
.single-product-ultra .product-box .entry-summary .short-text-ultra ol {
  padding: 0 2rem;
}

.single-product-ultra .product-box .entry-summary .short-text-ultra {
  border: 1px solid var(--color-border);
  padding: 1rem;
  border-radius: 0.8rem;
  font-size: 1.6rem;
  color: var(--Neutral-700);
}

.cart-box .middle {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cart-box .middle span.woocommerce-Price-amount.amount {
  font-size: 1.8rem;
}
span.woocommerce-Price-amount.amount bdi {
  unicode-bidi: normal;
}

.woo-variation-swatches
  .wvs-style-squared.variable-items-wrapper
  .variable-item:not(.radio-variable-item).button-variable-item
  .variable-item-span {
  background: var(--color-white);
}

.cart-box .middle span {
  font-size: 1.2rem;
  color: var(--Neutral-800);
}

.woocommerce div.product form.cart {
  margin: 0;
  width: 100%;
}

.cart-content-box .cart-content {
  background-color: var(--color-white);
  border: 0 !important;
  box-shadow: 1px 1px 11px 1px #ddd;
  border-radius: 1.2rem !important;
  padding: 0 1rem 1rem 1rem;
}

.cart-content-box .cart-content ul {
  display: flex;
  flex-direction: column;
  scrollbar-width: none;
  overflow: scroll;
  max-height: 60vh;
}

.cart-content-box .cart-content ul li {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ddd;
  align-items: center;
}

.cart-content-box .cart-content ul li .remove.remove_from_cart_button {
  font-size: 2.4rem;
  color: var(--color-accent) !important;
  display: inline;
}

.cart-content-box .cart-content ul li .remove.remove_from_cart_button:hover {
  scale: 100%;
  color: var(--color-primary) !important;

  background-color: transparent !important;
}

.cart-content-box .cart-content ul li img {
  width: 8rem;
  object-fit: cover;
  height: 8rem;
}

.cart-content-box .cart-content ul li .quantity {
  text-align: end;
  width: 100%;
}

.cart-content-box .cart-content ul li .mini-pro-cart-show img {
  border-radius: 8px;
}

.cart-content-box .cart-content ul li .mini-pro-cart-show {
  display: flex;
  flex-direction: row;
  gap: 0.8rem;
  width: 100%;
}

.cart-content-box .cart-content ul li .mini-pro-cart-show:hover {
  scale: 100%;
}

.cart-content-box .cart-content .woocommerce-mini-cart__buttons.buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cart-content-box .cart-content ul li .mini-pro-cart-show span {
  color: var(--color-accent);
  font-weight: 600;
  font-size: 1.4rem;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.cart-content-box .cart-content .woocommerce-mini-cart__buttons.buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.cart-content-box .cart-content .woocommerce-mini-cart__buttons.buttons a {
  border-radius: 1.2rem;
  padding: 1rem;
  font-size: 1.4rem;
  width: 100%;
  color: var(--color-white-text);
  text-align: center;
}

.cart-content-box .cart-content .woocommerce-mini-cart__total.total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.woocommerce-mini-cart__buttons.buttons .wc-forward {
  background-color: var(--color-primary);
}

.woocommerce-mini-cart__buttons.buttons .checkout.wc-forward {
  background-color: var(--color-accent);
}

.main-header .middle-header {
  margin-top: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
}

.main-header .middle-header .menu-side {
  display: flex;
  align-items: center;
}

.main-header .middle-header .menu-side .ultra-megamenu .title-megamenu {
  display: flex;
  align-items: center;
  border-left: 1px dashed var(--Neutral-800);
  padding-left: 1rem;
  column-gap: 0.5rem;
  cursor: pointer;
}

.main-header .middle-header .menu-side .ultra-megamenu .title-megamenu svg {
  width: 1.4rem;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .title-megamenu
  svg
  path {
  stroke: var(--Neutral-800);
}

.main-header .middle-header .menu-side .ultra-megamenu .title-megamenu span {
  font-size: 1.4rem;
  color: var(--Neutral-800);
}

.main-header .middle-header .menu-side .ultra-megamenu .menu-section {
  position: relative;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul:before {
  content: "";
  position: absolute;
  width: 100%;
  top: -20px;
  height: 20px;
  right: 0;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  .menu-item-has-children
  > a {
  position: relative;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li.menu-item-has-children
  > a::after {
  content: "▼"; /* آیکن فلش پایین */
  position: absolute;
  left: -5px; /* موقعیت آیکن */
  font-size: 10px;
  color: var(--color-accent); /* رنگ آیکن */
  cursor: pointer;
  transform: rotate(90deg); /* چرخش آیکن هنگام باز شدن زیرمنو */
}

.main-header .middle-header .menu-side .ultra-megamenu > .menu-section > ul {
  visibility: hidden;
  opacity: 0;
  background-color: var(--color-white);
  border-radius: 0 1.2rem 1.2rem 0;
  width: 22rem;
  padding: 2rem;
  position: absolute;
  top: 1.5rem;
  z-index: 99999;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul::after {
  display: none;
  width: 100vw;
  height: 100vh;
  top: 13rem;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.main-header .middle-header .menu-side .ultra-megamenu .menu-section ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu:hover
  .menu-section
  > ul {
  visibility: visible;
  max-height: 80vh;
  min-height: 50vh;
  opacity: 1;
  /*     overflow-x: hidden; */
  transition: all 0.3s ease;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li:first-child {
  padding: 1.5rem;
  border: 1px solid var(--Neutral-100);
  border-radius: 1.2rem 1.2rem 0 0;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li:last-child {
  border-radius: 0 0 1.2rem 1.2rem;
}

.main-header .middle-header .menu-side .ultra-megamenu .menu-section > ul > li {
  padding: 1.5rem;

  border: 1px solid var(--Neutral-100);
  border-top: 0;
  transition: all 0.3s ease;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li:hover {
  background-color: var(--color-light-bg);
  transition: all 0.3s ease;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li:hover
  > a {
  color: var(--color-secondary);
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li
  a {
  display: flex;
  font-size: 1.4rem;
  align-items: center;
  gap: 1rem;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li
  > ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 960px;
  border-radius: 1.2rem 0 0 1.2rem;
  background-color: var(--color-white);
  top: 0;
  padding: 1rem;
  right: 20rem;
  flex-direction: row;
  height: 100%;
  display: flex;
  overflow: scroll;
  flex-wrap: wrap;

  align-items: flex-start;
  justify-content: flex-start;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li:hover
  > ul {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li
  > ul:hover {
  visibility: visible;
  opacity: 1;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li
  > ul
  > li {
  padding: 1rem;
  width: 20rem;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  height: fit-content;
  margin-top: 0;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li
  + li {
  margin-top: 0;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li
  > ul
  > li
  > a {
  padding: 1rem;
  border: 1px solid var(--Neutral-100);
  border-radius: 1.2rem 1.2rem 0 0;
  color: var(--color-secondary);
  background-color: var(--color-light-bg);
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
}

.main-header .middle-header .menu-side .main-menu {
  margin-right: 1rem;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li
  > ul
  > li
  > ul
  > li {
  border: 1px solid var(--Neutral-100);
  border-top: 0;
  padding: 1rem;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li
  > ul
  > li
  > ul
  > li:last-child {
  border-radius: 0 0 1.2rem 1.2rem;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li
  > ul
  > li
  > ul
  > li:hover
  > a {
  color: var(--color-secondary);
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul {
  border-right: 1px solid var(--color-primary);
  padding-right: 10px;
  margin: 10px;
}

.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > a {
  color: #a8adbe;
}
.main-header
  .middle-header
  .menu-side
  .ultra-megamenu
  .menu-section
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > a:hover {
  color: var(--color-accent);
}

.main-header .middle-header .menu-side .main-menu ul {
  display: flex;
  align-items: center;
  column-gap: 2rem;
}

.main-header .middle-header .menu-side .main-menu ul li {
  list-style: none;
  position: relative;
}

.main-header .middle-header .menu-side .main-menu ul li a {
  display: flex;
  align-items: center;
  column-gap: 0.3rem;
  color: var(--color-menu);
}

.main-header .middle-header .menu-side .main-menu ul li a svg {
  width: 1.4rem;
}

.main-header .middle-header .menu-side .main-menu ul li a span {
  font-size: 1.2rem;
  color: var(--color-menu);
}

.main-header .middle-header .menu-side .main-menu > ul > li > ul {
  display: flex;
  flex-direction: column;
  position: absolute;
  gap: 2rem;
  background: white;
  box-shadow: 0 2px 4px 0 #0000000d;
  padding: 3rem;
  z-index: 9999;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  top: 6rem;
  visibility: hidden;
  border-radius: 1.2rem;
}

.main-header .middle-header .menu-side .main-menu ul li > ul > li {
  font-size: 1.2rem;
  width: 15rem;
  transition: all 0.3s ease-in-out;
}

.main-header .middle-header .menu-side .main-menu > ul > li > ul > li > ul {
  flex-direction: column;
  position: absolute;
  gap: 2rem;
  background: white;
  box-shadow: 0 2px 4px 0 #0000000d;
  padding: 3rem;
  z-index: 9999;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  top: -5rem;
  right: 18rem;
  visibility: hidden;
  border-radius: 1.2rem;
}

.main-header
  .middle-header
  .menu-side
  .main-menu
  > ul
  > li
  > ul
  > li:hover
  > ul {
  opacity: 1;

  visibility: visible;
  transition: all 0.3s ease-in-out;
  top: 1rem;
}

.main-header
  .middle-header
  .menu-side
  .main-menu
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul {
  flex-direction: column;
  position: absolute;
  gap: 2rem;
  background: white;
  box-shadow: 0 2px 4px 0 #0000000d;
  padding: 3rem;
  z-index: 9999;
  top: -5rem;
  right: 18rem;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  border-radius: 1.2rem;
}

.main-header
  .middle-header
  .menu-side
  .main-menu
  > ul
  > li
  > ul
  > li
  > ul
  > li:hover
  > ul {
  opacity: 1;

  visibility: visible;
  transition: all 0.3s ease-in-out;
  top: 1rem;
}

.main-header
  .middle-header
  .menu-side
  .main-menu
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul {
  flex-direction: column;
  position: absolute;
  gap: 2rem;
  background: white;
  box-shadow: 0 2px 4px 0 #0000000d;
  padding: 3rem;
  z-index: 9999;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  top: -5rem;
  right: 18rem;
  visibility: hidden;
  border-radius: 1.2rem;
}

.main-menu .menu-item-has-children > a {
  position: relative;
}

.main-menu .menu-item-has-children > a::after:first-child {
  content: ""; /* آیکن فلش پایین */
}

.main-menu > ul > li > ul .menu-item-has-children > a::after {
  content: "▼"; /* آیکن فلش پایین */
  position: absolute;
  left: -15px; /* موقعیت آیکن */
  font-size: 10px;
  color: var(--color-accent); /* رنگ آیکن */
  cursor: pointer;

  transform: rotate(90deg); /* چرخش آیکن هنگام باز شدن زیرمنو */
}

.main-header
  .middle-header
  .menu-side
  .main-menu
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li:hover
  > ul {
  opacity: 1;

  visibility: visible;
  transition: all 0.3s ease-in-out;
  top: 1rem;
}

.main-header .middle-header .menu-side .main-menu > ul > li:after {
  display: block;
  content: "";
  border-bottom: solid 3px var(--color-secondary);
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}

.main-header .middle-header .menu-side .main-menu > ul > li:hover:after {
  transform: scaleX(1);
}

.main-header-3 .right-side .menu-sec > ul > li:after {
  display: block;
  content: "";
  border-bottom: solid 3px var(--color-secondary);
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}

.main-header-3 .right-side .menu-sec > ul > li:hover:after {
  transform: scaleX(1);
}

.main-header .middle-header .menu-side .main-menu ul li > a {
  display: flex;
  align-items: center;
  gap: 0;
}

.main-header .middle-header .menu-side .main-menu ul li:hover > a {
  color: var(--color-secondary);
}

.main-header .middle-header .menu-side .main-menu ul li:hover > a > span {
  color: var(--color-secondary);
}

.main-header .middle-header .menu-side .main-menu > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
  top: 4rem;
}

.main-header .top-header .support-side {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}

.main-header .top-header .support-side .support-text {
  display: flex;
  align-items: end;
  flex-direction: column;
}

.main-header .top-header .support-side .support-text span {
  font-size: 1.2rem;
}

.mobile-header {
  display: none;
}

.main-header-2 .top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 0;
}
.main-header-2 i {
  color: var(--Neutral-700);
  font-size: 1.8rem;
  transition: all 0.3s ease-in-out;
}
.main-header-2 i:hover {
  color: var(--color-primary);
  scale: 101%;
  transition: all 0.3s ease-in-out;
}
.main-header-2 a {
  cursor: pointer;
}
.main-header-2 .top-header .social-sec {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.main-header-2 .top-header .num-sec {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.main-header-2 .mid-header {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 0;
  width: 100%;
}

.main-header-2 .mid-header .logo-sec a {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.main-header-2 .mid-header .logo-sec span {
  text-wrap: nowrap;
}
.main-header-2 .mid-header .menu-sec {
  flex: 1;
}
.main-header-2 .mid-header .btn-sec {
  width: 10%;
  display: flex;
  gap: 1.5rem;
  align-items: center;
  justify-content: flex-end;
}

.main-header-2 .mid-header .btn-sec svg {
  width: 3.4rem;
  height: 3.4rem;
}

.main-header-2 .mid-header .btn-sec svg path {
  stroke: var(--Neutral-700) !important;
}
.main-header-2 .mid-header .btn-sec svg polyline {
  stroke: var(--Neutral-700) !important;
}
.main-header-2 .mid-header .btn-sec svg {
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: 0.5rem;
}

.main-header-2 .mid-header .btn-sec .cart-content-box {
  position: relative;
}
.main-header-2 .mid-header .btn-sec .cart-content-box .number-cart {
  position: absolute;
  background-color: var(--color-primary);
  color: var(--Neutral-800);
  padding: 0 0.5rem;
  border-radius: 100%;
  font-size: 1rem;
  top: -0.5rem;
  right: -0.5rem;
}
.main-header-2 .mid-header .btn-sec .cart-content-box:hover .cart-content {
  visibility: visible;
  opacity: 1;
  top: 4rem;
  transition: all 0.3s ease-in-out;
}
.main-header-2 .mid-header .btn-sec .cart-content-box .cart-content {
  position: absolute;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  right: -15rem;
  top: 6rem;
  width: 30rem;
  z-index: 999999;
}
.main-header-2
  .mid-header
  .btn-sec
  .cart-content-box
  .cart-content
  .mini-cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main-header-2 .mid-header .btn-sec .user.logined {
  position: relative;
}
.main-header-2 .mid-header .btn-sec .user.logined .user-login-info {
  list-style: none;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 8rem;
  width: 20rem;
  background-color: var(--color-white);
  z-index: 999;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  border-radius: 8px;
  gap: 2rem;
  right: -16rem;
  box-shadow: 1px 20px 20px 1px #b6b5b5;
  transition: all 0.3s ease-in-out;
}
.main-header-2 .mid-header .btn-sec .user.logined:hover .user-login-info {
  visibility: visible;
  opacity: 1;
  top: 5rem;
  transition: all 0.3s ease-in-out;
}
.main-header-2 .mid-header .btn-sec .user.logined .user-login-info li:hover a {
  color: var(--color-primary);
}
.main-header-2
  .mid-header
  .btn-sec
  .user.logined
  .user-login-info
  li:hover
  a
  i {
  color: var(--color-primary);
}
.main-header-2
  .mid-header
  .btn-sec
  .user.logined
  .user-login-info
  li:first-child {
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 1rem;
}
.main-header-2 .mid-header .logo-sec {
  width: 20rem;
}

.main-header-2 .mid-header .btn-sec .user.logined .user-login-info li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-header-2 .mid-header .menu-sec .main-ultra-menu ul {
  display: flex;
  align-items: center;
  gap: 2rem;
  list-style: none;
}
.main-header-2 .mid-header .menu-sec ul {
  list-style: none;
}

.main-header-2 .mid-header .menu-sec ul li:not(:has(ul)) > a > i {
  display: none;
}

.main-header-2 .mid-header .menu-sec .usual-menu-ultra ul {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.main-header-2 .mid-header .menu-sec .main-ultra-menu > ul > li > a,
.main-header-2 .mid-header .menu-sec .usual-menu-ultra > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  gap: 1rem;
}
.main-header-2 .mid-header .menu-sec .usual-menu-ultra > ul > li {
  position: relative;
}
.main-header-2 .mid-header .menu-sec .usual-menu-ultra > ul > li > ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 10rem;
  background: var(--color-white);
  padding: 2rem;
  width: 20rem;
  border-radius: 8px;
  z-index: 9999;
  box-shadow: 1px 20px 20px 1px #b6b5b5;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.main-header-2 .mid-header .menu-sec .usual-menu-ultra > ul > li > ul > li {
  position: relative;
}
.main-header-2
  .mid-header
  .menu-sec
  .usual-menu-ultra
  > ul
  > li
  > ul
  > li
  > ul
  > li {
  position: relative;
}
.main-header-2 .mid-header .menu-sec .usual-menu-ultra > ul > li ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-header-2 .mid-header .menu-sec .usual-menu-ultra > ul > li ul li a i {
  rotate: -90deg;
  transition: all 0.3s ease-in-out;
}

.main-header-2
  .mid-header
  .menu-sec
  .usual-menu-ultra
  > ul
  > li
  > ul
  > li
  > ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  background: var(--color-white);
  padding: 2rem;
  width: 20rem;
  border-radius: 8px;
  z-index: 9999;
  box-shadow: 1px 20px 20px 1px #b6b5b5;
  transition: all 0.3s ease-in-out;
  left: -18rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.main-header-2
  .mid-header
  .menu-sec
  .usual-menu-ultra
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  background: var(--color-white);
  padding: 2rem;
  width: 20rem;
  border-radius: 8px;
  z-index: 9999;
  box-shadow: 1px 20px 20px 1px #b6b5b5;
  transition: all 0.3s ease-in-out;
  left: -18rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.main-header-2
  .mid-header
  .menu-sec
  .usual-menu-ultra
  > ul
  > li
  > ul
  > li:hover
  > ul {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  left: -23rem;
}
.main-header-2
  .mid-header
  .menu-sec
  .usual-menu-ultra
  > ul
  > li
  > ul
  > li:hover
  > a
  > i {
  rotate: 0deg;
  transition: all 0.3s ease-in-out;
  color: var(--color-primary);
}
.main-header-2
  .mid-header
  .menu-sec
  .usual-menu-ultra
  > li
  > ul
  > li:hover
  > a {
  transition: all 0.3s ease-in-out;
  color: var(--color-primary);
}
.main-header-2
  .mid-header
  .menu-sec
  .usual-menu-ultra
  > ul
  > li
  > ul
  > li
  > ul
  > li:hover
  > a
  > i {
  rotate: 0deg;
  transition: all 0.3s ease-in-out;
  color: var(--color-primary);
}
.main-header-2
  .mid-header
  .menu-sec
  .usual-menu-ultra
  > ul
  > li
  > ul
  > li
  > ul
  > li:hover
  > a {
  transition: all 0.3s ease-in-out;
  color: var(--color-primary);
}
.main-header-2
  .mid-header
  .menu-sec
  .usual-menu-ultra
  > ul
  > li
  > ul
  > li
  > ul
  > li:hover
  > ul {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  left: -23rem;
}

.main-header-2 .mid-header .menu-sec .usual-menu-ultra > ul > li:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 5rem;
  transition: all 0.3s ease-in-out;
}

.main-header-2 .mid-header .menu-sec .usual-menu-ultra > ul > li:hover > a > i {
  rotate: -90deg;
  color: var(--color-primary);
}

.main-header-2 .mid-header .menu-sec li > a > i {
  font-size: 1.2rem;
}
.main-header-2 .mid-header .menu-sec .main-ultra-menu > ul > li {
  position: relative;
}
.main-header-2 .mid-header .menu-sec .main-ultra-menu > ul > li > ul {
  display: flex;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 10rem;
  background: var(--color-white);
  width: 70vw;
  min-height: 30rem;
  max-height: 80vh;
  right: -200%;
  justify-content: flex-start;
  padding: 2rem;
  border-radius: 8px;
  z-index: 9999;
  box-shadow: 1px 20px 20px 1px #b6b5b5;
  transition: all 0.3s ease-in-out;
  overflow: scroll;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
}

.main-header-2 .mid-header .menu-sec .main-ultra-menu > ul > li > ul > li > a {
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  transition: all 0.3s ease-in-out;
  align-items: center;
  gap: 0.4rem;
  width: 20rem;
}
.main-header-2
  .mid-header
  .menu-sec
  .main-ultra-menu
  > ul
  > li
  > ul
  > li
  > a:hover {
  color: var(--color-primary);
  transition: all 0.3s ease-in-out;
}

.main-header-2
  .mid-header
  .menu-sec
  .main-ultra-menu
  > ul
  > li
  > ul
  > li
  > a:before {
  content: "";
  transition: all 0.3s ease-in-out;
  display: block;
  width: 2px;
  height: 14px;
  margin-left: 4px;
  background-color: var(--color-primary);
}
.main-header-2 .mid-header .menu-sec .main-ultra-menu > ul > li > ul > li > ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 1.5rem;
  margin: 1rem;
  border-right: 1px solid var(--color-border);
  align-items: flex-start;
}

.main-header-2
  .mid-header
  .menu-sec
  .main-ultra-menu
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 1.5rem;
  margin: 1rem;
  border-right: 1px solid var(--color-border);
  align-items: flex-start;
}
.main-header-2
  .mid-header
  .menu-sec
  .main-ultra-menu
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > a {
  font-weight: 300;
  font-size: 1.2rem;
}
.main-header-2
  .mid-header
  .menu-sec
  .main-ultra-menu
  > ul
  > li
  > ul
  > li
  > ul
  li
  a {
  transition: all 0.3s ease-in-out;
}
.main-header-2
  .mid-header
  .menu-sec
  .main-ultra-menu
  > ul
  > li
  > ul
  > li
  > ul
  li
  a:hover {
  transition: all 0.3s ease-in-out;
  color: var(--color-primary);
}

.main-header-2 .mid-header .menu-sec .main-ultra-menu > ul > li:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 5rem;
  transition: all 0.3s ease-in-out;
}

.main-header-2 .mid-header .menu-sec .main-ultra-menu > ul > li:hover > a > i {
  rotate: 270deg;
  color: var(--color-primary);
  transition: all 0.3s ease-in-out;
}

.main-header-3 {
  display: flex;
  justify-content: space-between;
  background-color: var(--color-white);
  border: 1px solid rgb(231, 236, 240);
  box-shadow: 0 0 20px rgb(0 0 0 / 6%);
  border-radius: 8px;
  margin: 2rem 0;
  padding: 2rem;
  align-items: center;
}
.main-header-3 .right-side,
.main-header-3 .left-side {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.main-header-3 .left-side .btn-sec {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.main-header-3 .left-side .cart-content-box a .number-cart {
  opacity: 1;
  position: absolute;
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 0 0.5rem;
  border-radius: 50%;
  left: -0.5rem;
  font-size: 1rem;
}
.main-header-3 .left-side .cart-content-box {
  position: relative;
}
.main-header-3 .left-side .cart-content-box a {
  position: relative;
}
.main-header-3 .left-side .cart-content-box .cart-content {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 9999;
  right: -12rem;
  width: 30rem;
  top: 6rem;
  transition: all 0.3s ease-in-out;
}
.main-header-3 .left-side .cart-content-box:hover .cart-content {
  visibility: visible;
  opacity: 1;
  top: 4rem;
  transition: all 0.3s ease-in-out;
}

.main-header-3 .left-side .cart-content-box .cart-content .mini-cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-header-3 .logo-sec a {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.main-header-3 .menu-sec ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 2rem;
  position: relative;
}
.main-header-3 .menu-sec ul > li:hover > a {
  color: var(--color-primary);
  transition: all 0.3s ease-in-out;
  scale: 103%;
}
.main-header-3 .menu-sec ul li > a {
  transition: all 0.3s ease-in-out;
}
.main-header-3 .menu-sec ul > li > ul {
  display: flex;
  visibility: hidden;
  top: 6.5rem;
  width: 200px;
  position: absolute;
  background-color: var(--color-white);
  transition: all 0.3s ease-in-out;
  flex-direction: column;
  padding: 2rem;
  gap: 2rem;
  border-radius: 8px;
  align-items: flex-start;
}

.main-header-3 .menu-sec ul > li:hover > ul {
  top: 5.5rem;
  visibility: visible;

  transition: all 0.3s ease-in-out;
}
.main-header-3 .menu-sec ul > li > ul > li > ul {
  display: none;
}

.main-header-3 .btn-sec svg {
  width: 2.4rem;
  height: 2.4rem;
}
.main-header-3 .reg-login svg {
  width: 2rem;
  height: 2rem;
}
.main-header-3 .reg-login a {
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 0.8rem;
  border-radius: 0.8rem;
}

.ultra-header-type-4 {
  display: flex;
  background-color: var(--color-white);
  flex-direction: column;

  border-bottom: 1px solid rgba(52, 52, 52, 0.08);
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.02);
}
.ultra-header-type-5 {
  display: flex;
  margin-top: 12px;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 24px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);

  /* normal */
  box-shadow: 0px 24px 48px 0px rgba(0, 0, 0, 0.04);
}
.ultra-header-type-5 .top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--Neutral-50, #f0f1f1);
}
.ultra-header-type-5 .top-header .right-side {
  display: flex;
  align-items: center;
  gap: 40px;
}
.ultra-header-type-5 .top-header .left-side {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ultra-header-type-5 .top-header .left-side .ultra-cart-btn {
  display: flex;
  height: 40px;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  color: var(--color-primary);
  border: 1px solid rgba(52, 52, 52, 0.08);
}
.ultra-header-type-5 .top-header .left-side .side-overlay {
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--color-primary), transparent 80%);
  position: absolute;
  left: 0;

  top: 0;
  z-index: 8;
}
.ultra-header-type-5 .top-header .left-side .ultra-cart-content-side {
  width: 350px;
  height: 100%;
  background-color: red;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}

.ultra-header-type-5 .top-header .left-side .ultra-cart-btn {
  display: flex;
  height: 40px;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  color: var(--color-primary);
  border: 1px solid rgba(52, 52, 52, 0.08);
}
.ultra-header-type-5 .top-header .left-side .side-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--color-black), transparent 60%);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.4s ease,
    visibility 0.4s ease;
  z-index: 8;
}
.ultra-header-type-5 .top-header .left-side .ultra-cart-content-side {
  position: fixed;
  top: 0;
  left: 0;
  width: 350px;
  height: 100%;
  background-color: #fff; /* رنگ دلخواه */
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: 9;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  align-items: center;
}
.ultra-header-type-5
  .top-header
  .left-side
  .ultra-cart-content-side
  .cart-title {
  background-color: color-mix(in srgb, var(--color-primary), transparent 80%);

  margin: 10px;
  color: var(--color-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;

  border-radius: 6px;
  height: 40px;
  padding: 4px 6px;
  align-items: center;
  display: flex;
  width: 95%;
  justify-content: center;
}

.ultra-header-type-5 .top-header .left-side .ultra-cart-content-side ul li {
  display: flex;
  padding: 10px;
  gap: 10px;
  align-items: center;
}
.ultra-header-type-5 .top-header .left-side .ultra-cart-content-side ul li img {
  width: 40px;
  height: 40px;
  border-radius: 12px;
}
.ultra-header-type-5
  .top-header
  .left-side
  .ultra-cart-content-side
  ul
  li
  a.mini-pro-cart-show {
  display: flex;
  gap: 10px;
}
.ultra-header-type-5
  .top-header
  .left-side
  .ultra-cart-content-side
  .woocommerce-mini-cart__total.total {
  border-top: 1px solid var(--Neutral-100);
  padding: 10px 0;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 95%;
}
.ultra-header-type-5
  .top-header
  .left-side
  .ultra-cart-content-side
  .woocommerce-mini-cart__buttons.buttons {
  width: 95%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.ultra-header-type-5
  .top-header
  .left-side
  .ultra-cart-content-side
  .woocommerce-mini-cart__buttons.buttons
  a {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.ultra-header-type-5
  .top-header
  .left-side
  .ultra-cart-content-side
  ul
  li
  a.mini-pro-cart-show
  span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 90%;
  color: var(--color-black);
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.ultra-header-type-5 .top-header .left-side .ultra-cart-content-side.active {
  transform: translateX(0);
  display: flex;
}

.ultra-header-type-5 .top-header .left-side .side-overlay.active {
  opacity: 1;
  visibility: visible;
}

.ultra-header-type-5 .top-header .left-side .ultra-cart-btn > svg path {
  stroke: var(--color-primary);
}
.ultra-header-type-5 .top-header .left-side .ultra-cart-btn .count-buy {
  background-color: color-mix(in srgb, var(--color-primary), transparent 80%);
  display: flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 21.6px */
  border-radius: 6px;
  height: 24px;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.ultra-header-type-5 .right-side .logo {
  display: flex;
  height: 40px;
  color: var(--color-white);
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 12px;
}
.ultra-header-type-5 .right-side .logo img {
  width: 100%;
}
.ultra-header-type-4 .top-header {
  padding: 16px 0;
  border-bottom: 1px solid rgba(52, 52, 52, 0.08);
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.02);
}

.ultra-header-type-4 .top-header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ultra-header-type-4 .top-header .right-side {
  display: flex;
  gap: 4rem;
  align-items: center;
}
.ultra-header-type-4 .top-header .right-side .logo {
  display: flex;

  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 12px;

  background: var(--color-primary);
}
.ultra-header-type-4 .top-header .right-side .logo figure {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ultra-header-type-4 .top-header .right-side .logo span {
  color: var(--color-white);
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 650;
  line-height: normal;
}
.ultra-header-type-4 .top-header .right-side .search-box,
.ultra-header-type-5 .bottom-header .right-side .search-box {
  position: relative;
}
.ultra-header-type-4
  .top-header
  .right-side
  .search-box
  form
  input[type="search"]:focus,
.ultra-header-type-5
  .bottom-header
  .right-side
  .search-box
  form
  input[type="search"]:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
}

.ultra-header-type-4 .top-header .right-side .search-box input,
.ultra-header-type-5 .bottom-header .right-side .search-box input {
  border-radius: 12px;
  border: 1px solid var(--Neutral-100);
  background: var(--Neutral-50);
  width: 393px;
  height: 40px;
  padding: 16px 40px 16px 4px;
}
.ultra-header-type-4 .top-header .right-side .search-box button,
.ultra-header-type-5 .bottom-header .right-side .search-box button {
  position: absolute;
  right: 10px;
  top: 7px;
  background: transparent;
}
.ultra-header-type-4 .top-header .left-side,
.ultra-header-type-5 .bottom-header .right-side {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.ultra-header-type-4 .top-header .left-side .cart-btn {
  display: flex;
  width: 40px;
  height: 40px;

  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 12px;
  border: 1px solid rgba(52, 52, 52, 0.08);
}
.ultra-header-type-4 .top-header .left-side .cart-btn svg {
  width: 20px;
  height: 20px;
}
.ultra-header-type-4 .top-header .left-side .cart-btn svg path {
  stroke: var(--color-primary);
}
.ultra-header-type-4 .top-header .left-side .login-btn,
.ultra-header-type-5 .top-header .left-side .login-btn {
  display: flex;
  width: 160px;
  height: 40px;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  border: 1px solid rgba(52, 52, 52, 0.08);
}
.ultra-header-type-5 .bottom-header {
  width: 100%;
}
.ultra-header-type-4 .bottom-header {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  align-items: center;
  position: relative;
}
.ultra-header-type-5 .bottom-header {
  display: flex;
  justify-content: space-between;
  padding: 0;
  align-items: center;
  position: relative;
}

.ultra-header-type-4 .bottom-header .menu-side .main-menu > ul > li:after,
.ultra-header-type-5 .top-header .main-menu > ul > li:after {
  display: block;
  content: "";
  border-bottom: solid 3px var(--color-secondary);
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}

.ultra-header-type-4 .bottom-header .menu-side .main-menu > ul > li:hover:after,
.ultra-header-type-5 .top-header .main-menu > ul > li:hover:after {
  transform: scaleX(1);
}

.ultra-header-type-4 .bottom-header .menu-side .main-menu > ul > li:after,
.ultra-header-type-5 .top-header .main-menu > ul > li:after {
  display: block;
  content: "";
  border-bottom: solid 3px var(--color-secondary);
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}

.ultra-header-type-4 .bottom-header .menu-side .main-menu > ul > li:hover:after,
.ultra-header-type-5 .top-header .main-menu > ul > li:hover:after {
  transform: scaleX(1);
}

.ultra-header-type-4 .bottom-header .menu-side {
  display: flex;
  gap: 4rem;
  align-items: center;
}

.ultra-header-type-4 .bottom-header .support-side,
.ultra-header-type-5 .bottom-header .support-side {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.ultra-header-type-4 .bottom-header .support-side .support-text,
.ultra-header-type-5 .bottom-header .support-side .support-text {
  display: flex;

  flex-direction: column;
  align-items: flex-end;
}
.ultra-header-type-4 .bottom-header .support-side figure,
.ultra-header-type-5 .bottom-header .support-side figure {
  border-radius: 8px;
  border: 1px solid rgba(52, 52, 52, 0.08);
  background: #fff;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ultra-header-type-4 .bottom-header .category-menu .menu-name,
.ultra-header-type-5 .bottom-header .category-menu .menu-name {
  display: flex;
  border-radius: 12px;
  border: 1px solid var(--Neutral-50);
  padding: 8px 16px;
  align-items: center;
  gap: 8px;
}

.ultra-header-type-4 .bottom-header .category-menu .menu-name::after,
.ultra-header-type-5 .bottom-header .category-menu .menu-name::after {
  content: ">";
}
.ultra-header-type-4 .bottom-header .category-menu:hover nav > ul,
.ultra-header-type-5 .bottom-header .category-menu:hover nav > ul {
  visibility: visible;
  opacity: 1;
  top: 60px;
  transition: all 0.3s ease-in-out;
}

.ultra-header-type-4 .bottom-header .category-menu nav > ul,
.ultra-header-type-5 .bottom-header .category-menu nav > ul {
  visibility: hidden;
  display: flex;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease-in-out;
  top: 70px;
  width: 200px;
  list-style: none;
  background-color: var(--color-white);
  flex-direction: column;
  z-index: 999;
  padding: 30px 10px;
  height: 450px;
}
.ultra-header-type-4 .bottom-header .category-menu nav > ul > li,
.ultra-header-type-5 .bottom-header .category-menu nav > ul > li {
  display: flex;
  height: 40px;
  padding: 10px 8px;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid var(--Neutral-50);
  flex-shrink: 0;
  align-self: stretch;
  transition: background 0.3s ease-in-out;
  border-radius: 88px 8px 8px 88px;
  transition: border-radius 0.3s ease-in-out;
}
.ultra-header-type-4 .bottom-header .category-menu nav > ul > li:hover,
.ultra-header-type-5 .bottom-header .category-menu nav > ul > li:hover {
  border: 0;
  border-radius: 88px 8px 8px 88px;
  background: color-mix(in srgb, var(--color-primary), transparent 80%);
  transition: background 0.3s ease-in-out;
  transition: border-radius 0.3s ease-in-out;
}
.ultra-header-type-4
  .bottom-header
  .category-menu
  nav
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul,
.ultra-header-type-5
  .bottom-header
  .category-menu
  nav
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul {
  display: none;
}
.ultra-header-type-4 .bottom-header .category-menu nav > ul > li > ul,
.ultra-header-type-5 .bottom-header .category-menu nav > ul > li > ul {
  display: flex;
  position: absolute;
  width: 800px;
  height: 100%;
  top: 0;
  right: 190px;
  gap: 20px;
  list-style: none;
  background-color: var(--color-white);
  border: 1px solid var(--Neutral-50);
  z-index: 999;
  padding: 20px;
  border-radius: 15px;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow: scroll;
  overflow-x: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.ultra-header-type-4 .bottom-header .category-menu nav > ul > li:hover > ul,
.ultra-header-type-5 .bottom-header .category-menu nav > ul > li:hover > ul {
  visibility: visible;
  opacity: 1;
  right: 200px;
  transition: all 0.3s ease-in-out;
}

.ultra-header-type-4 .bottom-header .category-menu nav > ul > li > ul > li,
.ultra-header-type-5 .bottom-header .category-menu nav > ul > li > ul > li {
  display: flex;
  width: 160px;
  flex-direction: column;
  border: 1px solid var(--Neutral-50);
  height: fit-content;
  border-radius: 15px;
  overflow: hidden;
}
.ultra-header-type-4 .bottom-header .category-menu nav > ul > li > ul > li > a,
.ultra-header-type-5 .bottom-header .category-menu nav > ul > li > ul > li > a {
  background-color: color-mix(in srgb, var(--color-primary), transparent 80%);
  width: 160px;
  height: 48px;
  display: flex;

  padding: 13px 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.ultra-header-type-4 .bottom-header .category-menu nav > ul > li > ul > li > ul,
.ultra-header-type-5
  .bottom-header
  .category-menu
  nav
  > ul
  > li
  > ul
  > li
  > ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  width: 100%;
}
.ultra-header-type-4
  .bottom-header
  .category-menu
  nav
  > ul
  > li
  > ul
  > li
  > ul
  > li,
.ultra-header-type-5
  .bottom-header
  .category-menu
  nav
  > ul
  > li
  > ul
  > li
  > ul
  > li {
  padding: 13px 0;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100%;
  border-bottom: 1px solid var(--Neutral-50);
  text-align: center;
}
.ultra-header-type-4
  .bottom-header
  .category-menu
  nav
  > ul
  > li
  > ul
  > li
  > ul
  > li:last-child,
.ultra-header-type-5
  .bottom-header
  .category-menu
  nav
  > ul
  > li
  > ul
  > li
  > ul
  > li:last-child {
  border-bottom: 0;
}
.ultra-header-type-4 .bottom-header .category-menu ul li a,
.ultra-header-type-5 .bottom-header .category-menu ul li a {
  display: flex;
  gap: 10px;
  align-items: center;
}

.ultra-header-type-4 .bottom-header .main-menu ul,
.ultra-header-type-5 .top-header .main-menu ul {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.ultra-header-type-4 .bottom-header .main-menu ul li,
.ultra-header-type-5 .top-header .main-menu ul li {
  list-style: none;
}

/* END Header section */

.ultra-ultra-main-slider .item img {
  border-radius: 0.8rem;
  width: 100%;
}

.product-sale {
  background: linear-gradient(230.35deg, #515070 -1.64%, #ffbb91 60.51%);
  border-radius: 0.8rem;
  padding: 2rem 0;
  display: flex;
  overflow: hidden;
  width: 100%;
}

.product-sale .sale-title {
  width: 18%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  row-gap: 2rem;
}

.product-sale .sale-title span {
  color: var(--color-white-text);
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}

.product-sale .sale-title a {
  width: 80%;
  text-align: center;
  color: var(--color-white-text);
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 1rem;
  border-radius: 0.8rem;
}

.product-sale .sale-title img {
  width: 100%;
  max-height: 25rem;
  object-fit: cover;
}

.product-sale .box-timer .countdown-timer {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
  align-items: center;
  color: var(--color-white-text);
  justify-content: center;
  padding: 0.3rem 1rem;
  border-radius: 7.698px;
  background: linear-gradient(
    97deg,
    var(--color-secondary) 9.94%,
    var(--color-primary) 104.61%
  );
}

.product-sale .box-timer .countdown-timer .number {
  font-weight: 400;
  padding: 0.2rem;
  color: var(--color-white-text);
  text-align: center;
  width: 2.4rem;
  border-radius: 0.4rem;
  font-size: 1.4rem;
}

.product-sale.sec-sale-eleman .box-timer .countdown-timer {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
  align-items: center;
  color: var(--color-white-text);
  padding: 0.3rem 1rem;
  border-radius: 7.698px;
}

.product-sale.sec-sale-eleman .sale-title .box-timer .countdown-timer .number {
  width: 2.4rem;
  background: linear-gradient(97deg, #ffbb91 9.94%, #ff8e6e 104.61%);
}

.product-sale.sec-sale-eleman
  .sale-title
  .box-timer
  .countdown-timer
  .number
  span {
  font-weight: 400;
  padding: 0.2rem;

  color: var(--color-white-text);
  text-align: center;
  width: 2.4rem;
  border-radius: 0.4rem;
  font-size: 1.4rem;
}

.product-sale.sec-sale-eleman .sale-title .time-sec-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.product-sale.sec-sale-eleman .sale-title .time-sec-box > span {
  font-size: 1.2rem;
  font-weight: 400;
}

.product-sale .sale-slider {
  width: 82%;
  padding: 0 1rem;
}

.product-sale .sale-slider .item {
  background-color: var(--color-white);
  padding: 1rem;
  border-radius: 0.8rem;
  display: flex;
  width: 100%;

  flex-direction: column;

  align-items: center;
}

.product-sale .sale-slider .item-content a {
  display: flex;
  flex-direction: column;
  height: 38rem;
  row-gap: 0.5rem;
  justify-content: space-around;
}

.product-sale .sale-slider .item {
  transition: all 0.3s ease-out;
}

.product-sale .sale-slider .item:hover {
  scale: 99%;
  transition: all 0.3s ease-out;
}

.product-sale .sale-slider .item-content .product-image {
  position: relative;
}

.product-sale .sale-slider .item-content .product-image .main-image {
  background-color: var(--Neutral-0);
  border-radius: 3.2rem;
  width: 100%;
}

.product-sale .sale-slider .item-content .sale-image img,
.product-sale .sale-slider .item-content .sale-image svg {
  position: absolute;
  left: 1rem;
  top: 0;
  width: 5rem;
}

.sale-image svg path {
  fill: var(--color-secondary);
}

.product-sale .sale-slider .item-content .sale-image span {
  position: absolute;
  left: 1.5rem;
  top: 1rem;
  color: var(--color-white-text);
  font-weight: 500;
  font-size: 1.4rem;
}

.product-sale .sale-slider .item-content .product-image {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.product-sale .sale-slider .item-content .product-image .main-image {
  width: 75%;
}

.product-sale .sale-slider .item-content h3 {
  font-size: 1.4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  overflow: hidden;
  padding: 1rem 0;
  text-overflow: ellipsis;
}

.product-sale .sale-slider .item-content .no_price,
.product-sale .sale-slider .item-content .not_stock {
  background-color: var(--Neutral-700);
  padding: 0.5rem 0;
  border-radius: 0.8rem;
  text-align: center;
  display: block;
  color: var(--color-white-text);
  width: 100%;
}

.product-sale .sale-slider .item-content .end-product-sale {
  background: linear-gradient(
    97deg,
    var(--color-secondary) 9.94%,
    var(--color-primary) 104.61%
  );
  color: var(--color-white-text);
  border-radius: 0.8rem;
  padding: 0.5rem 0;
  text-align: center;
}

.product-sale .sale-slider .item-content .box-timer .timer-message {
  font-size: 1.2rem;
  margin-top: 0.5rem;
  text-align: center;
}

.product-sale .sale-slider .item-content .price-section {
  display: flex;
  column-gap: 1rem;
  align-items: center;
  align-self: start;
}

.product-sale .sale-slider .item-content .price-section .price {
  display: flex;
  flex-direction: column;
  align-items: end;
}

.product-sale .sale-slider .item-content .price-section .price ins {
  text-decoration: none;
  font-size: 1.6rem;
}

.product-sale .sale-slider .item-content .price-section .price del {
  text-decoration: none;
  position: relative;
  font-size: 1.4rem;
  color: var(--Neutral-100);
}

.product-sale .sale-slider .item-content .price-section .price img {
  position: absolute;
  top: 0.4rem;
}

.product-sale .sale-slider .item-content .price-section .symbol {
  font-size: 1.4rem;
}

.hero-product .title-brand h2 {
  font-size: 2rem;
  font-weight: 700;
}

.hero-product .box-brand {
  position: relative;
}

.result-search .product-items .not-found {
  text-align: center;
  width: 100%;
}

.hero-product .box-brand .brand .owl-nav .owl-prev {
  position: absolute;
  background-color: var(--color-secondary);
  top: 25%;
  right: -0.5rem;
  font-size: 5rem;
  font-family: "Source Sans Pro", "Arial", sans-serif;
  padding: 0 2rem !important;
  padding-bottom: 0.5rem !important;
  border-radius: 40px 0 0 40px;
  color: var(--color-white-text);
}

.hero-product .box-brand .brand .item img {
  height: 100%;
  max-height: 21rem;
  object-fit: cover;
  padding: 3rem;
}

.hero-product .box-brand .brand .owl-nav .owl-next {
  position: absolute;
  background-color: var(--color-secondary);
  top: 25%;
  left: -0.5rem;
  font-size: 5rem;

  padding: 0 2rem !important;
  padding-bottom: 0.5rem !important;
  border-radius: 0 40px 40px 0;
  color: var(--color-white-text);
  font-family: "Source Sans Pro", "Arial", sans-serif;
}

.hero-product .title-brand {
  margin-bottom: 2rem;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.hero-product .title-brand i {
  color: var(--color-secondary);
  font-size: 3rem;
}

.owl-carousel .owl-item .item .item-content figure img {
  border-radius: 8px;
  object-fit: cover;
  height: 20rem;
  width: 100%;
}

.hero-product .box-brand .item.brand-item a img {
  max-width: 30rem !important;
  width: auto;
  margin: 1rem;
  /*margin: 0 auto;*/
  transition: all 0.3s ease-in-out;
  max-height: 3.5rem;
  object-fit: cover;
}

.hero-product .box-brand .item.brand-item a img:hover {
  scale: 102%;
  transition: all 0.3s ease-in-out;
}

.main-category {
  margin: 10rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main-category .filter-cate {
  display: flex;
  column-gap: 3rem;
}

.main-category .filter-cate .items {
  font-size: 1.4rem;
  padding: 9px 14px 9px 14px;
  gap: 0;
  border-radius: 50px;
  opacity: 0;
  border: 1px solid #f6f6f6;
}

.main-category .filter-cate .items.active {
  background-color: var(--color-secondary);
  color: var(--color-white-text);
}

.main-category .cate-content {
  margin: 2rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-category .cate-content .cate-item {
  width: 100%;
  border: 1px solid #f6f6f6;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 1.5rem 0;
  gap: 2rem;
}

.main-category .cate-content .cate-item span {
  font-size: 1.4rem;
}

/*Stroy*/

.story-box .stories {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: center;
}

#zuck-modal-content {
  direction: ltr;
  text-align: left;
}

.story-box .stories .story .item-link .info .name {
  font-size: 1.6rem;
}

.story-box .stories .story .item-link {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 9rem;
}

.ultra-story-loader {
  display: flex;
  gap: 26px;
  padding: 15px;
  justify-content: center;
}

.skeleton-story-avatar {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: linear-gradient(100deg, #f0f0f0 30%, #e0e0e0 50%, #f0f0f0 70%);
  background-size: 200% 100%;
  animation: shimmer 1.2s infinite linear;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/*Best selling */

.best-selling .best-selling-box {
  overflow: hidden;
  border-radius: 0.8rem;
  background-color: var(--color-white);
  width: 100%;
}

.best-selling .product-side {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 55%;
  background: radial-gradient(
      79.7% 101.89% at 84.74% -6.39%,
      var(--color-secondary) 22.18%,
      var(--color-accent) 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

  padding: 3rem 5rem;
  border-radius: 100rem 0.8rem 0.8rem 100rem;
}

.best-selling .best-prod {
  width: 100%;
}

.best-selling .product-side .top-sec {
  display: flex;
  align-items: center;
  column-gap: 5rem;
}
.best-selling .product-side .top-sec .no_price,
.best-selling .product-side .top-sec .not_stock {
  background-color: var(--color-white);
  border-radius: 8px;
  padding: 1rem;
}
.best-selling .product-side .top-sec img {
  width: 100%;
  max-height: 23rem;
  object-fit: cover;
  border-radius: 50%;
  background-color: var(--color-fixed-bg);
  padding: 3rem;
}

.best-selling .product-side .top-sec .product-info {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 2rem;
  width: 100%;
}

.best-selling .product-side .top-sec .product-info h3 {
  font-size: 2.4rem;
  color: var(--color-white-text);
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 90%;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.best-selling .product-side .top-sec .product-info .varrible {
  display: flex;
  align-items: center;
  color: var(--color-white-text);
  column-gap: 1rem;
}

.best-selling .product-side .top-sec .product-info .varrible .color-varriate {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.best-selling .product-side .top-sec .product-info .varrible .size-bult {
  border: 1px solid var(--color-white-text);
  padding: 0.1rem 0.5rem;
  border-radius: 0.8rem;
}

.best-selling
  .product-side
  .top-sec
  .product-info
  .varrible
  .color-varriate
  ul {
  display: flex;
  flex-direction: row;
  border: 1px solid var(--color-white-text);
  padding: 0.5rem 1.5rem;
  border-radius: 0.8rem;
  list-style: none;
  align-items: center;
  column-gap: 1rem;
}

.best-selling
  .product-side
  .top-sec
  .product-info
  .varrible
  .color-varriate
  .color-bult {
  width: 1.2rem;
  row-gap: 1rem;
  display: flex;
  padding: 0.5rem;
  height: 1.2rem;
  border-radius: 50%;
  position: relative;
  margin: 0 -1rem;
}

.best-selling
  .product-side
  .top-sec
  .product-info
  .varrible
  .color-varriate
  .extera-var {
  position: static;
}

.best-selling .product-side .top-sec .product-info .price {
  color: var(--color-white-text);
  display: flex;
  align-items: center;
  column-gap: 1rem;
}

.best-selling .product-side .top-sec .product-info .price del {
  position: relative;
  text-decoration: none;
  margin-top: 1.4rem;
}

.best-selling .product-side .top-sec .product-info .price del::before {
  left: 1rem;
}

.best-selling .product-side .top-sec .product-info .price ins {
  font-size: 3.7rem;
  text-decoration: none;
}

.best-selling .product-side .top-sec .product-info .price span {
  font-size: 1.6rem;
}

.best-selling .product-side .buttom-side {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 3rem 0;
}

.best-selling .product-side .buttom-side .view-btn {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  column-gap: 1rem;
}

.best-selling .product-side .buttom-side a {
  font-size: 1.4rem;
  color: var(--color-white-text);
}

.best-selling .product-side .buttom-side .nav-btn {
  display: flex;
  width: 100%;
  justify-content: center;
  column-gap: 1rem;
}

.best-selling .product-side .buttom-side .view-btn .view {
  background-color: var(--color-secondary);
  padding: 1.2rem 4rem;
  border-radius: 0.8rem;
}

.best-selling .product-side .buttom-side .view-btn .svg-icon {
  border: 1px solid #ffffff40;
  border-radius: 0.8rem;
  width: 4.5rem;
  height: 4.5rem;
  padding: 0.5rem;
}

.best-selling .product-side .buttom-side .view-btn svg path {
  stroke: var(--color-white);
}

.best-selling .product-side .buttom-side .nav-btn .perv {
  border: 1px solid #ffffff40;
  border-radius: 0.8rem;
  padding: 1.2rem 2rem;
  font-size: 1.4rem;
}

.best-selling .product-side .buttom-side .nav-btn .next {
  border: 1px solid #ffffff40;
  border-radius: 0.8rem;
  padding: 1.2rem 2rem;
  background: #ffffff40;
  font-size: 1.4rem;
}

.owl-carousel.owl-theme.best-prod {
  display: flex;
  gap: 2rem;
  width: 80%;
  flex-wrap: nowrap;
}

.owl-carousel.owl-theme.best-prod .owl-stage-outer {
  width: 60%;
}

.owl-carousel.owl-theme.best-prod .owl-stage-outer .owl-stage {
  overflow: hidden;
  width: 100%;
}

.best-selling .best-prod .owl-dots {
  margin: 1rem 0;
  align-items: end;
  display: flex;
  flex-direction: column;
  max-height: 38rem;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 40%;

  padding: 1rem 3rem;
}

.best-selling .best-prod .owl-item {
  width: 1226.88px;
  margin-left: 10px;
}

.best-selling .best-prod .owl-dot {
  background-color: var(--color-white);
  padding: 0.5rem;
  filter: blur(0.1rem);
  border-radius: 0.8rem;
  transition: margin 0.3s ease;
  margin: 1rem 0;
  width: 100%;
}

.best-selling .best-prod .owl-dot.active {
  margin-left: -2rem;
  background-color: var(--color-white);
  filter: blur(0rem);
  box-shadow: 1px 1px 8px 0 #d3cccc;

  transition: margin 0.3s ease;
}

.best-selling .best-prod .owl-dot button {
  border: 0;
  width: 100%;
}

.best-selling .best-prod .owl-dot.active button .list-product {
  background-color: var(--color-white);
}

.best-selling .best-prod .owl-dot button .list-product h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: start;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.best-selling .best-prod .list-product {
  pointer-events: none;
  align-items: center;
  display: flex;
  padding: 1rem;
  background-color: var(--Neutral-50);
  gap: 1rem;
  width: 100%;
  justify-content: start;
  border-radius: 8px;
}

.best-selling .best-prod .list-product .price span {
  background-color: transparent;
}

.best-selling .best-prod .list-product img {
  border-radius: 0.8rem;

  width: 6rem;
}

.best-selling .best-prod .list-product span {
  width: 100%;
}

.best-selling .best-selling-box {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  width: 100%;
}

.best-selling .best-selling-box .banner-side {
  display: flex;
  gap: 2rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;

  padding: 4rem 1rem;
  position: relative;
}

.best-selling .best-selling-box .banner-side span {
  color: var(--color-secondary);
  text-align: center;
  z-index: 1;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 116%; /* 37.12px */
  letter-spacing: 0.136px;
}

.best-selling .best-selling-box .banner-side img {
  position: absolute;
  z-index: 0;
  top: 10rem;
}

.best-selling .best-selling-box .banner-side a {
  z-index: 1;
  border-radius: 8px;
  border: 1px solid var(--Neutral-50);
  background: var(--color-white);
  box-shadow:
    0 2px 2px 0 rgba(255, 255, 255, 0.25) inset,
    0 6px 5px -4px rgba(81, 80, 112, 0.05);
  color: var(--color-secondary);
  text-align: center;

  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 14px */
  letter-spacing: 0.111px;
  display: inline-flex;
  height: 48px;
  padding: 16px 22px 18px 22px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

/* Choosen product style*/

.choosen-product {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.product-title {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  column-gap: 1rem;
}

.product-title i {
  color: var(--color-secondary);
}

.cross-sells {
  overflow: hidden;
}

.product-title h2 {
  font-size: 2rem;
  font-weight: 700;
}

.choosen-product .product-items {
  display: flex;
  height: 100%;
  padding: 0;
}

.choosen-product .product-items .item {
  display: flex;
  margin: 1rem;
  flex-direction: column;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
  border-radius: 1.2rem;
  padding: 1rem;
  height: 36rem;
  gap: 1rem;
  justify-content: space-evenly;
}
.cross-sells .product-items .item a h3 {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cross-sells .product-items .item {
  border-bottom: 1px solid var(--Neutral-50, #f0f1f1);
  display: flex;
  margin: 1rem;
  flex-direction: column;
  background: var(--color-white, #fff);
  gap: 1rem;
  justify-content: space-evenly;
  align-items: center;
}

.choosen-product .product-items .item .product-image,
.cross-sells .product-items .item .product-image {
  position: relative;
}

.choosen-product .product-items .item .product-image img,
.cross-sells .product-items .item .product-image img {
  width: 100%;
  object-fit: contain;
  border-radius: 8px;
}

/* products style*/

.product-items .item.ultra-product-showcase {
  display: flex;
  flex-direction: row;
  min-width: 550px;
  width: 49%;
  padding: 24px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 33px;
  border-radius: 24px;
  border: 1px solid var(--color-border);
  background: var(--color-white);
  overflow: hidden;
  background: #fff;
  position: relative;
  transition: box-shadow 0.3s ease;
  overflow: hidden;
  box-shadow:
    0px 24px 48px 0px rgba(0, 0, 0, 0.04),
    inset 0 0 0 0 var(--color-primary);
}

.product-items .item.ultra-product-showcase:hover {
  box-shadow:
    0px 24px 48px 0px var(--ultra-hover-shadow-color),
    inset 5px 0 0 0 var(--color-primary);
}
.product-items .item.ultra-product-showcase:has(.not_stock):hover {
  box-shadow:
    0px 24px 48px 0px var(--ultra-hover-shadow-color),
    inset 5px 0 0 0 var(--Neutral-700);
}
.product-items .item.ultra-product-showcase:has(.sale):hover {
  box-shadow:
    0px 24px 48px 0px var(--ultra-hover-shadow-color),
    inset 5px 0 0 0 var(--color-erorr-600);
}
.product-items .item.ultra-product-showcase .image-section {
  height: 150px;
  max-width: 150px;
  position: relative;
}
.product-items .item.ultra-product-showcase .image-section .terms {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  flex-direction: column;
}
.product-items .item.ultra-product-showcase .image-section .terms ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.product-items
  .item.ultra-product-showcase
  .image-section
  .terms
  ul
  li:has(small) {
  display: flex;
  border-radius: 12px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-50);
  width: 36px;
  height: 24px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.product-items .item.ultra-product-showcase .image-section .terms ul span {
  width: 10px;
  border-radius: 50%;

  height: 10px;
  display: block;
  position: relative;
}
.product-items .item.ultra-product-showcase .image-section .terms ul span b {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  background: black;
  padding: 2px 5px;
  border-radius: 8px;
  position: absolute;
  top: -5px;
  right: 10px;
  color: white;
  font-size: 12px;
  transition: all 0.3s ease-in-out;
}
.product-items
  .item.ultra-product-showcase
  .image-section
  .terms
  ul
  span:hover
  b {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  position: absolute;
  cursor: default;
  background: var(--color-black);
  padding: 2px 5px;
  border-radius: 8px;
  position: absolute;

  right: 20px;
  transition: all 0.3s ease-in-out;

  color: var(--color-white);
}
.product-items .item.ultra-product-showcase .image-section img {
  height: 150px;
  width: 150px;
  max-width: 150px;
  object-fit: cover;
  border-radius: 8px;
}
.product-items .item.ultra-product-showcase .product-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  justify-content: space-between;
  height: 100%;
}
.product-items .item.ultra-product-showcase .product-content .star {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}
.product-items .item.ultra-product-showcase .title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.product-items .item.ultra-product-showcase p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  font-size: 14px;
  color: var(--Neutral-700);
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-items .item.ultra-product-showcase .product-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-items .item.ultra-product-showcase .product-bottom .fast-sending {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background-color: var(--color-white);
  color: var(--color-primary);
  border-radius: 12px;
  width: 140px;
  border: 1px solid var(--color-primary);
}
.product-items .item.ultra-product-showcase .product-bottom .box-price {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.product-items
  .item.ultra-product-showcase
  .product-bottom
  .price:has(.start-price) {
  gap: 10px;
}
.product-items .item.ultra-product-showcase .product-bottom .box-price .sale {
  display: flex;
  gap: 0;
  align-items: center;
  background-color: var(--color-erorr-500);
  padding: 4px 8px;
  border-radius: 12px;
  color: var(--color-white);
  flex-direction: column;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}
.product-items
  .item.ultra-product-showcase
  .product-bottom
  .price:has(del)
  ins
  .woocommerce-Price-currencySymbol {
  display: none;
}
.product-items .item.ultra-product-showcase .product-bottom .price ins {
  color: var(--Neutral-800);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
.product-items .item.ultra-product-showcase .product-bottom .price {
  width: fit-content;
  line-height: 1;
  display: flex;
  gap: 0;
  align-items: flex-end;
  font-size: 1.4rem;
  justify-content: center;
  flex-direction: column;
}
.product-items .item.ultra-product-showcase h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 90%;
  color: var(--color-black);
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
}
.product-items .item.ultra-product-showcase .product-bottom .not_stock {
  color: var(--Neutral-200);
  width: fit-content;
  background-color: transparent;
}
.product-items
  .item.ultra-product-showcase
  .product-bottom
  .fast-sending
  > span {
  text-wrap: nowrap;
}
.product-items .item.ultra-product-showcase .product-bottom .category {
  font-size: 14px;
  color: var(--Neutral-800);
  border: 1px solid var(--color-border);
  background-color: var(--Neutral-50);
  border-radius: 8px;
  padding: 4px 8px;
  max-width: 130px;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.product-items .item.ultra-product-showcase .product-bottom .remain {
  color: var(--color-erorr-600);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.product-items .item.ultra-product-showcase:hover .no_price {
  background-color: var(--color-primary);
  transition: all 0.3s ease-in-out;
  color: var(--color-white);
}
.product-items .item.ultra-product-showcase:hover .no_price svg path {
  fill: var(--color-white);
  transition: all 0.3s ease-in-out;
}
.product-items .item.ultra-product-showcase .no_price {
  background-color: color-mix(in srgb, var(--color-primary), transparent 80%);
  color: var(--color-primary);
  font-weight: 600;
  max-width: 160px;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.product-items .item.ultra-product-showcase .no_price svg path {
  fill: var(--color-primary);
  transition: all 0.3s ease-in-out;
}

/*ultra-product-little-grid*/

.product-items .item.ultra-product-little-grid {
  display: flex;
  width: 192px;
  height: 192px;
  padding: 16px;
  gap: 0;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
  align-items: center;

  border-radius: 24px;
  border: 1px solid #f0f1f1;
  background: var(--color-white, #fff);

  /* normal */
  box-shadow: 2px 1px 11px 0px rgba(0, 0, 0, 0.04);
}

.product-items .item.ultra-product-little-grid img {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  transition: all 0.3s ease-in-out;
  border-radius: 16px;
  width: 160px;
  height: 104px;
  object-fit: contain;
}
.product-items .item.ultra-product-little-grid h3 {
  visibility: hidden;
  opacity: 0;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
}

.product-items .item.ultra-product-little-grid .box-price {
  display: flex;
  flex-direction: row-reverse;
  height: 48px;
  padding: 16px 6px;
  border-radius: 16px;
  transition: all 0.3s ease-in-out;
  width: 100%;
  background-color: var(--Neutral-50);
}
.product-items .item.ultra-product-little-grid .box-price:has(.sale) {
  padding: 4px 6px;
}
.product-items .item.ultra-product-little-grid .not_stock {
  background-color: var(--Neutral-50);
  color: var(--Neutral-200);
  transition: all 0.3s ease-in-out;
}
.product-items .item.ultra-product-little-grid:has(.not_stock):hover,
.product-items .item.ultra-product-little-grid:has(.no_price):hover,
.product-items .item.ultra-product-little-grid:not(.sale):hover {
  box-shadow: 2px 1px 11px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #d1d4d4;
  transition: all 0.3s ease-in-out;
}
.product-items .item.ultra-product-little-grid:hover .not_stock {
  color: var(--Neutral-700);
  transition: all 0.3s ease-in-out;
}
.product-items .item.ultra-product-little-grid:hover .no_price {
  background-color: var(--color-primary);
  transition: all 0.3s ease-in-out;
  color: var(--color-white);
}
.product-items .item.ultra-product-little-grid:hover .no_price svg path {
  fill: var(--color-white);
  transition: all 0.3s ease-in-out;
}
.product-items .item.ultra-product-little-grid .no_price {
  background-color: color-mix(in srgb, var(--color-primary), transparent 80%);
  color: var(--color-primary);
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.product-items .item.ultra-product-little-grid .no_price svg path {
  fill: var(--color-primary);
  transition: all 0.3s ease-in-out;
}

.product-items .item.ultra-product-little-grid .box-price .price ins {
  color: var(--Neutral-800);
  font-weight: 700;
}
.product-items .item.ultra-product-little-grid .box-price .price {
  align-items: center;
  flex-direction: column;
  gap: 0;
}
.product-items .item.ultra-product-little-grid .box-price:has(.sale) .price {
  align-items: flex-end;
  flex-direction: column;
  gap: 0;
}
.product-items .item.ultra-product-little-grid .box-price .sale {
  border-radius: 12px;
  width: 32px;
  height: 40px;
  padding: 5px 6px;
  display: flex;
  line-height: 1.1;
  color: var(--color-white);
  background: var(--color-erorr-500);
  flex-direction: column;
}

.product-items .item.ultra-product-little-grid:has(.sale):hover {
  border: 1px solid var(--color-erorr-500);
  transition: all 0.3s ease-in-out;
}
.product-items .item.ultra-product-little-grid:hover img {
  height: 74px;
  transition: all 0.3s ease-in-out;
}
.product-items .item.ultra-product-little-grid:hover .box-price:has(.sale) {
  background-color: var(--color-erorr-600);
  transition: all 0.3s ease-in-out;
}

.product-items .item.ultra-product-little-grid:hover h3 {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.product-items .item.ultra-product-little-grid:hover .box-price:has(.sale) ins {
  color: var(--color-white);
}

.product-items .item.ultra-product-little-grid:hover .box-price:has(.sale) svg {
  opacity: 100% !important;
}
.product-items
  .item.ultra-product-little-grid:hover
  .box-price:has(.sale)
  svg
  path {
  fill: var(--color-white);
}

/* ultra-product-standard */
.ultra-product-standard_slider {
  visibility: hidden;
}
.ultra-product-standard .middle-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--Neutral-50);
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.item.ultra-product-standard a.added_to_cart {
  padding: 1.5rem !important;
  position: absolute;
}

.product-items .ultra-product-standard_slider .item .product-image,
.item.ultra-product-standard .product-image {
  position: relative;
}
.product-items .ultra-product-standard_slider .item .product-image .on-sale,
.item.ultra-product-standard .product-image .on-sale {
  background-color: #fcefef;
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  height: 40px;
  padding: 8px;
  color: var(--color-erorr-600);
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
}
.product-items
  .ultra-product-standard_slider
  .item
  .product-image
  .on-sale
  svg
  path,
.item.ultra-product-standard .product-image .on-sale svg path {
  fill: var(--color-erorr-600);
  stroke: var(--color-erorr-600);
}
.product-items .ultra-product-standard_slider .box-price,
.item.ultra-product-standard .box-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-items .ultra-product-standard_slider .box-price .sale,
.item.ultra-product-standard .box-price .sale {
  display: flex;
  color: var(--color-erorr-600);
  width: 64px;
  height: 40px;
  padding: 8px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  background-color: color-mix(in srgb, var(--color-erorr-400), transparent 80%);

  border-radius: 12px;
}
.product-items .ultra-product-standard_slider .box-price .price,
.item.ultra-product-standard .box-price .price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
}

.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
  margin: 0;
}

.product-items .ultra-product-standard_slider .item,
.item.ultra-product-standard {
  width: 288px;
  height: 430px;
  border: 1px solid var(--color-border);
  transition: box-shadow 0.3s ease;
  overflow: hidden;
  padding: 16px;

  box-shadow:
    0px 4px 15px 0px rgba(0, 0, 0, 0.04),
    inset 0 0 0 0 var(--color-primary);
}
.product-items .ultra-product-standard_slider .item .not_stock,
.item.ultra-product-standard .not_stock {
  background-color: var(--Neutral-50) !important;
  color: var(--Neutral-200) !important;
  transition: all 0.3s ease-in-out;
}
.product-items .ultra-product-standard_slider .item .no_price,
.item.ultra-product-standard .no_price {
  background-color: color-mix(
    in srgb,
    var(--color-primary),
    transparent 80%
  ) !important;
  color: var(--color-primary) !important;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.product-items .ultra-product-standard_slider .item .no_price svg path,
.item.ultra-product-standard .no_price svg path {
  fill: var(--color-primary);
}
.product-items .ultra-product-standard_slider .item:hover,
.item.ultra-product-standard:hover {
  box-shadow:
    0px 4px 15px 0px var(--ultra-hover-shadow-color),
    inset 0px -5px 0 0 var(--color-primary);
}
.product-items .ultra-product-standard_slider .item:has(.not_stock):hover,
.item.ultra-product-standard:has(.not_stock):hover {
  box-shadow:
    0px 4px 15px 0px var(--ultra-hover-shadow-color),
    inset 0px -5px 0 0 var(--Neutral-700);
}
.product-items .ultra-product-standard_slider .item:has(.sale):hover,
.item.ultra-product-standard:has(.sale):hover {
  box-shadow:
    0px 4px 15px 0px var(--ultra-hover-shadow-color),
    inset 0px -5px 0px 0px var(--color-erorr-600);
}

.product-items .ultra-product-standard_slider .item h4,
.item.ultra-product-standard h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 100%;
  font-size: 1.4rem;
  color: var(--color-black);
  text-overflow: ellipsis;
  overflow: hidden;
  box-orient: vertical;
  line-clamp: 1;
}

.product-items .ultra-product-standard_slider .category,
.item.ultra-product-standard .category {
  color: var(--Neutral-400);
}
.product-items .ultra-product-standard_slider .rate span.count,
.item.ultra-product-standard .rate span.count {
  color: var(--color-primary);
}
.product-items .ultra-product-standard_slider .rate span,
.item.ultra-product-standard .rate span {
  color: color-mix(in srgb, var(--color-primary), transparent 50%);
}

.item.ultra-product-standard.standard_2th .product-image .sale {
  position: absolute;
  left: 10px;
  top: 10px;
  border-radius: 12px;

  padding: 10px 10px;
  display: flex;
  line-height: 1.1;
  color: var(--color-erorr-600);
  background: var(--color-erorr-100);
  justify-content: center;
  align-items: center;
}

.item.ultra-product-standard.standard_2th .box-price .buy-btn {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 12px;
  background-color: color-mix(in srgb, var(--color-primary), transparent 80%);
}
.item.ultra-product-standard.standard_2th .box-price .buy-btn svg path {
  stroke: var(--color-primary);
}

/*ultra-basic-brand-widget*/

.ultra-basic-brand-widget .item.brand-item {
  display: flex;
  width: 184px;
  height: 112px;
  overflow: hidden;
  padding: 16px;
  margin: 30px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  position: relative;
  border-radius: 16px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
  box-shadow: -1px 6px 48px 0px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease-in-out;
}
.ultra-basic-brand-widget .item.brand-item img {
  width: 150px;
  height: 50px;
  flex-shrink: 0;
  object-fit: contain;
  transition: all 0.3s ease-in-out;
}

.ultra-basic-brand-widget .item.brand-item .brand-info {
  display: none;

  transition: all 0.3s ease-in-out;
}
.ultra-basic-brand-widget .item.brand-item .brand-info .num {
  color: var(--Neutral-300);
  text-wrap: nowrap;
}
.ultra-basic-brand-widget .item.brand-item .brand-info .num b {
  color: var(--color-black);
}
.ultra-basic-brand-widget .item.brand-item .brand-info .sale-symbol {
  color: var(--Neutral-100);
}
.ultra-basic-brand-widget .item.brand-item a {
  flex: 0;
}
.ultra-basic-brand-widget .item.brand-item:hover .brand-info {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  z-index: 1;
  top: 20%;
  left: 5%;
  right: 5%;
  transition: all 0.3s ease-in-out;
}
.ultra-basic-brand-widget .item.brand-item:hover img {
  filter: blur(30px);
  transition: all 0.3s ease-in-out;
}
.ultra-header-widgets .title .title-name h3 {
  text-align: right;
}

/*ultra-category-grid*/
.ultra-category-grid {
  display: flex;
  width: 100%;
  padding: 20px 0;
  justify-content: center;
  align-items: center;
  gap: 16px;
  overflow: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
}
.ultra-category-grid .category-item {
  display: flex;
  width: 136px;
  height: 136px;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 24px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);

  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease-in-out;
}
.ultra-category-grid .category-item:hover {
  margin-top: -10px;
  transition: all 0.3s ease-in-out;
}

.ultra-category-grid .category-item img {
  max-width: 44px;
  width: 100%;
  height: auto;
  max-height: 80px;
  border-radius: 15px;
  object-fit: cover;
}
.ultra-category-grid .category-item span ul {
  list-style: none;
  display: flex;
  padding: 30px 0;
  gap: 10px;
}
.ultra-category-grid .category-item span ul li:nth-child(odd) {
  display: block;
  width: 10px;
  background-color: var(--color-secondary);
  border-radius: 50%;
  height: 10px;
}
.ultra-category-grid .category-item span ul li {
  display: block;
  width: 10px;
  background-color: var(--color-primary);
  border-radius: 50%;
  height: 10px;
}
.ultra-category-grid .category-item h5 {
  color: var(--color-black);
  text-align: center;

  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 25.2px */
}

/* product sale widget new */

.ultra-product-sale-in-timer {
  display: flex;
  margin-bottom: 140px;
  border-radius: 40px;
  background: #007af4;
  width: 100%;

  height: 409px;
}
.ultra-product-sale-in-timer_slider {
  visibility: hidden;
}
.ultra-product-sale-in-timer .banner-side {
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 16px;
  width: 25%;
}
.ultra-product-sale-in-timer .product-box {
  width: 75%;
}
.ultra-product-sale-in-timer .banner-side .banner {
  width: 240px;
  height: 289px;
  flex-shrink: 0;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  background: var(--color-white, #fff);
}
.ultra-product-sale-in-timer .banner-side .banner svg {
  border-radius: 17px;
  background: #007af4;
  display: flex;
  width: 68px;
  height: 68px;
  padding: 15.583px 17px;
  justify-content: center;
  align-items: center;
  gap: 14.167px;
}
.ultra-product-sale-in-timer .banner-side .banner span {
  color: #007af4;
  text-align: right;
  width: 122px;
  text-wrap: wrap;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

.ultra-product-sale-in-timer .banner-side a.view-all {
  display: flex;
  width: 240px;
  height: 56px;
  padding: 19px 24px 19px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  color: var(--color-black);
  border-radius: 24px;
  background: var(--color-white, #fff);
}
.ultra-product-sale-in-timer .product-box .item:hover {
  margin-top: -10px;
  transition: all 0.3s ease-in-out;
}
.ultra-product-sale-in-timer .product-box .owl-carousel .owl-stage-outer {
  padding: 24px;
}
.ultra-product-sale-in-timer .banner-side .banner img {
  display: flex;
  width: 68px;
  height: 68px;
  padding: 15.583px 17px;
  justify-content: center;
  align-items: center;
  gap: 14.167px;
  background-color: #007af4;
  border-radius: 17px;
}
.ultra-product-sale-in-timer .product-box .item {
  transition: all 0.3s ease-in-out;
  display: flex;
  width: 288px;
  padding: 16px;
  height: 445px;
  flex-direction: column;
  border-radius: 24px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
  box-shadow: 2px 1px 11px 0px rgba(0, 0, 0, 0.04);
  gap: 10px;
}
.ultra-product-sale-in-timer .product-box .item .image-section {
  display: flex;
  width: 256px;
  height: 176px;
  align-items: center;
  position: relative;
  justify-content: center;
}
.ultra-product-sale-in-timer .product-box .item .image-section .on-sale {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: var(--color-erorr-600);
  display: flex;
  height: 40px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  color: var(--color-white);
}
.ultra-product-sale-in-timer .product-box .item .image-section img {
  border-radius: 24px;
  width: 256px;
  height: 176px;
  object-fit: cover;
}
.ultra-product-sale-in-timer .product-box a {
  flex-grow: 1;
}
.ultra-product-sale-in-timer .product-box h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 90%;
  font-size: 1.4rem;
  color: var(--color-black);
  text-overflow: ellipsis;
  overflow: hidden;
  box-orient: vertical;
  line-clamp: 2;
}

.ultra-product-sale-in-timer .product-box .item .middle-section {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.ultra-product-sale-in-timer .product-box .item .middle-section .rate {
  color: var(--color-primary);
  font-weight: 600;
}
.ultra-product-sale-in-timer .product-box .item .middle-section .rate .count {
  opacity: 0.5;
  color: var(--color-primary);
  font-weight: 500;
}
.ultra-product-sale-in-timer .product-box .item .middle-section .category {
  color: var(--color-black, #242424);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  opacity: 0.5;
  line-height: 120%;
}

.ultra-product-sale-in-timer .product-box .end-product-sale {
  width: 100%;
  border-top: 1px solid var(--Neutral-50, #f0f1f1);
  padding-top: 12px;
  text-align: center;
}
.box-price del .woocommerce-Price-amount.amount {
  color: var(--Neutral-300);
}

.box-price del .woocommerce-Price-amount.amount svg path {
  fill: var(--color-black);
}

.box-price ins .woocommerce-Price-amount.amount {
  font-size: 16px;
}

.ultra-product-sale-in-timer .product-box .box-timer {
  width: 100%;
  border-top: 1px solid var(--Neutral-50, #f0f1f1);
  padding-top: 12px;
}
.ultra-product-sale-in-timer .product-box .countdown-timer {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.ultra-product-sale-in-timer .product-box .countdown-timer .number {
  display: flex;
  width: 56px;
  height: 56px;
  padding: 8px 16px 10px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: -4px;
  border-radius: 12px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
}
.ultra-product-sale-in-timer .product-box .countdown-timer .number::after {
  color: var(--Neutral-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
}
.ultra-product-sale-in-timer
  .product-box
  .countdown-timer
  .seconds-section::after {
  content: "ثانیه";
}

.ultra-product-sale-in-timer
  .product-box
  .countdown-timer
  .minutes-section::after {
  content: "دقیقه";
}

.ultra-product-sale-in-timer
  .product-box
  .countdown-timer
  .hours-section::after {
  content: "ساعت";
}
.ultra-product-sale-in-timer
  .product-box
  .countdown-timer
  .days-section::after {
  content: "روز";
}
.ultra-product-sale-in-timer .product-box .countdown-timer * {
  transition: all 0.3s ease-in-out;
}
.ultra-product-sale-in-timer
  .product-box
  .item
  .countdown-timer.expired
  .number {
  border: 1px solid var(--color-erorr-100);
  color: var(--color-erorr-600);
}
.ultra-product-sale-in-timer
  .product-box
  .item
  .countdown-timer.expired
  .number::after {
  color: var(--color-erorr-400);
}

.ultra-product-sale-in-timer .product-box h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 90%;
  color: var(--color-black);
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}
.ultra-product-sale-in-timer .product-box .item .box-price {
  border-top: 1px solid var(--Neutral-50, #f0f1f1);
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
  padding-top: 12px;
}

.ultra-product-sale-in-timer .product-box .item .box-price:has(.sale) {
  padding: 10px 6px;
}

.ultra-product-sale-in-timer
  .product-box
  .item
  .box-price:has(.sale)
  ins
  .woocommerce-Price-currencySymbol {
  display: none;
}
.ultra-product-sale-in-timer .product-box .item .not_stock {
  background-color: var(--Neutral-50);
  color: var(--Neutral-200);
  transition: all 0.3s ease-in-out;
}

.ultra-product-sale-in-timer .product-box .item .box-price .price ins {
  color: var(--Neutral-800);
  font-weight: 700;
  text-decoration: none;
}
.ultra-product-sale-in-timer .product-box .item .box-price .price {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 0;
  width: 100%;
  justify-content: space-between;
}
.ultra-product-sale-in-timer .product-box .item .box-price:has(.sale) .price {
  align-items: flex-end;
  flex-direction: column;
  gap: 0;
}
.ultra-product-sale-in-timer .product-box .item .box-price .sale {
  border-radius: 12px;
  width: 65px;
  height: 40px;
  padding: 5px 10px;
  display: flex;
  line-height: 1.1;
  color: var(--color-erorr-600);
  background: var(--color-erorr-100);

  justify-content: center;
  align-items: center;
}

/* ultra product spotlight */

.ultra-product-soptlight {
  width: 100%;
  margin: 20px 0;
}

.ultra-product-soptlight .ultra-product-soptlight_slider {
  display: flex;
}

.ultra-product-soptlight .item {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  height: 400px;
}
.ultra-product-soptlight .item .ultra-product-gallery {
  display: flex;
  width: 95px;
  height: 361px;
  padding: 8px;
  flex-direction: column;

  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  border-radius: 24px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
}
.ultra-product-soptlight .item .image-box {
  display: flex;
  gap: 10px;
}

.ultra-product-soptlight .item .ultra-product-gallery .gallery-item img {
  border-radius: 16px;
  border: 1px solid var(--Neutral-50);
  width: 79.5px;
  height: 79.5px;
  object-fit: cover;
}
.ultra-product-soptlight .item figure img {
  width: 360px;
  height: 360px;
  object-fit: cover;
  border-radius: 24px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
}
.ultra-product-soptlight {
  position: relative;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  flex-direction: column;
  display: flex;
  align-items: stretch;
  padding: 24px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.ultra-product-soptlight .mobile-title {
  display: none;
}

.ultra-product-soptlight .owl-carousel {
  width: 100%;
  position: relative;
}

.ultra-product-soptlight .item figure {
  margin: 0;
  text-align: center;
}

.ultra-product-soptlight .product-content {
  width: 60%;
  padding-right: 120px;
  width: 700px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ultra-product-soptlight
  .ultra-product-soptlight_slider
  .item
  .product-content
  h3 {
  color: var(--color-primary);
  margin-bottom: 10px !important;
  font-size: 40px !important;
  font-style: normal;
  font-weight: 700;
}

.ultra-product-soptlight .product-content h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}

.ultra-product-soptlight .product-content p {
  font-size: 14px;
  color: #444;
  margin-bottom: 20px;
}

/* دکمه و قیمت پایین */
.ultra-product-soptlight .bottom-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ultra-product-soptlight .bottom-section a {
  color: var(--color-white);
  background-color: var(--color-erorr-600);
  font-weight: bold;
  font-size: 14px;
  padding: 8px;
  border-radius: 12px;
  text-decoration: none;
}

.ultra-product-soptlight .box-price {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ultra-product-soptlight .box-price .price {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.ultra-product-soptlight .box-price .price del {
  color: #999;
  font-size: 14px;
}

.ultra-product-soptlight .box-price .price ins {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

.ultra-product-soptlight .box-price .sale {
  background: var(--color-erorr-500);
  color: var(--color-white);
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: bold;
}

.ultra-product-soptlight .owl-nav {
  height: 100%;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.03);
  padding: 20px;
}
.ultra-product-soptlight .owl-dots {
  height: 70%;
  justify-content: center;
  padding: 25px;
}
.ultra-product-soptlight .owl-nav,
.ultra-product-soptlight .owl-dots {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 5;

  display: flex;
  flex-direction: column;
  align-items: center;

  border-radius: 16px;
}

.ultra-product-soptlight
  .owl-carousel.ultra-product-soptlight_slider
  .owl-nav
  button {
  width: 56px;
  height: 56px;
  background: color-mix(in srgb, var(--color-primary), transparent 80%);
  border: 1px solid var(--color-primary);
  border-radius: 8px;
  margin: 6px 0;
  color: var(--color-primary);
  font-size: 16px;
  line-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.ultra-product-soptlight
  .owl-carousel.ultra-product-soptlight_slider
  .owl-nav
  button
  sapn {
  pointer-events: none;
}

.ultra-product-soptlight .owl-nav button:hover {
  background: var(--color-primary);
  color: white;
}

.ultra-product-soptlight .owl-nav .owl-prev {
  rotate: -90deg;
  font-size: 20px;
}

.ultra-product-soptlight .owl-nav .owl-next {
  rotate: 270deg;
  font-size: 20px;
}

.ultra-product-soptlight .owl-dots {
  margin: 10px 0;
  gap: 10px;
}

.ultra-product-soptlight .owl-dot span {
  width: 32px !important;
  height: 8px !important;

  background: var(--Neutral-100) !important;
  margin: 2px 7px !important;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.ultra-product-soptlight .owl-dot.active span {
  background: var(--color-primary) !important;
  width: 20px;
  height: 6px;
  border-radius: 6px;
}

.ultra-contactus-widget {
  background-color: #007af4;
  border: 5px solid var(--color-white);
  filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.1));
  display: flex;
  border-radius: 26px;
  height: 247.398px;
  flex-direction: column;
  align-items: flex-end;
  margin: 80px 0;
}

.ultra-contactus-widget .content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 40px;
  align-items: center;
}

.ultra-contactus-widget .content img {
  width: 316px;
  height: 288.123px;
  transform: rotate(9.189deg);
  flex-shrink: 0;
  margin-top: -50px;
  margin-right: -50px;
}

.ultra-contactus-widget .content .title {
  color: var(--color-white, #fff);
  text-align: right;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

.ultra-contactus-widget .content .desc {
  color: var(--color-white, #fff);
  text-align: right;

  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  opacity: 0.5;
  width: 383px;
}

.ultra-contactus-widget .content .number-box {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.1);
  width: 329px;
  height: 65px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}
.ultra-contactus-widget .content .number-box .text-number {
  display: flex;
  align-items: center;
  border-radius: 12px;
  justify-content: center;
  background: var(--color-white, #fff);
  width: 119.96px;
  height: 34.444px;
  flex-shrink: 0;
  margin-top: -15px;
}
.ultra-contactus-widget .content .number-box .number {
  color: var(--color-white, #fff);
  text-align: right;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  cursor: pointer;
}

.ultra-contactus-widget .social-box {
  display: flex;
  gap: 10px;
  padding: 5px 20px 30px;

  border-radius: 0 0 50% 50%;
  background-color: #007af4;
  border: 5px solid var(--color-white);
  filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.1));
  margin-left: 50px;
  margin-top: -1px;
  border-top: 0;
}

.ultra-contactus-widget .social-box a {
  display: inline-flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  background: var(--color-white, #fff);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
}

.ultra-contactus-widget .social-box a svg {
  width: 29.211px;
  height: 30px;
}

/* ultra header widget fixed in all*/
.ultra-header-widgets {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 20px 0;
  width: 100%;
}

.ultra-header-widgets .title {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
}
.ultra-header-widgets .title figure {
  border-radius: 12px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.06);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
}

.ultra-header-widgets .title svg path {
  stroke: var(--color-primary);
}

.ultra-header-widgets .title h3 {
  color: var(--color-black, #242424);
  text-align: center;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.ultra-product-showcase-box .ultra-header-widgets .view-all {
  margin-left: 0;
}

.ultra-header-widgets .view-all {
  display: flex;
  height: 40px;
  padding: 10px 12px;
  justify-content: center;
  margin-left: 110px;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
  color: var(--color-primary);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.06);
}

/*ultra-product-little-grid*/

.ultra-tv-showcase-widget .tv-showcase_slider .item {
  display: flex;
  /* width: 392px; */
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
  margin: 20px 0;
  gap: 12px;
  border-radius: 32px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
  transition: all 0.3s ease-in-out;
}
.ultra-tv-showcase-widget .tv-showcase_slider .item:hover {
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  margin-top: 15px;
  transition: all 0.3s ease-in-out;
}
.ultra-tv-showcase-widget .tv-showcase_slider .item:hover .play-icon {
  background: var(--color-primary);
  transition: all 0.3s ease-in-out;
}
.ultra-tv-showcase-widget .tv-showcase_slider .item:hover .play-icon svg path {
  fill: var(--color-white);
  transition: all 0.3s ease-in-out;
}
.ultra-tv-showcase-widget .tv-showcase_slider .item .play-icon svg path {
  fill: var(--color-primary);
  transition: all 0.3s ease-in-out;
}

.ultra-tv-showcase-widget .tv-showcase_slider .item img {
  display: flex;
  height: 203px;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  aspect-ratio: 360/203;
}
.ultra-tv-showcase-widget .tv-showcase_slider .item figure {
  position: relative;
}
.ultra-tv-showcase-widget .tv-showcase_slider .item .outer-icon {
  position: absolute;
  top: 30%;
  right: 35%;
  display: flex;
  width: 80px;
  height: 80px;

  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 60.5px;
  background: rgba(255, 255, 255, 0.32);
  backdrop-filter: blur(2px);
}
.ultra-tv-showcase-widget .tv-showcase_slider .item .play-icon {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 53.5px;
  background: var(--color-white, #fff);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.ultra-tv-showcase-widget .tv-showcase_slider .item h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 100%;
  font-size: 1.4rem;
  color: var(--color-black);
  text-overflow: ellipsis;
  overflow: hidden;
  box-orient: vertical;
  line-clamp: 1;
}

.ultra-tv-showcase-widget .tv-showcase_slider .item .info-box {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  width: 100%;
}
.ultra-tv-showcase-widget .tv-showcase_slider .item .info-box div {
  display: flex;
  color: var(--Neutral-300, #c2c5c6);
  gap: 10px;
}

/* readingShowcase */
.readingShowcase_slider {
  visibility: hidden;
}
.readingShowcase .readingShowcase_slider .item {
  display: flex;
  width: 288px;
  padding: 16px;
  flex-direction: column;
  height: 421px;
  gap: 10px;
  border-radius: 24px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);

  /* normal */
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
  margin: 20px 0;
}

.readingShowcase .readingShowcase_slider .item figure {
  position: relative;
}

.readingShowcase .readingShowcase_slider .item figure .date-of-publish {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  height: 32px;
  padding: 0px 6px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  background: var(--color-white, #fff);
  color: var(--color-black, #242424);
  text-align: right;

  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
}

.readingShowcase .readingShowcase_slider .item figure img {
  display: flex;
  height: 144.356px;
  object-fit: cover;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  aspect-ratio: 256/144.36;
  border-radius: 16px;
}

.readingShowcase .readingShowcase_slider .item h4 {
  height: 24px;
  color: var(--color-black, #242424);
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 100%;

  color: var(--color-black);
  text-overflow: ellipsis;
  overflow: hidden;
  box-orient: vertical;
  line-clamp: 1;
}

.readingShowcase .readingShowcase_slider .item p {
  color: var(--Neutral-700, #52595a);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 170%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  width: 100%;
  flex-grow: 1;
  color: var(--color-black);
  text-overflow: ellipsis;
  overflow: hidden;
  box-orient: vertical;
  line-clamp: 3;
}
.readingShowcase .readingShowcase_slider .item .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid var(--Neutral-50);
  padding-bottom: 10px;
}
.readingShowcase .readingShowcase_slider .item .info span {
  display: flex;
  color: var(--Neutral-300, #c2c5c6);
  text-align: center;
  font-size: 16px;
  gap: 8px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  align-items: center;
}

.readingShowcase .readingShowcase_slider .item .bottom-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.readingShowcase .readingShowcase_slider .item .bottom-info .time-of-read {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--Neutral-100, #e1e2e3);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.readingShowcase
  .readingShowcase_slider
  .item
  .bottom-info
  .time-of-read
  span:nth-of-type(2) {
  color: var(--Neutral-300, #c2c5c6);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.readingShowcase .readingShowcase_slider .item .bottom-info a {
  display: flex;
  display: flex;
  height: 48px;
  padding: 0px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  gap: 4px;
  background-color: color-mix(in srgb, var(--color-primary), transparent 80%);
  color: var(--color-primary);
}
.readingShowcase .readingShowcase_slider .item .bottom-info a svg path {
  stroke: var(--color-primary);
}

.ultra-slider-nav-style .owl-carousel .owl-nav {
  position: absolute;
  top: -75px;
  z-index: 999999999;

  left: 0;
  display: flex !important;
}

.ultra-slider-nav-style .owl-carousel .owl-nav button {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 10px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  border: 1px solid var(--Neutral-50, #f0f1f1) !important;
  background-color: var(--color-white, #fff) !important;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.06);
}

.ultra-sale-widget {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  padding: 55px 40px;
  align-items: flex-start;
  border-radius: 40px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
  margin: 20px 0;

  /* normal */
  box-shadow: 0px 24px 48px 0px rgba(0, 0, 0, 0.04);
}

.ultra-sale-widget .title {
  display: flex;
  padding: 10px;
  gap: 8px;
  height: 404px;
  align-self: normal;
  font-weight: 700;
  font-size: 20px;
  color: var(--color-primary);
  justify-content: center;
  writing-mode: vertical-rl;
  background-color: color-mix(in srgb, var(--color-primary), transparent 80%);
  border-radius: 16px;
}
.ultra-sale-widget .title svg {
  rotate: 90deg;
  display: flex;
  width: 24px;
  height: 24px;
  padding: 1.25px 3px 2px 3px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

@media screen and (max-width: 900px) {
  .ultra-sale-widget {
    flex-direction: column;
  }
  .ultra-sale-widget .title {
    gap: 8px;
    width: 100%;
    height: auto;
    writing-mode: horizontal-tb;
  }
  .ultra-sale-widget .title svg {
    rotate: 0deg;
  }

  .ultra-sale-widget .product-section,
  .ultra-sale-widget .attribute-section {
    width: 100% !important;
  }
}
.ultra-sale-widget .title svg path {
  fill: var(--color-primary);
}
.ultra-sale-widget .product-section {
  display: flex;
  width: 500px;
  gap: 10px;
  flex-direction: column;
}

.ultra-sale-widget .product-section .image-section {
  display: flex;
  gap: 10px;
}
.ultra-sale-widget .product-section .image-section .image-gallery img {
  width: 50px;
  flex: 1 0 0;
  aspect-ratio: 1/1;
  border-radius: 8px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
}
.ultra-sale-widget .product-section .image-section .main-image {
  width: 361px;
  flex-grow: 1;
  height: 224px;
  object-fit: contain;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
}

.ultra-sale-widget .product-section .bottom-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ultra-sale-widget .product-section .bottom-section a {
  color: var(--color-white);
  background-color: var(--color-erorr-600);
  font-weight: bold;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  border-radius: 12px;
  text-decoration: none;
}
.ultra-sale-widget .product-section .description {
  display: flex;

  gap: 15px;
  flex-direction: column;
}
.ultra-sale-widget .product-section .box-price {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ultra-sale-widget .product-section .box-price .price {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.ultra-sale-widget .product-section .box-price .price del {
  color: #999;
  font-size: 14px;
}

.ultra-sale-widget .product-section .box-price .price ins {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

.ultra-sale-widget .product-section .box-price .sale {
  background: var(--color-erorr-500);
  color: var(--color-white);
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: bold;
}

.ultra-sale-widget .attribute-section {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.ultra-sale-widget .attribute-section .attribute {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  padding: 8px 15px;
  align-items: flex-start;

  align-self: stretch;
}
.ultra-sale-widget .attribute-section .attribute .title-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.ultra-sale-widget .attribute-section .attribute .title-section .name {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ultra-sale-widget
  .attribute-section
  .attribute
  .title-section
  .name
  .icon-title {
  border-radius: 8px;
  background: var(--Neutral-50);
  display: flex;
  width: 56px;
  height: 56px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
}
.ultra-sale-widget
  .attribute-section
  .attribute
  .title-section
  .name
  .icon-title
  svg {
  width: 30px;
  height: 30px;
}
.ultra-sale-widget
  .attribute-section
  .attribute
  .title-section
  .name
  .name-content {
  display: flex;
  flex-direction: column;
}

.ultra-sale-widget
  .attribute-section
  .attribute
  .title-section
  .name
  .name-content
  span:first-child {
  color: var(--color-black, #242424);
  text-align: right;

  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}
.ultra-sale-widget
  .attribute-section
  .attribute
  .title-section
  .name
  .name-content
  span:nth-child(2) {
  color: var(--Neutral-500, #858c8d);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 25.2px */
}
.ultra-sale-widget .attribute .info {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  color: var(--Neutral-400, #a4a9aa);
  text-align: justify;
  padding-top: 10px;

  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 170%; /* 23.8px */
}

.ultra-customer-comment-slider .item {
  display: flex;
  margin-bottom: 5rem;
  width: 288px;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px;
  border-radius: 24px;
  border: 1px solid var(--Neutral-50);
  background: var(--color-white);
  box-shadow: 0px 24px 48px 0px rgba(0, 0, 0, 0.04);
}
.ultra-customer-comment-slider .item .comment-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.ultra-customer-comment-slider .item .comment-title .right-side {
  display: flex;
  flex-direction: column;
}

.ultra-customer-comment-slider .item .comment-title .comment-icon {
  display: flex;
  width: 56px;
  height: 56px;
  padding: 12px 8px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  gap: 10px;
  aspect-ratio: 1/1;
}

.ultra-customer-comment-slider .item .comment-title .comment-icon.soso-cm {
  background: #fffcd6;
}
.ultra-customer-comment-slider .item .comment-title .comment-icon.accept-cm {
  background: #e5fff8;
}
.ultra-customer-comment-slider .item .comment-title .comment-icon.reject-cm {
  background: #ffe5e5;
}

.ultra-customer-comment-slider .item .comment-title span {
  color: var(--Neutral-700);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 25.2px */
}
.ultra-customer-comment-slider .item .comment-title p {
  color: var(--color-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 28.8px */
}
.ultra-customer-comment-slider .item .bottom-side {
  display: flex;
  align-items: center;
  color: var(--Neutral-300);
  font-size: 14px;
  gap: 10px;
}
.ultra-customer-comment-slider .item > p {
  color: var(--Neutral-600);
  text-align: justify;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 170%;
}
.ultra-customer-comment-slider .item .bottom-side .rate {
  border-left: 1px solid var(--Neutral-100);
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 5px;
  padding-left: 10px;
  color: var(--color-warning-400);
}

.product-items .item .no_price {
  background-color: var(--Neutral-700);
  padding: 0.5rem 0;
  border-radius: 0.8rem;
  text-align: center;
  width: 100%;
  display: block;
  color: var(--color-white-text);
}

.product-items .item h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.product-items .item .not_stock {
  background-color: var(--Neutral-700);
  padding: 0.5rem 0;
  border-radius: 0.8rem;
  text-align: center;
  display: block;
  width: 100%;
  color: var(--color-white-text);
}

.product-items .item .product-image .product-icon {
  position: absolute;

  top: 0.5rem;
  right: 0.5rem;
}

.choosen-product .product-items .item a h3 {
  font-size: 1.4rem;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}
.price .start-price {
  margin-top: -1rem;
}
.product-items .item .price {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 1.4rem;
  align-self: center;
}

.product-items .item.prod-style-10 {
  align-items: center;
  position: relative;
  width: 19rem !important;
  height: 24rem !important;
  gap: 0 !important;
  position: relative;
  overflow: hidden;
}

.product-items .item.prod-style-10 .image-sec .discount {
  position: absolute;
  background: var(--color-primary);
  width: 4.4rem;
  top: 0;
  inset-inline-start: 0;
  border-bottom-left-radius: 50rem;
  color: #fff;
  font-size: 1.4rem;
  padding: 0.5rem;
}
.product-items .item.prod-style-10 .image-sec img {
  margin: 0 !important;
  width: 16rem !important;
  height: 15rem !important;
  object-fit: cover;
  border-radius: 0.8rem;
}
.product-items .item.prod-style-10 .price {
  display: flex;
  flex-direction: column;
  gap: 0 !important;
  font-size: 1.2rem;
}
.product-items .item.prod-style-10 .prod-info {
  display: flex;
  width: 100%;
  align-items: end;
  justify-content: space-between;
}

.product-items .item.prod-style-11 {
  position: relative;
  gap: 0.2rem !important;
}

.product-items .item-owl {
  padding: 2rem 0;
}
.product-items .item.prod-style-11 .image-sec .discount {
  position: absolute;
  left: 2rem;
  top: 2rem;
  background-color: var(--color-primary);
  padding: 1rem;
  color: var(--color-white);
  font-size: 1.4rem;
  border-radius: 35% 65% 65% 35% / 50% 50% 50% 50%;
}
.product-items .item.prod-style-11 .image-sec:has(.discount)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset-inline: 2rem;
  top: -1.2rem;
  bottom: 2rem;
  background-color: var(--color-primary);
  border-radius: calc(0.625rem * 5);
  transition: all 0.3s;
}
.product-items .item.prod-style-11:hover .image-sec:has(.discount)::before {
  top: -1.5rem;
  transition: all 0.3s;
  box-shadow: 1px 1px 6px 1px var(--color-primary);
}

.product-items .item.prod-style-11 .image-sec img {
  margin: 0 !important;
  width: 100% !important;
  height: 22rem !important;
  object-fit: cover;
  border-radius: 0.8rem;
}
.product-items .item.prod-style-11 {
  min-height: 36rem;
}
.product-items .item.prod-style-11 .prod-info h3 {
  font-size: 1.6rem !important;
  margin: 1rem 0 !important;
}
.product-items .item.prod-style-11 .image-sec .btn-sec {
  position: absolute;
  top: 0rem;
  right: 2rem;
  gap: 0.5rem;
  display: flex;
  visibility: hidden;
  opacity: 0;
  flex-direction: column;
  transition: all 0.3s;
}
.product-items .item.prod-style-11 .image-sec .cate-prod {
  position: absolute;
  top: 20rem;
  left: 2rem;
  background-color: var(--color-white);
  color: var(--color-primary);
  border-radius: 8px;
  font-size: 1rem;
  padding: 0.2rem 0.5rem;
}
.product-items .item.prod-style-11:hover .image-sec .btn-sec {
  top: 2rem;
  visibility: visible;
  opacity: 1;
  transition: all 0.3s;
}

.product-items .item-owl > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 35rem;
  justify-content: center;
  gap: 1rem;
}
.product-items .item-owl > a i {
  font-size: 5rem;
}
.product-items .item.prod-style-11 .image-sec .btn-sec i {
  background-color: var(--color-white);
  padding: 0.8rem;
  border-radius: 100%;
  color: var(--color-primary);
  font-size: 1.4rem;
}

.product-items
  .item.prod-style-11
  .image-sec
  .btn-sec
  button.woosw-btn.woosw-btn-has-icon {
  background-color: var(--color-white);
  padding: 0.4rem;
  border-radius: 100%;
}

.product-items .item.prod-style-11 .image-sec .btn-sec a.button {
  background: transparent !important;
  color: transparent !important;
  border-radius: 0 !important;
  padding: 0;
}

.product-items .product .price,
.main-suggest-prod .price {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 1.2rem !important;
  align-self: center;
}

.item .price del,
.item .price-section del,
.desc-prod .price del,
.product-items .product .price del,
.main-suggest-prod .price del,
.price del {
  color: var(--Neutral-300);
  position: relative;
  /*     text-decoration: none; */
}

/* .desc-prod .price del::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="11" viewBox="0 0 64 11" fill="none"><path d="M1.00024 9.5C10.4572 3.92026 20.4704 2.377 28.8148 3.92026C41.9441 6.34847 56.2031 8.68346 63.0002 1.5" stroke="%236b6b6b" stroke-width="1.5" stroke-linecap="round"/></svg>');
    background-repeat: no-repeat;
    content: '';
    padding: 3rem;
    position: absolute;
    top: 0.6rem;
    left: 1rem;
}

.price del::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="11" viewBox="0 0 64 11" fill="none"><path d="M1.00024 9.5C10.4572 3.92026 20.4704 2.377 28.8148 3.92026C41.9441 6.34847 56.2031 8.68346 63.0002 1.5" stroke="%236b6b6b" stroke-width="1.5" stroke-linecap="round"/></svg>');
    background-repeat: no-repeat;
    content: '';
    padding: 3rem;
    position: absolute;
    top: 0.5rem;
    left: 0;
}

.price-section del::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="11" viewBox="0 0 64 11" fill="none"><path d="M1.00024 9.5C10.4572 3.92026 20.4704 2.377 28.8148 3.92026C41.9441 6.34847 56.2031 8.68346 63.0002 1.5" stroke="%236b6b6b" stroke-width="1.5" stroke-linecap="round"/></svg>');
    background-repeat: no-repeat;
    content: '';
    padding: 3rem;
    position: absolute;
    top: 1.5rem;
    left: 4rem;
}
 */
.product-items .item .price ins,
.item .price-section ins,
.desc-prod .price ins,
.product-items .product .price ins,
.main-suggest-prod .price ins {
  text-decoration: none;
}

.single-product-ultra
  .cart-side-ultra
  .cart-box
  .woocommerce-variation-add-to-cart
  .quantity {
  height: 60px;
}

.product-items .item .price ins span,
.product-items .item .price-section ins span {
  font-size: 1.6rem;
}

.product-items .item .price del span,
.product-items .item .price-section del span {
  font-size: 1.2rem;
}

.sale-widget-ultra {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}

.sale-widget-ultra .title-sale {
  font-size: 2.2rem;
  font-weight: 600;
  border-bottom: 2px solid var(--color-primary);
}
.sale-widget-ultra .sale-content {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.sale-widget-ultra .sale-content .attrs-sale {
  display: flex;
  flex-direction: column;
  width: 25%;
  gap: 2rem;
}
.sale-widget-ultra .sale-content .attrs-sale .attr {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.sale-widget-ultra .sale-content .attrs-sale .attr i {
  background-color: var(--color-light-bg);
  padding: 1rem;
  border-radius: 100%;
}
.sale-widget-ultra .sale-content .attrs-sale .attr .txt {
  display: flex;
  flex-direction: column;
}
.sale-widget-ultra .sale-content .attrs-sale .attr .txt h5 {
  font-size: 1.4rem;
  margin: 0;
}
.sale-widget-ultra .sale-content .attrs-sale .attr .txt p {
  font-size: 1.2rem;
  margin: 0;
}
.sale-widget-ultra .sale-content .image-sec {
  position: relative;
  width: 30%;
}
.sale-widget-ultra .sale-content .image-sec a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sale-widget-ultra .sale-content .image-sec img {
  width: 80%;
  height: auto;
  object-fit: cover;
}
.sale-widget-ultra .sale-content .image-sec span {
  position: absolute;
  bottom: 3rem;
  right: 1rem;
  background-color: white;
  border-radius: 100%;
  padding: 1rem;
  width: 8rem;
  height: 8rem;
  text-wrap: wrap;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: -2px 2px 19px 0px #b6b5b5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.woosw-btn-has-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-white);
}

.blog-ultra .container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.blog-ultra .owl-nav {
  display: none !important;
}
.blog-ultra .blog-title-ultra {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog-ultra .blog-title-ultra > a {
  color: var(--color-white);
  background-color: var(--color-primary);
  padding: 10px;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
.blog-ultra .blog-title-ultra > a:hover {
  color: var(--color-white);
  background-color: var(--color-secondary);
  padding: 10px;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}

.blog-ultra .blog-slider .item {
  display: flex;
  margin: 2rem 0;
  flex-direction: column;
  align-items: center;
  border-radius: 12px;
  border: 1px solid var(--color-border);
  gap: 1rem;
  padding: 2rem;
  height: 32rem;
  background-color: var(--color-white);
  position: relative;
}
.blog-ultra .blog-slider .item .image-sec {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.blog-ultra .blog-slider .item .image-sec img {
  margin: 0 !important;
  object-fit: cover;
  width: 34rem !important;
  height: 20rem !important;
}

.blog-ultra .blog-slider .item .image-sec .cate-blog {
  position: absolute;
  right: 1rem;
  top: 1rem;
  border-radius: 8px;
  color: var(--color-white);
  padding: 0.2rem 0.5rem;
  background-color: var(--color-primary);
  font-size: 1.2rem;
}
.blog-ultra .blog-slider .item .image-sec .date-blog {
  position: absolute;
  left: 1rem;
  top: 1rem;
  border-radius: 8px;
  color: var(--color-white);
  padding: 0.2rem 1.5rem;
  background-color: var(--color-primary);
  font-size: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.6rem;
}

.blog-ultra .blog-slider .item .image-sec .blog-info {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  background-image:
    linear-gradient(
      -10deg,
      var(--color-primary) 10%,
      rgba(255, 128, 54, 0) 50%
    ),
    linear-gradient(30deg, var(--color-accent) 0, rgba(255, 128, 54, 0) 50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #fff;
  inset: 0;
  z-index: 1;
  align-items: flex-end !important;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.blog-ultra .blog-slider .item .image-sec:hover .blog-info {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.blog-ultra .blog-slider .item .image-sec .blog-info > span {
  font-size: 1.2rem;
  color: var(--color-white);
  padding: 1rem;
}

.blog-ultra .blog-slider .item .blog-content {
  width: 100%;
}
.blog-ultra .blog-slider .item .blog-content a:hover {
  color: var(--color-white);
  background-color: var(--color-primary);
}
.blog-ultra .blog-slider .item .blog-content a {
  position: absolute;
  font-size: 1.4rem;
  bottom: -1.5rem;
  background-color: var(--color-primary);
  border-radius: 8px;
  color: var(--color-white);
  padding: 0.2rem 1rem;
  right: 35%;
}
.blog-ultra .blog-slider .item .blog-content p {
  margin: 0;
  font-size: 1.4rem !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-ultra .blog-slider .item .blog-content h3 {
  display: -webkit-box;
  margin: 0;
  font-size: 1.6rem !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
}

.tv-sec {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}

.tv-sec .tv-title {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  justify-content: space-between;
  font-weight: 500;
  column-gap: 1rem;
}

.tv-sec .tv-title .title {
  column-gap: 1rem;
  display: flex;
  align-items: center;
}

.tv-sec .tv-title .title img {
  width: 3rem;
  height: 3rem;
}

.tv-sec .tv-title h2 {
  font-size: 2rem;
  font-weight: 700;
}

.tv-sec .tv-title a {
  background-color: var(--color-secondary);
  color: var(--color-white-text) !important;
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
  border-radius: 0.8rem;
  transition: all 0.3s ease-out;
}

.tv-sec .tv-title a:hover {
  scale: 110%;
  transition: all 0.3s ease-out;
}

.tv-sec .tv-box {
  display: flex;
  column-gap: 1rem;
  width: 100%;
}

.tv-sec .tv-box .main-tv {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

.tv-sec .tv-box .main-tv .tv-item {
  position: relative;
  width: 33%;
  border-radius: 1.2rem;
  transition: all 0.3s ease-out;
}

.tv-sec .tv-box .tv-item img {
  border-radius: 1.2rem;
}

.tv-sec .tv-box .main-tv .tv-item img {
  object-fit: cover;
  width: 100%;
  height: 26rem;
}

.tv-sec .tv-box .ultra-tv-overlay {
  position: absolute;
  bottom: 0.5rem;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 18.23%,
    rgba(0, 0, 0, 0.9) 86.98%,
    rgba(0, 0, 0, 0.9) 100%
  );
  width: 100%;
  right: 0;
  padding: 60px;
  border-radius: 12px;
}

.tv-sec .tv-box .main-tv .tv-item:hover {
  scale: 101%;
  transition: all 0.3s ease-out;
}
.tv-sec .tv-box .main-tv .tv-item:hover svg path {
  fill: var(--color-primary);
  transition: all 0.3s ease-out;
}

.tv-sec .tv-box .main-tv .tv-item svg {
  transition: all 0.3s ease-out;
  position: absolute;
  top: 2rem;
  left: 2rem;

  padding: 0.2rem;
  border-radius: 8rem;
}

.tv-sec .tv-box .main-tv .tv-item h4 {
  z-index: 9999;
  transition: all 0.3s ease-out;
  position: absolute;
  color: var(--color-white-text);
  bottom: 3rem;
  right: 2rem;
  font-size: 2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.banner {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
}
.banner a {
  width: 100%;
}
.banner a img {
  width: 100%;
  border-radius: 0.8rem;
}

.insta-ultra {
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
}

.insta-ultra .insta-head {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.insta-ultra .insta-head .title {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.insta-ultra .insta-head .profile span {
  color: var(--Neutral-800);
}
.insta-ultra .insta-head .title span {
  color: var(--Neutral-800);
}
.insta-ultra .insta-head .title i {
  color: var(--Neutral-800);
  font-size: 2.4rem;
}
.insta-ultra .insta-head .profile {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.insta-ultra .insta-head .profile img {
  width: 4rem;
  margin: 0 !important;
  height: 4rem;
  border: 0.2rem solid transparent;
  background:
    linear-gradient(white, white) padding-box,
    linear-gradient(
        to right,
        #5840d4,
        #9a30b5,
        #db2469,
        #fc944e,
        #ffee00,
        #f65145,
        #8535bf
      )
      border-box;
  border-radius: 50% !important;
  padding: 0.3rem;
  object-fit: cover;
}

.insta-box svg path {
  stroke: var(--Neutral-800);
}
.insta-ultra .insta-boxes {
  border-top: 1px solid var(--color-border);
  padding: 1rem;
  display: flex;
  gap: 2rem;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
}
.insta-ultra .insta-boxes .fixed-side a {
  border: 1px solid var(--color-border);
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
  border-radius: 8px;
  color: var(--Neutral-800);
}
.insta-ultra .insta-boxes .fixed-side {
  display: flex;
  flex-direction: column;
  gap: 1rem;

  width: 17.5rem;
  align-items: center;
}
.insta-ultra .insta-boxes span {
  color: var(--Neutral-800);
}
.insta-ultra .insta-boxes i {
  font-size: 8rem;
  color: var(--Neutral-800);
}
.insta-ultra .insta-boxes img {
  width: 17.5rem;
  height: 17.5rem;
  object-fit: cover;
  border-radius: 8px;
}

.insta-box {
  gap: 1rem;
  display: flex;
  justify-content: flex-start;

  width: 100%;
}

.insta-box .frame {
  border: 0.86px solid #f3f3f3;
  width: 20%;
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  transition: all 0.3s ease-in-out;
}

.insta-box .frame:hover {
  scale: 101%;
  transition: all 0.3s ease-in-out;
}

.insta-box .frame .ultra-tv-overlay {
  position: absolute;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 18.23%,
    rgba(0, 0, 0, 0.9) 86.98%,
    rgba(0, 0, 0, 0.9) 100%
  );
  width: 100%;
  right: 0;
  padding: 60px;
}

.insta-box .frame .img-title {
  position: relative;
}

.insta-box .frame .img-title h3 {
  position: absolute;
  bottom: 1rem;
  color: var(--color-white-text);
  right: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.insta-box .frame .top-info {
  display: flex;
  align-items: center;
  padding: 1rem;
  justify-content: space-between;
  border-bottom: 0.86px solid #f3f3f3;
}

.insta-box .frame .top-info .name {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.related-insta .insta-box .frame {
  background-color: var(--color-white);
}

.insta-box .frame .top-info .name img {
  width: 3.5rem;
  height: 3.5rem;
  border: 0.2rem solid transparent;
  background:
    linear-gradient(white, white) padding-box,
    linear-gradient(
        to right,
        #5840d4,
        #9a30b5,
        #db2469,
        #fc944e,
        #ffee00,
        #f65145,
        #8535bf
      )
      border-box;
  border-radius: 50%;
  padding: 0.3rem;
  object-fit: cover;
}

.insta-box .frame .buttom-info {
  display: flex;
  border-top: 0.86px solid #f3f3f3;
  padding: 1rem;
  align-items: center;
  justify-content: space-between;
}

.insta-box .frame img {
  width: 100%;
  height: 20rem;
  object-fit: cover;
}

.insta-box .frame .buttom-info .intraction {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* Blogs */

.blogs {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.blogs .title-blog {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}

.blogs .title-blog h2 {
  font-size: 2.4rem;
}

.blogs .the-blog {
  width: 100%;
  margin: 2rem 0;
  justify-content: space-between;
  display: flex;
  column-gap: 1rem;
}

.blogs .the-blog .blog-item {
  width: 33%;
  position: relative;
}

.blogs .the-blog .blog-item img {
  border-radius: 0.8rem;
  width: 100%;
  object-fit: cover;
  height: 27rem;
}

.blogs .the-blog .blog-item .cate-blog {
  color: var(--color-white-text);

  display: flex;
  position: absolute;
  font-size: 1.2rem;
  column-gap: 1rem;
  top: 45%;
  right: 3rem;
}

.blogs .the-blog .blog-item .cate-blog a {
  color: var(--color-white);
  border-radius: 0.8rem;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.25);
}

.blogs .the-blog .blog-item .title {
  color: var(--color-white-text);
  font-size: 1.8rem;
  position: absolute;
  right: 3rem;
  top: 60%;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.blogs .the-blog .blog-item .title:hover {
  scale: 102%;
  transition: all 0.3s ease-in-out;
}

.blogs .the-blog .blog-item .author {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 1rem;
  top: 70%;
  gap: 1rem;
  color: var(--color-white);
  right: 3rem;
}

.blogs .the-blog .blog-item .author img {
  background-color: var(--color-white);
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
}

.blogs .the-blog .blog-item .view {
  position: absolute;
  top: 2rem;
  left: 3rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 3rem;
  transition: all 0.3s ease-in-out;
  padding: 0.3rem 1rem;
  background-color: var(--color-white);
}

.blogs .the-blog .blog-item .view:hover {
  scale: 105%;
  transition: all 0.3s ease-in-out;
}

/* Footer */
footer {
  background: var(--color-white);
  margin-top: 8rem;
}

footer .footer-section {
  display: flex;
  flex-direction: column;
  padding: 2rem 0;
}

footer .footer-section .footer-content {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  justify-content: space-between;
  width: 100%;
  flex-wrap: nowrap;
  align-items: stretch;
}

footer .footer-section .footer-content .col-ultra {
  display: flex;
  align-items: center;
  gap: 2rem;
  width: 25%;
  background-color: var(--color-white);
  flex-direction: column;
  border: 1px solid var(--Neutral-50);
  padding: 4rem 2rem;
  border-radius: 0.8rem;
}

footer .footer-section .footer-content .col-ultra .calendar_wrap table {
  width: 100%;
}
footer .footer-section .footer-content .col-ultra .calendar_wrap table caption {
  background-color: var(--color-primary);
  padding: 1rem;
  border-radius: 8px;
  margin: 1rem 0;
}
footer .footer-section .footer-content .col-ultra .calendar_wrap table thead {
  margin: 1rem 0;
}
footer .footer-section .footer-content .col-ultra .calendar_wrap table tbody {
  margin: 1rem 0;
}
footer
  .footer-section
  .footer-content
  .col-ultra
  .calendar_wrap
  table
  tbody
  tr
  td {
  text-align: center;
}
footer .footer-section .footer-content .footer-widget {
  display: flex;
  gap: 2rem;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
footer .footer-section .footer-content .footer-widget img {
  /* width: 100%; */
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
footer .footer-section .footer-content .footer-widget > img {
  width: 100%;
  border-radius: 8px;
  display: flex;
  align-items: center;
}

footer .footer-section .footer-content .footer-widget .f-w-content {
  display: flex;
  flex-direction: column;
}

footer
  .footer-section
  .footer-content
  .footer-widget.footer-about
  .f-w-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: var(--Neutral-800);
}
footer .footer-section .footer-content .footer-widget .mini-cart-empty {
  display: flex;
  gap: 1rem;
  border: 0.1rem solid var(--Neutral-100);
  border-radius: 8px;
  align-items: center;
}
footer .footer-section .footer-content .footer-widget .mini-cart-empty img {
  width: 9rem;
  height: 9rem;
  object-fit: cover;
}

footer .footer-section .footer-content .footer-widget ul.product_list_widget {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
footer
  .footer-section
  .footer-content
  .footer-widget
  ul.product_list_widget
  li {
  display: flex;
  align-items: center;

  flex-wrap: nowrap;
  border: 0.1rem solid var(--Neutral-100);
  border-radius: 8px;
  width: 100%;
  padding: 0.5rem;
}
footer
  .footer-section
  .footer-content
  .footer-widget
  ul.product_list_widget
  li
  a::before {
  content: "";
  padding: 0;
}

footer
  .footer-section
  .footer-content
  .footer-widget
  ul.product_list_widget
  li
  a:hover {
  margin-right: 0;
}
footer
  .footer-section
  .footer-content
  .footer-widget
  ul.product_list_widget
  li
  a {
  width: 100%;
  display: flex;
}
footer
  .footer-section
  .footer-content
  .footer-widget
  ul.product_list_widget
  li
  a
  img {
  width: 90px;
  height: 90px;
  object-fit: cover;
  margin-left: 1rem;
}

footer .footer-section .footer-content .footer-widget ul {
  list-style: none;
}

footer .footer-section .footer-content .footer-widget ul li a::before {
  content: "-";
  padding: 0 0.5rem;
}

footer .footer-section .footer-content .footer-widget ul li {
  width: 75%;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

footer .footer-section .footer-content .footer-widget ul li a {
  transition: all 0.3s ease-in-out;
}

footer .footer-section .footer-content .footer-widget ul li a:hover {
  color: var(--color-secondary);
  margin-right: 0.3rem;
  transition: all 0.3s ease-in-out;
}

footer .footer-section .footer-content .logo {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}

footer .footer-section .footer-content .logo img {
  border-radius: 0.8rem;

  padding: 0.5rem 1rem;
  /*     max-height: 6rem; */
}

footer .footer-section .footer-content .logo span {
  font-size: 1.8rem;
  font-weight: 600;
}

footer .footer-section .footer-content p {
  text-align: center;

  font-size: 1.4rem;
}

footer .footer-section .footer-content .info {
  display: flex;
  flex-direction: column;
}

footer .footer-section .footer-content .info span {
  display: flex;
  gap: 1rem;
  font-size: 1.4rem;
  align-items: center;
}

footer .footer-section .footer-content .nemad {
  display: flex;
  gap: 1rem;
  justify-content: center;
  width: 100%;
}

footer .footer-section .footer-content .nemad a {
  width: 30%;
  border: 1px solid var(--Neutral-50);
  border-radius: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .footer-section .footer-content .nemad img {
  width: 9rem;
  height: 10rem;
  object-fit: contain;
}

footer .footer-section .footer-content .f-w-content .app-link {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 1rem;
}

footer .footer-section .footer-content .f-w-content .app-link a {
  width: 33%;
}

footer .footer-section .footer-content .app-link a img {
  width: 40%;
  height: 100%;
  object-fit: cover;
}

footer .footer-section .footer-content .social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  width: 100%;
}

footer .footer-section .footer-content .social a svg {
  border: 1px solid #f3f3f3;

  border-radius: 0.8rem;
}

footer .footer-section .footer-content .social a img {
  width: 3.8rem;
  height: 3.8rem;
  object-fit: cover;
  border-radius: 0.8rem;
}

footer .footer-section .footer-content a.up {
  background-color: var(--color-accent);
  color: white;
  width: 100%;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 0.8rem;
  padding: 1rem;
}

footer .footer-section .footer-content .address {
  display: flex;

  border-radius: 0.8rem;
  gap: 1rem;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}

footer .footer-section .footer-content .address iframe {
  height: 100%;
  width: 100%;
}

footer .footer-section .footer-content .address .text {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

footer .footer-section .footer-content .address .text span {
  font-size: 1.4rem;
  font-weight: 600;
}

footer .footer-section .footer-content .address .text p {
  text-align: start;
  font-size: 1.2rem;
}

footer .footer-section .footer-content .address img {
  width: 10rem;
  height: 10rem;
}

footer .footer-section .footer-copyright {
  width: 100%;
  display: flex;
  justify-content: center;
  border-top: 1px solid var(--Neutral-50);
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

footer .footer-section .footer-copyright span {
  align-self: center;
  font-size: 1.4rem;
}

/*bottom-nav-mobile */

.bottom-nav-mobile {
  display: none;
  max-width: 100%;
}

.bottom-nav-mobile nav {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 95%;
  padding: 0 2rem;
  border-radius: 5rem 5rem 0 0;
  box-shadow: 0 0 11px 2px #e9e9e9;
  z-index: 999999999;
  background-color: var(--color-white);
}

.bottom-nav-mobile nav :where(li, a) {
  position: relative;
}

.bottom-nav-mobile nav ul {
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.bottom-nav-mobile nav ul li {
  list-style: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.bottom-nav-mobile nav ul li a {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  font-size: 1.5rem;
  line-height: 1.4;
  width: 80px;
  height: 80px;
}

.bottom-nav-mobile nav ul li :hover {
  color: var(--color-primary);
}

.bottom-nav-mobile nav ul li :hover svg path {
  stroke: var(--color-primary);
}

.bottom-nav-mobile nav ul li.active a {
  color: var(--color-white);
  font-weight: 600;
}

.bottom-nav-mobile nav ul li.active svg path {
  stroke: var(--color-white);
}

.up-sells .product span.price {
  justify-content: center;
}

.bottom-nav-mobile nav ul li a {
  color: var(--color-secondary);
}

.bottom-nav-mobile nav ul li svg path {
  stroke: var(--color-secondary);
}

.bottom-nav-mobile nav ul li a span {
  font-size: 1rem;
  font-weight: 600;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
}

.bottom-nav-mobile nav ul li a#user span {
  font-size: 1rem;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 90%;
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
  text-overflow: ellipsis;
}

.bottom-nav-mobile nav li::before,
.bottom-nav-mobile nav li::after {
  content: "";
  position: absolute;
  /*top: 1px;*/
  height: 100%;
  width: 30px;
  top: 25px;
  transition: top 0.3s;
}

.bottom-nav-mobile nav li.active::before {
  left: -20px;
  border-radius: 0 0 30px 0;
}

.bottom-nav-mobile nav li.active::after {
  right: -20px;
  border-radius: 0 0 0 30px;
}

.bottom-nav-mobile nav li.active::before,
.bottom-nav-mobile nav li.active::after {
  background-color: var(--color-white);
  top: 1px;
}

.bottom-nav-mobile nav li a::before,
.bottom-nav-mobile nav li a::after {
  content: "";
  position: absolute;
  background-color: var(--color-secondary);
  z-index: -1;
  border-radius: 10px 10px 0 0;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition:
    transform 0.3s,
    border-radius 0.3s;
  transition:
    transform 0.3s,
    border-radius 0.3s;
}

.bottom-nav-mobile nav li.active a::before,
.bottom-nav-mobile nav li.active a::after {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.bottom-nav-mobile nav li.active a::before {
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  border-radius: 30px 30px 0 0;
  height: 100%;
}

.bottom-nav-mobile nav li.active a::after {
  left: -10px;
  bottom: 0;
  width: 100px;
  height: 40px;
}

/* New nav Mobile*/

.nav-mob-bottom {
  border-top: 6px solid var(--color-fixed-bg);
  z-index: 9999;
  position: fixed;
  display: none;
  text-align: center;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0 20px;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  background: linear-gradient(
    45deg,
    var(--color-secondary),
    var(--color-accent)
  );
  border-radius: 12px 12px 0 0;
}

.nav-mob-bottom ul {
  align-items: center;

  width: 40rem;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.nav-mob-bottom ul li.list {
  width: 55px;
  height: 55px;
  position: relative;
}

.nav-mob-bottom ul li.list a {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.nav-mob-bottom ul li.list a .icon {
  z-index: 1;
  position: relative;
  display: block;
  line-height: 70px;
  transition: 0.5s;
}

.nav-mob-bottom ul li.list:hover a .icon {
  transform: translateY(-38px);
}

.nav-mob-bottom ul li.list.active a .icon {
  transform: translateY(-32px);
}

.nav-mob-bottom ul li.list.active a .text {
  opacity: 1;
  transform: translateY(28px);
}

.nav-mob-bottom ul li.list:hover a .text {
  opacity: 1;
  transform: translateY(30px);
}

.nav-mob-bottom ul li.list a .icon svg {
  width: 25px;
}

.nav-mob-bottom ul li.list a .icon svg path {
  stroke: white;
}

.nav-mob-bottom ul li.list a .text {
  z-index: 1;
  transition: 0.5s;
  position: absolute;
  opacity: 0;
  text-wrap: nowrap;
  font-size: 14px;
  color: white;
  transform: translateY(40px);
}

.nav-mob-bottom ul .choosen {
  position: absolute;
  width: 55px;
  height: 55px;
  background: linear-gradient(
    45deg,
    var(--color-secondary),
    var(--color-accent)
  );
  border: 6px solid var(--color-fixed-bg);
  border-radius: 50%;
  top: -35px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}

.nav-mob-bottom ul .choosen::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: transparent;
  top: 68%;
  left: -15px;
  border-top-right-radius: 20px;
  box-shadow: 1px -6px 0 var(--color-fixed-bg);
}

.nav-mob-bottom ul .choosen::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: transparent;
  top: 68%;
  right: -15px;
  border-top-left-radius: 20px;
  box-shadow: -1px -6px 0 var(--color-fixed-bg);
}

.nav-mob-bottom ul li.list a .circle {
  position: absolute;
  display: block;
  z-index: 1;
  width: 35px;
  height: 35px;
  background-color: transparent;
  border-radius: 50%;
  transition: 0.5s;
  border: 1.8px solid #fff;
  transform: translateY(-36px) scale(0);
}

.nav-mob-bottom ul li.list.active a .circle {
  transform: translateY(-25.5px) scale(1);
}

.nav-mob-bottom ul li.list:nth-child(1).active ~ .choosen {
  transform: translateX(calc(86px * 0));
}

.nav-mob-bottom ul li.list:nth-child(2).active ~ .choosen {
  transform: translateX(calc(-86px * 1));
}

.nav-mob-bottom ul li.list:nth-child(3).active ~ .choosen {
  transform: translateX(calc(-86px * 2));
}

.nav-mob-bottom ul li.list:nth-child(4).active ~ .choosen {
  transform: translateX(calc(-86px * 3));
}

.nav-mob-bottom ul li.list:nth-child(5).active ~ .choosen {
  transform: translateX(calc(-86px * 4));
}

/* single post type */

.single-post-ultra {
  /*     margin-top: -2rem; */

  padding: 2rem 0;
  /* background: var(--Fade-to-Purple, linear-gradient(180deg, #FF8E6E 0%, rgba(255, 187, 145, 0.00) 100%)); */
  width: 100%;
}

.single-post-ultra .main-box .text-box .header-page {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.single-post-ultra .main-box .text-box .header-page svg path {
  stroke: var(--color-primary);
}

.single-post-ultra .post-head {
  position: relative;
  height: 100%;
  width: 100%;
}

.side-single .widget.ultra-color-filter-widget ul {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.side-shop .widget ul li a {
  transition: all 0.3s ease-in-out;
}
.side-shop .widget ul li a:hover {
  margin-right: 10px;
  color: var(--color-primary);
  transition: all 0.3s ease-in-out;
}
.side-single .widget.ultra-color-filter-widget ul li a:hover {
  margin-right: 0;
}
.side-single .widget.ultra-color-filter-widget ul li span {
  display: block;
  width: 20px;
  border-radius: 8px;
  height: 20px;
}
.side-single .widget.ultra-color-filter-widget ul li a {
  position: relative;
}
.side-single .widget.ultra-color-filter-widget {
  gap: 0;
}
.woocommerce
  .woocommerce-widget-layered-nav-list
  .woocommerce-widget-layered-nav-list__item--chosen
  a::before {
  font-family: WooCommerce;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\e013";
  text-decoration: none;
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 99;
  justify-content: center;
  bottom: 4px;
  left: -6px;
}

footer.wp-block-latest-comments__comment-meta {
  margin-top: 1rem;
}
footer.wp-block-latest-comments__comment-meta
  a.wp-block-latest-comments__comment-link {
  color: var(--color-primary);
}
.single-post-ultra .post-head img {
  border-radius: 1.2rem;
  box-shadow: 1px 1px 10px 5px #00000031;
  width: 100%;
  max-height: 600px;
  object-fit: cover;
  background-color: var(--color-white);
}

.single-post-ultra .post-head .category {
  bottom: 30%;
  display: flex;
  right: 4rem;
  margin: 1rem 0;
  gap: 2rem;
}

.single-post-ultra .post-head .category a {
  background-color: #ffffff74;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
  color: var(--color-white-text);
  border-radius: 0.8rem;
}

.single-post-ultra .post-head .title-content {
  position: absolute;
  bottom: 8px;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 18.23%,
    rgba(0, 0, 0, 0.9) 86.98%,
    rgba(0, 0, 0, 0.9) 100%
  );
  width: 100%;
  right: 0;
  border-radius: 12px;
  padding: 40px;
}

.single-post-ultra .post-head h1 {
  font-size: 2.2rem;
  bottom: 20%;
  margin: 1rem 0;
  display: flex;
  color: var(--color-white) !important;
  right: 4rem;
}

.single-post-ultra .post-head .author-box {
  bottom: 10%;
  width: 95%;
  align-items: center;
  right: 4rem;
  display: flex;
  justify-content: space-between;
  color: white;
}

.single-post-ultra .post-head .author-box > span {
  font-size: 1.4rem;
}

.single-post-ultra .post-head .author-box .author {
  width: 50%;
  margin: 1rem 0;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.single-post-ultra .post-head .author-box .author img {
  width: 4.5rem;
  border-radius: 100%;
  box-shadow: 1px 1px 10px 5px #00000031;
  height: 4.5rem;
}

.single-post-ultra .post-head .author-box .author span {
  font-size: 1.4rem;
}

.single-post-ultra .post-head .author-box .author span::before {
  content: "نویسنده : ";
}

.single-post-ultra .post-head .author-box .date {
  font-size: 2.4rem;
}

.single-post-ultra .post-content {
  gap: 2rem;
  margin: 3rem 0;
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.single-post-ultra .post-content .main-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.single-post-ultra.page-post-ultra .post-content .main-box {
  width: 100%;
}

.breadcrumb-ultra {
  width: 100%;
  background-color: var(--color-white);
  padding: 1.2rem 2rem;
  border-radius: 1.2rem;
}

.breadcrumb-ultra a {
  font-size: 1.6rem;
  transition: all 0.3s ease-out;
}

.breadcrumb-ultra a:hover {
  color: var(--color-primary);
  transition: all 0.3s ease-out;
}

.breadcrumb-ultra a::after {
  content: "/";
  margin: 0 0.5rem;
}

.breadcrumb-ultra span {
  font-size: 1.6rem;
  color: var(--color-secondary);
}

#respond form .comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

#respond form .comment-form-cookies-consent input[type="checkbox"] {
  width: auto !important;
  padding: 0;
  height: 15px;
  margin-top: 0.2rem;
}

#respond form .comment-form-cookies-consent input[type="checkbox"]:focus {
  border: 0;
  box-shadow: none;
}

.single-post-ultra
  .post-content
  .main-box
  .cm-section
  .comment-respond
  form
  .comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.single-post-ultra
  .post-content
  .main-box
  .cm-section
  .comment-respond
  form
  .comment-form-cookies-consent
  #wp-comment-cookies-consent {
  width: 1rem !important;
}

.woocommerce-account .woocommerce-MyAccount-content .panel-content .addresses {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.single-post-ultra .post-content .main-box .text-box {
  width: 100%;
  background-color: var(--color-white);
  padding: 2rem 3rem;
  border-radius: 1.2rem;
  font-size: 1.6rem;
  box-shadow:
    4px 6px 31px rgba(0, 0, 0, 0.04),
    0 -9px 33px rgba(255, 255, 255, 0.12);
}
.single-post-ultra
  .post-content
  .main-box
  .text-box
  .woocommerce
  .product-items {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.single-post-ultra
  .post-content
  .main-box
  .text-box
  .woocommerce
  .product-items
  li {
  display: flex;
  padding: 1rem;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--color-border);
  flex-direction: column;
  width: 24%;
  justify-content: space-between;
}
.single-post-ultra
  .post-content
  .main-box
  .text-box
  .woocommerce
  .product-items
  li
  ~ a {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  flex-wrap: wrap;
  height: 20rem;
}

.single-post-ultra
  .post-content
  .main-box
  .text-box
  .woocommerce
  .product-items
  li
  h2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}
.single-post-ultra
  .post-content
  .main-box
  .text-box
  .woocommerce
  .product-items
  li
  .star-rating {
  display: none;
}
.single-post-ultra
  .post-content
  .main-box
  .text-box
  .woocommerce
  .product-items
  li
  a
  img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.single-post-ultra .post-content .main-box .text-box .more-read {
  background: var(--color-light-bg);
  border-radius: 8px;
  border-right: 4px solid var(--color-primary);
  padding: 2rem 1rem;
}

.single-post-ultra .post-content .main-box .woocommerce {
  width: 100%;
  padding: 2rem 3rem;
  border-radius: 1.2rem;
  font-size: 1.6rem;
}

.woocommerce-account .single-post-ultra .post-content .main-box .woocommerce {
  width: 100%;
  background-color: transparent;
  padding: 2rem 3rem;
  border-radius: 1.2rem;
  font-size: 1.2rem;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: var(--Neutral-50);
}

.single-post-ultra .post-content .main-box .text-box .woosw-list .woosw-items {
  width: 100%;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--atc p,
.woosw-popup .woosw-items .woosw-item .woosw-item--atc .add_to_cart_inline a {
  background-color: var(--color-accent);
  padding: 1rem;
  color: var(--color-white-text);
  border: 0;
  border-radius: 12px;
  transition: background-color 0.3s ease-in-out;
  width: 140px;
  text-align: center;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--atc p,
.woosw-popup
  .woosw-items
  .woosw-item
  .woosw-item--atc
  .add_to_cart_inline
  a:hover {
  background-color: var(--color-primary);
  transition: background-color 0.3s ease-in-out;
}

.single-post-ultra
  .post-content
  .main-box
  .text-box
  .woosw-list
  .woosw-actions {
  background-color: var(--color-secondary);
  padding: 1rem;
  color: white;
  border-radius: 0 0 8px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.single-post-ultra
  .post-content
  .main-box
  .text-box
  .woosw-list
  .woosw-actions
  .woosw-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

input[type="tel"],
input[type="email"],
input[type="text"] {
  color: var(--color-accent);
  transition: all 0.3s ease-out;
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  border: 0.1rem solid var(--Neutral-100);
  border-radius: 0.8rem;
}

input[type="tel"]:focus,
input[type="email"]:focus,
input[type="text"]:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
  transition: box-shadow 0.2s ease-out;
}
input[type="submit"] {
  width: 100%;
  background-color: var(--color-primary);
  border: 0;
  padding: 1rem;
  border-radius: 8px;
  color: var(--color-white);
}
input[type="submit"]:hover {
  width: 100%;
  background-color: var(--color-secondary);
  border: 0;
  padding: 1rem;
  border-radius: 8px;
  color: var(--color-white);
}

.single-post-ultra
  .post-content
  .main-box
  .text-box
  .woosw-list
  .woosw-actions
  .woosw-copy
  .woosw-copy-url
  input[type="url"] {
  color: var(--color-accent);
  transition: all 0.3s ease-out;
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  border: 0.1rem solid var(--Neutral-100);
  border-radius: 0.8rem;
}

.single-post-ultra
  .post-content
  .main-box
  .text-box
  .woosw-list
  .woosw-actions
  .woosw-copy
  button {
  background-color: var(--color-primary);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.8rem;
}

.single-post-ultra .post-content .main-box .text-box > img {
  max-width: 100%;
  margin: 1rem 0;
  border-radius: 1.2rem;
  box-shadow: 1px 1px 5px 0 #00000031;
  object-fit: cover;
  height: auto;
}

.single-post-ultra .post-content .main-box .item img {
  object-fit: contain;
}
.single-post-ultra .post-content .main-box .item h3 {
  font-size: 1.6rem;
  margin: 0;
}
.single-post-ultra .post-content .main-box .text-box video {
  border-radius: 1.2rem;
  margin: 2rem 0;
  width: 100%;
  box-shadow: 1px 1px 10px 5px #00000031;
  height: 400px;
  object-fit: cover;
}

.single-post-ultra .post-content .main-box .text-box a {
  color: var(--color-secondary);
}

.single-post-ultra .post-content .main-box .text-box a.button {
  background-color: var(--color-secondary);
  color: white;
  border-radius: 8px;
}

.single-post-ultra
  .post-content
  .main-box
  .text-box
  .woosw-list
  .woosw-items
  .woosw-item--name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.single-post-ultra .post-content .main-box .author-box {
  width: 100%;
  border-radius: 1.2rem;
  border: 1px solid var(--Neutral-50);
  background: var(--color-white);
  align-items: center;
  padding: 3rem 1.6rem;
  display: flex;
  justify-content: space-between;
}

.single-post-ultra .post-content .main-box .author-box .author {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.single-post-ultra .post-content .main-box .author-box .author img {
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
}

.single-post-ultra .post-content .main-box .author-box .author .info {
  display: flex;
  flex-direction: column;
}

.single-post-ultra
  .post-content
  .main-box
  .author-box
  .author
  .info
  .author-name {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-accent);
}

.single-post-ultra .post-content .main-box .author-box .author .info span {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--color-menu);
}

.single-post-ultra .post-content .main-box .author-box .social {
  display: flex;
  gap: 1rem;
}

.single-post-ultra .post-content .main-box .author-box .social svg {
  border-radius: 1.2rem;
  background: var(--color-primary);
  padding: 1rem;
  transition: all 0.3s ease-out;
}

.single-post-ultra .post-content .main-box .author-box .social svg:hover {
  background: var(--color-secondary);
  transition: all 0.3s ease-out;
}

.side-single .widget .the-blog {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 2rem;
}

.breadcrumb-ultra .breadcrumbs i {
  display: none;
}

.side-single .widget .the-blog .blog-item {
  position: relative;
}

.side-single .widget .the-blog .blog-item:hover > img {
  box-shadow: 1px 1px 17px 5px #ff8e6e9e;
  transition: all 0.3s ease-out;
  scale: 102%;
}

.side-single .widget .the-blog .blog-item img {
  border-radius: 1.2rem;
  width: 100%;
  height: 15rem;
  object-fit: cover;
  transition: all 0.3s ease-out;
  border-radius: 12px;
}
.side-single .widget .the-blog .blog-item .blog-contents {
  position: absolute;
  bottom: 8px;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 18.23%,
    rgba(0, 0, 0, 0.9) 86.98%,
    rgba(0, 0, 0, 0.9) 100%
  );
  width: 100%;
  right: 0;
  border-radius: 12px;
  padding: 60px 8px 10px 5px;
  display: flex;
  flex-direction: column;
  gap: 01rem;
}

.side-single .widget .the-blog .blog-item .cate-blog {
  /*     position: absolute;
    top: 30%;
    right: 2rem; */
  display: flex;
  gap: 1rem;
  font-size: 1rem;
}

.side-single .widget .the-blog .blog-item .cate-blog a {
  background-color: #ffffff5f;
  color: white;
  padding: 0.5rem;
  border-radius: 0.8rem;
}
.side-single .widget .the-blog .blog-item .title a {
  color: var(--color-white);
  font-size: 16px;
}
.side-single .widget .the-blog .blog-item .title {
  display: flex;
  color: var(--color-white);
  font-size: 1.4rem;
  gap: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
}

.side-single .widget .the-blog .blog-item .author {
  display: flex;
  align-items: center;
  color: white;
  gap: 1rem;
}
.side-single .widget .the-blog .blog-item .author span {
  font-size: 10px;
  flex-grow: 1;
}

.side-single .widget .the-blog .blog-item .author img {
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--color-white);
  border-radius: 100%;
}

.single-post-ultra .sidebar {
  width: 25%;
  background-color: var(--color-white);
  border-radius: 1.2rem;
  padding: 1rem;
}

.side-single .widget .the-blog .blog-item .view {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  display: flex;
  align-items: center;
  padding: 0.2rem 0.5rem;
  border-radius: 0.8rem;
  font-size: 1rem;

  gap: 0.2rem;
  background-color: #ffffff5f;
}

.side-single .widget .the-blog .blog-item .view svg path {
  fill: white;
  stroke: white;
}

.side-single .widget .the-blog .blog-item .view span {
  color: white;
}

.side-single .widget > a > img {
  border-radius: 1.2rem;
  transition: all 0.3s ease-out;
  max-width: 100%;
  object-fit: cover;
}

.side-single .widget > a > img:hover {
  box-shadow: 1px 1px 17px 5px #00000019;
  transition: all 0.3s ease-out;
  scale: 102%;
}

.single-post-ultra .post-content .main-box .cm-section {
  border-radius: 1.2rem;
  background: var(--color-white);
  width: 100%;
  padding: 2rem;
}

.cm-section ul li {
  display: flex;
  flex-direction: column;
}

.cm-section ul li .comment_meta {
  display: flex;
}

.cm-section ul li .comment_meta img {
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  object-fit: cover;
}

/*
    comments
 */
.single-post-ultra .post-content .main-box #comments {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
  box-shadow: -3px -3px 25px 0px #969ba41a;
}
.single-post-ultra .post-content .main-box #comments .comments-title {
  width: 100%;
}
.single-post-ultra .post-content .main-box #comments .comments {
  width: 58%;
}

.single-post-ultra .post-content .main-box #comments #respond {
  width: 38%;
}

.single-post-ultra
  .post-content
  .main-box
  #comments
  .navigation.comment-navigation {
  order: 3;
  padding-right: 2rem;
}

.cm-section .comments .depth-1 {
  margin: 1rem;
  padding: 1rem;
  background: var(--color-white);
  border-radius: 0.8rem;
}

.cm-section .comments .depth-2 {
  margin: 1rem;
  padding: 1rem;
  background: var(--Neutral-50);
  border-radius: 0.8rem 0 0 0.8rem;
  border-right: 2px solid var(--Neutral-700);
}

.cm-section .comments .depth-3 {
  margin: 1rem;
  padding: 1rem;
  background: var(--color-white);
  border-radius: 0.8rem 0 0 0.8rem;
  border-right: 2px solid var(--Neutral-700);
}

.cm-section .comments .depth-4 {
  margin: 1rem;
  padding: 1rem;
  background: var(--Neutral-50);
  border-radius: 0.8rem 0 0 0.8rem;
  border-right: 2px solid var(--Neutral-700);
}

/**
    comments
 */

.single-post-ultra .post-content .main-box .cm-section .comment-box {
  display: flex;
  width: 30%;
  flex-direction: column;
  gap: 1rem;
}

.single-post-ultra .post-content .main-box .cm-section > span {
  display: none;
}

.single-post-ultra .post-content .main-box .cm-section .comment_title {
  display: none;
}

.single-post-ultra .post-content .main-box .cm-section .comment-respond span {
  font-size: 1.4rem;
}

.single-post-ultra .post-content .main-box .cm-section .comment-respond form {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  width: 100%;
}

.cm-section .comment-respond form textarea {
  display: flex;
  height: 158px !important;
  padding: 1rem;
  justify-content: flex-end;
  align-items: center;
  border-radius: 8px;
  background: #fafafa;
  align-self: stretch;
  border: 0;
  width: 100% !important;
  min-width: 100% !important;
  transition: all 0.3s ease-out;
}

.cm-section .comment-respond form input {
  display: flex;
  margin: 0;
  padding: 1rem;
  justify-content: flex-end;
  align-items: center;
  border-radius: 8px;
  background: #fafafa;

  border: 0;
  width: 100% !important;

  transition: all 0.3s ease-out;
}

.cm-section .comment-respond form input:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
  transition: box-shadow 0.2s ease-out;
}

.cm-section .comment-respond form textarea:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
  transition: box-shadow 0.2s ease-out;
}

.cm-section .comment-respond form button {
  background-color: var(--color-secondary);
  border: 0;
  padding: 1rem;
  width: 100%;
  color: var(--color-white-text);
  cursor: pointer;
  border-radius: 0.8rem;
  transition: all 0.3s ease-out;
}

.cm-section .comment-respond form button:hover {
  background-color: var(--color-primary);
  top: 0;
  transition: all 0.3s ease-out;
}

.single-post-ultra .post-content .main-box .comments {
  width: 70%;
}

.single-post-ultra .post-content .main-box .comments .comment {
  padding: 2rem;
  flex-direction: column;
  display: flex;
  font-size: 1.2rem;
  gap: 2rem;
  box-shadow:
    4px 6px 31px rgba(0, 0, 0, 0.04),
    0 -9px 33px rgba(255, 255, 255, 0.12);
}

.single-post-ultra .post-content .main-box .comments .comment .author {
  width: 10%;
}

.single-post-ultra .post-content .main-box .comments .comment .reply {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 20%;
  transition: all 0.3s ease-out;
}

.single-post-ultra .post-content .main-box .comments .comment .reply svg {
  transition: all 0.3s ease-out;
}

.single-post-ultra .post-content .main-box .comments .comment .reply:hover svg {
  padding-right: 0.3rem;
  transition: all 0.3s ease-out;
  stroke: var(--color-secondary);
}

.single-post-ultra
  .post-content
  .main-box
  .comments
  .comment
  .reply:hover
  svg
  path {
  padding-right: 0.3rem;
  transition: all 0.3s ease-out;
  stroke: var(--color-secondary);
}

.single-post-ultra .post-content .main-box .comments .comment .reply a {
  transition: all 0.3s ease-out;
}

.single-post-ultra .post-content .main-box .comments .comment .reply:hover a {
  color: var(--color-secondary);

  transition: all 0.3s ease-out;
}

.single-post-ultra .post-content .main-box .comments .comment .info {
  display: flex;
  gap: 2rem;
  justify-self: flex-start;
  width: 65%;
  align-items: center;
}

.single-post-ultra .post-content .main-box .comments .comment .author {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.single-post-ultra .post-content .main-box .comments .comment .author img {
  width: 5rem;
  height: 5rem;
  border-radius: 0.8rem;
}

.single-post-ultra .post-content .main-box .comments .comment .author .info {
  display: flex;
  flex-direction: column;
}

.single-post-ultra
  .post-content
  .main-box
  .comments
  .comment
  .author
  .info
  .name {
  font-size: 1.6rem;
  font-weight: 600;
}

.single-post-ultra
  .post-content
  .main-box
  .comments
  .comment
  .author
  .info
  .date {
  font-size: 1rem;
}

.single-post-ultra .post-content .comments p {
  padding: 0.5rem 4rem;
  font-size: 1.2rem;
  color: var(--color-menu);
}

.single-post-ultra .post-content .main-box .comments .comment.cm-lvl_2 {
  margin: 1.5rem;
  padding: 1.5rem;
  background: #fafafa;
  border-radius: 0.8rem 0 0 0.8rem;
  border-right: 2px solid rgba(0, 0, 0, 0.15);
}

.single-post-ultra .post-content .main-box .comments .comment.cm-lvl_3 {
  margin: 1.5rem;
  padding: 1.5rem;
  background: var(--color-white);
  border-radius: 0.8rem 0 0 0.8rem;
  border-right: 2px solid rgba(0, 0, 0, 0.15);
}

.single-post-ultra .post-content .main-box .comments .comment.cm-lvl_4 {
  margin: 1.5rem;
  padding: 1.5rem;
  background: #fafafa;
  border-radius: 0.8rem 0 0 0.8rem;
  border-right: 2px solid rgba(0, 0, 0, 0.15);
}

.single-post-ultra .related {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.single-post-ultra .related-blogs {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
}
.single-post-ultra .related > h3 {
  width: 100%;
  background-color: var(--color-white);
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 7px;
  box-shadow:
    4px 6px 31px rgba(0, 0, 0, 0.04),
    0 -9px 33px rgba(255, 255, 255, 0.12);
  position: relative;
}
.single-post-ultra .related > h3::before {
  content: "";
  background-color: var(--color-primary);
  width: 3px;
  height: 30px;
  position: absolute;
  right: 0;
}

.single-post-ultra .related-blogs .blog-item {
  width: 33%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: var(--color-white);
  position: relative;
  border-radius: 0.8rem;
  box-shadow: -3px -3px 25px 0px #969ba41a;
  padding: 1rem;
}

.single-post-ultra .related-blogs .blog-item img {
  width: 100%;
  max-height: 20rem;
  object-fit: cover;
  border-radius: 0.8rem;
}

.single-post-ultra .related-blogs .blog-item .excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.2rem;
  display: box;
  box-orient: vertical;
  line-clamp: 3;

  color: var(--Neutral-700);
}

.single-post-ultra .related-blogs .blog-item h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.single-post-ultra .related-blogs .blog-item .info-blog {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}

.single-post-ultra .related-blogs .blog-item .info-blog .author {
  display: flex;
  justify-content: space-between;
  flex: 1;
  font-size: 1.2rem;
  align-items: flex-end;
}

.single-post-ultra .related-blogs .blog-item .info-blog .cat {
  background-color: var(--Neutral-0);
  padding: 0.5rem;
  border-radius: 0.8rem;
  font-size: 1rem;
  color: var(--color-menu);
  position: absolute;
  top: 2rem;
  left: 2rem;
}

.single-post-ultra .related-blogs .blog-item .info-blog .view {
  margin-top: 1rem;
  background-color: var(--color-secondary);
  color: white;
  padding: 0.7rem;
  display: block;
  text-align: center;
  border-radius: 0.8rem;
  transition: all 0.3s ease-in-out;
}

.single-post-ultra .related-blogs .blog-item .info-blog .view:hover {
  background-color: var(--color-primary);
  transition: all 0.3s ease-in-out;
}

/* single tv ultra */

.single-tv-ultra .post-head {
  display: flex;
  width: 100%;
  justify-content: center;
  height: 60rem;
}

.single-tv-ultra .post-head figure {
  width: 100%;
}

.single-tv-ultra .post-head video {
  text-align: center;
  box-shadow: 1px 1px 13px 6px #2e2e2e31;
  width: 100%;
  border-radius: 1.2rem;
  height: 100%;
  background-color: black;
}

.single-tv-ultra .post-content .main-box .text-box {
  display: flex;
  flex-direction: column;
}

.single-tv-ultra .post-content .main-box .text-box .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.single-tv-ultra .post-content .main-box .text-box img {
  max-width: 100%;
  object-fit: cover;
  align-self: center;
  height: 100%;
}

.single-tv-ultra .post-content .main-box .text-box .category {
  display: flex;
  gap: 1rem;
}

.single-tv-ultra .post-content .main-box .text-box h1 {
  font-size: 2rem;
}

.single-tv-ultra .post-content .text-box .category a {
  background-color: var(--color-primary);
  color: var(--color-white-text);
  padding: 1rem;
  border-radius: 0.8rem;
  transition: all 0.3s ease-out;
}

.single-tv-ultra .post-content .text-box .category a:hover {
  background-color: var(--color-secondary);
  transition: all 0.3s ease-out;
}

.cart_totals.calculated_shipping .shipping-calculator-form input[type="text"] {
  color: var(--Neutral-800);
  transition: all 0.3s ease-out;
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  border: 0.1rem solid var(--Neutral-100);
  border-radius: 0.8rem;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
}

.side-single {
  border-radius: 24px;
  border: 1px solid var(--Neutral-50);
  background: var(--color-white, #fff);
  box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.04);

  display: flex;
  width: 350px;
  padding: 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  height: fit-content;
}

.ultra-myAccount .woocommerce-MyAccount-content .woosw-list .woosw-copy {
  gap: 1rem !important;
}

.side-single .widget {
  display: flex;
  padding: 16px;
  flex-direction: column;
  gap: 20px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid var(--Neutral-50);
  background: var(--color-white, #fff);
}

.side-single .widget .widget-header {
  display: flex;
  font-weight: 600;
  gap: 0.5rem;

  width: 100%;
  font-size: 1.6rem;
}

.side-single .widget ul {
  list-style: disc;
  padding: 0 1rem;
}

.side-single .widget #recentcomments .comment-author-link {
  background-color: var(--color-secondary);
  padding: 0 1rem !important;
  border-radius: 0.8rem;
  transition: all 0.3s ease-in-out;
  border: 1px solid var(--color-secondary);
  color: var(--color-white-text);
}

.side-single .widget #recentcomments .comment-author-link a {
  color: var(--color-white-text);
}

.side-single .widget #recentcomments {
  list-style: none;
}

.side-single .widget #recentcomments .comment-author-link:hover {
  background-color: var(--color-white);
  transition: all 0.3s ease-in-out;
  border: 1px solid var(--color-secondary);
  color: var(--color-secondary);
}

.side-single .widget #recentcomments .comment-author-link:hover a {
  color: var(--color-secondary);
}

.side-single .widget .gallery {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.side-single .widget .gallery .gallery-item {
  width: 100% !important;
  object-fit: cover;
}

.side-single .widget .gallery .gallery-item img {
  width: 100% !important;
  object-fit: cover;
  height: 100%;
}

.side-single .widget .gallery .gallery-item .gallery-caption {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 3;
}

.side-single .widget #calendar_wrap #wp-calendar {
  width: 100% !important;
  border: 1px solid var(--color-secondary);
  border-radius: 8px;
  padding: 1rem;
  margin: 1rem 0;
}

.side-single .widget #calendar_wrap #wp-calendar tr th {
  border-radius: 8px;
  background: var(--color-secondary);
}

.side-single .widget form input[type="text"] {
  color: var(--Neutral-800);
  transition: all 0.3s ease-out;
  font-size: 1.4rem;
  width: 100%;
  padding: 0.5rem 3rem;
  border: 0.1rem solid var(--Neutral-100);
  border-radius: 0.8rem;
}

.side-single .widget ul li {
  font-size: 1.4rem;
}

.side-single .widget ul li .product-title {
  transition: all 0.3s ease-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
}

c {
  color: var(--color-secondary);
  transition: all 0.3s ease-out;
  margin-right: 0.5rem;
}

.side-single .widget ul li span {
  font-size: 1.2rem;
  color: var(--Neutral-700);
}

.side-single .widget form,
.footer-widget form {
  width: 100%;
  position: relative;
}

.side-single .widget form select,
.footer-widget form select {
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: 1rem;
}

.side-single .widget form .wp-block-search__inside-wrapper,
.footer-widget form .wp-block-search__inside-wrapper {
  position: relative;
}

.side-single .widget form button,
.side-single .widget form #searchsubmit,
.footer-widget form button,
.footer-widget form #searchsubmit {
  position: absolute;
  left: -0.2rem;
  top: 0;
  width: 30%;
  border: 0;

  background-color: var(--color-secondary);
  padding: 0.7rem 1rem;
  border-radius: 8px 0 0 8px;
  color: white;
}

.side-single .widget form input[type="search"],
.footer-widget form input[type="search"],
.footer-widget form input[type="text"] {
  color: var(--Neutral-800);
  transition: all 0.3s ease-out;
  font-size: 1.4rem;
  width: 100%;
  padding: 0.5rem 1rem;
  border: 0.1rem solid var(--Neutral-100);

  border-radius: 0.8rem;
}

.side-single .widget form input[type="text"]:focus,
.footer-widget form input[type="text"]:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
}

.side-single .widget form input[type="search"]:focus,
.footer-widget form input[type="search"]:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
}

.side-single .widget button,
.footer-widget button {
  position: absolute;
  top: 0.5rem;
  border: 0;
  background-color: transparent;
}

.side-single .widgetform button .svg-icon,
.footer-widget .widgetform button .svg-icon {
  width: 1.6rem;
}

.side-single .widget button .svg-icon path,
.footer-widget button .svg-icon path {
  stroke: var(--Neutral-0) !important;
  fill: var(--color-accent) !important;
  font-size: 1.6rem;
}

.side-single .widget .widget-header,
.footer-widget .widget-header {
  display: inline;
  position: relative;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.side-single .widget .widget-header {
  border-bottom: 1px solid var(--Neutral-50);
}

.footer-widget .widget-header {
  border-bottom: 3px solid var(--color-secondary);
}

.post-content .side-single .widget .tv-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.post-content .side-single .widget .tv-box .tv-item {
  width: 100%;
  position: relative;
}

.post-content .side-single .widget .tv-box .tv-item:hover img {
  box-shadow: 1px 1px 10px 10px #54545431;
  border-radius: 1.2rem;
  transition: all 0.3s ease-out;
}

.post-content .side-single .widget .tv-box .tv-item img {
  width: 100%;
  max-height: 210px;
  transition: all 0.3s ease-out;
  border-radius: 1.2rem;
  object-fit: cover;
}

.tv-sec .tv-box .side-tv .tv-item img {
  height: 14rem;
  object-fit: cover;
  width: 100%;
}

.single-tv-ultra .post-content .side-single .widget .tv-box .tv-item a h4:hover,
.single-tv-ultra
  .post-content
  .side-single
  .widget
  .tv-box
  .tv-item
  a
  svg:hover {
  scale: 110%;
  transition: all 0.3s ease-out;
}

.single-tv-ultra .post-content .side-single .widget .tv-box .tv-item a h4:hover,
.single-tv-ultra
  .post-content
  .side-single
  .widget
  .tv-box
  .tv-item
  a
  svg:hover {
  scale: 110%;
  transition: all 0.3s ease-out;
}

.single-tv-ultra .post-content .side-single .widget .tv-box .tv-item svg {
  transition: all 0.3s ease-out;
  position: absolute;
  top: 2rem;
  left: 2rem;
  padding: 0.2rem;
  border-radius: 8rem;
}

.single-tv-ultra .post-content .side-single .widget .tv-box .tv-item h4 {
  z-index: 9999;
  transition: all 0.3s ease-out;
  position: absolute;
  color: var(--color-white-text);
  bottom: 3rem;
  right: 2rem;
  font-size: 2rem;
}

.single-tv-ultra .post-content .side-single .widget .tv-box .tv-item svg {
  transition: all 0.3s ease-out;
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0.2rem;
  border-radius: 8rem;
}

.single-tv-ultra .post-content .side-single .widget .tv-box .tv-item h4 {
  transition: all 0.3s ease-out;
  z-index: 9999;
  position: absolute;
  color: var(--color-white-text);
  bottom: 2rem;
  right: 2rem;
  font-size: 1.6rem;
}

.single-tv-ultra
  .post-content
  .main-box
  .cm-section
  .comment-box
  form
  textarea {
  display: flex;
  height: 158px;
  padding: 1rem;
  justify-content: flex-end;
  align-items: center;
  border-radius: 8px;
  background: #fafafa;
  align-self: stretch;
  border: 0;

  transition: all 0.3s ease-out;
}

.single-tv-ultra
  .post-content
  .main-box
  .cm-section
  .comment-box
  form
  textarea:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
  transition: box-shadow 0.2s ease-out;
}

/* tracking styles */

.ultra-tracking {
  margin: 80px auto;
  display: flex;
  align-items: center;
  width: 500px;
  padding: 40px;
  flex-direction: column;
  gap: 32px;
  border-radius: 32px;
  border: 1px solid var(--Neutral-50);
  background: var(--color-white);
  box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.04);
}
.ultra-tracking .track-img {
  display: flex;
  width: 184px;
  height: 184px;
  padding: 13.05px;
  justify-content: center;
  align-items: center;
  gap: 13.05px;
  border-radius: 1158.808px;
  background: color-mix(in srgb, var(--color-primary) 10%, transparent 90%);
}
.ultra-tracking .track-img svg {
  fill: var(--color-primary);
}
.ultra-delivery {
  background: var(--color-white);
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.after-search .ultra-delivery {
  flex-direction: row;
  flex-wrap: nowrap;
  width: 40%;
}

.ultra-tracking.after-search .ultra-delivery input {
  width: fit-content;
}

.ultra-tracking.after-search .ultra-delivery button {
  width: 25%;
}

.ultra-tracking .ultra-delivery input {
  border-radius: 12px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-40);
  display: flex;
  height: 56px;
  padding: 17px 16px;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
  width: 100%;
}
.ultra-delivery button {
  display: flex;
  /* width: 120px; */
  width: 100%;
  height: 56px;
  padding: 17px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: var(--color-white);
  border-radius: 12px;
  background: var(--color-primary);
  box-shadow: 0 12px 19.7px 0 rgba(245, 141, 112, 0.32);
}

.ultra-tracking > a {
  color: var(--color-warning-400);
  text-align: center;
  align-self: stretch;
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: 180%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 45%;
  text-underline-position: from-font;
}
.ultra-tracking p {
  color: var(--Neutral-500);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 325;
  line-height: 180%;
}

.ultra-tracking.after-search {
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
  padding: 40px;
  align-items: center;
  border-radius: 32px;
}
.ultra-tracking.after-search h3 {
  flex-grow: 1;
}
.ultra-tracking.after-search > p,
.ultra-tracking.after-search > a {
  display: none;
}
.ultra-tracking.after-search .track-img {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 3.404px;
  justify-content: center;
  align-items: center;
  gap: 3.404px;
}
.ultra-tracking.after-search .track-img svg {
  display: flex;
  width: 27.234px;
  height: 27.234px;
  padding: 1.418px 2.269px 2.537px 2.27px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.tracking-results {
  display: flex;
  gap: 24px;
  flex-direction: column;
}

.tracking-result {
  display: flex;
  width: 100%;
  padding: 24px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 24px;
  border: 1px solid var(--Neutral-40);
  background: var(--color-white);
  box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.04);
}
.tracking-result .header-traking-info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  border-bottom: 1px solid var(--Neutral-40);
  padding-bottom: 24px;
}
.tracking-result .header-traking-info .info {
  display: flex;
  gap: 14px;
}
.tracking-result .header-traking-info .info > span > span:first-child {
  color: var(--Neutral-400);
  font-size: 16px;
  font-style: normal;
  font-weight: 325;
  line-height: 180%;
}
.tracking-result .header-traking-info .info > span > span:nth-child(2) {
  color: var(--Neutral-700);
  font-size: 16px;
  font-style: normal;
  font-weight: 325;
  line-height: 180%;
}
.tracking-result .header-traking-info .status {
  display: flex;
  gap: 8px;
}
.tracking-result .header-traking-info .status .order-done {
  display: flex;
  padding: 10px 12px 10px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 888px;
}
.tracking-result .header-traking-info .status .order-done svg {
  padding: 2px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
}
.tracking-result .header-traking-info .status .order-done.send {
  border-radius: 888px;
  background: var(--color-succuces-100);
  color: var(--color-succuces-600);
}
.tracking-result .header-traking-info .status .order-done.send svg {
  background: rgba(0, 131, 100, 0.08);
}
.tracking-result .header-traking-info .status .order-done.pre-factor {
  border-radius: 888px;
  background: rgba(55, 0, 255, 0.08);
  color: #3700ff;
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 180%;
}
.tracking-result .header-traking-info .status .order-done.pre-factor svg {
  border-radius: 8888px;
  background: rgba(55, 0, 255, 0.08);
}
.tracking-result .header-traking-info .status .order-done.accepted {
  border-radius: 888px;
  background: rgba(0, 140, 255, 0.08);
  color: #008cff;
}
.tracking-result .header-traking-info .status .order-done.accepted svg {
  background: rgba(0, 140, 255, 0.08);
}
.tracking-result .header-traking-info .status .order-done.accepted svg path {
  stroke: #008cff;
}
.tracking-result .header-traking-info .status .order-done.draft {
  border-radius: 888px;
  background: var(--Neutral-100, #e1e2e3);
  color: var(--Neutral-700);
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 180%;
}
.tracking-result .header-traking-info .status .order-done.draft svg {
  border-radius: 8888px;
  background: var(--Neutral-50);
}

.tracking-result .header-traking-info .status .order-status {
  display: flex;
  padding: 10px 12px 10px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 888px;
}
.tracking-result .header-traking-info .status .order-status svg {
  padding: 2px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
}
.tracking-result .header-traking-info .status .order-status.done {
  background: var(--color-succuces-600);
  color: var(--color-white);
}
.tracking-result .header-traking-info .status .order-status.done svg {
  background-color: var(--color-white);
}
.tracking-result .header-traking-info .status .order-status.pending {
  background: rgba(0, 140, 255, 0.08);
  color: #008cff;
  border-radius: 888px;
}
.tracking-result .header-traking-info .status .order-status.pending svg {
  background: rgba(0, 140, 255, 0.08);
  border-radius: 888px;
}
.tracking-result .header-traking-info .status .order-status.waiting {
  background: rgba(236, 133, 20, 0.08);
  color: #ec8514;
  border-radius: 888px;
}
.tracking-result .header-traking-info .status .order-status.waiting svg {
  background: rgba(236, 133, 20, 0.08);
  border-radius: 888px;
}
.tracking-result .header-traking-info .status .order-status.paying {
  background: #008cff;
  color: #fff;
  border-radius: 888px;
}
.tracking-result .header-traking-info .status .order-status.paying-factor {
  background: #3700ff;
  color: #fff;
  border-radius: 888px;
}

.tracking-result .header-traking-info .status .order-status.decline {
  background-color: var(--color-erorr-600);
  color: var(--color-white);
}
.tracking-result .header-traking-info .status .order-status.decline svg {
  background-color: var(--color-white);
  border-radius: 50%;
}
.tracking-result .header-traking-info .status .order-status.refund {
  background-color: var(--color-warning-600);
  color: var(--color-white);
}
.tracking-result .header-traking-info .status .order-status.refund svg {
  background-color: var(--color-white);
  border-radius: 50%;
}
.tracking-result .middle-traking-info {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  border-bottom: 1px solid var(--Neutral-40);
  padding-bottom: 24px;
}
.tracking-result .middle-traking-info span,
.tracking-result .middle-traking-info span > p {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: auto;
}
.tracking-result .middle-traking-info > span svg {
  width: 20px;
  height: 20px;
}
.tracking-result .middle-traking-info > span {
  display: flex;
  gap: 8px;
  align-items: center;
  border-radius: 16px;
  background: var(--Neutral-40);
  padding: 16px;
  color: var(--color-black);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 180%;
  flex-grow: 1;
}
.tracking-result .middle-traking-info .utc-address {
  width: 50%;
}
.tracking-result .footer-traking-info {
  width: 100%;
}

.tracking-result .footer-traking-info.posted {
  background: #134192;
  padding: 28px 20px 28px 12px;
  height: 64px;
  display: flex;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.tracking-result .footer-traking-info p {
  text-align: center;
  width: 100%;
  color: var(--Neutral-700);
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 180%;
}
.tracking-result .footer-traking-info .post-side {
  display: flex;
  gap: 16px;
  align-items: center;
}
.tracking-result .footer-traking-info .post-side .post-type {
  display: flex;
  gap: 10px;
  align-items: center;
}
.tracking-result .footer-traking-info .post-side .post-type svg {
  border-radius: 6px;
  background: #fefefe;
  padding: 1px;
  width: 24px;
  height: 24px;
}
.tracking-result .footer-traking-info .post-side .post-type ::after {
  content: "|";
  padding-right: 10px;
}

.tracking-result .footer-traking-info .post-side > span > span:first-child {
  color: var(--color-white);
  opacity: 0.5;
  font-size: 16px;
  font-style: normal;
  font-weight: 325;
  line-height: 180%;
}
.tracking-result .footer-traking-info .post-side > span > span:nth-child(2) {
  color: var(--color-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 325;
  line-height: 180%;
}
.tracking-result .footer-traking-info .btn-track {
  display: flex;
  height: 40px;
  padding: 10px 12px 10px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  color: #134192;
  background: var(--color-white);
}

@media screen and (max-width: 780px) {
  .tracking-result .header-traking-info {
    width: 100%;
    flex-direction: column;
    gap: 10px;
  }
  .tracking-result .header-traking-info .info {
    width: 100%;
    justify-content: space-between;
  }
  .tracking-result .header-traking-info .status {
    width: 100%;
    flex-direction: column;
  }
  .tracking-result .header-traking-info .status span {
    justify-content: space-between;
    display: flex;
    width: 100%;
  }
  .tracking-result .middle-traking-info {
    flex-wrap: wrap;
  }
  .tracking-result .middle-traking-info .utc-address {
    text-wrap: wrap;
  }
  .tracking-result .middle-traking-info .utc-number {
    order: 1;
    width: 45%;
  }
  .tracking-result .middle-traking-info .utc-postal-code {
    order: 2;
    width: 45%;
  }
  .tracking-result .middle-traking-info .utc-name {
    order: 3;
    width: 100%;
  }
  .tracking-result .middle-traking-info .utc-address {
    order: 4;
    width: 100%;
  }
  .tracking-result .footer-traking-info.posted {
    flex-direction: column;
    height: auto;
    width: 100%;
    gap: 14px;
  }
  .tracking-result .footer-traking-info .post-side {
    flex-direction: column;
    width: 100%;
  }
  .tracking-result .footer-traking-info .btn-track {
    width: 100%;
  }
  .tracking-result .footer-traking-info .post-side .post-type ::after {
    display: none;
  }
}
/* end tracking styles */

/* Single Product */

.woocommerce div.product div.images .flex-control-thumbs {
  overflow: scroll;
  height: 35rem;
  scrollbar-width: none;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  object-fit: cover;
  width: 4.5rem;
}

.image-side
  .woocommerce-product-gallery__wrapper
  .woocommerce-product-gallery__image.flex-active-slide {
  position: relative;
  overflow: hidden;
  width: 450px !important;
  height: 450px !important;
  border-radius: 50% !important;
  display: flex !important;
}

.image-side
  .woocommerce-product-gallery__wrapper
  .woocommerce-product-gallery__image {
  border-radius: 100%;
  width: 40rem;
  height: 40rem;
}

.single-product-ultra {
  padding: 2rem 0;
  display: flex;
  flex-direction: column;
}

.single-product-ultra .main-product {
  display: flex;
  gap: 2rem;
  width: 100%;
}

.single-product-ultra .main-product .product-box {
  width: 80%;
  flex-direction: column;
  display: flex;
}
body:not(.has-cart)
  .single-product-ultra
  .main-product
  .product-box
  .cart-box
  .info-box-prod-ultra {
  width: 45%;
  margin: 8px 0;
}

body:not(.has-cart) .single-product-ultra .main-product .product-box {
  width: 100%;
}

body:not(.has-cart)
  .single-product-ultra
  .main-product
  .product-box
  .cart-box
  form.cart
  > div {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

body:not(.has-cart)
  .single-product-ultra
  .main-product
  .product-box
  .cart-box
  form.cart
  div.quantity {
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}
body:not(.has-cart)
  .single-product-ultra
  .main-product
  .product-box
  .cart-box
  form.cart:has(.single_variation_wrap) {
  width: 100%;
}
body:not(.has-cart)
  .single-product-ultra
  .main-product
  .product-box
  .cart-box
  form.cart
  > div
  div.single_variation_wrap {
  width: 45%;
}

body:not(.has-cart).woocommerce div.product form.cart .variations {
  width: 55%;
}
body:not(.has-cart)
  .single-product-ultra
  .main-product
  .product-box
  .cart-box
  form.cart {
  width: 45%;
}

body:not(.has-cart) .single-product-ultra .main-product .cart-box .middle {
  align-items: flex-end;
}

body:not(.has-cart)
  .single-product-ultra
  .main-product
  .cart-box
  .price
  .sale-image {
  position: relative;
}

body:not(.has-cart)
  .single-product-ultra
  .main-product
  .cart-box
  .price
  .sale-image
  img {
  width: 5rem;
}

body:not(.has-cart)
  .single-product-ultra
  .main-product
  .cart-box
  .price
  .sale-image
  span {
  position: absolute;
  top: 0.6rem;
  font-weight: 700;
  color: var(--color-white-text);
  font-size: 1.4rem;
  right: 1.6rem;
}

body:not(.has-cart)
  .single-product-ultra
  .main-product
  .product-box
  .cart-box
  form.cart
  .price
  ins {
  text-decoration: none;
}
body:not(.has-cart)
  .single-product-ultra
  .main-product
  .product-box
  .cart-box
  form.cart
  > div
  button.single_add_to_cart_button,
body:not(.cart-side-ultra)
  .single-product-ultra
  .main-product
  .product-box
  .cart-box
  form.cart
  > button.single_add_to_cart_button {
  background: var(--color-primary);
  padding: 15px 20px;
  width: 100%;
  border-radius: 12px;
  margin-top: 10px;
}

body:not(.has-cart) .single-product-ultra .main-product .product-box .cm-show {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
  border-radius: 8px;
  justify-content: space-between;
  border: 1px solid var(--color-border);
  padding: 10px;
  width: 45%;
  justify-self: flex-end;
}
body:not(.has-cart)
  .single-product-ultra
  .main-product
  .product-box
  .image-side {
  width: 30%;
}

@media screen and (max-width: 1500px) {
  body:not(.has-cart)
    .single-product-ultra
    .main-product
    .product-box
    .image-side {
    width: 42rem;
  }
}
@media screen and (max-width: 1260px) {
  body:not(.has-cart)
    .single-product-ultra
    .main-product
    .product-box
    .image-side {
    width: 35rem;
  }
}
@media screen and (max-width: 1000px) {
  body:not(.has-cart)
    .single-product-ultra
    .main-product
    .product-box
    .product-top {
    flex-direction: column;
    align-items: center;
  }
  body:not(.has-cart)
    .single-product-ultra
    .main-product
    .product-box
    div.summary {
    width: 100% !important;
  }
}
@media screen and (max-width: 830px) {
  body:not(.has-cart)
    .single-product-ultra
    .main-product
    .product-box
    .image-side {
    width: 70%;
  }
  body:not(.has-cart)
    .single-product-ultra
    .main-product
    .product-box
    .cart-box
    form.cart
    > div {
    flex-direction: column;
  }
  body:not(.has-cart)
    .single-product-ultra
    .main-product
    .product-box
    .cart-box
    form.cart
    > div
    div.single_variation_wrap {
    width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .order-ultra-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
  }
  .archive-content .blogs-content .blogs-show-2 .blog-item {
    flex-direction: column;
    align-items: center;
  }

  .shopping-product-cart
    .product-items.cart-product
    .item.cart_item
    .cart-product-items
    .down
    .price {
    flex-grow: 1;
    justify-content: flex-end;
  }

  .ultra-tracking {
    width: 100%;
  }

  .order-ultra-top .woocommerce-ordering {
    flex: 1;
  }

  .order-ultra-top .woocommerce-ordering {
    max-width: 100%;
  }

  .order-ultra-top .catalog-list {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 10px;
  }

  .order-ultra-top .catalog-list li a,
  .order-ultra-top .catalog-list span,
  .order-ultra-top .catalog-list i {
    white-space: nowrap;
  }

  body:not(.has-cart)
    .single-product-ultra
    .main-product
    .product-box
    .image-side {
    width: 34rem;
  }
  .subcategories-container .subcategories-grid {
    scrollbar-width: none;
  }
  .category-product-page .head-shop {
    align-items: flex-start;
    flex-direction: column;
  }
  .ultra-header-type-4,
  .ultra-header-type-5 {
    display: none;
  }

  body:not(.has-cart)
    .single-product-ultra
    .main-product
    .product-box
    .cart-box
    form.cart {
    width: 100%;
  }
  body:not(.has-cart)
    .single-product-ultra
    .main-product
    .product-box
    .cm-show {
    width: 100%;
  }
}

body:not(.has-cart) .single-product-ultra .main-product .cart-box .alert-prod {
  display: flex;
  margin: 1rem 0;
  padding: 1.5rem;
  gap: 1rem;
  border-radius: 0.8rem;
  background: var(--Neutral-50);
  align-self: flex-start;
  width: 100%;
}

body:not(.has-cart)
  .single-product-ultra
  .main-product
  .cart-box
  .alert-prod
  p {
  font-size: 1.2rem;
  width: 100%;
}

.single-product-ultra .main-product .product-box .product-top {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}

.single-product-ultra .main-product .cart-side-ultra {
  width: 20%;
}

.single-product-ultra .product-box .image-side {
  display: flex;
  width: 36%;
  align-items: center;
  position: relative;
}

.single-product-ultra .product-box .entry-summary .attr-product a {
  color: var(--color-menu);
}

.woocommerce div.product div.images.woocommerce-product-gallery {
  width: 100% !important;
}

.single-product-ultra
  .product-box
  .image-side
  div.woocommerce-product-gallery
  a.woocommerce-product-gallery__trigger {
  position: absolute;

  top: 35em;
  right: 8rem;
  font-size: 1rem;
  z-index: 8;
  width: 36px;
  color: var(--color-menu);
  height: 36px;
  border-radius: 12px;
  border: 1px solid var(--Neutral-50);
  background: var(--color-white);
  box-sizing: border-box;
  padding: 9px 9.5px 9px 8.5px;

  transition: all 0.3s ease-out;
}

.single-product-ultra .product-box .image-side svg:hover {
  scale: 110%;
  transition: all 0.3s ease-out;
}

.single-product-ultra .product-box .image-side a > img {
  width: 40rem !important;
  object-fit: contain !important;
  height: 40rem !important;

  border-radius: 100% !important;
  box-shadow: -3px -3px 25px 0px #969ba41a !important;
  padding: 20px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme))
  div.product
  .out-of-stock {
  color: var(--Neutral-50);
  background-color: var(--color-primary);
  width: 100%;
  font-weight: 700;
  text-align: center;
  padding: 1rem;
  border-radius: 1.2rem;
  font-size: 1.2rem !important;
}

.single-product-ultra .product-box .image-side ol {
  top: 3rem;
  right: 1rem;
  position: absolute;
  display: flex;
  gap: 2rem;
  flex-direction: column;
}

.single-product-ultra .product-box .image-side ol li {
  margin: 2rem;
}

.single-product-ultra .product-box .image-side ol li img {
  opacity: 0.6;
  filter: blur(2px);
}

.single-product-ultra .product-box .image-side ol li img.flex-active {
  opacity: 1;
  filter: blur(0);
}

.single-product-ultra .product-box .image-side ol li img {
  border: 3px dashed var(--color-secondary);
  padding: 0.5rem;
}

.single-product-ultra .product-box .image-side ol li img {
  width: 8.5rem;
  height: 8.5rem;
  object-fit: cover;
  border-radius: 100%;
}

.single-product-ultra .product-box .entry-summary {
  display: flex;
  width: 55% !important;
  gap: 1rem;
  flex-direction: column;
}

.single-product-ultra .product-box .entry-summary .top {
  display: flex;
  gap: 2rem;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.single-product-ultra .product-box .woocommerce-product-description {
  line-height: 3.5rem;
  border-top: 1px solid var(--color-secondary);
  padding: 1rem 0;
  width: 100%;
  margin: 2rem 0;
}

.single-product-ultra .product-box .woocommerce-product-additional-information {
  line-height: 2.5rem;
  width: 100%;
  border-top: 1px solid var(--color-secondary);
  padding: 1rem 0;
  margin: 2rem 0;
}

.single-product-ultra
  .product-box
  .woocommerce-product-additional-information
  .attr-prod {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}

.single-product-ultra
  .product-box
  .woocommerce-product-additional-information
  .attr-prod
  .attr-ultra {
  display: flex;
  gap: 1rem;
}

.single-product-ultra
  .product-box
  .woocommerce-product-additional-information
  .attr-prod
  .attr-ultra
  span {
  width: 20%;
  background-color: var(--Neutral-50);
  padding: 1rem;
  border-radius: 1.2rem;
  font-size: 1.4rem;
}

.single-product-ultra
  .product-box
  .woocommerce-product-additional-information
  .attr-prod
  .attr-ultra
  p {
  width: 80%;
  background-color: var(--Neutral-50);
  padding: 1rem;
  font-size: 1.2rem;
  border-radius: 1.2rem;
}

.single-product-ultra .product-box .woocommerce-Reviews {
  line-height: 2.5rem;
  border-radius: 0.8rem;
  border-top: 2px solid var(--color-secondary);
  padding: 2rem 0;
  width: 100%;
  margin: 2rem 0;
}

.single-product-ultra .product-box .woocommerce-Reviews #comments {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.single-product-ultra
  .product-box
  .woocommerce-Reviews
  #comments
  .comment_container
  .comment-text {
  border: 1px solid #ddd !important;
  border-radius: 1.2rem !important;
  padding: 2rem !important;
}

.single-product-ultra
  .product-box
  .woocommerce-Reviews
  #comments
  .comment_container
  .comment-text
  .meta-comment-pro {
  gap: 2rem;
  font-size: 1rem;
  border-left: 1px solid var(--Neutral-50) !important;
  padding-left: 2rem;
  width: 30% !important;
}

.single-product-ultra
  .product-box
  .woocommerce-Reviews
  #comments
  .comment_container
  .comment-text
  .show-rate-product {
  border-right: 1px solid var(--Neutral-50) !important;
  padding-right: 2rem;
}

.single-product-ultra
  .product-box
  .woocommerce-Reviews
  #comments
  .comment_container
  .comment-text
  .meta-comment-pro
  .flex-meta-img {
  gap: 2rem;
}

.single-product-ultra
  .product-box
  .woocommerce-Reviews
  #comments
  .comment_container
  .comment-text
  .meta-comment-pro
  .flex-meta-img
  img {
  border-radius: 100%;
}

.single-product-ultra .product-box .woocommerce-product-description h2 {
  font-size: 2rem;
  margin: 1rem 0;
  font-weight: 700;
}
.single-product-ultra .product-box .woocommerce-product-description strong {
  font-weight: 600;
}

.single-product-ultra .product-box .woocommerce-product-description h3 {
  font-size: 1.8rem;
  margin: 1rem 0;
  font-weight: 700;
}

.single-product-ultra .product-box .woocommerce-product-description h4 {
  font-size: 1.8rem;
  margin: 1rem 0;
  font-weight: 700;
}

.single-product-ultra .product-box .woocommerce-product-description h5 {
  font-size: 1.8rem;
  margin: 1rem 0;
  font-weight: 700;
}

.single-product-ultra .product-box .woocommerce-product-description h6 {
  font-size: 1.8rem;
  margin: 1rem 0;
  font-weight: 700;
}

.single-product-ultra .product-box .woocommerce-product-description a {
  color: var(--color-primary);
  font-weight: bold;
}

.single-product-ultra .product-box .woocommerce-product-description a:hover {
  color: var(--color-accent);
}

.single-product-ultra .product-box .woocommerce-product-description p {
  font-size: 1.6rem;
  font-weight: 400;
}

.single-product-ultra .product-box .woocommerce-product-description li {
  margin-right: 2rem;
  font-size: 1.4rem;
}

.single-product-ultra .product-box .woocommerce-product-description span {
  font-size: 1.4rem;
}

.single-product-ultra .product-box .woocommerce-product-description img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.single-product-ultra .woocommerce-breadcrumb {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
  overflow: hidden;
  display: inline-block;
  color: var(--Neutral-400);
  font-size: 1.6rem;
}

.single-product-ultra .woocommerce-breadcrumb a {
  font-size: 1.4rem;
}

.single-product-ultra .woocommerce-breadcrumb span {
  font-size: 1.4rem;
}

.single-product-ultra .ultra-cross-sell {
  border: 1px solid var(--Neutral-50);
  border-radius: 0.8rem;
  padding: 1rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.single-product-ultra .ultra-cross-sell h2 {
  color: var(--color-secondary);
}

footer .footer-copyright {
  display: flex;
  justify-content: center;
}

.single-product-ultra
  .cart-side-ultra
  .cart-box
  .middle
  .variations_form
  > div {
  width: 100%;
}

.single-product-ultra .ultra-cross-sell .product-cross-sell .owl-item > .item {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--Neutral-50);
  padding: 1rem;
  border-radius: 0.8rem;
  align-items: center;
  width: 100%;

  margin: 1rem 0;
}

.single-product-ultra .ultra-cross-sell .product-cross-sell .item img {
  width: 100%;
  object-fit: cover;
  height: auto;
  border-radius: 0.8rem;
}

.single-product-ultra .ultra-cross-sell .product-cross-sell .item h3 {
  font-size: 1.4rem;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
}

.single-product-ultra .ultra-cross-sell .product-cross-sell .item .not_stock {
  background-color: var(--Neutral-700);
  border-radius: 0.8rem;
  text-align: center;
  display: block;
  color: var(--color-white-text);
  width: 100%;
}

.single-product-ultra .products {
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
  gap: 2rem;
  border: 1px solid var(--Neutral-50);
  border-radius: 0.8rem;
  padding: 1rem 2rem;
}

.single-product-ultra .products h2 {
  font-size: 2rem;
  color: var(--color-secondary);
}

.single-product-ultra .products .product h2 {
  font-size: 1.4rem;
  color: var(--color-accent);
}

.single-product-ultra .products .product-items {
  display: flex;
  gap: 1rem;
}

.single-product-ultra .products .product-items .button {
  background-color: var(--color-secondary);
  color: white;
  border-radius: 0.8rem;
  text-align: center;
  padding: 1rem;
}

.single-product-ultra .products .product-items .product {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--Neutral-50);
  border-radius: 0.8rem;
  padding: 1rem;
  width: 21rem;
  gap: 1rem;
  justify-content: space-between;
}

.woocommerce #review_form #respond {
  margin: 2rem 0;
  display: flex;
  background-color: var(--color-white);

  border-radius: 1.2rem;
  padding: 0 2rem;
  flex-direction: column;
  gap: 3rem;
  box-shadow: -3px -3px 25px 0px #969ba41a;
}

.woocommerce #review_form #respond #commentform .custom-field-review {
  display: flex;
  width: 100%;
  border: 1px solid var(--color-secondary);
  align-items: center;
  background-color: var(--color-light-bg);
  border-radius: 1.2rem;
  padding: 2rem 0;
  justify-content: space-around;
}

.woocommerce
  #review_form
  #respond
  #commentform
  .custom-field-review
  .radio-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.woocommerce
  #review_form
  #respond
  #commentform
  .custom-field-review
  .review-radio-question
  header {
  margin-bottom: 8px;
}
.woocommerce
  #review_form
  #respond
  #commentform
  .custom-field-review
  .review-radio-question
  .radio-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.woocommerce #review_form #respond p.comment-form-author {
  display: flex;
  gap: 1rem;
  width: 49%;
  flex-grow: 1;
}
.woocommerce #review_form #respond p.comment-form-email {
  display: flex;
  gap: 1rem;
  width: 49%;
  flex-grow: 1;
}

.woocommerce #review_form #respond p.comment-form-author input {
  width: 100%;
}
.woocommerce #review_form #respond p.comment-form-email input {
  width: 100%;
}
.woocommerce #review_form #respond p.comment-form-comment {
  width: 100%;
}

.woocommerce #review_form #respond p.comment-form-cookies-consent {
  width: 100%;
}

.woocommerce #review_form #respond form {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: space-between;
  flex-wrap: wrap;
}

.woocommerce #review_form #respond form {
  width: 100%;
}

.woocommerce #review_form #respond form .comment-form-rating {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.6rem;
  background: var(--color-white);
  border-radius: 8px;
}

.woocommerce #review_form #respond form .comment-form-rating label {
  text-wrap: nowrap;
}
.woocommerce #review_form #respond form.comment-form .comment-form-email input,
.woocommerce
  #review_form
  #respond
  form.comment-form
  .comment-form-author
  input {
  color: var(--Neutral-800);
  transition: all 0.3s ease-out;
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  border: 0.1rem solid var(--Neutral-100);
  border-radius: 0.8rem;
  margin: 0 1rem;
  background: var(--color-white);
}

.woocommerce
  #review_form
  #respond
  form.comment-form
  .comment-form-email
  input[type="email"]:focus,
.woocommerce
  #review_form
  #respond
  form.comment-form
  .comment-form-author
  input[type="text"]:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
}

.woocommerce #review_form #respond form .comment-form-comment label {
  font-size: 1.4rem;
  margin: 1rem 0;
}

.woocommerce #review_form #respond .comment-reply-title {
  width: 100%;
  color: var(--color-secondary);
  font-size: 1.8rem;
  font-weight: 700;
}

.woocommerce #review_form #respond textarea {
  display: flex;
  max-height: 30rem;
  padding: 1rem;
  color: var(--Neutral-800);
  justify-content: flex-end;
  align-items: center;
  border-radius: 8px;
  align-self: stretch;
  margin: 1rem 0;
  transition: all 0.3s ease-out;
  width: 100% !important;
  min-width: 100% !important;
  height: 158px !important;
  background-color: var(--color-white);
  border: 1px solid var(--Neutral-50);
}

.woocommerce #review_form #respond textarea:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
  transition: box-shadow 0.2s ease-out;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  #respond
  input#submit {
  background-color: var(--color-secondary);
  width: 100%;
  text-align: center;
  margin: 1rem 0;
  color: var(--color-white-text);
  padding: 1rem 0;
  font-size: 1.2rem;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  #respond
  input#submit:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.woocommerce p.stars a {
  color: var(--color-secondary);
}

.single-product-ultra .product-box .entry-summary .top .action-side {
  display: flex;
  align-items: start;
  gap: 1rem;
}

.single-product-ultra
  .product-box
  .entry-summary
  .top
  .action-side
  .view_video_modal {
  display: flex;
  cursor: pointer;
}

.single-product-ultra .product-box .entry-summary .top .action-side svg,
.single-product-ultra .product-box .entry-summary .top .action-side .woosw-btn {
  border-radius: 12px;
  border: 1px solid var(--Neutral-50);
  background: var(--color-white);
  padding: 0.5rem;
  cursor: pointer;
}

.share-modal-body .shortlink svg {
  padding: 0 !important;
  border: 0 !important;
}

.single-product-ultra
  .product-box
  .entry-summary
  .top
  .action-side
  .ultra-modal
  .ultra_modal-content
  video {
  height: 80vh;
  width: 100%;
}

.woosw-btn-has-icon {
  cursor: pointer;
}

.woosw-btn-has-icon .woosw-btn-icon {
  color: var(--color-menu);
}

.woosw-btn-has-icon.woosw-added .woosw-btn-icon {
  color: var(--color-secondary);
}
.ultra-brand-section .body-brands .owl-carousel .owl-nav button {
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
  padding: 0.5rem 1rem !important;
}

.woosw-btn .add,
.woosw-btn .added {
  display: none;
}

.woosw-btn-has-icon .woosw-btn-icon:hover {
  color: var(--color-secondary);
}

.single-product-ultra .product-box .entry-summary .top .action-side svg {
  cursor: unset;
}

.single-product-ultra
  .product-box
  .entry-summary
  .top
  .action-side
  svg:hover
  path {
  stroke: var(--color-secondary);
}

.single-product-ultra .product-box .entry-summary h1 {
  font-size: 1.8rem;
  font-weight: 700;
}

.single-product-ultra .product-box .entry-summary > span {
  font-size: 1.4rem;
  color: var(--Neutral-100);
}

.single-product-ultra .product-box .entry-summary .short-text-ultra {
  font-size: 1.6rem;
  color: var(--Neutral-700);
}

.single-product-ultra .product-box .entry-summary .short-text-ultra p {
  display: inline;
  font-size: 1.4rem;
}

.entry-summary .meta-product {
  width: 100%;
  display: flex;
  gap: 40px;
  font-size: 1.4rem;
}

.entry-summary .meta-product .meta-pro {
  display: flex;
  align-items: center;
}

.entry-summary .meta-product {
  border-top: 1px solid var(--color-border);
  padding-top: 1rem;
}

.entry-summary .meta-product .meta-pro I {
  color: var(--Neutral-700);
}

.entry-summary .meta-product .meta-pro .product_date {
  border-bottom: 2px solid var(--color-secondary);
}

.entry-summary .meta-product .meta-pro svg {
  margin-left: 7px;
}

/**
        End Edit
 */

.single-product-ultra
  .product-box
  .entry-summary
  .short-text-ultra
  #read-more-txt {
  color: var(--color-primary);
  font-size: 1.2rem;
}

.hidden-text-ultra {
  display: none;
}

.show-text-ultra {
  display: inline;
}

.single-product-ultra .product-box .entry-summary .attr-product {
  position: relative;
}

.single-product-ultra .product-box .entry-summary .attr-prod {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 4rem;
  border-bottom: 1px solid #ebeaea;
}

.single-product-ultra .product-box .entry-summary .attr-product > a {
  justify-items: center;
  border: 1px solid #ebeaea;
  border-radius: 0.8rem;
  padding: 1rem;
  right: 35%;
  background: var(--Neutral-50);
  position: absolute;
  bottom: -1rem;
}

.single-product-ultra .product-box .entry-summary .attr-prod .attr-ultra {
  border-radius: 0.8rem;
  padding: 1.6rem;
  flex-grow: 1;
  width: 30%;
  border: 1px solid #ebeaea;
  background: var(--Neutral-50);
}

.single-product-ultra .product-box .entry-summary .attr-prod .attr-ultra span {
  color: var(--Neutral-800);
  font-size: 1.4rem;
}

.single-product-ultra .product-box .entry-summary .attr-prod .attr-ultra p {
  font-size: 1.4rem;
  color: var(--Neutral-800);
  font-weight: 600;
}

.single-product-ultra .product-box .entry-summary .varr-prod {
  /*max-width: auto;*/
  gap: 1rem;
  display: flex;
  flex-wrap: wrap;
}

.single-product-ultra .product-box .entry-summary .varr-prod .color-varr {
  display: inline-flex;
  flex-direction: column;
  gap: 2rem;

  border: 1px solid #ebeaea;
  border-radius: 0.8rem;
  padding: 1rem;
}

.single-product-ultra .product-box .entry-summary .varr-prod .size-varr {
  display: inline-flex;
  flex-direction: column;

  gap: 2rem;
  border: 1px solid #ebeaea;
  border-radius: 0.8rem;
  padding: 1rem;
}

.single-product-ultra .product-box .entry-summary .varr-prod .size-varr > span {
  font-size: 1.2rem;
}

.single-product-ultra .product-box .entry-summary .varr-prod .size-varr ul {
  display: flex;
  gap: 0.5rem;
  justify-content: space-around;
}

.single-product-ultra .product-box .entry-summary .varr-prod .size-varr ul li {
  border: 1px solid #d3d2d2;
  padding: 0 0.5rem;
  border-radius: 0.3rem;
}

.single-product-ultra
  .product-box
  .entry-summary
  .varr-prod
  .color-varr
  > span {
  font-size: 1.2rem;
}

.single-product-ultra .product-box .entry-summary .varr-prod .color-varr ul {
  display: flex;
  gap: 0.5rem;
}

.single-product-ultra .product-box .entry-summary .varr-prod .color-varr ul li {
  position: relative;
}

.single-product-ultra
  .product-box
  .entry-summary
  .varr-prod
  .color-varr
  ul
  li
  span {
  border-radius: 100%;
  padding: 0 0.8rem;
  position: relative;
}

.single-product-ultra
  .product-box
  .entry-summary
  .varr-prod
  .color-varr
  ul
  li
  span
  b {
  position: absolute;
  bottom: 1.8rem;
  right: -0.4rem;
  background-color: var(--color-accent);
  color: white;
  padding: 0.2rem;
  border-radius: 0.4rem;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

.single-product-ultra
  .product-box
  .entry-summary
  .varr-prod
  .color-varr
  ul
  li
  span:hover
  b {
  opacity: 1;
  transition: all 0.3s ease-out;
}

.cart-box p.stock.in-stock {
  display: none;
}

.single-product-ultra .entry-summary .quantity {
  /*display: flex;*/
  display: none;
  justify-content: center;
  gap: 0.5rem;
  width: 50%;
}

.single-product-ultra .entry-summary .quantity input {
  border-radius: 0.8rem;
  width: 100%;
  border: 1px solid var(--Neutral-50);
  text-align: center;
  font-size: 1.6rem;
  background-color: transparent;
}
.single-post-ultra .woocommerce .product-items .product .button {
  background-color: var(--color-primary) !important;
  width: 100%;
}
.single-post-ultra .woocommerce .product-items .product > a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.single-post-ultra .woocommerce .product-items .product > a span {
  color: var(--Neutral-800);
}
.single-post-ultra .post-content .main-box .text-box .more-read {
  margin: 2rem 0;
}
.single-post-ultra .woocommerce .product-items .product > a img {
  width: 200px;
  object-fit: cover;
  height: 200px;
}
.single-post-ultra .woocommerce .product-items .product > a h2 {
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  text-overflow: ellipsis;
}
.single-product-ultra .entry-summary .quantity .plus {
  border-radius: 0.8rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  color: var(--color-secondary);
  font-size: 2rem;
  border: 1px solid var(--Neutral-50);
  background-color: transparent;
}

/* Chrome, Safari, Edge, Opera */
.single-product-ultra input::-webkit-outer-spin-button,
.single-product-ultra input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.single-product-ultra .entry-summary .quantity input[type="number"]:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
}

/* Firefox */
.single-product-ultra input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
  appearance: none;
}

.single-product-ultra .entry-summary .quantity .minus {
  padding: 0.5rem 1rem;
  border-radius: 0.8rem;
  cursor: pointer;
  font-size: 2rem;
  color: var(--color-secondary);
  border: 1px solid var(--Neutral-50);
  background-color: transparent;
}

.single-product-ultra .cart-side-ultra .cart-box {
  align-items: center;
  gap: 2rem;
  display: flex;
  flex-direction: column;
  width: 20%;
}

.single-product-ultra .cart-side-ultra .cart-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: sticky;
  top: 1rem;
  align-items: center;
  border-radius: 12px;
  border: 1px solid var(--Neutral-50);
  background: var(--color-white);
  padding: 1.2rem;
  gap: 2rem;
  z-index: 0;
}

.single-product-ultra .cart-side-ultra .cart-box .alert-prod {
  display: flex;
  padding: 1.5rem;
  gap: 1rem;
  border-radius: 0.8rem;
  background: var(--Neutral-50);
  align-self: flex-start;
  width: 100%;
}

.single-product-ultra .cart-side-ultra .cart-box .alert-prod p {
  font-size: 1.2rem;
  width: 100%;
}

.single-product-ultra .cart-side-ultra .cart-box .cm-show {
  font-size: 1.2rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-50);
  background-color: var(--Neutral-50);
  height: 48px;

  gap: 1rem;
}

.single-product-ultra .cart-side-ultra .cart-box .cm-show > svg {
  border-left: 1px solid #d3d2d2;
  padding-left: 1rem;
}

.single-product-ultra .cart-side-ultra .cart-box .cm-show .star {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
  padding-right: 1rem;
  border-right: 1px solid #d3d2d2;
}

.single-product-ultra .cart-side-ultra .cart-box button.buy-btn {
  background-color: var(--color-secondary);
  width: 100%;
  padding: 1rem;
  text-align: center;
  color: var(--color-white-text);
  font-size: 1.4rem;
  font-weight: 600;
  border-radius: 0.8rem;
  transition: all 0.3s ease-in;
  text-wrap: nowrap;
}

.single-product-ultra .cart-side-ultra .cart-box button.buy-btn.added {
  display: none;
}
.single-product-ultra .cart-side-ultra .cart-box a.added_to_cart.wc-forward {
  background: var(--color-accent);
  font-size: 1.4rem;
  color: var(--color-white);
  padding: 0.6rem 2rem;
  border-radius: 0.8rem;
  width: 100%;
  text-align: center;
}

.single-product-ultra .cart-side-ultra .cart-box button.buy-btn:hover {
  background-color: var(--color-primary);
  transition: all 0.3s ease-in;
}

.single-product-ultra .cart-side-ultra .cart-box button.buy-btn.disabled {
  margin: 2rem 0;
  background-color: var(--color-primary);
  transition: all 0.3s ease-in;
}

.single-product-ultra .cart-side-ultra .cart-box button.disabled:hover {
  background-color: var(--color-secondary);
  transition: all 0.3s ease-in;
}

.single-product-ultra .cart-side-ultra .cart-box .quantity {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
}

.single-product-ultra .cart-side-ultra .cart-box .quantity input {
  border-radius: 0.8rem;
  width: 100%;
  border: 1px solid var(--Neutral-50);
  text-align: center;
  font-size: 1.6rem;
  background-color: transparent;
  color: var(--Neutral-800);
}

.single-product-ultra .cart-side-ultra .cart-box .quantity .plus {
  border-radius: 0.8rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  color: var(--Neutral-800);
  font-size: 2rem;
  border: 1px solid var(--Neutral-50);
  background-color: transparent;
}

/* Chrome, Safari, Edge, Opera */
.single-product-ultra input::-webkit-outer-spin-button,
.single-product-ultra input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.single-product-ultra
  .cart-side-ultra
  .cart-box
  .quantity
  input[type="number"]:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
}

/* Firefox */
.single-product-ultra input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
  appearance: none;
}

.single-product-ultra .cart-side-ultra .cart-box .quantity .minus {
  padding: 0.5rem 1rem;
  border-radius: 0.8rem;
  cursor: pointer;
  font-size: 2rem;
  color: var(--Neutral-800);
  border: 1px solid var(--Neutral-50);
  background-color: transparent;
}

.single-product-ultra .cart-side-ultra .cart-box > span {
  color: var(--color-secondary);
  font-size: 1.2rem;
  align-self: flex-start;
  font-weight: 500;
}

.single-product-ultra .cart-side-ultra .cart-box > .call-product {
  color: var(--color-white-text);
  background-color: var(--color-primary);
  width: 100%;
  border-radius: 0.8rem;
  padding: 1rem 2rem;
  font-size: 1.2rem;
  text-align: center;
  font-weight: 500;
}

.single-product-ultra .cart-side-ultra .cart-box .middle {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 100%;
}

.single-product-ultra .cart-side-ultra .cart-box .middle form.cart {
  margin: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.single-product-ultra .cart-side-ultra .cart-box .middle .variations_form {
  width: 100%;
}

.single-product-ultra .cart-side-ultra .cart-box .price {
  display: flex;
  padding: 1rem 0;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  justify-content: center;
  gap: 1rem;
}

.single-product-ultra .cart-side-ultra .cart-box .price .off {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.single-product-ultra .cart-side-ultra .cart-box .price ins {
  font-size: 2rem;
  text-decoration: none;
}

.single-product-ultra .cart-side-ultra .cart-box .price del {
  position: relative;
  color: var(--Neutral-700);
  font-size: 1.4rem;
}

.single-product-ultra .cart-side-ultra .cart-box .price del img {
  position: absolute;
  top: 0.7rem;
  right: 0.5rem;
  width: 5rem;
}

.single-product-ultra .cart-side-ultra .cart-box .price .sale-image {
  position: relative;
}

.single-product-ultra .cart-side-ultra .cart-box .price .sale-image img {
  width: 5rem;
}

.single-product-ultra .cart-side-ultra .cart-box .price .sale-image span {
  position: absolute;
  top: 0.6rem;
  font-weight: 700;
  color: var(--color-white-text);
  font-size: 1.4rem;
  right: 1.6rem;
}

.single-product-ultra .product-bottom {
  margin-top: 10rem;
  display: flex;
  gap: 2rem;
}

.single-product-ultra .product-bottom .main-box {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.single-product-ultra .product-bottom .main-box .desc-p {
  width: 100%;
  display: flex;
  padding-bottom: 2rem;
  flex-direction: column;
  border-bottom: 1px solid var(--color-primary);
  align-items: center;
}

.single-product-ultra .product-bottom .main-box .desc-p img {
  width: 95%;
  object-fit: cover;
  border-radius: 0.8rem;
}

.single-product-ultra .product-bottom .main-box .desc-p h2 {
  font-size: 2.4rem;
  border-bottom: 1px solid var(--color-primary);
  display: inline;
  padding: 0.5rem;
  align-self: start;
}

.single-product-ultra .product-bottom .main-box .desc-p p {
  font-size: 1.4rem;
  margin: 2rem 0;
}

.single-product-ultra .product-bottom .main-box .table-p {
  margin: 3rem 0;
  display: flex;
  flex-direction: column;
}

.single-product-ultra .product-bottom .main-box .table-p h2 {
  font-size: 2.4rem;
  border-bottom: 1px solid var(--color-primary);
  display: inline;
  padding: 0.5rem;
  align-self: start;
}

.single-product-ultra .product-bottom .main-box .table-p table {
  border-radius: 8px;
  border: 1px solid var(--Neutral-50);
  margin: 1rem 0;

  background: var(--color-white);
  padding: 0;
}

.single-product-ultra .product-bottom .main-box .table-p table td {
  font-size: 1.4rem;
  padding: 1rem 2rem;
}

.single-product-ultra
  .product-bottom
  .main-box
  .table-p
  table
  tr:nth-child(even) {
  background-color: var(--Neutral-50);
}

.single-product-ultra .product-bottom .main-box .table-p table td:nth-child(1) {
  color: #979798;
}

.single-product-ultra .product-bottom .main-box .table-p table td:nth-child(2) {
  color: var(--color-accent);
  font-weight: 500;
}

.single-product-ultra {
  position: relative;
}

.single-product-ultra .addtocart-fixed {
  display: none;
  background-color: var(--color-white);
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 2rem 0;
  box-shadow: 1px 1px 10px 1px #c5c5c55d;
}

.single-product-ultra .addtocart-fixed .content {
  align-items: center;
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.single-product-ultra .addtocart-fixed .add-cart-side {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.single-product-ultra .addtocart-fixed .add-cart-side a {
  background-color: var(--color-secondary);
  text-align: center;
  color: var(--color-white-text);
  padding: 1rem;
  border-radius: 0.8rem;
  font-size: 1.2rem;
  font-weight: 600;
}

.single-product-ultra .addtocart-fixed .add-cart-side span {
  color: var(--color-secondary);
}

.single-product-ultra .addtocart-fixed .price {
  display: flex;
  flex-direction: column;
  align-items: center;

  justify-content: center;
}

.single-product-ultra .addtocart-fixed .price .off {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.single-product-ultra .addtocart-fixed .price ins {
  font-size: 2rem;
  text-decoration: none;
}

.single-product-ultra .addtocart-fixed .price del {
  position: relative;
  color: var(--Neutral-700);
  font-size: 1.4rem;
  text-decoration: none;
}

.single-product-ultra .addtocart-fixed .price del img {
  position: absolute;
  top: 0.7rem;
  right: 0.5rem;
  width: 5rem;
}

.single-product-ultra .addtocart-fixed .price .sale-image {
  position: relative;
}

.single-product-ultra .addtocart-fixed .price .sale-image img {
  width: 5rem;
}

.single-product-ultra .addtocart-fixed .price .sale-image span {
  position: absolute;
  top: 0.5rem;
  font-weight: 700;
  color: var(--color-white-text);
  font-size: 1.6rem;
  right: 1.4rem;
}
*/ .woosw-btn-has-icon {
  border-radius: 12px;
  border: 1px solid var(--Neutral-50);
  background: var(--color-white);
  padding: 0.5rem;
}

.woocommerce-cart-form .cart-collaterals {
  flex-direction: column;
}

.woosw-btn-has-icon .woosw-btn-icon {
  font-size: 22px;
}

.product-items .item.prod-style-9 .ultra-product-card a.button.add-cart-btn {
  border-radius: 12px;
  border: 1px solid #f3f3f3;
  background: #fff;
  padding: 0.5rem;
}

/* modal sec */

/* The Modal (background) */
.ultra-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.ultra_modal-content {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 1rem;
  border-radius: 1.2rem;
  border: 1px solid #888;
  width: 70%;
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

.ultra_modal-content video {
  width: 100%;
  padding: 1rem;
  max-height: 100%;
}

.ultra_modal-content .header-modal h5 {
  font-size: 2rem;
}

.ultra_modal-content .header-modal {
  display: flex;
  width: 100%;
  padding: 0 1rem;
  align-items: center;
  justify-content: space-between;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

/* The Close Button */
.close_video_modal {
  display: inline;
  color: var(--color-secondary);
  font-size: 28px;
  margin-right: 1rem;
  font-weight: bold;
}

.close_video_modal:hover,
.close_video_modal:focus {
  color: var(--color-primary);
  text-decoration: none;
  cursor: pointer;
}

.modal-body {
  padding: 2px 16px;
}

div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme))
  div.product
  span.price {
  color: var(--color-accent) !important;
  font-size: 1.25em;
}

.show-rate-product .rate-item .rate-content .rate-result {
  background: var(--color-secondary) !important;
}

/* Shop */

/* Choosen product style*/

.category-product {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: 2rem;
  border-radius: 1.2rem;
}

.category-product-page .woocommerce-breadcrumb {
  background-color: var(--color-white);
  padding: 1rem 2rem;
  border-radius: 1.2rem;
  font-size: 1.2rem;
  color: var(--Neutral-300);
  display: flex;
  gap: 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-40, #f8f9f9);
  box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.04);

  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 325;
  line-height: 200%;
}

.category-product-page .woocommerce-breadcrumb a {
  color: var(--Neutral-300);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 325;
  line-height: 200%; /* 28px */
}

.category-product .product-title {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  column-gap: 1rem;
}

.category-product .product-items {
  display: flex;
  gap: 2rem;
  flex-direction: column;
  flex-wrap: wrap;
}

.category-product .order-ultra-top {
  width: 100%;
  display: flex;
  padding: 20px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  border-radius: 12px;
  background: var(--Neutral-40);
}

.category-product .order-ultra-top .woocommerce-notices-wrapper {
  width: 100%;
}

.woocommerce-notices-wrapper .woocommerce-message a.button,
a.button {
  background: var(--color-secondary);
  color: var(--color-white-text);
  border-radius: 8px;
  padding: 0.3rem 1rem;
}

.woocommerce-notices-wrapper .woocommerce-message a.button:hover,
a.button:hover {
  background: var(--color-primary);
  color: var(--color-white-text);
  border-radius: 8px;
}

.category-product .order-ultra-top .woocommerce-ordering {
  width: 80%;
}

.category-product .order-ultra-top .woocommerce-ordering ul.catalog-list {
  display: flex;
  gap: 2rem;
  list-style: none;
  font-size: 1.4rem;
  align-items: center;
}

.category-product
  .order-ultra-top
  .woocommerce-ordering
  ul.catalog-list
  i
  span {
  color: var(--Neutral-400, #a4a9aa);
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 325;
  line-height: 180%; /* 28.8px */
}
.category-product
  .order-ultra-top
  .woocommerce-ordering
  ul.catalog-list
  .active {
  color: var(--color-primary);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 180%; /* 25.2px */
}

.category-product .order-ultra-top .woocommerce-ordering ul.catalog-list {
  text-wrap: nowrap;
}

/* .category-product .product-items .woocommerce-ordering ul.catalog-list li{
    transition: all .3s ease-in-out;
} */
.category-product
  .order-ultra-top
  .woocommerce-ordering
  ul.catalog-list
  li:after {
  display: block;
  content: "";
  border-bottom: solid 3px var(--color-secondary);
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}

.category-product
  .order-ultra-top
  .woocommerce-ordering
  ul.catalog-list
  li:hover:after {
  transform: scaleX(1);
}

.product-items {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

.product-items:has(.prod-style-10) {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}

.side-single.side-shop .widget .widget_shopping_cart_content .mini-cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.product-items .item {
  display: flex;
  background-color: var(--color-white);
  flex-direction: column;
  max-width: 100%;
  gap: 1rem;
  background: var(--color-white, #fff);
  border-radius: 1.2rem;
  padding: 1rem;
  transition: all 0.3s ease-in-out;
  height: auto;
  justify-content: space-between;
}

.product-items .item .product-image {
  position: relative;
  width: 100%;
}

.product-items .item .product-image img {
  width: 100%;
  border-radius: 8px;
  max-height: 22rem;
  object-fit: contain;
}

.product-items .item .product-image .sale-image img {
  position: absolute;
  left: -1.5rem;
  top: 0;
  width: 8rem;
}

.product-items .item .product-image .sale-image span {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  color: var(--color-white-text);
  font-weight: 500;
  font-size: 1.6rem;
}

.product-items .item .no_price {
  background-color: var(--Neutral-700);
  padding: 1rem;
  border-radius: 0.8rem;
  text-align: center;
  width: 100%;
  display: block;
  color: var(--color-white-text);
}

.product-items .item .not_stock {
  font-size: 1.4rem;
  color: var(--color-white-text);
  width: 100%;
  background-color: var(--color-accent);
  border-radius: 0.8rem;
  padding: 1rem;
  text-align: center;
}

.product-items .item .product-image .product-icon {
  position: absolute;
  top: 0.5rem;
  right: 0;
}
.product-items .item a h3 {
  font-size: 1.6rem;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}
.product-items .item > a {
  flex: 1;
}
.item.prod-style-3 .price {
  flex: 1;
}

.product-items .item .price {
  display: flex;
  gap: 1rem;
  width: 100%;
  align-items: center;
  font-size: 1.4rem;
  justify-content: center;
}

.ultra-main-slider .slider {
  position: relative;
}

.ultra-main-slider .slider .owl-nav button {
  background-color: var(--color-white);
  padding: 0.5rem 1rem !important;
  border-radius: 50%;
  font-family: "Source Sans Pro", "Arial", sans-serif;
}

.ultra-main-slider .slider .owl-nav button.owl-prev {
  position: absolute;
  bottom: 6rem;
  right: 2rem;
}

.ultra-main-slider .slider .owl-nav button:hover {
  background-color: var(--color-secondary);
}

.ultra-main-slider .slider .owl-nav button.owl-next {
  position: absolute;
  bottom: 6rem;
  right: 6rem;
}

.ultra-main-slider .slider .owl-dots .owl-dot span {
  width: 1rem;
  transition: all 0.3s ease-in-out;
}

.ultra-main-slider .slider .owl-dots .owl-dot.active span {
  background: var(--color-secondary);
  width: 2rem;
  transition: all 0.3s ease-in-out;
}

.category-product .item .price del,
.woosw-item--price del {
  color: var(--color-menu);
  position: relative;
  /*text-decoration: none;*/
}

.woosw-item--price del::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="11" viewBox="0 0 64 11" fill="none"><path d="M1.00024 9.5C10.4572 3.92026 20.4704 2.377 28.8148 3.92026C41.9441 6.34847 56.2031 8.68346 63.0002 1.5" stroke="%236b6b6b" stroke-width="1.5" stroke-linecap="round"/></svg>');
  background-repeat: no-repeat;
  content: "";
  padding: 3rem;
  position: absolute;
  top: 1.3rem;
  left: 2rem;
}

.woosw-list table.woosw-items .woosw-item .woosw-item--image img {
  border-radius: 8px;
}

.woosw-item--price del::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="11" viewBox="0 0 64 11" fill="none"><path d="M1.00024 9.5C10.4572 3.92026 20.4704 2.377 28.8148 3.92026C41.9441 6.34847 56.2031 8.68346 63.0002 1.5" stroke="%236b6b6b" stroke-width="1.5" stroke-linecap="round"/></svg>');
  background-repeat: no-repeat;
  content: "";
  padding: 3rem;
  position: absolute;
  top: 0.5rem;
  left: 2rem;
}

.product-items .item .price ins,
.woosw-item--price ins {
  text-decoration: none;
}

.product-items .item .price ins span,
.woosw-item--price ins span {
  font-size: 1.6rem;
}

.product-items .item .price del span,
.woosw-item--price del span {
  font-size: 1.2rem;
}

/* .cate-insale  */

.cate-insale .text-box .prod-sale {
  background: var(--color-white);
  margin-top: 1rem;
  border-radius: 12px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.cate-insale .text-box .content {
  background: var(--color-white);
  margin-top: 1rem;
  border-radius: 12px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.cate-insale .text-box .header-page {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  color: var(--color-white);
  border-radius: 8px;
  background: linear-gradient(
    97deg,
    var(--color-accent) 9.94%,
    var(--color-primary) 104.61%
  );
}
.cate-insale .text-box .header-page h1 {
  color: var(--color-white);
  font-weight: 600;
}
.cate-insale .text-box .header-page svg path {
  stroke: var(--color-white);
}

.cate-insale .text-box .f-insale-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.cate-insale .text-box .content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cate-insale .text-box .content p {
  line-height: 2.5rem;
}
.cate-insale .product-items .item {
  height: 38rem;
  min-width: 22rem;
  width: 18.8%;
}
.cate-insale .product-items .item .item-content {
  height: 100%;
}
.cate-insale .product-items .item a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.2rem;
  height: 100%;
  align-items: center;
}
.cate-insale .product-items .item .item-content .sale-image span {
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  color: var(--color-white-text);
  font-weight: 500;
  font-size: 1.4rem;
}

.cate-insale .product-items .item .item-content .sale-image svg {
  position: absolute;
  left: 1rem;
  top: -1rem;
  width: 5rem;
}
.cate-insale .product-items .item .item-content a figure img {
  width: 20rem;
  height: 20rem;
  object-fit: cover;
  border-radius: 8px;
}
.cate-insale .product-items .item .item-content .box-timer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.cate-insale .product-items .item .item-content .box-timer .countdown-timer {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
  align-items: center;
  color: var(--color-white-text);
  justify-content: center;
  padding: 0.3rem 1rem;
  border-radius: 7.698px;
  background: linear-gradient(
    97deg,
    var(--color-accent) 9.94%,
    var(--color-primary) 104.61%
  );
}

.cate-insale
  .product-items
  .item
  .item-content
  .box-timer
  .countdown-timer
  .number {
  font-weight: 400;
  padding: 0.2rem;
  color: var(--color-white-text);
  text-align: center;
  width: 2.4rem;
  border-radius: 0.4rem;
  font-size: 1.4rem;
}
.cate-insale .product-items .item .item-content .box-timer .timer-message {
  font-size: 1.2rem;
  margin-top: 0.5rem;
  text-align: center;
}

.cate-insale .product-items .item .item-content h3 {
  font-size: 1.4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.cate-insale .product-items .item .item-content .price-section {
  display: flex;
  column-gap: 1rem;
  align-items: center;
  align-self: center;
}

.cate-insale .product-items .item .item-content .end-product-sale {
  background: linear-gradient(
    97deg,
    var(--color-accent) 9.94%,
    var(--color-primary) 104.61%
  );
  color: var(--color-white-text);
  border-radius: 0.8rem;
  padding: 0.5rem 0;
  text-align: center;
  width: 100%;
}

/*Archives */

.archive-product {
  /*     background: linear-gradient(180deg, #FF8E6E 0%, rgba(255, 187, 145, 0.00) 100%); */

  padding-top: 4rem;
}

.archive-product .archive-content {
  display: flex;
  gap: 2rem;

  min-height: 55vh;
}

.archive-page .archive-content {
  margin-top: 1rem;
}

.archive-page .nav-links {
  display: flex;
  justify-content: center;
  gap: 1rem;
  align-items: center;
}

.archive-page .nav-links .next.page-numbers {
  background-color: var(--color-secondary);
  border-radius: 8px;
  color: white;
  padding: 0.2rem;
}

.archive-page .nav-links .prev.page-numbers {
  background-color: var(--color-secondary);
  border-radius: 8px;
  color: white;
  padding: 0.2rem;
}

.archive-page .nav-links .page-numbers.current {
  text-decoration: underline;
  text-decoration-color: var(--color-secondary);
  font-weight: 600;
  scale: 105%;
}

.archive-content .blogs-content {
  display: flex;
  flex-direction: column;
}

.archive-content .blogs-content .blogs-show-1 {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.archive-content .blogs-content .blogs-show-1 .blog-item:hover {
  scale: 102%;
  transition: all 0.3s ease-in-out;
}

.archive-content .blogs-content .blogs-show-1 .blog-item {
  width: 30%;
  transition: scale 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border);
  gap: 1rem;
  background-color: var(--color-white);
  position: relative;
  border-radius: 0.8rem;

  padding: 1rem;
}

.archive-content .blogs-content .blogs-show-1 .blog-item img {
  width: 100%;
  max-height: 20rem;
  object-fit: cover;
  border-radius: 0.8rem;
}

.archive-content .blogs-content .blogs-show-1 .blog-item .excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.2rem;
  display: box;
  box-orient: vertical;
  line-clamp: 3;
  color: var(--Neutral-700);
}

.archive-content .blogs-content .blogs-show-1 .blog-item h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.archive-content .blogs-content .blogs-show-1 .blog-item .info-blog {
  display: flex;
  flex-direction: column;

  height: 100%;
  gap: 1rem;
}

.archive-content .blogs-content .blogs-show-1 .blog-item .info-blog .author {
  display: flex;
  justify-content: space-between;
  flex: 1;
  font-size: 1.2rem;
  align-items: flex-end;
}

.archive-content .blogs-content .blogs-show-1 .blog-item .info-blog .cat {
  background-color: var(--Neutral-0);
  padding: 0.5rem;
  border-radius: 0.8rem;
  font-size: 1rem;
  color: var(--color-menu);
  position: absolute;
  top: 2rem;
  left: 2rem;
}

.archive-content .blogs-content .blogs-show-1 .blog-item .info-blog .view {
  margin-top: 1rem;
  background-color: var(--color-secondary);
  color: white;
  padding: 0.7rem;
  display: block;
  text-align: center;
  border-radius: 0.8rem;
  transition: all 0.3s ease-in-out;
}

.archive-content
  .blogs-content
  .blogs-show-1
  .blog-item
  .info-blog
  .view:hover {
  background-color: var(--color-primary);
  transition: all 0.3s ease-in-out;
}

.archive-content .blogs-content .blogs-show-2 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.archive-content .blogs-content .blogs-show-2 .blog-item {
  display: flex;

  border: 1px solid var(--color-border);
  gap: 1rem;
  background-color: var(--color-white);

  border-radius: 0.8rem;
  transition: scale 0.3s ease-in-out;
  padding: 1rem;
}

.archive-content .blogs-content .blogs-show-2 .blog-item:hover {
  scale: 101%;
  transition: all 0.3s ease-in-out;
}

.archive-content .blogs-content .blogs-show-2 .blog-item img {
  width: 20rem;
  height: 20rem;
  border-radius: 0.8rem;
  object-fit: cover;
}

.archive-content .blogs-content .blogs-show-2 .blog-item .excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.2rem;
  display: box;
  box-orient: vertical;
  line-clamp: 3;
  color: var(--Neutral-700);
}

.archive-content .blogs-content .blogs-show-2 .blog-item h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 2rem;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  text-overflow: ellipsis;
}

.archive-content .blogs-content .blogs-show-2 .blog-item .info-blog {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem;
  height: 100%;
  gap: 1rem;
}

.archive-content .blogs-content .blogs-show-2 .blog-item .info-blog .author {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex: 1;
  font-size: 1.2rem;
  align-items: flex-end;
}

.archive-content .blogs-content .blogs-show-2 .blog-item .info-blog .cat {
  background-color: var(--Neutral-0);
  padding: 0.5rem;
  border-radius: 0.8rem;
  font-size: 1rem;
  color: var(--color-menu);
}

.archive-content .blogs-content .blogs-show-2 .blog-item .info-blog .view {
  margin-top: 1rem;
  background-color: var(--color-secondary);
  color: var(--color-white-text);
  padding: 0.5rem 1rem;
  text-align: center;
  border-radius: 0.8rem;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.svg-view path {
  fill: var(--color-secondary);
}

.archive-content
  .blogs-content
  .blogs-show-2
  .blog-item
  .info-blog
  .view:hover {
  background-color: var(--color-primary);
  transition: all 0.3s ease-in-out;
}

.archive-content .blogs-content .blogs-show-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.archive-content .blogs-content .blogs-show-3 .blog-item {
  width: 49%;
  display: flex;
  gap: 1rem;
  border: 1px solid var(--color-border);
  border-radius: 0.8rem;
  padding: 1rem;
}

.archive-content .blogs-content .blogs-show-3 .blog-item img {
  /*width: 15rem;*/
  max-height: 15rem;
  border-radius: 0.8rem;
  object-fit: cover;
  width: 25%;
}

.archive-content .blogs-content .blogs-show-3 .blog-item .info-blog {
  display: flex;
  flex-direction: column;
  width: 72%;
  gap: 1rem;
}

.archive-content .blogs-content .blogs-show-3 .blog-item .info-blog .excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
  font-size: 1.2rem;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  color: var(--Neutral-700);
}

.archive-content .blogs-content .blogs-show-3 .blog-item h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 90%;
  overflow: hidden;
  font-size: 2rem;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
}

.archive-content .blogs-content .blogs-show-3 .blog-item .info-blog .author {
  display: flex;
  justify-content: space-between;

  width: 100%;
  flex: 1;
  font-size: 1.2rem;
  align-items: flex-end;
}

.archive-content .blogs-content .blogs-show-3 .blog-item .info-blog .cat {
  background-color: var(--Neutral-0);
  padding: 0.5rem;
  border-radius: 0.8rem;
  font-size: 1rem;
  color: var(--color-menu);
}

.archive-content
  .blogs-content
  .blogs-show-3
  .blog-item
  .info-blog
  .view
  svg
  path {
  fill: var(--color-secondary);
  transition: all 0.3s ease-in-out;
}

.archive-content .blogs-content .blogs-show-3 .blog-item .info-blog .view {
  color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  padding: 0.5rem 0;

  display: flex;
  justify-content: center;
  text-align: center;
  border-radius: 0.8rem;
  transition: all 0.3s ease-in-out;
  align-items: center;
  gap: 1rem;
}

.svg-view path {
  fill: var(--color-secondary);
}

.archive-content .blogs-content .blogs-show-3 .blog-item .info-blog .view a {
  text-align: center;
}

.archive-content
  .blogs-content
  .blogs-show-3
  .blog-item
  .info-blog
  .view:hover {
  background-color: var(--color-primary);
  transition: all 0.3s ease-in-out;
}

.archive-content
  .blogs-content
  .blogs-show-3
  .blog-item
  .info-blog
  .view:hover {
  background-color: var(--color-secondary);
  transition: all 0.3s ease-in-out;

  color: var(--color-white-text);
}

.archive-content
  .blogs-content
  .blogs-show-3
  .blog-item
  .info-blog
  .view:hover
  svg
  path {
  fill: var(--color-white-text);
  transition: all 0.3s ease-in-out;
}

.emoji {
  font-size: 2rem;
  text-align: center;
}

.slider-moji {
  display: flex;
  justify-content: space-between;
}

.custom-field-review .rate-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.custom-field-review .rate-list .rate-item {
  display: flex;
  gap: 0.5rem;
}

.custom-field-review .rate-list .rate-item b {
  width: 50%;
}

/* insta single page */

.single-insta .insta-main-box {
  width: 100%;
  display: flex;
  margin: 2rem 0;
  padding: 2rem 0;
  border-radius: 1.2rem;
  background-color: var(--color-white) !important;
  justify-content: center;
  height: 70rem;
}

.related-insta .insta-title {
  width: 100%;
  background-color: var(--color-white);
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 7px;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05);
  position: relative;
}

.related-insta .insta-title:before {
  content: "";
  background-color: var(--color-primary);
  width: 3px;
  height: 30px;
  position: absolute;
  right: 0;
}

.related-insta .insta-title i {
  color: var(--color-primary);
  font-size: 2rem;
}

.single-insta .insta-main-box .text-insta .video-insta {
  display: none;
}

.single-insta .insta-main-box .video-insta {
  height: 100%;
  width: 30%;
  object-fit: cover;
  overflow: hidden;
  background-color: black;
  display: flex;
  align-items: center;
}

.single-insta .insta-main-box .video-insta video {
  width: 100%;

  height: 100%;

  background-color: black;
}

.single-insta .insta-main-box .text-insta {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.single-insta .insta-main-box .text-insta .insta-header {
  display: flex;
  padding: 1rem;
  align-items: center;
  gap: 1rem;
  width: 100%;
  border: 1px solid var(--Neutral-50);
}

.single-insta .insta-main-box .text-insta .insta-header img {
  width: 5rem;
  height: 5rem;
  border: 0.2rem solid transparent;
  background:
    linear-gradient(white, white) padding-box,
    linear-gradient(
        to right,
        #5840d4,
        #9a30b5,
        #db2469,
        #fc944e,
        #ffee00,
        #f65145,
        #8535bf
      )
      border-box;
  border-radius: 50%;
  padding: 0.3rem;
  object-fit: cover;
}

.single-insta .insta-main-box .text-insta .intraction {
  width: 100%;
  border: 1px solid var(--Neutral-50);
  border-radius: 0 0 0 10px;
  padding: 0.5rem 1rem;

  justify-self: end;

  bottom: 0;
}

.single-insta .insta-main-box .text-insta .insta-caption {
  width: 100%;
  border-left: 1px solid var(--Neutral-50);
  scrollbar-width: none;
  padding: 2rem;
  max-height: 20rem;
  overflow: scroll;
}

.single-insta .insta-main-box .text-insta .insta-caption span {
  display: inline;
  font-weight: 800;
  margin-left: 0.5rem;
  font-size: 1.2rem;
}

.single-insta .insta-main-box .text-insta .insta-caption p {
  display: inline;
  font-size: 1.2rem;
}

.single-insta .cm-section {
  overflow: scroll;
  flex: 1;
  scrollbar-width: none;
  scroll-behavior: smooth;
  border-top: 1px solid var(--Neutral-50);
  border-left: 1px solid var(--Neutral-50);
  padding: 1.5rem;
}

.single-insta .cm-section #respond {
  padding: 1rem;
}

.single-insta .cm-section #respond form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.single-insta .cm-section ul.comment_list.comments li {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  gap: 1rem;
}

.single-insta .cm-section ul.comment_list.comments li .comment_meta {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.single-insta .cm-section ul.comment_list.comments li .comment_meta .user_meta {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.single-insta
  .cm-section
  ul.comment_list.comments
  li
  .comment_meta
  .user_meta
  .reply {
  width: 100%;
  color: var(--color-secondary);
}

.single-insta
  .cm-section
  ul.comment_list.comments
  li
  .comment_meta
  .user_meta
  .reply
  a {
  color: var(--color-secondary);
}

.single-insta
  .cm-section
  ul.comment_list.comments
  li
  .comment_meta
  .review_author {
  font-weight: 600;
}

.single-insta .cm-section ul.comment_list.comments li .comment_meta img {
  width: 3.5rem;
  height: 3.5rem;
  border: 0.1rem solid transparent;
  background:
    linear-gradient(white, white) padding-box,
    linear-gradient(
        to right,
        #5840d4,
        #9a30b5,
        #db2469,
        #fc944e,
        #ffee00,
        #f65145,
        #8535bf
      )
      border-box;
  border-radius: 50%;
  padding: 0.2rem;
  object-fit: cover;
}

.single-insta .related-insta {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

.single-insta .related-insta h3 {
  color: var(--color-accent);
}

.single-insta .related-insta .title:before {
  content: "";
  background-color: var(--color-primary);
  width: 3px;
  height: 30px;
  position: absolute;
  right: 0;
}

.single-insta .related-insta .title svg {
  fill: var(--color-accent);
}

.single-insta .related-insta .title {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  position: relative;
  margin: 1rem 0;
  width: 100%;
  background-color: #fff;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05);
}

/*
    comments
 */

.cm-section .cm-area .comments .depth-1 {
  margin: 1rem;
  padding: 1rem;
  background: #fafafa;
  border-radius: 0.8rem;
}

.cm-section .cm-area .comments .depth-2 {
  margin: 1rem;
  padding: 1rem;
  background: var(--Neutral-50);
  border-radius: 0.8rem 0 0 0.8rem;
  border-right: 2px solid rgba(0, 0, 0, 0.15);
}

.cm-section .cm-area .comments .depth-3 {
  margin: 1rem;
  padding: 1rem;
  background: var(--Neutral-0);
  border-radius: 0.8rem 0 0 0.8rem;
  border-right: 2px solid rgba(0, 0, 0, 0.15);
}

.cm-section .cm-area .comments .depth-4 {
  margin: 1rem;
  padding: 1rem;
  background: #fafafa;
  border-radius: 0.8rem 0 0 0.8rem;
  border-right: 2px solid rgba(0, 0, 0, 0.15);
}

/**
    comments
 */

.single-insta
  .insta-main-box
  .text-insta
  .insta-cm
  .cm-ins
  .cm-ins-content
  .name-cm-info {
  display: flex;
  gap: 0.5rem;
}

.single-insta
  .insta-main-box
  .text-insta
  .insta-cm
  .cm-ins
  .cm-ins-content
  .date-cm-info {
  margin-top: 1rem;
}

.single-insta .insta-main-box .text-insta .insta-cm .cm-ins.cm-ins-lvl_2 {
  padding-right: 4rem;
}

/** Button */
button {
  margin: 0;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
}

.btn-cm,
.btn-share {
  background: transparent;
}

.btn:hover {
  box-shadow: 0 3px 0 transparent;
  top: 3px;
}

.btn:active {
  background: #f2f2f2;
}

/** Modal */
.modal-insta,
.modal-insta-share,
.modal-prod-share {
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
  position: fixed;
  top: 40%;
  left: 0;
  right: 0;
  z-index: 999;
  max-width: 40%;
  margin: 0 auto;
  font-size: 1.4rem;
  overflow: hidden;
  padding: 0;
  background-color: var(--color-white);
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}

.modal-close-btn-ins,
.modal-close-btn-ins-share,
.modal-close-btn-prod-share {
  font-size: 20px;
  background: transparent;
}

.woocommerce nav.woocommerce-pagination ul {
  border: 0;
  border-left: 0;
  display: flex;
  justify-content: center;
  gap: 1.5m;
  align-items: center;
}

.woocommerce nav.woocommerce-pagination ul li {
  border-left: 0;
  margin: 0 10px;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
  background-color: var(--color-white);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  color: var(--color-black);
  background-color: var(--color-white);
  padding: 10px 15px;
  border-radius: 8px;
  border: 1px solid rgba(225, 226, 227, 1);
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: var(--color-white) !important;
  color: #816f98 !important;
}

/** Overlay */
.overlay-ins,
.overlay-prod {
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

/** JS */
.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.modal-insta-share,
.modal-prod-share {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.share-modal-header {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  background-color: var(--color-secondary);
  padding: 1rem;
  color: white;
  font-size: 2rem;
  font-weight: 600;
}

.share-modal-header button {
  color: white;
  font-size: 2.4rem;
}

.modal-insta-share .social-sharing svg {
  border-radius: 12px;
  border: 1px solid #f3f3f3;
  background: var(--color-white);
  padding: 0.5rem;
  cursor: pointer;
}

.share-modal-body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem 3rem;
}

.share-modal-body .shortlink > svg {
  border: 0;
  padding: 0;
}

.share-modal-body .shortlink > svg path {
  stroke: var(--color-secondary);
}

.share-modal-body .shortlink {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.share-modal-body .shortlink textarea {
  border: 1px solid var(--color-border);
  padding: 0.5rem 0.5rem;
  border-radius: 0.8rem;
  width: 44% !important;
  max-height: 3.1rem !important;
  max-width: 50%;
  overflow: hidden;
}

.share-modal-body .social-sharing {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.share-modal-body .social-sharing .box-sharing {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

.twitter-app path {
  fill: #009aff;
}

.youtube-app path {
  fill: red;
}

.telegram-app path {
  fill: #248eff;
}

.instagram-app path {
  fill: #ff00f6;
}

.wp-block-product-new .wc-block-grid__products {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

.wp-block-woocommerce-empty-cart-block
  .wp-block-product-new
  .wc-block-grid__products
  .wc-block-grid__product {
  display: flex;
  margin: 1rem;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
  box-shadow: 1px 1px 8px 0 #d3cccc;
  border-radius: 1.2rem;
  padding: 1rem;
  align-items: center;
  flex: 1 0 20%;
}

.checkout-process {
  padding: 2rem 0;
  width: 25%;
  margin: 0 auto;
  overflow: hidden;
}

.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus {
  border-color: #f0f1f1 !important;
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
  border-color: #f0f1f1 !important;
}

/* Cart style start */
.header-cart {
  display: flex;
  gap: 10px;
  width: 100%;
}
.shopping-product-cart .title-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 24px 10px;
}
.shopping-product-cart .title-sec .title-cart {
  display: flex;
  gap: 10px;

  align-items: center;
}
.shopping-product-cart .title-sec .title-cart h1 {
  font-weight: 600;
  font-size: 18px;
}
.shopping-product-cart .title-sec .title-cart span {
  color: var(--Neutral-400);
  font-size: 16px;
}
.shopping-product-cart .title-sec .reload-cart {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 14px;
}
.shopping-product-cart .title-sec .reload-cart button {
  color: var(--Neutral-700);
  background-color: transparent;
  font-weight: 600;
}
.cart-collaterals .title-sec {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 24px 10px;
  font-size: 18px;
  font-weight: 600;
}

.cart-collaterals .title-sec .delete-cart {
  display: flex;
  gap: 5px;
  align-items: center;
  color: var(--Neutral-400);
  font-size: 14px;
  font-weight: 400;
}

.shopping-product-cart {
  display: flex;
  flex-direction: column;
  width: 80%;
  height: fit-content;
}

.shopping-product-cart .product-items.cart-product .item.cart_item {
  display: flex;
  width: 100% !important;
  gap: 1rem;
  height: 100%;
  box-shadow: none;
  border: 0;
  padding: 24px;
  flex-wrap: nowrap;
  flex-direction: row;
  border-radius: 16px;
  align-items: stretch;
  border: 1px solid var(--Neutral-50);
}
.shopping-product-cart
  .product-items.cart-product
  .item.cart_item
  .cart-product-items {
  width: 90%;
  display: flex;
  gap: 24px;
  flex-direction: column;
}
.shopping-product-cart
  .product-items.cart-product
  .item.cart_item
  .cart-product-items
  .product {
  width: 100%;
  display: flex;
  gap: 24px;
}

.shopping-product-cart
  .product-items.cart-product
  .item.cart_item
  .cart-product-items
  .down {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.shopping-product-cart .product-items.cart-product {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 24px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
  padding: 18px;
}

.shopping-product-cart .quantity {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: var(--Neutral-40);
  padding: 5px 12px;
  width: 160px;
  border-radius: 6px;
}

.shopping-product-cart .quantity input {
  border-radius: 0.8rem;
  width: 100%;
  border: 0;
  text-align: center;
  font-size: 1.6rem;
  background-color: transparent;
}

.shopping-product-cart .quantity .plus {
  border-radius: 0.8rem;
  padding: 0 1rem;
  cursor: pointer;
  color: var(--Neutral-500);
  font-size: 2rem;
  border: 1.5px solid var(--Neutral-500);
  background-color: transparent;
}

.shopping-product-cart
  .product-items.cart-product
  .item.cart_item
  .cart-product-items
  .down
  .price {
  width: fit-content;
}

.shopping-product-cart.quantity input[type="number"]:focus {
  border: 0;
  box-shadow: 0;
  outline: 0;
}

.shopping-product-cart .quantity .minus {
  border-radius: 0.8rem;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--Neutral-500);
  font-size: 2rem;
  border: 1.5px solid var(--Neutral-500);
  background-color: transparent;
}

.shopping-product-cart .quantity input[type="number"]:focus {
  border: 0;
  box-shadow: 0;
  outline: 0;
}

.shopping-product-cart
  .product-items.cart-product
  .item.cart_item
  .delete-cart-item {
  width: 48px;
  height: auto;
  display: flex;
}

.shopping-product-cart
  .product-items.cart-product
  .item.cart_item
  .delete-cart-item
  a.remove:hover {
  background-color: var(--Neutral-50);
  transition: background 0.3s ease-in-out;
}

.shopping-product-cart
  .product-items.cart-product
  .item.cart_item
  .delete-cart-item
  a.remove {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: background 0.3s ease-in-out;
  height: 100%;
  text-align: center;
  border: 1px solid var(--Neutral-100);
  padding: 10px;
  border-radius: 8px;
  background-color: var(--Neutral-40);
  text-decoration: none;
  font-weight: 700;
}

/* Chrome, Safari, Edge, Opera */
.shopping-product-cart input::-webkit-outer-spin-button,
.shopping-product-cart input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.shopping-product-cart input[type="number"] {
  -moz-appearance: textfield; /* Firefox */
  -webkit-appearance: none; /* Safari & Chrome */
  appearance: none; /* standard */
}

.cart-collaterals .coupon {
  display: flex;
  position: relative;
  width: 100%;
}

.woocommerce-cart-form
  .cart-collaterals
  .cart_totals
  .wc-proceed-to-checkout
  a {
  background-color: var(--color-primary);
  border-radius: 8px;
  width: 100%;
  padding: 10px;
  display: block;
  text-align: center;
}

.cart-collaterals .coupon input {
  width: 100%;
  padding: 15px 25px;
}

.cart-collaterals .coupon button {
  color: var(--color-white);
  position: absolute;
  left: 10px;
  background-color: var(--color-primary);
  border-radius: 8px;
  top: 7px;
  padding: 10px 20px;
}

.woocommerce form.checkout_coupon input {
  border: 1px solid var(--color-border);
  border-radius: 8px;
  height: 4rem;
  padding: 0 1rem;
  transition: all 0.3s ease-in-out;
}

.woocommerce form.checkout_coupon input[type="text"]:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
}

.woocommerce form.checkout_coupon button {
  border-radius: 8px;
  background-color: var(--color-secondary);
  color: var(--color-white-text);
  padding: 1rem;
}

.woocommerce form.checkout_coupon button:hover {
  border-radius: 8px;
  background-color: var(--color-primary);
  color: var(--color-white-text);
}

.shopping-product-cart .coupon-cart button {
  background-color: var(--color-accent);
  border-radius: 0.8rem;
  color: white !important;
  padding: 1rem;
}

.shopping-product-cart .coupon-cart input {
  background-color: white;
  color: var(--color-secondary);
  border-radius: 8px;
}

.shopping-product-cart .coupon-cart input {
  color: var(--Neutral-800);
  transition: all 0.3s ease-out;
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  border: 0.1rem solid var(--Neutral-100);
  border-radius: 0.8rem;
}

.shopping-product-cart .coupon-cart input[type="text"]:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
}

.cart-product .cart_item {
  width: 32% !important;
  height: auto !important;
}

.cart-product .cart_item figure {
  margin: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: 106px;
  height: 106px;
}
.cart-product .cart_item figure img {
  margin: 0 !important;
  box-shadow: none !important;
  object-fit: contain;
  width: 100%;
  height: fit-content;
  padding: 10px !important;
  border-radius: 8px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
}

.cart-product .cart_item h3 a {
  font-size: 15px;
  color: var(--color-accent) !important;
}

.cart-product .cart_item .delete-cart-item a {
  width: 100%;
  font-size: 12px;
}

.cart-product-coupon .coupon-cart {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding: 10px;
  border-radius: 7px;
}

.woocommerce-cart-form .cart-collaterals .cross-sells {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: flex-start;
  padding: 0 2rem;
  margin: 2rem 0;
}

.woocommerce-cart-form .cart-collaterals {
  width: 30%;
  box-shadow: 0 0 3px 1px rgb(0 0 0 / 10%);
  border-radius: 7px;
  padding: 10px;
  display: flex;
  justify-content: flex-end;
}

.woocommerce-cart-form .cart-collaterals .cart_totals {
  max-width: 400px !important;
  border-radius: 24px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
  padding: 18px;
  gap: 1rem;
  display: flex;
  flex-direction: column;
}

.woocommerce-cart-form
  .cart-collaterals
  .cart_totals
  .woocommerce-shipping-totals.shipping
  ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.woocommerce .woocommerce-info a {
  color: var(--Neutral-800);
  padding: 0.5rem 1rem;
  background-color: var(--color-secondary);
  border-radius: 1.2rem;
  font-size: 1.6rem;
}

.ultra-shipping .woocommerce-shipping-methods {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ultra-shipping .woocommerce-shipping-methods li {
  padding: 1rem;
  border-radius: 8px;
  width: 100%;
  font-size: 1.2rem;
}

.woocommerce-cart-form
  .cart-collaterals
  .cart_totals
  .woocommerce-shipping-totals.shipping
  ul
  li {
  padding: 1rem;
  border-radius: 8px;
  font-size: 1.2rem;
}

.cart-product-coupon {
  width: 100%;
}

.cross-sells .owl-nav {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0 !important;
}
.cross-sells .owl-dots {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.cross-sells .product-items {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  border-radius: 24px;
  display: block;
}
.owl-theme.cross-sell-slider .owl-dots .owl-dot span {
  background: var(--color-secondary);
  width: 2rem;
  width: 10px;
  height: 20px;
  margin: 0 !important;
  transition: all 0.3s ease-in-out;
}

.owl-theme.cross-sell-slider .owl-nav button {
  border: 1px solid var(--Neutral-50, #f0f1f1);
  border-radius: 24px;
  padding: 20px;
}
.owl-theme.cross-sell-slider .owl-nav button span {
  color: var(--color-primary);
}

/* my account style */

.ultra-myAccount {
  display: flex;
  gap: 2rem;
}

.ultra-myAccount .woocommerce-MyAccount-navigation {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
  border-radius: 1.2rem;
  padding: 2rem;
}

.ultra-myAccount .woocommerce-MyAccount-navigation .user-info-myAccount {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.ultra-page
  .ultra-myAccount
  .woocommerce-MyAccount-navigation
  .user-info-myAccount
  img {
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
}

.ultra-page
  .ultra-myAccount
  .woocommerce-MyAccount-navigation
  .user-info-myAccount
  p {
  font-size: 2.8rem;
  height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
}

.ultra-myAccount .woocommerce-MyAccount-navigation ul {
  padding: 1rem;
  background-color: var(--color-white);
  border-radius: 1.2rem;
}

.ultra-myAccount .woocommerce-MyAccount-navigation ul li {
  list-style: none;
  padding: 1.5rem 2rem;
  font-size: 1.2rem;
}

.ultra-myAccount .woocommerce-MyAccount-navigation ul li:hover a {
  margin-right: 1rem;
  transition: all 0.3s ease-in-out;
}

.ultra-myAccount .woocommerce-MyAccount-navigation ul li a {
  width: 100%;
  display: block;
  transition: all 0.3s ease-in-out;
}

.ultra-myAccount .woocommerce-MyAccount-navigation ul li.is-active {
  background-color: var(--color-secondary);
  border-radius: 0.8rem;
}

.ultra-myAccount .woocommerce-MyAccount-navigation ul li.is-active a {
  color: white;
}

.ultra-myAccount .woocommerce-MyAccount-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ultra-myAccount .woocommerce-MyAccount-content .myaccount-detail {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}

.ultra-myAccount .woocommerce-MyAccount-content .myaccount-detail .item-detail {
  border-radius: 12px;
  padding: 2.4rem;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(230deg, #fff -1.64%, var(--color-accent) 45.51%);
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .myaccount-detail
  .item-detail
  .detail-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .myaccount-detail
  .item-detail
  .detail-content
  h6 {
  color: var(--color-white-text);
  font-size: 1.8rem;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .myaccount-detail
  .item-detail
  .detail-content
  span {
  color: var(--color-primary);
  font-size: 1.6rem;
  align-self: end;
  font-weight: 600;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .myAccount-order {
  padding: 2rem;
  background-color: var(--color-white);
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .myAccount-order
  h6 {
  font-size: 1.6rem;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .myAccount-order
  ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .myAccount-order
  ul
  li {
  border-bottom: 1px solid var(--color-border);
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .myAccount-order
  ul
  li
  a {
  display: flex;
  gap: 1rem;
  padding: 1rem 0;
  justify-content: space-between;
  align-items: center;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .myAccount-order
  ul
  li
  a
  span {
  border-radius: 5px;
  background: var(--Neutral-50);
  padding: 0.5rem 1rem;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .myAccount-order
  ul
  li:last-child {
  border: 0;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .myAccount-order
  ul
  li
  a
  img {
  width: 6rem;
  height: 6rem;
  object-fit: cover;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .myAccount-order
  .view-more-orders {
  text-align: center;
  background-color: var(--color-secondary);
  color: var(--color-white-text);
  width: 100%;
  font-size: 1.2rem;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  align-self: end;
  transition: all 0.3s ease-in-out;
  border: 1px solid var(--color-secondary);
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .myAccount-order
  .view-more-orders:hover {
  transition: all 0.3s ease-in-out;
  border: 1px solid var(--color-secondary);
  color: var(--color-secondary);
  background-color: white;
}

.ultra-myAccount .woocommerce-address-fields button.button {
  background-color: var(--color-secondary);
  color: var(--color-white-text);
  width: 100%;
}

.woocommerce-MyAccount-content
  .panel-content
  .woocommerce-Addresses
  .woocommerce-Address {
  border: 1px solid var(--color-border);
  padding: 1rem;
  border-radius: 8px;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .notification-address {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 2rem;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .notification-address
  .myAccount-notification {
  padding: 1rem;
  background-color: var(--color-white);
  border-radius: 1.2rem;
  max-height: 30rem;
  overflow: scroll;
  border: 1px solid var(--Neutral-50, #f0f1f1);
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .notification-address
  .myAccount-address {
  padding: 2rem;
  background-color: var(--color-white);
  border-radius: 1.2rem;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1.4rem;
  flex-grow: 1;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .notification-address
  .myAccount-notification
  .notif-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}
.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .notification-address
  .myAccount-notification
  .notif-text {
  padding: 2rem;
  border-radius: 8px;
  box-shadow: inset 1px 1px 20px 3px var(--color-primary);
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .notification-address
  .myAccount-notification
  .notif-head
  svg.svg-bell {
  width: 2.8rem;
  height: 2.8rem;

  border-radius: 50%;
  fill: var(--color-secondary);
}

.circle-ultra {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.pulse-ultra {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;

  border-radius: 50%;
  animation: pulse-animation 2s infinite;
}

.rotate-ultra {
  animation: rotate-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

@keyframes rotate-animation {
  0% {
    rotate: 45deg;
  }
  25% {
    rotate: -45deg;
    scale: 102%;
  }
  50% {
    rotate: 45deg;
  }
  75% {
    rotate: -45deg;
    scale: 102%;
  }
  100% {
    rotate: 45deg;
  }
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .notification-order
  .notification-address
  .myAccount-notification
  .notif-head
  h6 {
  font-size: 1.4rem;
}

.ultra-myAccount .woocommerce-MyAccount-content .panel-content {
  padding: 2rem;
  background-color: var(--color-white);
  border: 1px solid var(--Neutral-50, #f0f1f1);

  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1.4rem;
  height: 100%;
}

.ultra-myAccount .woocommerce-MyAccount-content {
  position: relative;
}

.ultra-myAccount .woocommerce-MyAccount-content .woosw-list {
  padding: 2rem;
  background-color: var(--color-white);
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1.4rem;
  height: 70rem;
  padding-bottom: 5rem;
  align-items: center;
  overflow: scroll;
}

.ultra-myAccount .woocommerce-MyAccount-content .woosw-list .woosw-actions {
  justify-content: center;
  width: 98%;
  background-color: var(--color-secondary);
  border-radius: 8px;
  position: absolute;
  color: var(--color-white-text);
  bottom: 1rem;
  padding: 0.5rem;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .woosw-list
  .woosw-actions
  .woosw-copy
  button {
  background-color: white;
  color: var(--color-secondary);
  border-radius: 8px;
  padding: 0.7rem 1rem;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .woosw-list
  .woosw-actions
  .woosw-copy
  input {
  padding: 0.5rem;
  border-radius: 8px;
  color: var(--color-secondary);
  border-color: transparent;
}

.ultra-myAccount .woocommerce-MyAccount-content input[type="url"]:focus {
  border: 0.2rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
}

.ultra-myAccount .woocommerce-MyAccount-content input[type="text"],
.ultra-myAccount .woocommerce-MyAccount-content input[type="email"],
.ultra-myAccount .woocommerce-MyAccount-content input[type="password"] {
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-50);
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .woosw-list
  .woosw-actions
  .woosw-copy
  input[type="url"]:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .woosw-list
  .woosw-popup-content-mid-message {
  justify-content: center;
  width: 100%;
  border: 1px solid var(--Neutral-50);
  border-radius: 8px;
  padding: 1rem;
}

.ultra-myAccount .woocommerce-MyAccount-content .woosw-list .woosw-items {
  width: 100%;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .woocommerce-EditAccountForm
  fieldset {
  padding: 1rem;
  border-radius: 8px;
  border-color: var(--color-border);
  margin: 2rem 0;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .woocommerce-EditAccountForm
  fieldset
  legend {
  background-color: var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: 8px;
}

.ultra-myAccount
  .woocommerce-MyAccount-content
  .woocommerce-EditAccountForm
  button {
  width: 100%;
  background-color: var(--color-secondary);
  color: var(--color-white-text);
  padding: 1rem;
  border-radius: 8px;
}

/* Product style */

.item.prod-style-1 .product-title {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}

.item.prod-style-1 .product-title:after {
  position: absolute;
  width: 15%;
  bottom: -10px;
  right: 43%;
  height: 9px;
  background-color: #a2a2a2;
  background-image: linear-gradient(
    to right,
    var(--color-secondary) 0%,
    var(--color-primary) 8.33%,
    var(--color-secondary) 17.19%,
    var(--color-secondary) 25.52%,
    var(--color-primary) 34.9%,
    var(--color-secondary) 46.88%,
    var(--color-secondary) 59.9%,
    var(--color-secondary) 72.4%,
    var(--color-primary) 84.9%,
    var(--color-primary) 96.36%
  );
  filter: blur(10px);
  opacity: 0.5;
  content: "";
}

.item.prod-style-1 .product-title:before {
  position: absolute;
  width: 15%;
  bottom: -10px;
  right: 43%;
  height: 6px;
  background-color: #a2a2a2;
  background-image: linear-gradient(
    to right,
    var(--color-secondary) 0%,
    var(--color-primary) 8.33%,
    var(--color-secondary) 17.19%,
    var(--color-secondary) 25.52%,
    var(--color-primary) 34.9%,
    var(--color-secondary) 46.88%,
    var(--color-secondary) 59.9%,
    var(--color-secondary) 72.4%,
    var(--color-primary) 84.9%,
    var(--color-primary) 96.36%
  );
  border-radius: 100%;
  content: "";
}

.ultra-style-products.prod-style-1 .product-title {
  margin-bottom: 2rem;
}

.ultra-style-products .product-items .item {
  width: 100%;
  margin: 2rem;
  padding: 1rem;
}

.ultra-style-products .product-image {
  width: 100%;
}

.ultra-style-products .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item.prod-style-2 a h3 {
  font-size: 2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.item.prod-style-2 .product-icon {
  background-color: var(--color-secondary);
  border: 0;
  display: flex;
  color: var(--color-white-text);
  align-items: center;
  gap: 0.5rem;
  padding: 0.2rem 1rem;
  transition: all 0.3s ease-in-out;
}

.item.prod-style-2 .product-icon span {
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}

.item.prod-style-2 .product-icon:hover span {
  opacity: 1;
  max-width: 200px;
}

.item.prod-style-2 .product-icon svg path {
  stroke: var(--color-white);
}

.item.prod-style-2 {
  padding: 2rem 0;
}

.ultra-style-products .product-items.ultra-style .item:hover {
  scale: 100%;
}

.product-items.ultra-style {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 2rem 0;
}

.item.prod-style-3 {
  min-height: 41rem;
}

.item.prod-style-3 .price {
  font-size: 1.4rem;
}

.product-image {
  position: relative;
}

.item.prod-style-3 img.ultra-img-hover {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 8px;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  width: 100%;
  height: 100%;
  background-color: white;
}

.item.prod-style-3 .product-image:hover img.ultra-img-hover {
  opacity: 1;
}
.item.prod-style-3 .add-cart-btn:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  transition: all 0.5s ease-in-out;
}
.item.prod-style-3 .add-cart-btn {
  display: flex;
  gap: 1rem;
  transition: all 0.5s ease-in-out;
  align-items: center;
  background-color: var(--color-secondary);
  width: 100%;
  justify-content: center;
  color: var(--color-white-text);
  padding: 1rem;
  border-radius: 8px;
  font-size: 1.4rem;
}

.item.prod-style-3 .add-cart-btn svg path {
  stroke: white;
}

.item.prod-style-3 {
  justify-content: space-between;
  margin: 1rem 0;
}

.up-sells.upsells.products .product-items .item {
  width: 22rem;
}

.item.prod-style-4 .product-icon {
  background-color: var(--color-secondary);
  border: 0;

  display: flex;
  border-radius: 0.8rem;
  color: var(--color-white-text);
  align-items: center;
  gap: 0.5rem;
  padding: 0.2rem 1rem;
  transition: all 0.3s ease-in-out;
  align-self: flex-start;
}

.item.prod-style-4 .product-icon span {
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}

.item.prod-style-4 .product-icon:hover span {
  opacity: 1;
  max-width: 200px;
}

.item.prod-style-4 .product-icon svg path {
  stroke: var(--color-white);
}

.item.prod-style-4 {
  overflow: hidden;
}

.item.prod-style-4 .product-image .sale-prod {
  background-color: var(--color-secondary);
  padding: 2rem;
  border-radius: 50%;
  position: absolute;
  top: -2rem;
  left: -2rem;
  color: var(--color-white-text);
  font-size: 1.6rem;
}

.item.prod-style-4 .product-title h3::before {
  content: "|";
  padding-left: 1rem;
}

.item.prod-style-4 .product-title h3 {
  font-size: 1.4rem;
}
.category-product .product-items .item {
  min-width: 24rem;
  width: 23.5%;
}

.category-product .product-items .item.prod-style-7 {
  justify-content: space-evenly;
  min-width: 22rem;
  height: 42rem;
  width: 23.5%;
}

.category-product .product-items .item.prod-style-8 {
  justify-content: space-evenly;
  min-width: 25rem;
  height: auto;
}

.item.prod-style-9 a {
  justify-content: space-between !important;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.item.prod-style-9 a h2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 90%;
  overflow: hidden;
  text-align: start;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  text-overflow: ellipsis;
}

.product-items .item.prod-style-7 a.added_to_cart {
  background-color: var(--color-accent);
  text-align: center;
  color: var(--color-white-text);
  border-radius: 8px;
  padding: 1rem 0;
  width: 100%;
}

.product-items .item .addtocart_button {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.item.prod-style-10 a.added_to_cart {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  padding: 1rem !important;
}

.item.prod-style-11 a.added_to_cart {
  position: absolute;
  padding: 1rem !important;
  width: 22rem;
  bottom: -28rem;
  z-index: 99;
}

.product-items .item a.added_to_cart {
  background-color: var(--color-accent);
  text-align: center;
  color: var(--color-white-text);
  border-radius: 8px;
  padding: 1rem 0;
}

.side-single.side-shop .closebtnshop {
  display: none;
}

.side-single.side-shop .woocommerce.widget form {
  position: relative;
}

@keyframes discount-ripple {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
  }
}

.category-product .product-items .item.prod-style-9 {
  justify-content: space-between;
  min-width: 22rem;
  height: auto;
}
.category-product .product-items .item.prod-style-9 .ultra-product-card img {
  width: 100%;
}

.product-items .item.prod-style-9 .price {
  font-size: 1.2rem;
}

.item .add-cart-btn.added {
  display: none;
}

.item.prod-style-6 {
  width: 25rem;
  margin: 0;
  border: 1px solid var(--color-border);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: space-between;
  border-radius: 0.8rem;
  height: 32rem;
}

.item.prod-style-6 h3 {
  font-size: 1.4rem;
}

.item.prod-style-6 .product-image img {
  width: 100%;
  height: 20rem;
  object-fit: cover;
  border-radius: 8px;
}

.item.prod-style-7 {
  width: 23rem;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.item.prod-style-7 .prod-content .product-image img {
  width: 30rem;
  height: 30rem;
  object-fit: cover;
}

.item.prod-style-7 .prod-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  height: 100%;
  gap: 1rem;
  transition: all 0.3s ease-in-out;
}

.item.prod-style-7 .add-cart-btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  position: absolute;
  bottom: -4.5rem;
}

.item.prod-style-7 .added_to_cart.wc-forward {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  position: absolute;
  bottom: -5.5rem;
}

.item .added_to_cart.wc-forward {
  background-color: var(--color-accent) !important;
}

.item.prod-style-7:hover .prod-content {
  filter: blur(4px);
  transition: all 0.3s ease-in-out;
}

.item.prod-style-7:hover .add-cart-btn {
  bottom: 2rem;
  transition: all 0.3s ease-in-out;
  width: 90%;
}

.item.prod-style-7 .add-cart-btn:hover {
  background-color: var(--color-primary) !important;
}

.item.prod-style-7 .add-cart-btn:hover span {
  color: var(--color-white-text) !important;
}

.item.prod-style-7:hover .add-cart-btn.added {
  display: none;
}

.item.prod-style-7:hover .added_to_cart.wc-forward {
  bottom: 2rem;
  transition: all 0.3s ease-in-out;
  width: 90%;
}

/* .item.prod-style-7:hover .not_stock{
    position: absolute;
    bottom: 2rem;
    z-index: 999;
    transition: all 0.3s ease-in-out;
    width: 90%;


}
.item.prod-style-7:hover .no_price{
    bottom: 2rem;
    transition: all 0.3s ease-in-out;
    width: 90%;


} */

.item.prod-style-7 .add-cart-btn {
  background-color: var(--color-secondary);
  padding: 1rem !important;
  font-size: 1.4rem;
  color: var(--color-white-text);
  border-radius: 0.8rem;
  transition: background-color 0.3s ease-in-out;
}

.item.prod-style-7 .add-cart-btn:hover {
  background-color: var(--color-primary);
  transition: background-color 0.3s ease-in-out;
}

.item.prod-style-7 .add-cart-btn svg path {
  stroke: var(--color-white-text);
}

.item.prod-style-8 .prod-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  justify-content: space-between;
}

.prod-content h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 90%;
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  text-overflow: ellipsis;
}

.prod-content .no_price {
  background-color: var(--Neutral-700);
  padding: 0.5rem 0;
  border-radius: 0.8rem;
  text-align: center;
  width: 100%;
  display: block;
  color: var(--color-white-text);
}

.item.prod-style-8 {
  display: flex;
  width: 20rem;
  flex-direction: row;
  gap: 1rem;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  height: 32rem;
}

.item.prod-style-8 .product-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.woocommerce-page .sale-image img {
  max-width: none;
}

.item.prod-style-8 .product-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.item.prod-style-8 .add-cart-btn {
  display: flex;
  gap: 1rem;
  align-items: center;
  background-color: var(--color-secondary);

  justify-content: center;
  color: var(--color-white-text);
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-size: 1.4rem;
}

.item.prod-style-8 .add-cart-btn svg path {
  stroke: var(--color-white-text);
}

.item.prod-style-8 .add-cart-btn {
  background-color: var(--color-secondary);
  border: 0;
  display: flex;
  border-radius: 0.8rem;
  color: var(--color-white-text);
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  transition: all 0.3s ease-in-out;
  align-self: flex-start;
}

.item.prod-style-8 .add-cart-btn span {
  opacity: 0;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}

.item.prod-style-8 .add-cart-btn:hover span {
  opacity: 1;
  width: 18rem;

  color: white !important;
}

.item.prod-style-8 .add-cart-btn:hover {
  background-color: var(--color-primary) !important;
}

.item.prod-style-8 .product-icon svg path {
  stroke: var(--color-white-text);
}

.single-post-ultra .text-box .brands {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
  margin: 2rem 0;
}

.single-post-ultra .text-box .brands .brand-item {
  border: 1px solid var(--color-border);
  border-radius: 0.8rem;
  padding: 1rem;
  width: 18%;
  height: 25rem;
}

.single-post-ultra .text-box .brands .brand-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.single-post-ultra .text-box .brands .brand-item a img {
  box-shadow: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-post-ultra .text-box .brands .brand-item a p {
  background-color: var(--color-secondary);
  padding: 1rem 0;
  border-radius: 0.8rem;
  width: 100%;
  color: var(--color-white-text);
  text-align: center;
  font-weight: 600;
}

.category-product-page .category-product .order-ultra-top {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.empty-cart-ultra {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

.empty-cart-ultra ul.menu {
  list-style: none;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.empty-cart-ultra ul.menu li ul {
  display: none;
}
.empty-cart-ultra ul.menu li {
  background-color: color-mix(
    in srgb,
    var(--color-primary) 10%,
    transparent 90%
  );
  padding: 1rem;
  border-radius: 8px;
}

.empty-cart-ultra ul.menu li a {
  color: var(--color-primary);
}

.empty-cart-ultra ul.menu li a::after {
  content: ">";
  margin: 0 10px;
}

.empty-cart-ultra .return-to-shop {
  width: 50%;
  align-content: center;
  display: flex;
}

.empty-cart-ultra .return-to-shop img {
  width: 170px;
  margin: 0 auto;
}

.empty-cart-ultra .empty-message-ultra {
  border: 1px solid var(--color-border);
  border-radius: 0.8rem;
  padding: 1rem 3rem;
  color: var(--color-menu);
}

.empty-cart-ultra > ul {
  align-self: flex-start;
}

.woocommerce-info {
  border-top-color: var(--color-secondary);
  z-index: 0;
}

.woocommerce-info::before {
  color: var(--color-secondary);
}

.woocommerce-message::before {
  color: var(--color-secondary);
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  /* padding: 1em 3.5em 1em 2em;
    margin: 0 0 2em;
    position: relative; */
  border-radius: 0.8rem;
  border-top-color: var(--color-secondary);
  /* background-color: #f6f5f8;
    color: #515151;
    border-top: 3px solid #7f54b3;
    list-style: none outside;
    width: auto;
    word-wrap: break-word; */
}

/**
      Start Blog1
 */
.blog1 .blog-item {
  display: grid;
  grid-column-gap: 15px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr;
}

.blog1 .blog-item .article {
  position: relative;
  height: 360px;
}

.blog1 .blog-item .article a {
  display: flex;

  height: 100%;
  overflow: hidden;
  border-radius: 19px;
}

.blog1 .blog-item .article a img {
  width: 100% !important;
  transition: 0.5s;
  object-fit: cover;
  height: 100%;
}

.blog1 .blog-item .article .content {
  position: absolute;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 18.23%,
    rgba(0, 0, 0, 0.9) 86.98%,
    rgba(0, 0, 0, 0.9) 100%
  );
  width: 100%;
  right: 0;
  padding: 25px;
  border-radius: 19px;
}

.blog1 .blog-item .article .content .meta {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px;
}

.blog1 .blog-item .article .content .meta .category {
  display: flex;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  gap: 5px;
}

.blog1 .blog-item .article .content .meta .category a {
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  padding: 1px 10px;
  border-radius: 7px;
  transition: 0.3s;
  background: var(--color-primary);
}

.blog1 .blog-item .article .content .meta .date {
  background-color: #0000008f;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  padding: 1px 15px;
  border-radius: 7px;
  transition: 0.3s;
}

.blog1 .blog-item .article .content .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.blog1 .blog-item .article .content .title a {
  margin: 10px 0 0 0;
  color: var(--color-white-text);
}

.blog1 .blog-item .article .content .excerpt {
  height: 0;
  transition: 0.5s;
  overflow: hidden;
}

.blog1 .blog-item .article:hover .content .excerpt {
  height: 58px;
}

.blog1 .blog-item .article .content .excerpt p {
  color: var(--color-white-text);
  font-size: 1.3rem;
  font-weight: 300;
}

@media (min-width: 1280px) {
  .blog1 .blog-item {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/**
        Start Blog2
 */
.blog-title {
  display: flex;
  gap: 5px;
  align-items: center;
  position: relative;
  border-radius: 16px;
  margin: 40px 0;
}

.blog-title:before {
  content: "";
  background-color: var(--color-primary);
  width: 3px;
  height: 30px;
  position: absolute;
  right: 0;
}

.blog-title h3 {
  font-size: 2rem;
  font-weight: 700;
}

.single-post-ultra .post-content .main-box .cm-section .cm-area {
  flex-direction: column;
}

.single-post-ultra .post-content .main-box .comments {
  width: 100%;
}

.blog-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}

.blog-list .article {
  width: 48%;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  padding: 15px;
  background-color: var(--color-white);
  box-shadow:
    4px 6px 31px rgba(0, 0, 0, 0.04),
    0 -9px 33px rgba(255, 255, 255, 0.12);
  border-radius: 19px;
}

.blog-list .article > a {
  display: flex;
  overflow: hidden;
  border-radius: 19px;
  width: 20%;
  max-height: 21rem;
  position: relative;
}

.blog-list .article a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in-out;
}

.blog-list .article:hover img {
  transform: scale(1.2);
}

.blog-list .article .content {
  padding-left: 10px;
  width: 80%;
  padding-right: 0;
}

.blog-list .article .content .title {
  margin: 0 0 9px 0;
}

.blog-list .article .content .title a {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  color: var(--color-accent);
}

.blog-list .article .content .excerpt {
  font-weight: 400;
  font-size: 13px;
  line-height: 200%;
  color: #525474;
}

.blog-list .article .content .excerpt p {
  margin: 0 0 20px 0;
}

.blog-list .article .content .meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px dashed var(--Neutral-50);
  padding-top: 15px;
  flex-wrap: wrap;
  row-gap: 10px;
}

.blog-list .article .content .meta .right .category {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  gap: 5px;
}

.blog-list .article .content .meta .right .category a {
  color: var(--color-white-text);
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  padding: 6px 15px;
  border-radius: 7px;
  transition: 0.3s;
  background: var(--color-primary);
}

.blog-list .article .content .meta .left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.blog-list .article .content .meta .left .date {
  display: flex;
  align-items: center;
  gap: 5px;
}

.blog-list .article .content .meta .left .comments-count {
  display: flex;
  align-items: center;
  gap: 5px;
}

.blog-list .article a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-list .article:hover .article a img {
  transform: scale(1.2);
  transition: all 0.5s ease-in-out;
}

.shadow {
  width: 100%;
  background-color: var(--color-white);
  padding: 15px;
  border-radius: 7px;
  box-shadow:
    4px 6px 31px rgba(0, 0, 0, 0.04),
    0 -9px 33px rgba(255, 255, 255, 0.12);
}

.ultra-tv {
  margin: 5rem 0;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}
.ultra-tv .main-tv .tv-box {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border);
  background-color: var(--color-white);
  border-radius: 0.8rem;
  flex-grow: 1;
  align-items: center;
  padding: 1rem;
  height: 100%;
}
.ultra-tv .side-tv {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 65%;
}
.ultra-tv .main-tv {
  width: 35%;
}
.ultra-tv .side-tv .tv-box {
  display: flex;
  gap: 2rem;
  padding: 1rem;
  border-radius: 0.8rem;
  border: 1px solid var(--color-border);
  background-color: var(--color-white);
}
.ultra-tv .main-tv .tv-box a {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  justify-content: center;
}
.ultra-tv .side-tv .tv-box a {
  position: relative;
}
.ultra-tv .tv-box a :hover img {
  filter: blur(0);
  transition: all 0.3s ease-in-out;
}

.ultra-tv .main-tv .tv-box a img {
  width: 95%;
  border-radius: 0.8rem !important;
  margin-top: -2rem !important;
  height: 23rem !important;
  filter: blur(1.5px);
  transition: all 0.3s ease-in-out;
}
.ultra-tv .side-tv .tv-box a img {
  width: 20rem;
  border-radius: 0.8rem !important;
  transition: all 0.3s ease-in-out;
  margin: 0 !important;
  margin-top: -2rem !important;
  height: 12rem !important;
  filter: blur(1.5px);
}
.ultra-tv .tv-box a svg {
  fill: white;
  stroke-width: 4px;
}
.ultra-tv .main-tv .tv-box a svg {
  position: absolute;
  top: 30%;
  z-index: 99999;
  right: 42%;
  width: 6rem;
  height: 6rem;
}
.ultra-tv .tv-box a svg {
  transition: all 0.3s ease-in-out;
}
.ultra-tv .tv-box a:hover svg {
  scale: 110%;
  transition: all 0.3s ease-in-out;
}

.ultra-tv .side-tv .tv-box a svg {
  position: absolute;
  top: 15%;
  z-index: 99999;
  right: 42%;
  width: 4rem;
  height: 4rem;
}
.ultra-tv .main-tv .tv-box h3 {
  font-size: 1.6rem;
}

/* start ultra-comment-widget */

.ultra-comment-widget {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.ultra-comment-widget .ultra-comment_img {
  position: relative;
  text-align: right;
  padding: 15px;
  width: 45%;
}

.ultra-comment-widget .ultra-comment_img .ultra-img-mask {
  -webkit-mask-image: url(../ultra-market/assets/image/ultra_mask_img.svg);
  mask-image: url(../ultra-market/assets/image/ultra_mask_img.svg);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  height: 446px;
  width: 550px;
  margin-left: auto;
}
.ultra-comment-widget .ultra-comment_img .ultra-img-mask img {
  max-width: unset;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 !important;
}

.ultra-comment-widget .ultra-comment_img .ultra_img-shape .shape-1 {
  position: absolute;
  width: 580px;
  height: 475px;
  right: 0;
  top: 0;
}
.ultra-comment-widget .ultra-comment_img .ultra_img-shape .shape-1 svg {
  width: 100%;
  height: 100%;
  color: #4f6699;
  overflow: visible;
  display: block;
  position: absolute;
}
.ultra-comment-widget
  .ultra-comment_img:hover
  .ultra_img-shape
  .shape-1
  svg
  .animation-dashed {
  animation-play-state: running;
}
.ultra-comment-widget
  .ultra-comment_img
  .ultra_img-shape
  .shape-1
  svg
  .animation-dashed {
  animation: animation__shape-three 0.5s infinite linear;
  animation-play-state: paused;
}
@keyframes animation__shape-three {
  0% {
    stroke-dashoffset: 24;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.ultra-comment-widget .ultra-comment_body {
  width: 50%;
  position: relative;
}
.ultra-comment-widget .ultra-comment_body .owl-nav:not(.disabled) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.ultra-comment-widget .ultra-comment_body .owl-nav button {
  pointer-events: auto;
}
.ultra-comment-widget .ultra-comment_body:hover .owl-nav {
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}
.ultra-comment-widget .ultra-comment_body .owl-nav button:hover {
  background: var(--color-white);
}
.ultra-comment-widget .ultra-comment_body .owl-nav button {
  background: var(--color-white);
  border-radius: 50%;
  padding: 0 1.5rem 0.5rem 1.5rem !important;

  border: 1px solid var(--color-primary);
}
.ultra-comment-widget .ultra-comment_body .owl-nav button span,
.ultra-comment-widget .ultra-comment_body .owl-nav button:hover span {
  color: var(--color-primary);
  font-size: 3rem;
}
.ultra-comment-widget .ultra-comment_body .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
.ultra-comment-widget .ultra-comment_body .item svg path {
  /* 	رنگ نقطه بالای کامنت داینامیک شه */
  stroke: red;
}

.ultra-comment-widget .ultra-comment_body .item .ultra-comment_body_author {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.ultra-comment-widget .ultra-comment_body .item .ultra-comment_body_author img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
}

.ultra-comment-widget
  .ultra-comment_body
  .item
  .ultra-comment_body_author
  .ultra-comment_body_author_info {
  display: flex;
  flex-direction: column;
}
.ultra-comment-widget
  .ultra-comment_body
  .ultra-comment-widget_slider.owl-carousel
  button.owl-dot {
  padding: 0 !important;
}

@media screen and (max-width: 1500px) {
  .rtl.woocommerce .price_label,
  .rtl.woocommerce .price_label span {
    gap: 0;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
}
/*res*/
@media screen and (max-width: 1400px) {
  .ultra-comment-widget .ultra-comment_img .ultra_img-shape .shape-1 {
    width: 380px;
    height: 305px;
    top: 25px;
  }
  .ultra-comment-widget .ultra-comment_img .ultra-img-mask {
    height: 326px;
    width: 350px;
  }
  .ultra-comment-widget .ultra-comment_img {
    width: 35%;
  }
  .ultra-comment-widget .ultra-comment_body {
    width: 60%;
  }
}
@media screen and (max-width: 1300px) {
  .ultra-product-sale-in-timer .banner-side {
    width: 25%;
  }

  .ultra-product-sale-in-timer .product-box {
    width: 75%;
  }
}
@media screen and (max-width: 1290px) {
  .ultra-comment-widget .ultra-comment_body {
    width: 45%;
  }
  .ultra-comment-widget {
    align-items: center;
  }
}

@media screen and (max-width: 1000px) {
  .ultra-product-sale-in-timer .banner-side {
    width: 30%;
  }

  .ultra-product-sale-in-timer .product-box {
    width: 70%;
  }
  .ultra-contactus-widget .content {
    flex-direction: column;
    gap: 20px;
    padding-left: 0;
  }

  .ultra-contactus-widget {
    align-items: center;
    height: auto;
    gap: 20px;
  }
  .ultra-contactus-widget .content .number-box {
    height: auto;
  }
  .ultra-contactus-widget .social-box {
    background-color: transparent;
    border: 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 960px) {
  .ultra-comment-widget {
    flex-direction: column;
  }
  .ultra-comment-widget .ultra-comment_img .ultra_img-shape .shape-1 {
    width: 580px;
    height: 475px;
    top: 0;
  }
  .ultra-comment-widget .ultra-comment_img .ultra-img-mask {
    height: 446px;
    width: 550px;
  }
  .ultra-comment-widget .ultra-comment_img {
    width: 100%;
  }
  .ultra-comment-widget .ultra-comment_body {
    width: 100%;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 870px) {
  .ultra-product-soptlight .item .ultra-product-gallery {
    display: none !important;
  }
}
@media screen and (max-width: 830px) {
  .ultra-product-sale-in-timer .product-box {
    width: 100%;
  }

  .ultra-product-sale-in-timer .banner-side .banner img {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 5px;
    border-radius: 12px;
  }
  .ultra-product-sale-in-timer .product-box .item {
    padding: 12px;
    width: 230px;
  }
  .ultra-product-sale-in-timer .product-box .item .image-section {
    width: 198px;
  }
  .ultra-product-sale-in-timer .product-box .item .image-section img {
    width: 210px;
  }
  .ultra-product-sale-in-timer .banner-side .banner span {
    text-align: start;
  }
  .ultra-product-sale-in-timer .product-box .countdown-timer .number {
    padding: 8px;
  }
  .ultra-product-sale-in-timer .product-box .countdown-timer {
    gap: 5px;
  }
  .ultra-product-sale-in-timer {
    flex-direction: column;
    margin-bottom: 180px;
  }
  .ultra-product-sale-in-timer .banner-side,
  .ultra-product-sale-in-timer .banner-side .banner {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .ultra-product-sale-in-timer .banner-side .banner {
    padding: 10px;
    /* 		width:auto; */
    height: auto;
    border-radius: 16px;
    flex-grow: 1;
    justify-content: flex-start;
  }
  .ultra-product-sale-in-timer .banner-side {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
  }
  .ultra-product-sale-in-timer .banner-side a.view-all {
    border-radius: 16px;
    width: 140px;
    height: 60px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    padding: 19px 20px 19px 16px;
  }
  .ultra-product-sale-in-timer .banner-side .banner span {
    width: auto;
    font-size: 16px;
  }
}
@media screen and (max-width: 770px) {
  .ultra-comment-widget .ultra-comment_img .ultra_img-shape .shape-1 {
    width: 380px;
    height: 305px;
    top: 25px;
  }
  .ultra-comment-widget .ultra-comment_img .ultra-img-mask {
    height: 326px;
    width: 350px;
  }
  .ultra-product-soptlight .item {
    margin-top: 20px;
  }
  .ultra-product-soptlight .owl-nav,
  .ultra-product-soptlight .owl-dots {
    position: absolute;
    top: -100px;
    left: -10%;
    z-index: 5;
    display: flex;
    align-items: center;
    rotate: 90deg;
    border-radius: 16px;
    flex-direction: column;
    width: fit-content;
    right: unset;
  }
  .ultra-product-soptlight .item {
    height: auto;
    gap: 0;
  }
  .ultra-product-soptlight .mobile-title {
    display: block;
    color: var(--color-primary);
    margin-bottom: 10px !important;
    font-size: 16px !important;
    font-style: normal;
    border-bottom: 1px solid var(--Neutral-50, #f0f1f1);
    font-weight: 700;
    padding-bottom: 20px;
  }
  .ultra-product-soptlight .owl-nav {
    display: none;
  }
  .ultra-product-soptlight .product-content {
    order: 2;
    padding-right: 20px;
  }
  .ultra-product-soptlight .product-content h3 {
    display: none;
  }
  .ultra-product-soptlight .item figure img {
    width: 106px;
    height: 106px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid var(--Neutral-50, #f0f1f1);
  }

  .ultra-product-soptlight .item .image-box {
    width: 110px;
  }
  .ultra-product-soptlight .product-content p {
    display: none;
  }
  .ultra-product-soptlight .product-content {
    flex-grow: 1;
    width: auto;
  }
}

@media screen and (max-width: 550px) {
  .ultra-comment-widget .ultra-comment_img .ultra-img-mask {
    height: 226px;
    width: 250px;
  }
  .ultra-comment-widget .ultra-comment_img .ultra_img-shape .shape-1 {
    width: 280px;
    height: 225px;
    top: 15px;
  }
  .product-items .item.ultra-product-showcase {
    min-width: 364px;
    width: 100%;
  }
  .product-items .item.ultra-product-showcase {
    gap: 10px;
  }
  .product-items .item.ultra-product-showcase h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 90%;
    color: var(--color-black);
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    box-orient: vertical;
    line-clamp: 2;
  }
  .product-items .item.ultra-product-showcase p {
    display: none;
  }
  .product-items .item.ultra-product-showcase .image-section {
    width: 110px;
  }
  .product-items .item.ultra-product-showcase .image-section img {
    height: 110px;
    width: 110px;
    max-width: 110px;
  }
}

@media screen and (max-width: 460px) {
  .ultra-product-sale-in-timer .banner-side,
  .ultra-product-sale-in-timer .banner-side .banner {
    flex-wrap: wrap;
  }
  .ultra-product-sale-in-timer .banner-side a.view-all {
    width: 100%;
  }
}
@media screen and (max-width: 440px) {
  .product-items .item.ultra-product-showcase .product-bottom {
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }
  .product-items .item.ultra-product-showcase .product-bottom .category,
  .product-items .item.ultra-product-showcase .product-bottom .remain {
    align-self: flex-start;
  }
  .product-items .item.ultra-product-showcase .product-bottom .box-price,
  .product-items .item.ultra-product-showcase .no_price {
    align-self: flex-end;
  }
}
/* end ultra-comment-widget */

/* start ultra-team-area*/

.ultra-team-area {
  display: flex;
  gap: 2rem;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}

.ultra-team-area .team-item {
  width: 25%;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: center;
}

.ultra-team-area .team-item .team-img {
  position: relative;
  margin-top: 62px;
  margin-bottom: 35px;
}
.ultra-team-area .team-item .team-img .mask-img {
  -webkit-mask-image: url(../ultra-market/assets/image/team_mask_img.svg);
  mask-image: url(../ultra-market/assets/image/team_mask_img.svg);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  height: 246px;
  width: 264px;
  margin: 0 auto;
  position: relative;
}

.ultra-team-area .team-item .team-img .mask-img::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: green;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ultra-team-area .team-item .team-img .mask-img img {
  max-width: unset;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 !important;
}

.ultra-team-area .team-item .team__item-img-shape .shape-1 {
  position: absolute;
  width: 284px;
  height: 263px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ultra-team-area .team-item .team-img .team__item-img-shape .shape-1 svg {
  width: 100%;
  height: 100%;
  position: absolute;
  visibility: visible;
  display: block;
  color: red;
}
.ultra-team-area
  .team-item
  .team-img:hover
  .team__item-img-shape
  .shape-1
  svg
  .animation-dashed {
  animation-play-state: running;
}
.ultra-team-area .team-item .team-img:hover .mask-img::before {
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
.ultra-team-area
  .team-item
  .team-img
  .team__item-img-shape
  .shape-1
  svg
  .animation-dashed {
  animation: animation__shape 0.5s infinite linear;
  animation-play-state: paused;
}

.ultra-team-area .team-item .team-img:hover .team__item-img-shape .shape-2 svg {
  color: red;
  transition: all 0.3s ease-in-out;
}
.ultra-team-area .team-item .team-img .team__item-img-shape .shape-2 {
  position: absolute;
  top: -62px;
  right: 0;
}
.ultra-team-area .team-item .team-img .team__item-img-shape .shape-2 svg {
  color: #d3c4d3;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.ultra-team-area .team-item .team-img .team__social ul {
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  gap: 10px;
}
.ultra-team-area .team-item .team-img .team__social ul li {
  transition:
    visibility 0.3s ease-out 0.1s,
    opacity 0.3s ease-out 0.15s,
    transform 0.3s ease-out 0.1s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(40px);
  transition-delay: 0.2s;
}

.ultra-team-area .team-item .team-img:hover .team__social ul li {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease;
  transform: translateY(10px);
}
.ultra-team-area .team-item .team-img .team__social ul li a {
  color: white;
  font-size: 3rem;
  transition: all 0.3s ease;
}
.ultra-team-area .team-item .team-img .team__social ul li a:hover {
  color: var(--color-primary);

  transition: all 0.3s ease;
}

@keyframes animation__shape {
  0% {
    stroke-dashoffset: 12;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.ultra-team-area .team-item .team-img .team__social ul li:nth-child(2) {
  transition-delay: 0.13s;
}
.ultra-team-area .team-item .team-img .team__social ul li:nth-child(3) {
  transition-delay: 0.16s;
}
.ultra-team-area .team-item .team-img .team__social ul li:nth-child(4) {
  transition-delay: 0.19s;
}
.ultra-team-area .team-item .team-img .team__social ul li:nth-child(5) {
  transition-delay: 0.22s;
}

.ultra-team-area .team-item .name {
  font-size: 2rem;
  font-weight: 600;
}

@media screen and (max-width: 1420px) {
  .ultra-team-area {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
@media screen and (max-width: 1180px) {
  .ultra-team-area .team-item {
    width: 45%;
  }
}
@media screen and (max-width: 780px) {
  .ultra-team-area .team-item {
    width: 100%;
  }
}
/* end ultra-team-area*/

/* start cute product*/
.ultra-cute-product {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.ultra-cute-product header {
  display: flex;
  justify-content: space-between;
}
.ultra-cute-product header a {
  background-color: var(--color-primary);
  padding: 1rem;
  color: var(--color-white);
  border-radius: 8px;
}

.ultra-cute-product header h3 {
  font-size: 3rem;
}
.ultra-cute-product .body-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;

  column-gap: 1rem;
  row-gap: 8rem;
}
.ultra-cute-product .body-items .ultra-item {
  display: flex;
  width: 19%;
  flex-direction: column;
  gap: 1rem;
  background-color: var(--color-primary);
  border-radius: 15px;
  padding: 1rem 2rem;

  align-items: center;
  background-image: url(https://presite.ir/petshop/wp-content/uploads/2023/01/product-grid-bg-pattern.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
}
.ultra-cute-product .body-items .ultra-item:hover .top-section {
  box-shadow: 0 0 20px rgb(0 0 0 / 20%);
  transition: all 0.3s ease-in-out;
}
.ultra-cute-product .body-items .ultra-item:hover .top-section img {
  rotate: 15deg;
  scale: 105%;
  transition: all 0.3s ease-in-out;
}
.ultra-cute-product .body-items .ultra-item .top-section .price ins {
  text-decoration: none;
}
.ultra-cute-product .body-items .ultra-item .top-section h4 {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: 14px;
  -webkit-line-clamp: 1;
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
  text-overflow: ellipsis;
}
.ultra-cute-product .body-items .ultra-item .top-section {
  display: flex;
  flex-direction: column;
  background-color: var(--color-secondary);
  gap: 1rem;
  margin-top: -5rem;
  padding: 2rem;
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
  align-items: center;
}
.ultra-cute-product .body-items .ultra-item .top-section img {
  padding: 1rem;
  background-color: var(--color-white);
  width: 200px;
  border-radius: 50%;
  height: 200px;
  transition: all 0.3s ease-in-out;
  object-fit: cover;
}
.ultra-cute-product .body-items .ultra-item a {
  background-color: var(--color-accent);
  padding: 1rem 2rem;
  color: var(--color-white);
  border-radius: 8px;
  color: var(--color-white);
  display: flex;
  gap: 1rem;
  align-items: center;
}

@media screen and (max-width: 1460px) {
  .ultra-cute-product .body-items .ultra-item {
    width: 30%;
    flex-grow: 1;
  }
  .ultra-cute-product .body-items {
    justify-content: space-between;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 1220px) {
  .ultra-cute-product .body-items .ultra-item {
    width: 45%;
    flex-grow: 1;
  }
}
@media screen and (max-width: 600px) {
  .ultra-cute-product .body-items .ultra-item {
    width: 100%;
    flex-grow: 1;
  }
  .ultra-cute-product header {
    flex-direction: column;
    align-items: center;
  }
}

/* end cute product*/

/* start cute blog*/
.ultra-cute-blog {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.ultra-cute-blog header {
  display: flex;
  justify-content: space-between;
}
.ultra-cute-blog header a {
  background-color: var(--color-primary);
  padding: 1rem;
  color: var(--color-white);
  border-radius: 8px;
}
.ultra-cute-blog header h3 {
  font-size: 3rem;
}
.ultra-cute-blog .cute-blog-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 2rem;
}
.ultra-cute-blog .cute-blog-items .blog-body {
  display: flex;
  width: 20%;
  flex-direction: column;
  gap: 2rem;
  flex-grow: 1;
  background-color: var(--color-secondary);
  border-radius: 15px;
  padding: 3.5rem;
  align-items: center;
  background-image: url(https://presite.ir/petshop/wp-content/uploads/2023/01/product-grid-bg-pattern.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
}
.ultra-cute-blog .cute-blog-items .blog-body .img-sec {
  position: relative;
  overflow: hidden;
  -webkit-mask-image: url(../ultra-market/assets/image/blog_img_mask.svg);
  mask-image: url(../ultra-market/assets/image/blog_img_mask.svg);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  height: 200px;
  width: 280px;
  margin: 0 auto;
}
.ultra-cute-blog .cute-blog-items .blog-body .img-sec::before {
  position: absolute;
  top: 0;
  right: -100%;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  transform: skewX(-25deg);
  transition: right 0.9s ease;
}
.ultra-cute-blog .cute-blog-items .blog-body .img-sec:hover::before {
  right: 120%;
}

.ultra-cute-blog .cute-blog-items .blog-body .img-sec img {
  /* 	width:100%;
	border-radius:8px;
	margin:0!important; */
  max-width: unset;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ultra-cute-blog .cute-blog-items .blog-body .img-sec .cate-blog {
  display: flex;
  position: absolute;
  bottom: 2rem;
  left: 1rem;
  gap: 1rem;
}
.ultra-cute-blog .cute-blog-items .blog-body .img-sec .cate-blog span {
  background-color: var(--color-primary);
  border-radius: 8px;
  padding: 0.5rem 1rem;
  color: var(--color-white);
  font-size: 1.2rem;
}
.ultra-cute-blog .cute-blog-items .blog-body .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.ultra-cute-blog .cute-blog-items .blog-body h4 {
  font-size: 1.6rem;
  font-weight: 600;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1420px) {
  .ultra-cute-blog .cute-blog-items {
    gap: 2rem;
  }
  .ultra-cute-blog .cute-blog-items .blog-body {
    width: 27%;
  }
}

@media screen and (max-width: 1220px) {
  .ultra-cute-blog .cute-blog-items .blog-body {
    width: 45%;
  }
}

@media screen and (max-width: 830px) {
  .ultra-cute-blog .cute-blog-items .blog-body {
    width: 100%;
  }

  .ultra-cute-blog header {
    flex-direction: column;
    align-items: center;
  }
}
/* end cute blog*/

/* start why website */

.ultra-why-us {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 1rem 0;
}

.ultra-why-us .text-side {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  justify-content: space-between;
  width: 30%;
}

.ultra-why-us .text-side .why-us {
  display: flex;
  align-items: center;
}

.ultra-why-us .text-side .why-us .why {
  background-color: var(--color-secondary);
  padding: 1rem;
  border-radius: 0 8px 8px 0;
  color: var(--color-white);
}
.ultra-why-us .text-side .why-us .website {
  background-color: var(--color-primary);
  padding: 1rem;
  border-radius: 8px 0 0 8px;
  color: var(--color-white);
}

.ultra-why-us .box-side {
  display: flex;
  width: 70%;
  gap: 2rem;
  align-items: center;
}
.ultra-why-us .box-side .the-box {
  flex-grow: 1;
  box-shadow:
    4px 6px 31px rgba(0, 0, 0, 0.04),
    0 -9px 33px rgba(255, 255, 255, 0.12);
  padding: 2rem;
  border-radius: 12px;
  align-items: center;
  width: 23%;
  display: flex;
  gap: 1rem;
  background-color: var(--color-white);
  flex-direction: column;
  transition: margin 0.2s ease-in-out;
}
.ultra-why-us .box-side .the-box:hover svg {
  background-color: var(--color-secondary);
  transition: all 0.3s ease-in-out;
}
.ultra-why-us .box-side .the-box:hover svg path {
  transition: all 0.3s ease-in-out;
  fill: var(--color-white);
}

.ultra-why-us .box-side .the-box i,
.ultra-why-us .box-side .the-box svg {
  background-color: var(--Neutral-50);
  padding: 1rem;
  width: 6rem;
  height: 6rem;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  color: var(--color-white);
}
.ultra-why-us .box-side .the-box svg path {
  transition: all 0.3s ease-in-out;
  fill: var(--color-black);
}

.ultra-why-us .box-side .the-box .title {
  font-weight: 600;
  font-size: 1.2rem;
}
.ultra-why-us .box-side .the-box .desc {
  font-weight: 400;
  font-size: 1rem;
}

@media screen and (max-width: 1400px) {
  .ultra-why-us .box-side {
    width: 75%;
    flex-wrap: wrap;
  }

  .ultra-why-us .text-side {
    width: 25%;
  }
  .ultra-why-us {
    gap: 2rem;
  }
}

@media screen and (max-width: 1280px) {
  .ultra-why-us .box-side {
    width: 100%;
    flex-wrap: wrap;
  }
  .ultra-why-us {
    flex-direction: column;
  }

  .ultra-why-us .box-side .the-box {
    flex-grow: 1;
    width: 23%;
  }

  .ultra-why-us .text-side {
    width: 100%;
  }
}

@media screen and (max-width: 1020px) {
  .ultra-why-us .box-side .the-box {
    width: 45%;
  }
}
@media screen and (max-width: 410px) {
  .ultra-why-us .box-side .the-box {
    flex-grow: 1;
    width: 100%;
  }
}

/* end why website */

/* start ultra category */

.ultra-category {
  display: flex;
  gap: 2rem;
  flex-direction: column;
}
.ultra-category header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ultra-category header .title {
  position: relative;
}
.ultra-category header .title .text {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  margin-right: 5.5rem;
}
.ultra-category header .title::before {
  content: "";
  width: 40px;
  height: 60px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  /* 	#6f6c6c این رنگ نقطه هاس داینامیک کن لطفا */
  background-image: radial-gradient(#6f6c6c 1px, transparent 2px);
  -webkit-background-size: 20px 20px;
  background-size: 10px 10px;
  border-radius: 0;
  z-index: 0;
}
.ultra-category header .title .top-title {
  font-weight: 700;
  font-size: 2.4rem;
}
.ultra-category header .title .top-title b {
  color: var(--color-primary);
}
.ultra-category header .title .desc {
  font-weight: 400;
  font-size: 1.4rem;
}
.ultra-category header a {
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: 8px;
}
.ultra-category .category-boxes {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.ultra-category .category-boxes .category-item {
  box-shadow: 0 0 2px rgb(0 0 0 /20%);
  display: flex;
  justify-content: space-between;
  width: 23%;
  flex-grow: 1;
  padding: 1rem;
  border-radius: 8px;
  align-items: center;
  transition: box-shadow 0.3s ease-in-out;
}
.ultra-category .category-boxes .category-item:hover {
  box-shadow: 0 0 17px rgb(0 0 0 / 20%);
  transition: all 0.3s ease-in-out;
}
.ultra-category .category-boxes .category-item img {
  width: 8rem;
  height: 8rem;
  object-fit: cover;
  border-radius: 8px;
}
.ultra-category .category-boxes .category-item .name {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
.ultra-category .category-boxes .category-item .name .name_category {
  font-weight: 700;
  font-size: 1.4rem;
}
.ultra-category .category-boxes .category-item .name .num {
  font-weight: 400;
  font-size: 1.2rem;
}

@media screen and (max-width: 1270px) {
  .ultra-category .category-boxes .category-item {
    width: 27%;
  }
}
@media screen and (max-width: 970px) {
  .ultra-category .category-boxes .category-item {
    width: 45%;
  }
}
@media screen and (max-width: 700px) {
  .ultra-category .category-boxes .category-item {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .ultra-category header {
    flex-direction: column;
  }
}
/* end ultra category */

/* start brands ultra  */
.ultra-brand-section {
  display: flex;
  gap: 2rem;
  flex-direction: column;
}
.ultra-brand-section header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ultra-brand-section header .title {
  position: relative;
}
.ultra-brand-section header .title .text {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  margin-right: 5.5rem;
}
.ultra-brand-section header .title::before {
  content: "";
  width: 40px;
  height: 60px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);

  /* 	#6f6c6c این رنگ نقطه هاس داینامیک کن لطفا */
  background-image: radial-gradient(#6f6c6c 1px, transparent 2px);
  -webkit-background-size: 20px 20px;
  background-size: 10px 10px;
  border-radius: 0;
  z-index: 0;
}
.ultra-brand-section header .title .top-title {
  font-weight: 700;
  font-size: 2.4rem;
}
.ultra-brand-section header .title .top-title b {
  color: var(--color-primary);
}
.ultra-brand-section header .title .desc {
  font-weight: 400;
  font-size: 1.4rem;
}
.ultra-brand-section header a {
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: 8px;
}
.ultra-brand-section .body-brands .the-brand:hover {
  box-shadow: 0 0 6px rgb(0 0 0 /30%);
  margin-top: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.ultra-brand-section .body-brands .the-brand .bottom-section .brand-count {
  transition: all 0.3s ease-in-out;
}
.ultra-brand-section
  .body-brands
  .the-brand:hover
  .bottom-section
  .brand-count {
  padding-left: 1rem;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
  color: var(--color-primary);
}
.ultra-brand-section .body-brands {
  padding: 2rem 0;
}
.ultra-brand-section .body-brands .the-brand {
  box-shadow: 0 0 10px rgb(0 0 0 /20%);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
  gap: 1rem;
  padding: 2rem;
  margin: 1rem;
}

.ultra-brand-section .body-brands .the-brand img {
  max-width: 100%;
  height: 9rem !important;
  object-fit: scale-down;
}
.ultra-brand-section .body-brands .the-brand .en-name {
  position: relative;
  padding-left: 16px;
  color: #555;
  font-size: 2.4rem;
}
.ultra-brand-section .body-brands .the-brand:hover .en-name .name {
  font-size: 2.6rem;
  padding-left: 2rem;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
}
.ultra-brand-section .body-brands .the-brand .en-name .name {
  background-color: white;
  padding-left: 1rem;
  transition: all 0.3s ease-in-out;
}
.ultra-brand-section .body-brands .the-brand .en-name::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 1px;
  background-color: #ddd;
  transform: translateY(-50%);
}

.ultra-brand-section .body-brands .the-brand .bottom-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ultra-brand-section .body-brands .owl-nav:not(.disabled) {
  position: absolute;
  top: 40%;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.ultra-brand-section .body-brands .owl-nav button {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.ultra-brand-section .body-brands .owl-nav button:hover {
  background-color: var(--color-secondary);
}

@media screen and (max-width: 600px) {
  .ultra-brand-section header {
    flex-direction: column;
  }
}
/* end brands ultra  */

/* start last viewd widget */
.ultra-last-viewed {
  display: flex;
  gap: 2rem;
  flex-direction: column;
}
.ultra-last-viewed header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ultra-last-viewed header .title {
  display: flex;
  position: relative;
}
.ultra-last-viewed header .title .text {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  margin-right: 2rem;
}
.ultra-last-viewed header .title figure {
  border-radius: 12px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);

  width: 40px;
  height: 40px;
  flex-shrink: 0;
  aspect-ratio: 1 / 1;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.06);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1 / 1;
}
.ultra-last-viewed header .title svg {
  width: 20px;
  height: 20px;
}
.ultra-last-viewed header .title .top-title {
  font-weight: 700;
  font-size: 2.4rem;
}
.ultra-last-viewed header .title .top-title b {
  color: var(--color-primary);
}
.ultra-last-viewed header .title .desc {
  font-weight: 400;
  font-size: 1.4rem;
}
.ultra-last-viewed header a {
  padding: 1rem 2rem;
  background-color: var(--color-white);
  color: var(--color-primary);
  border-radius: 12px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.06);
}
.ultra-last-viewed .last-viewed-boxes {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.ultra-last-viewed .last-viewed-boxes .view-box .the-product:hover b {
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.ultra-last-viewed .last-viewed-boxes .view-box .the-product b {
  position: absolute;
  right: -10px;
  bottom: 10px;
  background: #303030;
  color: #fff;
  padding: 2px 4px;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  font-size: 13px;
  font-weight: 100;
  transition: all 0.2s ease-in-out;
}
.ultra-last-viewed .last-viewed-boxes .view-box {
  display: flex;
  flex-wrap: wrap;
  width: 24%;
  flex-grow: 1;
  justify-content: center;
  gap: 1rem;
  align-items: stretch;
}
.ultra-last-viewed .last-viewed-boxes .view-box .the-product {
  width: 45%;
  position: relative;
  border: 1px solid var(--color-border);
  display: flex;

  background-color: var(--color-white);
  align-items: center;
  border-radius: 8px;
  height: 170px;
  justify-content: center;
}
.ultra-last-viewed .last-viewed-boxes .view-box .viewed-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-white);
  border: 1px solid var(--color-border);
  padding: 1rem;
  border-radius: 8px;
  margin: 0 1rem;
}
.ultra-last-viewed .last-viewed-boxes .view-box .the-product a {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.ultra-last-viewed .last-viewed-boxes .view-box .the-product span {
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding: 0 1rem;
  width: 90%;

  color: var(--color-black);
  text-overflow: ellipsis;
  overflow: hidden;
  box-orient: vertical;
  line-clamp: 1;
}
.ultra-last-viewed .last-viewed-boxes .view-box .the-product img {
  width: 100%;
  max-width: 130px;
  border-radius: 8px;
  height: 100px;
  object-fit: contain;
}
.ultra-last-viewed .last-viewed-boxes .view-box .the-product hr {
  border: none;
  border-top: 1px solid var(--Neutral-50, #f0f1f1);
  width: 100%;
}
.ultra-last-viewed .last-viewed-boxes .view-box .first-box {
  width: 45%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border: 1px solid var(--color-border);
  padding: 1rem;
  border-radius: 8px;
}
.ultra-last-viewed .last-viewed-boxes .view-box .first-box a {
  display: flex;
  justify-content: center;
}
.ultra-last-viewed .last-viewed-boxes .view-box .first-box h4 {
  font-size: 1.8rem;
  font-weight: 700;
}
.ultra-last-viewed .last-viewed-boxes .view-box .first-box span {
  font-size: 1rem;
  font-weight: 400;
}
.ultra-last-viewed .last-viewed-boxes .view-box .first-box img {
  width: 70%;
  height: 95px;
  border-radius: 8px;
  object-fit: contain;
}

@media screen and (max-width: 1180px) {
  .ultra-last-viewed .last-viewed-boxes .view-box {
    width: 45%;
  }

  .ultra-last-viewed .last-viewed-boxes {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 600px) {
  .ultra-last-viewed .last-viewed-boxes .view-box {
    width: 100%;
  }
  .ultra-last-viewed header {
    flex-direction: row;
  }
}
/* end last viewd widget */

.ultra-myAccount .woocommerce-MyAccount-navigation .mp-menu .mp-menu-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-secondary);
  padding: 1rem;
  color: var(--color-white-text);
  font-size: 1.4rem;
  margin: 1rem 0;
  font-weight: 600;
  border-radius: 8px;
}

.ultra-myAccount
  .woocommerce-MyAccount-navigation
  .mp-menu
  .mp-menu-btn
  .bars
  .bar {
  background-color: var(--color-white);
  padding: 0.2rem;
  width: 2.5rem;
  border-radius: 8px;
  display: block;
  margin: 0.3rem;
}

.ultra-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2rem;
}

.ultra-card .ultra-cardtcard {
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: 3rem;
  width: 35rem;
  height: 18rem;
  background: rgb(81, 80, 112);
  background: linear-gradient(
    90deg,
    rgba(81, 80, 112, 1) 0%,
    rgba(237, 133, 99, 1) 58%,
    rgba(255, 187, 145, 1) 86%
  );
  color: #fff;
  display: flex;
  flex-direction: column;
  margin: 1rem;
  align-items: start;
  justify-content: space-between;
}

.ultra-card .ultra-cardtcard i {
  transform: rotate(-90deg);
  font-size: 35px;
  color: gold;
  align-self: end;
}

.ultra-card .ultra-cardtcard p button {
  background: transparent;
  border: 1px solid var(--color-border);
  color: white;
  font-size: 10px;
  border-radius: 8px;
}

.ultra-card-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 90%;
  padding: 0 3rem;
}

.ultra-card-info input {
  border: 0;
  border-radius: 8px;
  height: 3rem;
  padding: 0 1rem;
  width: 15rem;
}

.ultra-card-info p {
  display: flex;
  justify-content: space-between;
}

.ultra-card-info input[type="text"]:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
}

.ultra-page .ultra-order-form input,
.ultra-page .shipping_address input {
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: 0 1rem;
  transition: all 0.3s ease-in-out;
}

.ultra-page form textarea:focus {
  border: 0.1rem solid var(--color-primary);
  box-shadow: 0 0 10px var(--color-primary);
  outline: var(--color-primary);
  transition: box-shadow 0.2s ease-out;
}

.ultra-page form textarea {
  display: flex;
  height: 158px !important;
  padding: 1rem;

  justify-content: flex-end;
  align-items: center;
  border-radius: 8px;
  background: var(--Neutral-50);
  align-self: stretch;
  color: var(--color-accent);
  border: 0;
  width: 100% !important;
  min-width: 100% !important;
  transition: all 0.3s ease-out;
}

.ultra-page .ultra-order-form input:focus,
.ultra-page .shipping_address input:focus {
  border: 0.1rem solid var(--color-primary);
  outline: var(--color-primary);
  transition: all 0.3s ease-in-out;
}

.category-page .insta-box {
  margin: 0;
  flex-wrap: wrap;
}

.category-page .insta-box .frame {
  border: 0.86px solid #f3f3f3;
  width: 27rem;
  display: flex;
  flex-direction: column;
}

.woocommerce
  #reviews
  #comments
  ol.commentlist
  li
  .comment-text
  .meta-comment-pro
  .flex-meta-img
  .meta
  .woocommerce-review__dash {
  display: none;
}

.woocommerce
  #reviews
  #comments
  ol.commentlist
  li
  .comment-text
  .meta-comment-pro
  .flex-meta-img
  .meta {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.woocommerce
  #reviews
  #comments
  ol.commentlist
  li
  .comment-text
  .meta-comment-pro
  .flex-meta-img
  .meta
  .woocommerce-review__published-date {
  background-color: var(--color-border);
  text-align: center;
  border-radius: 4px;
  padding: 0 1rem;
}

#woosw_wishlist .woosw-popup-inner .woosw-popup-content {
  border-radius: 8px;
  max-width: 600px;
  max-height: 80%;
}

#woosw_wishlist
  .woosw-popup-inner
  .woosw-popup-content
  .woosw-popup-content-top {
  background-color: var(--color-primary);
}

#woosw_wishlist .woosw-popup-inner .woosw-popup-content .woosw-popup-close {
  color: var(--color-white-text);
}

.woosw-popup .woosw-items .woosw-item .woosw-item--stock p {
  margin: 1rem 0;
  background-color: var(--color-secondary);
  color: var(--color-white-text);
  text-align: center;
  border-radius: 8px;
  padding: 0.5rem 0;
}

.woosw-popup
  .woosw-popup-inner
  .woosw-popup-content
  .woosw-popup-content-bot
  .woosw-popup-content-bot-inner
  a {
  background-color: var(--color-primary);
  padding: 1rem;
  color: var(--color-white-text);
  border: 0;
  border-radius: 8px;
  transition: background-color 0.3s ease-in-out;
}

.woosw-popup
  .woosw-popup-inner
  .woosw-popup-content
  .woosw-popup-content-bot
  .woosw-popup-content-bot-inner
  a:hover {
  background-color: var(--color-accent);
  transition: background-color 0.3s ease-in-out;
  color: var(--color-white-text);
}

.woosw-popup .woosw-items .woosw-item .woosw-item--name {
  width: 25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-mid {
  max-height: 80%;
  overflow: scroll !important;
}

.category-page .tv-sec .tv-box .main-tv .tv-item {
  width: 35rem;
}

.category-page .tv-sec .tv-box .main-tv {
  flex-wrap: wrap;
  margin: 0;
}

.category-page .tv-sec {
  margin: 0;
}

.ps-theme-wpc > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  display: none;
}

.woocommerce #review_form #respond p {
  width: 100%;
  margin: 0;
}

.woocommerce
  #reviews
  #comments
  ol.commentlist
  li
  .comment-text
  .show-recommend-status
  .recommend-status-yes {
  background-color: #dff1df;
  color: green;
  padding: 0.5rem 1rem;
  border: 1px solid green;
  border-radius: 8px;
}

.woocommerce
  #reviews
  #comments
  ol.commentlist
  li
  .comment-text
  .show-recommend-status
  .recommend-status-no {
  background-color: #ffcece;
  color: red;
  padding: 0.5rem 1rem;
  border: 1px solid red;
  border-radius: 8px;
}

.woocommerce-cart-form .cart-collaterals .cart_totals > h2 {
  background-color: var(--color-secondary) !important;
  margin: 0;
  padding: 1rem;
  border-radius: 8px 8px 0 0;
  text-align: center;
}
.woocommerce-cart
  .cart-collaterals
  .cart_totals
  .woocommerce-shipping-destination {
  padding: 1rem 0;
  display: flex;
  justify-content: space-between;
}
.woocommerce-cart-form
  .cart-collaterals
  .cart_totals
  .shop_table.shop_table_responsive {
  border: 0;
  display: flex;
  flex-direction: column;
  list-style: none;
}

.woocommerce-cart-form
  .cart-collaterals
  .cart_totals
  .shop_table.shop_table_responsive
  > li {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 1rem;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  margin-bottom: 14px;
}
.woocommerce-cart-form
  .cart-collaterals
  .cart_totals
  .shop_table.shop_table_responsive
  li {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 1rem 0;
  width: 100%;
  justify-content: space-between;
}
.woocommerce-cart-form
  .cart-collaterals
  .cart_totals
  .shop_table.shop_table_responsive
  li.shipping-ultra-methods {
  display: flex;
  flex-direction: column;
  border-bottom: 0;
  padding: 0;
}
.woocommerce-cart-form
  .cart-collaterals
  .cart_totals
  .shop_table.shop_table_responsive
  li.shipping-ultra-methods
  > span {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding-top: 1rem;
  justify-content: space-between;
}

.woocommerce-shipping-methods input.shipping_method {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.woocommerce-shipping-methods label[for^="shipping_method_"] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 40px;
  padding: 0.6rem 1rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-50);
  cursor: pointer;
  font-size: 14px;
  background: #fff;
  transition: all 0.2s ease;
}

.woocommerce-shipping-methods label[for^="shipping_method_"]::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid var(--Neutral-100);
  background: #fff;
  flex-shrink: 0;
  box-sizing: border-box;
}

.woocommerce-shipping-methods input[type="hidden"] + label::before {
  content: none !important;
  display: none;
}

.woocommerce-shipping-methods
  input.shipping_method:checked
  + label[for^="shipping_method_"] {
  border-color: var(--color-primary);
  background: #fff;
  color: #111;
}

.woocommerce-shipping-methods
  input.shipping_method:checked
  + label[for^="shipping_method_"]::before {
  border-color: var(--color-primary);
  background: var(--color-primary);
  box-shadow: inset 0 0 0 2px #fff;
}

.woocommerce-cart .wc-proceed-to-checkout {
  padding: 0;
}

.woocommerce-cart-form
  .cart-collaterals
  .cart_totals
  .shop_table.shop_table_responsive
  .woocommerce-shipping-totals.shipping {
  padding: 1rem 0;
}
.woocommerce ul#shipping_method {
  border-bottom: 1px solid #eee;
}
.woocommerce ul#shipping_method li label {
  display: flex;
  justify-content: space-between;
}

.woocommerce-cart-form .cart-collaterals .cart_totals .cart-line-bottom {
  display: none;
}
.hero-checkout .ultra-order-review {
  display: flex;
  flex-direction: column;
}
.hero-checkout
  .ultra-order-review
  .woocommerce-checkout-review-order
  .shop_table.woocommerce-checkout-review-order-table {
  display: flex;
  flex-direction: column;
}
.hero-checkout .ultra-order-review .woocommerce-info {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.hero-checkout .ultra-order-form h3,
.hero-checkout .ultra-order-review .title-sec {
  padding: 20px 0;
  font-weight: 600;
  font-size: 18px;
}
.hero-checkout .woocommerce-billing-fields {
  border-radius: 24px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
  padding: 10px 20px;
}
.hero-checkout
  .woocommerce-billing-fields
  .woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.hero-checkout
  .woocommerce-billing-fields
  .woocommerce-billing-fields__field-wrapper
  p {
  display: flex;
  flex-direction: column;
  width: 45%;
  flex-grow: 1;
}
.hero-checkout
  .woocommerce-billing-fields
  .woocommerce-billing-fields__field-wrapper
  p
  input {
  width: 100%;
}
.hero-checkout
  .woocommerce-billing-fields
  .woocommerce-billing-fields__field-wrapper
  select {
  border-radius: 8px;
  height: 4rem;
  padding: 0 1rem;
  width: 100%;
  border-color: #f0f1f1 !important;
}

.hero-checkout .item-product-checkout .cart_item .product-name .p-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
  text-overflow: ellipsis;
}

.hero-checkout .ultra-order-review .cart_item img {
  width: 8rem;
  height: 8rem;
  object-fit: contain;
  border-radius: 8px;
}

.hero-checkout .ultra-order-review .shop_table .head-review-order p {
  width: 100%;
  background-color: var(--color-secondary);
  padding: 1rem 0;
  border-radius: 8px 8px 0 0;
  text-align: center;
}

.hero-checkout .ultra-order-review .shop_table .cart-subtotal {
  background-color: var(--color-secondary);
  display: flex;
  justify-content: space-around;
  padding: 1rem 0;
  font-weight: 600;
  align-content: center;
  align-items: center;

  margin: 1rem 0;
}

.hero-checkout .ultra-order-review .ultra-shipping {
  display: flex;
  padding: 1rem;
  align-items: center;
  text-wrap: nowrap;
  gap: 2rem;
}
.hero-checkout .ultra-order-review .ultra-shipping li {
  list-style: none;
  width: 100%;
}

.item-product-checkout .cart_item {
  gap: 1rem;
  padding: 1rem;
  border-bottom: 1px solid var(--color-border);
}

#order_review .woocommerce-privacy-policy-text {
  font-size: 1.2rem;
}

.item-product-checkout .cart_item:last-child {
  border-bottom: 0;
}

.hero-checkout .ultra-order-review .shop_table {
  display: flex;
  flex-direction: column;
}
.hero-checkout .ultra-order-review .shop_table .item-product-checkout,
.hero-checkout .ultra-order-review .shop_table .cart-subtotal,
.hero-checkout .ultra-order-review .shop_table .woocommerce-form-coupon-toggle,
.hero-checkout .ultra-order-review .shop_table .ultra-shipping,
.hero-checkout .ultra-order-review .shop_table .order-total,
.woocommerce-checkout #payment {
  border-radius: 24px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
  padding: 18px;
  margin: 0;
  margin: 10px 0;
}
.hero-checkout .ultra-order-review .shop_table .item-product-checkout {
  margin: 0;
}

.ultra-order-review #order_review .button.alt {
  background-color: var(--color-accent);
  width: 100%;
  margin: 1rem 0;
  border-radius: 8px;
  padding: 1.2rem 0;
}

.woocommerce-checkout #payment ul.payment_methods li {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}

.selection span.select2-selection {
  border: 1px solid var(--color-border) !important;
  border-radius: 4px;
}

.cart_totals.calculated_shipping > h2 {
  width: 100%;
  background-color: var(--color-secondary);
  border-radius: 8px 8px 0 0;
  padding: 1rem 0;
  text-align: center;
  margin: 0;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-button {
  font-size: 10px;
  text-align: left;
  background: var(--color-light-bg);
  display: inline;
  width: fit-content;
  padding: 0.2rem 0.5rem;
  border-radius: 50px;
  margin: 1rem 0;
}

.cart_totals.calculated_shipping table.shop_table {
  border: 0;
}

.woocommerce-cart-form .cart-collaterals {
  box-shadow: none !important;

  padding: 0 !important;
}

.top-header .search-form input {
  margin: 0 10px;
}

.search-form #desktop-datafetch .not-found-search,
.search-mobile #mobile-datafetch .not-found-search,
.search-box #desktop-datafetch .not-found-search {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
}

.search-form #desktop-datafetch .not-found-search img,
.search-mobile #mobile-datafetch .not-found-search img,
.search-box #desktop-datafetch .not-found-search img {
  width: 100%;
  border-radius: 8px;
}

.woocommerce .ultra-sum-checkout {
  display: none;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: var(--color-primary);
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: var(--color-light-bg);
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: var(--color-primary);
}

.woocommerce .widget_price_filter .price_slider_amount .button {
  margin-top: 2rem;
  width: 100%;
  border-radius: 8px !important;
  transition: all 0.3s ease-in-out;
  padding: 1rem 0;
}

.woocommerce .widget_price_filter .price_slider_amount .button:hover {
  background-color: var(--color-primary);
  color: var(--color-white-text);
  transition: all 0.3s ease-in-out;
}

.woocommerce .widget_price_filter .price_slider {
  margin-bottom: 3.5em;
}

.woocommerce
  .woocommerce-widget-layered-nav-list
  .woocommerce-widget-layered-nav-list__item {
  display: flex;
  align-items: start;
}

.side-single.side-shop .widget ul li .product-title {
  font-size: 1.2rem;
  color: var(--Neutral-800);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.archive-product .archive-content .category-product .result-search {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.side-single.side-shop .widget ul li .star-rating span {
  font-size: 1.2rem;
  color: var(--color-secondary);
}

.woocommerce .star-rating::before {
  content: "";
}

.side-single .widget del {
  position: relative;
}

.side-single .widget del span::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="11" viewBox="0 0 64 11" fill="none"><path d="M1.00024 9.5C10.4572 3.92026 20.4704 2.377 28.8148 3.92026C41.9441 6.34847 56.2031 8.68346 63.0002 1.5" stroke="%236b6b6b" stroke-width="1.5" stroke-linecap="round"/></svg>');
  background-repeat: no-repeat;
  content: "";
  padding: 3rem;
  position: absolute;
  top: 0.5rem;
  left: 2rem;
}

.side-single .widget ins {
  text-decoration: none;
}

.side-single .widget del {
  text-decoration: none;
}

.side-single .widget ins span {
  font-size: 1.4rem;
}

.side-single .widget del span {
  font-size: 1.2rem;
}

.side-single .widget ul.product_list_widget {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  list-style: none;
}

.side-single .widget ul.product_list_widget li {
  border: 1px solid var(--color-border);
  border-radius: 0.8rem;
  padding: 1rem;
}

.side-single .widget ul.product_list_widget li .star-rating {
  display: none;
}

.side-single .widget ul.product_list_widget li img {
  margin-left: 5px;
  float: right;
  width: 5rem !important;
  max-height: 5rem !important;
  object-fit: contain;
  border-radius: 0.8rem;
  margin-bottom: 1rem;
}

.side-single.widget ul.product_list_widget li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.side-single .widget .woocommerce-mini-cart__buttons.buttons .wc-forward {
  background-color: var(--color-secondary);
  color: var(--color-white-text);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  width: 100%;
  text-align: center;
}

.side-single
  .widget
  .widget_shopping_cart_content
  .woocommerce-mini-cart__total.total {
  border-top: 0;
}

.side-single
  .widget
  .woocommerce-mini-cart__buttons.buttons
  .wc-forward.checkout {
  background-color: var(--color-accent);
  color: var(--color-white-text);
  border: 1px solid var(--color-accent);
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}

.side-single .widget .woocommerce-mini-cart__buttons.buttons .wc-forward:hover {
  background-color: var(--color-primary);
  color: var(--color-white-text);
  transition: all 0.3s ease-in-out;
}

.side-single
  .widget
  .woocommerce-mini-cart__buttons.buttons
  .wc-forward.checkout:hover {
  background-color: white;
  color: var(--color-accent);
  border: 1px solid var(--color-accent);
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}

.side-single.side-shop .widget .widget_shopping_cart_content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.side-single .widget ul.product_list_widget li a:hover {
  color: var(--color-secondary);

  margin-right: 0;
}

.page_404 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: white;
  align-items: center;
  border-radius: 12px;
  margin-top: 1rem;
}

.page_404 .media_404 img {
  mix-blend-mode: multiply;
  width: 100%;
}

.page_404 .btn_404 {
  display: flex;
  gap: 1rem;
}

.page_404 .btn_404 a {
  background-color: var(--color-secondary);
  color: var(--color-white-text);
  border: 1px solid var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: 0.8rem;
  transition: all 0.3s ease-in-out;
}

.page_404 .btn_404 a:hover {
  background-color: var(--color-white);
  color: var(--color-secondary);
  transition: all 0.3s ease-in-out;
}

.navigation {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
  gap: 1rem;
}
.navigation .page-numbers.current {
  background-color: var(--color-primary);
  padding: 0 1rem;
  color: var(--color-black);
  border-radius: 50%;
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--Neutral-100);
  background: var(--color-white);
}

.navigation a.next.page-numbers::after {
  content: ">";
  padding: 10px;
}
.navigation a.prev.page-numbers::before {
  content: "<";
  padding: 10px;
}

.navigation .ultra-pagination {
  padding: 0 2rem;
}

.navigation .ultra-pagination .pagination {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.navigation .ultra-pagination .pagination .page-numbers.current {
  background-color: white;
  padding: 1rem 2rem;
}

/* Suggest product */

.suggest-product {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.suggest-product .title-product {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}

.suggest-product .s-p-content {
  display: flex;
  gap: 2rem;
  width: 100%;
}

.suggest-product .main-suggest-prod {
  display: flex;
  flex-direction: column;
  width: 22rem;
  border-radius: 1.2rem;
  position: relative;
  gap: 2rem;
  align-items: center;
  background-color: var(--color-accent);
  padding: 2rem;
  padding-bottom: 3rem;
  height: 34rem;
}

.suggest-product .main-suggest-prod .head-s-prod {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  color: var(--color-white-text);
  font-size: 1.2rem;
  width: 100%;
  justify-content: space-around;
}

.suggest-product .main-suggest-prod .head-s-prod .num {
  background-color: var(--color-white);
  color: var(--Neutral-800);
  padding: 0.5rem 0.8rem;
  border-radius: 0.8rem;
}

.suggest-product .main-suggest-prod .price {
  color: var(--Neutral-800);
}

.suggest-product .main-suggest-prod .frame-img img {
  width: 10rem;
  height: 10rem;
  object-fit: cover;
  border-radius: 100%;
}

.rotate-suggest-ultra {
  animation: rotate-suggest-animation 2s infinite;
}

.pulse-suugest-ultra {
  width: 10rem;
  height: 10rem;
  border-radius: 100%;
  animation: pulse-suggest-animation 2s infinite;
}

.rotate-suggest-ultra {
  animation: scale-suggest-animation 2s infinite;
}

@keyframes pulse-suggest-animation {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

@keyframes scale-suggest-animation {
  0% {
    scale: 100%;
  }
  25% {
    scale: 105%;
  }
  50% {
    scale: 100%;
  }
  75% {
    scale: 105%;
  }
  100% {
    scale: 100%;
  }
}

.suggest-product .main-suggest-prod .add-btn {
  position: absolute;
  bottom: -3.5rem;
  background-color: var(--color-fixed-bg);
  padding: 1rem 1rem;
  border-radius: 100%;
}

.suggest-product .main-suggest-prod h2 {
  color: var(--Neutral-800);
  font-size: 1.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
}

.suggest-product .main-suggest-prod .add-btn a {
  font-size: 3rem;
  background-color: var(--color-accent);
  padding: 0 1.5rem;
  border-radius: 100%;
  color: var(--color-white);
}

.suggest-product .list-suggest-prod {
  width: 85%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  gap: 1rem;
}

.suggest-product .list-suggest-prod .list-item {
  background-color: var(--Neutral-50);
  border-radius: 0.8rem;
  padding: 0.8rem;
  display: flex;
  width: 32%;
  gap: 2rem;
  flex-grow: 1;
  height: 10.7rem;
}

.suggest-product .list-suggest-prod .list-item img {
  max-width: 9rem;
  height: 9rem;
  object-fit: cover;
  border-radius: 0.8rem;
  width: 25%;
}

.suggest-product .list-suggest-prod .list-item .desc-prod {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
}

.suggest-product .list-suggest-prod .list-item .desc-prod .num {
  background-color: var(--color-white);
  padding: 0.5rem 1.2rem;
  font-size: 1.4rem;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}

.suggest-product .list-suggest-prod .list-item:hover .desc-prod .num {
  background-color: var(--color-accent);
  color: var(--color-white-text);
  transition: all 0.3s ease-in-out;
}

.suggest-product .list-suggest-prod .list-item .prod-info {
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem 0;
}

.suggest-product .list-suggest-prod .list-item .prod-info h3 {
  color: var(--Neutral-800);
}

.suggest-product .list-suggest-prod .list-item .prod-info .not_stock,
.suggest-product .list-suggest-prod .list-item .prod-info .no_price,
.suggest-product .main-suggest-prod .not_stock,
.suggest-product .main-suggest-prod .no_price {
  background: var(--color-secondary);
  padding: 0.5rem;
  border-radius: 8px;
  font-weight: 600;
  color: var(--color-white-text);
}

.suggest-product .list-suggest-prod .list-item .prod-info h3 {
  font-size: 1.4rem;
}

.description-category a {
  color: var(--color-primary);
}

/* guarantee sec*/

.guarantee-ultra {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: space-between;
}

.guarantee-ultra .item {
  border-radius: 0.8rem;
  padding: 1rem;
  display: flex;
  background-color: var(--color-white);
  width: 25%;
  border: 1px solid var(--color-border);
  gap: 1rem;
  flex-grow: 1;
}

.guarantee-ultra .item i {
  font-size: 4rem;
  color: var(--color-secondary);
  border: 1px solid var(--color-border);
  padding: 2rem;
  border-radius: 0.8rem;
  transition: all 0.3s ease-in-out;
}

.guarantee-ultra .item i:hover {
  color: var(--color-white-text);
  background-color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  transition: all 0.3s ease-in-out;
}

.guarantee-ultra .item .info {
  display: flex;
  flex-direction: column;
}

.guarantee-ultra .item .info span {
  font-size: 1.4rem;
}

.guarantee-ultra .item .info .desc {
  font-size: 1.2rem;
  color: var(--Neutral-700);
}

.shopping-product-cart .product-items .item .product-image {
  display: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  line-height: 2.3;
  overflow: hidden;
  background-color: var(--color-white);
  border: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
}

.comment-text .meta-comment-pro {
  width: 20%;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 5px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
  margin: 0;
  color: #666;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
  font-size: 1.4rem;
  color: var(--Neutral-800);
}

.meta-comment-pro .flex-meta-img {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.meta-comment-pro .flex-meta-img img.avatar {
  position: relative !important;
  padding: 0 !important;
  margin-left: 10px !important;
}

.meta-comment-pro .star-rating {
  color: #ffc107;
  font-size: 15px;
}

.comment-text .description {
  width: 70%;
  color: var(--Neutral-800);
}

.comment-text .description p {
  font-size: 1.4rem;
  color: var(--Neutral-800) !important;
}

.show-rate-product {
  margin-right: 25px;
}

.show-rate-product .rate-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.show-rate-product .rate-item span {
  font-weight: 500;
  font-size: 1.3rem;
  min-width: 100px;
}

.show-rate-product .rate-item .rate-content {
  width: 150px;
  background-color: transparent;
  height: 7px;
  border-radius: 2px;
}

.show-rate-product .rate-item .rate-content .rate-result {
  height: 100%;
  background: #094aef;
}

.count-sales {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
}

aside.footer-widget.footer-about {
  width: 35%;
}

aside.footer-widget.footer-2 {
  width: 15%;
}

aside.footer-widget.footer-3 {
  width: 20%;
}

aside.footer-widget.footer-4 {
  width: 30%;
}

form.woocommerce-cart-form {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.woocommerce-cart-form .choosen-product-cart {
  width: 69%;
  height: fit-content;
  box-shadow: 0 0 3px 1px rgb(0 0 0 / 10%);
  border-radius: 7px;
}

.choosen-product-cart .cart-product {
  display: flex;
  gap: 20px;
}

.hero-checkout {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.hero-checkout .ultra-order-form {
  flex-grow: 1;
}

.item-product-checkout .cart_item .product-img {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  width: 100%;
  align-items: center;
}

.item-product-checkout .cart_item .product-info {
  display: flex;
  width: 100%;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.item-product-checkout .cart_item .product-info .product-quantity {
  display: flex;
  gap: 10px;
  font-size: 14px;
  background-color: var(--Neutral-40);
  border-radius: 6px;
  padding: 5px;
  justify-content: space-between;
}
.item-product-checkout .cart_item {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}

.item-product-checkout .cart_item .product-thumbnail {
  width: 30%;
  margin: 0 !important;
}

.success-payment-image {
  text-align: center;
}

p.woocommerce-thankyou-order-received {
  text-align: center;
  font-weight: 900;
  font-size: 23px !important;
  margin: 0 0 2rem !important;
}

.woocommerce ul.order_details {
  margin: 30px 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.woocommerce ul.woocommerce-thankyou-order-details:before,
.woocommerce ul.woocommerce-thankyou-order-details:after {
  display: none;
}

.woocommerce ul.order_details li {
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 450;
  background-color: var(--color-light-bg);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 14px #f1f1f1;
  border: 1px solid var(--color-secondary) !important;
  flex-grow: 1;
  word-wrap: break-word;
}

.woocommerce ul.order_details li strong {
  margin-top: 20px;
  font-size: 18px;
}

.order-info-final {
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
  flex-wrap: wrap;
  background: #f3f4f6;
}

.order-info-final > div {
  padding: 15px;
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 12px;
  flex-grow: 1;
  border-left: 1px solid #ddd;
  font-weight: 450;
}

.order-info-final > div:last-child {
  border-left: 0;
}

/**
Form Login
 */
.login-page {
  width: 460px;
  margin: 6% auto 0;
  max-width: 100%;
}

.form-login-ultra {
  position: relative;
  z-index: 1;
  background: var(--color-white);
  width: 100%;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow:
    0 0 20px 0 rgba(0, 0, 0, 0.2),
    0 5px 5px 0 rgba(0, 0, 0, 0.24);
  border-radius: 8px;
}

.form-login-ultra .back-form {
  display: flex;
}

.form-login-ultra .back-form .back-btn {
  width: 20%;
  border-radius: 12px;
  border: 1px solid #f3f3f3;
  background: #fff;
  color: #333;
  transition: all 0.2s ease-in-out;
}

.form-login-ultra .back-form .back-btn:hover {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.form-login-ultra .logo-form-login {
  max-width: 200px;
  margin: 0 auto 45px;
}

.form-login-ultra .register-form .woocommerce-privacy-policy-text {
  font-size: 1rem;
}

.form-login-ultra input {
  border-radius: 0.8rem;
  outline: 0;
  background: #f2f2f2;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
  text-align: start;
  padding: 0.8rem 0;
}

.form-login-ultra button {
  text-transform: uppercase;
  outline: 0;
  background: var(--color-primary);
  width: 100%;
  border: 0;
  padding: 10px;
  color: var(--color-white-text);
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: 450;
  border-radius: 0.8rem;
}

.form-login-ultra button:hover,
.form-login-ultra button:active,
.form-login-ultra button:focus {
  background: var(--color-accent);
}

.form-login-ultra p.woocommerce-LostPassword {
  margin: 15px 0 0;
}

.form-login-ultra .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 14px;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}

.form-login-ultra .message a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 450;
}

.form-login-ultra .register-form {
  display: none;
}

/**
        Start My Account
 */
.woocommerce-MyAccount-navigation-link a:before {
  font-family: "Font Awesome 6 Free";
  font-weight: bold;
  margin-left: 10px;
  font-size: 18px;
  vertical-align: middle;
}

.woocommerce-MyAccount-navigation-link--dashboard a:before {
  content: "\f625";
}

.woocommerce-MyAccount-navigation-link--orders a:before {
  content: "\f290";
}

.woocommerce-MyAccount-navigation-link--downloads a:before {
  content: "\f019";
}

.woocommerce-MyAccount-navigation-link--edit-address a:before {
  content: "\f5a0";
}

.woocommerce-MyAccount-navigation-link--edit-account a:before {
  content: "\f2bb";
}

.woocommerce-MyAccount-navigation-link--tracking a:before {
  content: "\e2ca";
}

.woocommerce-MyAccount-navigation-link--wishlist a:before {
  content: "\f004";
}

.woocommerce-MyAccount-navigation-link--customer-logout a:before {
  content: "\f2f5";
}

.notification-order {
  display: flex;
  gap: 10px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
  border-radius: 1.2rem;
}

.notification-order .myAccount-order {
  width: 60%;
}

.notification-order .notification-address {
  width: 39%;
}

/**
        Start Search
 */
.search-form {
  position: relative;
  width: 50%;
}
.main-header-2 .content-ajax-search,
.main-header-3 .content-ajax-search {
  z-index: 99999999;
  width: 70%;
  right: 20%;
  top: 50vh;
  height: 45vh;
  overflow: scroll;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main-header-2 .content-ajax-search .not-found-search,
.main-header-3 .content-ajax-search .not-found-search {
  display: flex;
  padding: 2rem;
  gap: 2rem;
  align-items: center;
}
.main-header-2 .content-ajax-search .not-found-search img,
.main-header-3 .content-ajax-search .not-found-search img {
  width: 50%;
  border-radius: 8px;
}
.main-header-2 .content-ajax-search .not-found-search p,
.main-header-3 .content-ajax-search .not-found-search p {
  font-size: 2rem;
}

.content-ajax-search {
  position: absolute;
  right: 1rem;
  left: 1rem;
  background: var(--color-white);
  padding: 20px;
  z-index: 10;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 0;
  border-bottom: 0;
  visibility: hidden;
  border: 1px solid var(--Neutral-100);
  opacity: 0;
  border-top: 0;
}

.show {
  visibility: visible !important;
  opacity: 1 !important;
}

.content-ajax-search ul {
  max-height: 300px;
  overflow-y: auto;
  padding-left: 10px;
  margin: 10px 0;
}

.content-ajax-search ul li a {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #ededed;
}

.content-ajax-search ul li a img {
  width: 6rem;
  height: 6rem;
  margin-left: 5px;
  object-fit: cover;
}

.content-ajax-search ul li a div h3 {
  font-size: 14px;
  margin: 3px 0;
  font-weight: 600;
}

.content-ajax-search ul li:last-child a {
  border-bottom: 0;
}
.view-more-results {
  background: var(--color-primary);
  padding: 10px;
  border-radius: 5px;
  text-align: center;
}
.view-more-results a.btn-view-more {
  color: #fff;
}

.loader-ajax-search {
  position: absolute;
  right: 50%;
  left: 50%;
  background: var(--color-white);
  top: 1.5rem;
  padding: 30px 0;
  z-index: 9;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 0;
  border-bottom: 0;
  visibility: hidden;
  opacity: 0;
}

.content-ajax-search del {
  color: var(--color-menu);
  position: relative;
  text-decoration: none;
}

.price-variable .price {
  font-size: 1.2rem;
}

.content-ajax-search del::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='11' viewBox='0 0 64 11' fill='none'%3E%3Cpath d='M1.00024 9.5C10.4572 3.92026 20.4704 2.377 28.8148 3.92026C41.9441 6.34847 56.2031 8.68346 63.0002 1.5' stroke='%23FF8E6E' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  padding: 3rem;
  position: absolute;
  top: 0.5rem;
  left: 2rem;
}

.content-ajax-search ins {
  text-decoration: none;
}

.content-ajax-search ins span {
  font-size: 1.6rem;
}

.content-ajax-search del span {
  font-size: 1.2rem;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 4;
  visibility: hidden;
  opacity: 0;
}

.not-fount-search {
  text-align: center;
}

.not-fount-search {
  text-align: center;
}

.not-fount-search img {
  max-width: 100%;
  margin: 10px 0;
}

.not-fount-search p {
  font-size: 16px;
  color: red;
  font-weight: 600;
  padding: 10px 0 20px;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 15px;
  border: 1px solid #888;
  width: 460px;
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  border-radius: 10px;
}
.modal-content i {
  color: #4cd137;
}
.modal-cart .btn-modal {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.modal-cart .btn-modal .view-cart {
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 10px;
  border-radius: 7px;
}
.modal-cart .btn-modal .close-modal {
  background-color: var(--color-accent);
  color: var(--color-white);
  padding: 10px 20px;
  border-radius: 7px;
}

.modal-add-to-cart {
  width: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 16px;
  font-weight: 450;
}

.modal-add-to-cart i {
  color: var(--color-primary);
  font-size: 26px;
}

.addtocart_button a::after {
  display: none;
}

.addtocart_button a.added {
  display: none;
}

.addtocart_button a.added_to_cart {
  background: var(--color-primary);
  color: var(--color-white-text);
  padding: 5px 10px;
  border-radius: 4px;
}

/**
        Loader
 */
.loader {
  animation: rotate 1s infinite;
  height: 50px;
  width: 50px;
}

.loader:before,
.loader:after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
}

.loader:before {
  animation: ball1 1s infinite;
  background-color: #fff;
  box-shadow: 30px 0 0 #ff3d00;
  margin-bottom: 10px;
}

.loader:after {
  animation: ball2 1s infinite;
  background-color: #ff3d00;
  box-shadow: 30px 0 0 #fff;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(0.8);
  }
  50% {
    transform: rotate(360deg) scale(1.2);
  }
  100% {
    transform: rotate(720deg) scale(0.8);
  }
}

@keyframes ball1 {
  0% {
    box-shadow: 30px 0 0 #ff3d00;
  }
  50% {
    box-shadow: 0 0 0 #ff3d00;
    margin-bottom: 0;
    transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #ff3d00;
    margin-bottom: 10px;
  }
}

@keyframes ball2 {
  0% {
    box-shadow: 30px 0 0 #fff;
  }
  50% {
    box-shadow: 0 0 0 #fff;
    margin-top: -20px;
    transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #fff;
    margin-top: 0;
  }
}

/**
        Checkout
 */
.different-address-form {
  margin-top: 30px;
  border-radius: 24px;
  border: 1px solid var(--Neutral-50, #f0f1f1);
  background: var(--color-white, #fff);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.04);
  padding: 18px;
}

.different-address-form textarea#order_comments {
  max-width: 100%;
  padding: 10px;
  min-height: 90px;
  max-height: 200px;
}

.woocommerce p.stars a {
  color: #ffc107;
}

.single-product-ultra .product-box .image-side ol {
  right: -16px;
}

.category-product .product-items {
  padding: 0;
}

.entry-summary .meta-product {
  gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.entry-summary .meta-product .meta-pro {
  width: 48%;
  text-wrap: nowrap;
}

.category-product .product-items {
  display: flex;
  gap: 2rem;
  /* flex-direction: column; */
  flex-direction: row;
  flex-wrap: wrap;

  width: 100%;
}

.main-header
  .middle-header
  .left-side
  .cart-content-box
  .cart-content
  .mini-cart-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 1rem 0 0 2rem;
}

.main-header
  .middle-header
  .left-side
  .cart-content-box
  .cart-content
  .mini-cart-empty
  img {
  width: 100%;
  object-fit: cover;
}

/**
            For Ajax
 */
/*.main-header .top-header .right-side{*/
/*    position: relative;*/
/*}*/
.main-header .top-header .right-side form {
  width: 100%;
}

.alerts-ultra {
  padding: 12px;
  background-color: var(--color-primary);
  color: var(--color-accent);
  margin: 10px;
  margin-bottom: 40px;
  z-index: 999;
  position: fixed;
  display: flex;

  box-shadow: inset -1px -1px 14px;
  border-radius: 12px;
  bottom: 0;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  font-size: 14px;
  font-weight: bold;
}

.alerts-ultra p {
  margin-bottom: 5px;
}

.ultra-info-closebtn {
  margin-left: 15px;
  color: var(--color-accent);
  font-weight: bold;
  cursor: pointer;
  font-size: 22px;
  line-height: 20px;
  transition: 0.3s;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.ultra-info-closebtn:hover {
  color: black;
}

.top-head-cus a {
  color: var(--color-accent);
}

.ultra-info2-closebtn {
  margin-left: 15px;
  color: var(--color-accent);
  font-weight: bold;
  cursor: pointer;
  font-size: 22px;
  line-height: 20px;
  transition: 0.3s;
}

.ultra-info2-closebtn:hover {
  color: black;
}

.top-head-cus {
  position: relative;
  background-image: linear-gradient(
    180deg,
    var(--color-primary) 0%,
    var(--color-secondary) 100%
  );
  background-color: var(--color-primary);
  box-shadow: inset -1px 2px 11px;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0 1rem;
  height: 45px;
  color: var(--color-white);
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
}

.ultra-info-closebtn {
  cursor: pointer;
  font-size: 20px;
  flex-shrink: 0;
}

.marquee-wrapper {
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
}

.marquee-content {
  display: inline-block;
  white-space: nowrap;
  direction: rtl;
}
.marquee-animate {
  animation: scroll-left 15s linear infinite;
}

.marquee-content p {
  margin: 0;
  white-space: nowrap;
  direction: rtl;
}

.top-head-cus a {
  color: var(--color-white);
  text-decoration: underline;
  flex-shrink: 0;
}
@keyframes scroll-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
.top-head-cus ul {
  list-style: none;
}

/**
 prod-style-9
 */
.prod-style-9 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.ultra-product-card {
  height: 100%;
  width: 100%;
  text-align: center;
  position: relative;
  overflow: hidden;

  transition: transform 0.2s;
}

.ultra-product-card img {
  border-radius: 0.8rem;
}

.ultra-product-image {
  width: 100%;
  height: auto;
  border-radius: 10px;
  transition: transform 0.3s;
}

.ultra-product-card:hover .ultra-product-image {
  transform: scale(1.1);
}

.ultra-product-name {
  font-size: 1.6rem;
  margin: 10px 0;
}

.ultra-product-price {
  font-size: 1em;
  color: #333;
}

.ultra-discounted-price {
  color: #e74c3c;
  font-weight: bold;
}

.ultra-original-price {
  text-decoration: line-through;
  color: #aaa;
  margin-left: 10px;
}

.ultra-hover-icons {
  position: absolute;
  top: 5px;
  left: 50px;
  transform: translateX(-50%);
  display: flex;
  gap: 15px;
  opacity: 0;
  transition: opacity 0.3s;
}

.ultra-product-card:hover .ultra-hover-icons {
  opacity: 1;
}

.ultra-icon {
  background-color: var(--color-secondary);
  border-radius: 50%;
  padding: 0.5rem 1rem;
  transition: background-color 0.3s;
}

.ultra-icon:hover {
  background-color: var(--color-accent);
  color: white;
}

.product-items li.product {
  position: relative;
}

.product-items li.product button.woosw-btn {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
}

/* New responsive side */

/*Desktop*/

@media screen and (max-width: 1800px) {
  .single-product-ultra .product-box .image-side {
    width: 42rem;
  }
}
@media screen and (max-width: 1742px) {
  .category-product .product-items .item.prod-style-7 {
    width: 32%;
  }
  .category-product .product-items .item.prod-style-8 {
    width: 31%;
  }
}

@media screen and (max-width: 1716px) {
  .cate-insale .product-items .item {
    width: 18.7%;
  }
}

@media screen and (max-width: 1686px) {
  .single-product-ultra
    .product-box
    .woocommerce-Reviews
    #comments
    .comment_container
    .comment-text
    .meta-comment-pro {
    width: 45% !important;
  }
  .category-product .product-items .item {
    width: 31%;
  }
}

@media screen and (max-width: 1663px) {
  .category-product .product-items .item.prod-style-7 {
    width: 31%;
  }
}

@media screen and (max-width: 1600px) {
  .best-selling .product-side .top-sec {
    column-gap: 1rem;
  }

  .single-product-ultra
    .product-box
    .woocommerce-Reviews
    #comments
    .comment_container
    .comment-text
    .meta-comment-pro {
    width: 45% !important;
  }

  .suggest-product .list-suggest-prod .list-item {
    width: 49%;
  }

  .notification-order .notification-address {
    width: 29% !important;
  }

  .notification-order .myAccount-order {
    width: 70% !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    float: left;
    width: 78%;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 22rem;
  }

  .best-selling .product-side .top-sec .product-info .varrible {
    flex-direction: column;
    gap: 1rem;
  }

  .best-selling .product-side {
    width: 58.5%;
  }

  .best-selling .best-selling-box .banner-side span {
    font-size: 2.4rem;
  }

  .single-product-ultra .cart-side-ultra .cart-box .cm-show {
    font-size: 1rem;
  }

  .single-product-ultra .cart-side-ultra .cart-box .price {
    justify-content: space-around;
  }

  .single-product-ultra .cart-side-ultra .cart-box .price .off {
    flex-direction: column;
    gap: 0;
  }
}

@media screen and (max-width: 1586px) {
  .cate-insale .product-items .item {
    width: 18.6%;
  }
  .container {
    width: 90% !important;
  }
}

@media screen and (max-width: 1524px) {
  .cate-insale .product-items .item {
    width: 23.5%;
  }
}

@media screen and (max-width: 1500px) {
  .insta-ultra .insta-boxes {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1469px) {
  .category-product .order-ultra-top .woocommerce-result-count {
    display: none;
  }
  .category-product .order-ultra-top .woocommerce-ordering {
    width: 100%;
  }
}

@media screen and (max-width: 1440px) {
  .best-selling .product-side .top-sec img {
    width: 20rem;
    height: 20rem;
  }

  .category-product .order-ultra-top .woocommerce-result-count {
    display: none;
  }

  .category-product .order-ultra-top .woocommerce-ordering {
    width: 100%;
  }

  .single-product-ultra .cart-side-ultra .cart-box .price {
    flex-wrap: wrap;
  }

  .single-product-ultra .product-box .entry-summary {
    width: 50% !important;
  }
}

@media screen and (max-width: 1450px) {
  .single-product-ultra
    .product-box
    .woocommerce-Reviews
    #comments
    .comment_container
    .comment-text
    .meta-comment-pro {
    width: 55% !important;
  }
}

@media screen and (max-width: 1400px) {
  .single-post-ultra
    .post-content
    .main-box
    .text-box
    .woocommerce
    .product-items
    li {
    width: 33%;
  }

  .container {
    width: 85% !important;
  }

  .single-post-ultra .post-content .main-box #comments .comments {
    width: 100%;
    order: 1;
  }
  .single-post-ultra
    .post-content
    .main-box
    #comments
    .navigation.comment-navigation {
    order: 2;
    padding-right: 1rem;
  }

  .single-post-ultra .post-content .main-box #comments #respond {
    width: 100%;
    order: 3;
  }
}

@media screen and (max-width: 1389px) {
  .category-product .product-items .item.prod-style-8 {
    width: 48%;
  }
}

@media screen and (max-width: 1366px) {
  .best-selling .product-side .top-sec {
    flex-direction: column;
  }

  .item.prod-style-7 {
    width: 26rem;
  }
  .woocommerce div.product form.cart .variations select {
    display: block !important;
    padding: 1rem;
    border-radius: 8px;
  }
  .woocommerce
    .single-product-ultra
    .main-product:not(.cart-side-ultra)
    form.cart
    .variations
    select {
    display: none !important;
  }
  .woocommerce div.product form.cart .variations ul {
    display: none !important;
  }
  .woocommerce
    .single-product-ultra
    .main-product:not(.cart-side-ultra)
    form.cart
    .variations
    ul {
    display: flex !important;
  }

  .single-product-ultra .cart-side-ultra .cart-box .price {
    flex-wrap: nowrap;
  }

  .best-selling .best-prod .owl-dots {
    max-height: 100%;
  }

  .notification-order {
    flex-direction: column-reverse;
  }

  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .middle
    form.variations_form
    > div {
    display: flex;
    flex-wrap: nowrap;

    width: 100%;
  }

  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .middle
    form.variations_form
    > div
    table {
    width: 40%;
  }

  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .middle
    form.variations_form
    .single_variation_wrap {
    display: flex;
    width: 70%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
  }

  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .middle
    form.variations_form
    .single_variation_wrap
    .woocommerce-variation-add-to-cart {
    display: flex;
    align-content: center;
  }

  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .woocommerce-variation-add-to-cart
    .quantity {
    width: 80%;
  }

  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .single_variation_wrap
    button {
    width: 30%;
    height: 4.5rem;
  }

  footer .footer-section .footer-content .footer-widget ul li {
    width: 100%;
  }

  .shopping-product-cart .product-items.cart-product .item.cart_item {
    width: 98% !important;
  }

  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .woocommerce-variation
    .price {
    width: 100%;
    justify-content: flex-end;
  }

  .cart-side-ultra .variations table tr {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
  }

  .ultra-card .ultra-cardtcard {
    width: 30rem;
  }

  .ultra-card-info {
    width: 100%;
    font-size: 1.2rem;
    padding: 0;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .ultra-card-info input {
    border: 0;
    border-radius: 8px;
    height: 3rem;
    padding: 0 1rem;
    width: 12rem;
  }

  .ultra-card-info p {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
    width: 60%;
  }

  .ultra-myAccount
    .woocommerce-MyAccount-content
    .notification-order
    .notification-address {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
  }

  .notification-order .notification-address {
    width: 100% !important;
  }

  .notification-order .myAccount-order {
    width: 100% !important;
  }

  .ultra-myAccount
    .woocommerce-MyAccount-content
    .notification-order
    .notification-address
    .myAccount-address {
    width: 49% !important;
  }

  .ultra-myAccount
    .woocommerce-MyAccount-content
    .notification-order
    .notification-address
    .myAccount-notification {
    width: 49% !important;
  }

  .single-product-ultra .cart-side-ultra .cart-box .price {
    justify-content: center;
    gap: 1rem;
  }

  .single-product-ultra .cart-side-ultra .cart-box .price .off {
    flex-direction: row;
    gap: 2rem;
  }

  .single-product-ultra .main-product .cart-side-ultra {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 9;
    right: 0;
  }

  .single-product-ultra .cart-side-ultra .cart-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
  }

  .single-product-ultra .cart-side-ultra .cart-box .alert-prod {
    display: none;
  }

  .single-product-ultra .cart-side-ultra .cart-box .middle form.cart {
    margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
  }

  .single-product-ultra .product-box .entry-summary .top {
    align-items: center;
  }

  .single-product-ultra .cart-side-ultra .cart-box form.cart {
    margin: 0;
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    gap: 2rem;
    align-items: center;
  }

  .single-product-ultra .cart-side-ultra .cart-box .cm-show {
    width: 20%;
  }

  .single-product-ultra .cart-side-ultra .cart-box .quantity {
    width: 15%;
  }

  .single-product-ultra .cart-side-ultra .cart-box .price {
    width: 30%;
    justify-content: flex-end;
  }

  .single-product-ultra .cart-side-ultra .cart-box > span {
    margin-top: 2rem;
  }

  .single-product-ultra .main-product .product-box {
    width: 100%;
    overflow: hidden;
  }

  .single-product-ultra .main-product .product-box .product-top {
    flex-wrap: nowrap;
    width: 100%;
  }

  .single-product-ultra .product-box div.summary {
    width: 70% !important;
  }

  .single-product-ultra .cart-side-ultra .cart-box .quantity input {
    border: 0;
  }

  .single-product-ultra .cart-side-ultra .cart-box button {
    width: 20%;
  }

  .single-product-ultra .cart-side-ultra .cart-box .middle {
    width: 70%;
  }
}

@media screen and (max-width: 1351px) {
  .category-product .product-items .item {
    width: 48%;
  }
}

@media screen and (max-width: 1280px) {
  .category-product .product-items .item.prod-style-8 {
    min-width: 20rem;
    width: 31%;
  }
  .category-product .product-items .item {
    width: 31%;
    min-width: 20rem;
  }

  .checkout-process {
    width: 35%;
  }

  .main-header
    .middle-header
    .menu-side
    .ultra-megamenu
    .menu-section
    > ul
    > li
    > ul {
    width: 500px;
  }

  .blog1 .blog-item {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .product-items .item .price {
    font-size: 1.6rem;
  }

  .suggest-product .list-suggest-prod .list-item {
    width: 100%;
  }

  .item.prod-style-7 {
    width: 23.5rem;
  }

  .best-selling .best-selling-box .banner-side span {
    font-size: 2.2rem;
  }

  .tv-sec .tv-box .main-tv .tv-item h4 {
    font-size: 1.6rem;
  }

  .suggest-product .list-suggest-prod {
    height: 100%;
    max-height: 100%;
  }

  .blogs .the-blog .blog-item h3.title {
    font-size: 1.6rem;
    -webkit-line-clamp: 1;
    display: box;
    box-orient: vertical;
    line-clamp: 1;
  }

  .single-product-ultra .cart-side-ultra .cart-box {
    justify-content: space-around;
  }

  .single-product-ultra .cart-side-ultra .cart-box .quantity {
    width: 20%;
  }

  .single-product-ultra .main-product .product-box .product-top {
    gap: 2rem;
  }
  .single-product-ultra .product-box .image-side ol {
    right: -1px;
  }
}

@media screen and (max-width: 1356px) {
  .cate-insale .product-items .item {
    width: 23%;
  }
}
@media screen and (max-width: 1134px) {
  .category-product .product-items .item.prod-style-7 {
    min-width: 20rem;
    width: 31%;
  }
  .category-product .product-items .item.prod-style-9 {
    width: 48%;
  }
}

.single-post-ultra .post-content .main-box .text-box table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
  margin: 10px 0;
}

.single-post-ultra .post-content .main-box .text-box th,
.single-post-ultra .post-content .main-box .text-box td {
  padding: 8px 12px;
  border: 1px solid #ccc;
  text-align: right;
  white-space: normal;
}

@media screen and (max-width: 1124px) {
  .category-product .order-ultra-top .woocommerce-ordering ul.catalog-list {
    flex-wrap: wrap;
  }

  .single-post-ultra
    .post-content
    .main-box
    .text-box
    .woocommerce
    .product-items
    li {
    width: 45%;
  }

  .category-product
    .order-ultra-top
    .woocommerce-ordering
    ul.catalog-list
    li:first-child {
    width: 100%;
  }

  .single-post-ultra .post-content .main-box .text-box table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }
  .single-post-ultra .post-content .main-box .text-box table {
    display: block;
    overflow-x: auto;
    width: 100%;
  }
}

@media screen and (max-width: 1088px) {
  .cate-insale .product-items .item {
    width: 31.5%;
  }
}

@media screen and (max-width: 1069px) {
  .category-product .product-items .item.prod-style-7 {
    width: 48%;
  }
  .category-product .product-items .item {
    width: 48%;
  }
  .category-product .product-items .item.prod-style-8 {
    width: 48%;
  }
  .single-product-ultra .cart-side-ultra .cart-box .cm-show {
    display: none;
  }
  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .middle
    form.variations_form
    > div
    table {
    width: 20%;
  }
  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .middle
    form.variations_form
    .single_variation_wrap {
    gap: 0.5rem;
  }
  .single-product-ultra .cart-side-ultra .cart-box .middle {
    width: 100%;
  }
}

/*Tablet*/
@media screen and (max-width: 1024px) {
  .sale-widget-ultra .sale-content {
    flex-wrap: wrap;
  }
  footer .footer-section .footer-content .footer-widget {
    overflow: hidden;
  }

  .sale-widget-ultra .sale-content .attrs-sale {
    width: 100%;
  }

  .main-header-2 .mid-header .menu-sec {
    display: none;
  }
  .main-header-2 .mid-header .btn-sec {
    width: 100%;
  }
  .single-post-ultra .related-blogs .blog-item {
    width: 47%;
  }
  .single-post-ultra .related-blogs {
    flex-wrap: wrap;
  }

  .ultra-main-slider .slider .owl-nav button.owl-prev {
    position: absolute;
    bottom: 4rem;
    right: 2rem;
  }

  .ultra-main-slider .slider .owl-nav button.owl-next {
    position: absolute;
    bottom: 4rem;
    right: 6rem;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 22rem;
  }

  .category-product .product-items .item.prod-style-9 {
    width: 47%;
    flex-grow: 1;
  }

  .category-product .product-items .item {
    width: 47%;
    flex-grow: 1;
    min-width: 18rem;
  }
  .category-product .product-items .item img {
    width: 100%;
    height: 16rem;
    object-fit: contain;
  }

  .category-product .product-items .item.prod-style-6 {
    width: 47%;
    flex-grow: 1;
  }

  .category-product .product-items .item.prod-style-3 {
    width: 47%;
    flex-grow: 1;
  }

  .category-product .product-items .item.prod-style-8 {
    justify-content: space-evenly;
    width: 47%;
    flex-grow: 1;
  }

  .category-product .product-items .item.prod-style-7 {
    width: 47%;
    flex-grow: 1;
  }

  .notification-order {
    flex-direction: column-reverse;
  }

  .ultra-myAccount .woocommerce-MyAccount-content .myaccount-detail {
    flex-wrap: wrap;
  }

  .ultra-myAccount
    .woocommerce-MyAccount-content
    .myaccount-detail
    .item-detail {
    width: 48%;
  }

  .notification-order .myAccount-order {
    width: 100% !important;
  }

  .notification-order .notification-address {
    width: 100% !important;
  }

  .product-sale .sale-slider {
    width: 75%;
  }

  .product-sale .sale-title {
    width: 25%;
  }

  .ultra-page .woocommerce .fixed-checkout {
    position: fixed;
    bottom: 0;
    background-color: var(--color-white);
    width: 100%;
    right: 0;
    box-shadow: 1px 1px 10px var(--color-border);
  }

  .ultra-page .woocommerce .fixed-checkout .ultra-sum-checkout {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
  }

  .ultra-page .woocommerce .fixed-checkout .ultra-sum-checkout button {
    background-color: var(--color-secondary);
    border-radius: 0.8rem;
  }

  .checkout-process {
    width: 30%;
  }

  .best-selling .product-side .top-sec img {
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    object-fit: cover;
    background-color: var(--color-white);
    padding: 3rem;
  }

  .best-selling .product-side .top-sec .product-info h3 {
    font-size: 2.2rem;
  }

  .best-selling .product-side .top-sec {
    gap: 1rem;
  }

  .best-selling .product-side .buttom-side {
    margin-top: 1rem;
    margin-bottom: 4rem;
  }

  .insta-box {
    flex-wrap: wrap;
  }

  .insta-box .frame {
    width: 32%;
  }

  .blogs .the-blog .blog-item {
    width: 48%;
  }

  .blogs .the-blog {
    flex-wrap: wrap;
    gap: 1rem;
  }

  footer .footer-section .footer-content .col-ultra {
    width: 48%;
  }

  footer .footer-section .footer-content {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blogs .the-blog .blog-item .title {
    font-size: 1.4rem;
  }

  .banner {
    flex-wrap: wrap;
  }

  .best-selling .product-side {
    width: 58%;
  }

  .best-selling .best-prod .list-product {
    flex-wrap: wrap;
  }

  .best-selling .best-prod .owl-dots {
    max-height: 50rem;
  }

  .best-selling .best-selling-box {
    flex-wrap: wrap;
  }

  .owl-carousel.owl-theme.best-prod {
    width: 100%;
  }

  .best-selling .best-prod .list-product .price {
    display: flex;
    gap: 0.5rem;
    align-items: center;
  }

  .owl-theme .owl-dots .owl-dot span {
    /* height: auto; */
    margin: 0;
  }

  .best-selling .best-selling-box .banner-side img {
    top: 0;
    rotate: 90deg;
  }

  .best-selling .best-selling-box {
    flex-direction: column-reverse;
  }

  .single-product-ultra .products .product-items .product {
    width: 33%;
  }

  .single-product-ultra .cart-side-ultra .cart-box .cm-show .anchor-cm-ultra {
    display: none;
  }

  .single-product-ultra .cart-side-ultra .cart-box .cm-show .star {
    border: 0;
  }

  .single-product-ultra .cart-side-ultra .cart-box .cm-show {
    width: 15%;
  }

  .woocommerce-cart-form .cart-collaterals .cart_totals .cart-line-bottom {
    display: flex;
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 1rem;
    align-items: center;
    justify-content: space-around;
    background-color: white;
    box-shadow: 1px 1px 10px var(--color-border);
    z-index: 9;
  }

  .woocommerce-cart-form
    .cart-collaterals
    .cart_totals
    .cart-line-bottom
    .checkout-button {
    background-color: var(--color-primary);
    border-radius: 8px;
  }

  form.woocommerce-cart-form {
    flex-direction: column;
  }

  form.woocommerce-cart-form .shopping-product-cart {
    width: 100%;
  }

  form.woocommerce-cart-form .cart-collaterals {
    width: 100%;
  }

  .hero-checkout {
    flex-direction: column;
  }

  .hero-checkout .ultra-order-form {
    width: 100%;
  }

  .hero-checkout .ultra-order-review {
    width: 100% !important;
  }

  .hero-checkout .ultra-order-review .shop_table .head-review-order p {
    width: 100%;
    background-color: var(--color-accent);
    color: white;
    padding: 1rem 0;
    border-radius: 8px 8px 0 0;
    text-align: center;
  }

  .hero-checkout .ultra-order-review .shop_table .cart-subtotal {
    background: var(--color-accent);
    display: flex;
    justify-content: space-around;
    padding: 1rem 0;
    border-radius: 0 0 8px 8px;
    align-content: center;
    align-items: center;
    color: white;
    margin: 1rem 0;
  }

  .hero-checkout .item-product-checkout .cart_item .product-thumbnail {
    width: 8rem !important;
  }

  .hero-checkout .ultra-order-review .cart_item img {
    width: 8rem;
    height: 8rem;
    object-fit: cover;
    border-radius: 8px;
  }
}

@media screen and (max-width: 992px) {
  .guarantee-ultra .item {
    width: 49%;
  }

  .image-side
    .woocommerce-product-gallery__wrapper
    .woocommerce-product-gallery__image.flex-active-slide {
    width: 350px !important;
    height: 350px !important;
  }
  .single-product-ultra .product-box .image-side {
    width: 35rem;
  }
  .image-side
    .woocommerce-product-gallery__wrapper
    .woocommerce-product-gallery__image {
    border-radius: 100%;
    width: 35rem;
    height: 35rem;
  }

  .guarantee-ultra {
    flex-wrap: wrap;
  }
  .single-post-ultra .text-box .brands .brand-item {
    width: 30%;
  }
}

@media screen and (max-width: 980px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
  }
  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
  }
  .ultra-myAccount .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
  }
  .ultra-myAccount .woocommerce-MyAccount-navigation .user-info-myAccount {
    width: 100%;
  }
  .ultra-myAccount .woocommerce-MyAccount-navigation {
    display: flex;
    flex-direction: row;
    gap: 2rem;
  }
  .ultra-myAccount .woocommerce-MyAccount-navigation ul li {
    width: 50%;
  }
  .ultra-myAccount {
    display: flex;
    gap: 2rem;
    flex-direction: column;
  }
}

@media screen and (max-width: 938px) {
  .main-header .middle-header .menu-side .ultra-megamenu .title-megamenu {
    border-left: 0;
  }
  .main-header .middle-header .menu-side .main-menu {
    display: none;
  }
  .main-header .up-header {
    display: none;
  }

  .ultra-tv {
    flex-direction: column;
  }

  .ultra-tv .main-tv {
    width: 100%;
  }

  .ultra-tv .side-tv {
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  .single-post-ultra .post-content {
    flex-wrap: wrap;
  }

  .main-header
    .middle-header
    .menu-side
    .ultra-megamenu
    .menu-section
    > ul
    > li
    > ul {
    width: 500px;
  }
}

@media screen and (max-width: 904px) {
  .single-product-ultra
    .product-box
    .woocommerce-Reviews
    #comments
    .comment_container
    .comment-text
    .meta-comment-pro {
    width: 100% !important;
    border-left: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
  }

  .single-post-ultra
    .post-content
    .main-box
    .text-box
    .woocommerce
    .product-items
    li {
    width: 100%;
  }

  .woocommerce #reviews #comments ol.commentlist li .comment-text {
    flex-wrap: wrap;
  }

  .comment-text .description {
    width: 50%;
  }

  .single-product-ultra
    .product-box
    .woocommerce-Reviews
    #comments
    .comment_container
    .comment-text
    .show-rate-product {
    width: 40%;
  }
}

@media screen and (max-width: 870px) {
  .blog-list .article {
    width: 100%;
  }

  .item.prod-style-7 {
    width: 21rem;
  }
  .main-header-3 .menu-sec {
    display: none;
  }
}
@media screen and (max-width: 858px) {
  .entry-summary .meta-product .meta-pro {
    width: 100%;
    text-wrap: nowrap;
  }
  .single-product-ultra .product-box div.summary {
    width: 50% !important;
  }
  .ultra-myAccount .woocommerce-MyAccount-navigation {
    flex-direction: column;
  }
}

@media screen and (max-width: 830px) {
  .main-header
    .middle-header
    .menu-side
    .ultra-megamenu
    .menu-section
    > ul
    > li
    > ul {
    width: 450px;
  }

  .cm-section ul li .comment_meta {
    gap: 1rem;
  }
  .single-post-ultra .post-content .comments p {
    padding: 0;
  }

  .single-post-ultra .post-content .main-box .comments .comment {
    padding: 0.5rem;
  }
}

@media screen and (max-width: 820px) {
  .container {
    width: 90%;
    margin: 0 auto;
  }

  .ultra-myAccount
    .woocommerce-MyAccount-content
    .notification-order
    .notification-address {
    flex-direction: column;
  }

  .ultra-myAccount
    .woocommerce-MyAccount-content
    .notification-order
    .notification-address
    .myAccount-address {
    width: 100% !important;
  }

  .ultra-myAccount
    .woocommerce-MyAccount-content
    .notification-order
    .notification-address
    .myAccount-notification {
    width: 100% !important;
  }

  .product-sale .sale-slider {
    width: 70%;
  }

  .checkout-process {
    width: 40%;
  }

  .category-product-page .category-product .order-ultra-top {
    flex-direction: column-reverse;
    align-items: flex-end;
  }

  .category-product .order-ultra-top .woocommerce-ordering {
    width: 100%;
  }

  .product-sale .sale-title {
    width: 30%;
  }

  .category-product
    .order-ultra-top
    .woocommerce-ordering
    ul.catalog-list
    > span {
    font-size: 1.2rem;
  }

  .category-product .order-ultra-top .woocommerce-ordering ul.catalog-list li {
    font-size: 1.2rem;
  }

  footer {
    margin: 5rem 0;
  }

  .single-product-ultra .cart-side-ultra .cart-box .cm-show {
    display: none;
  }

  .woocommerce #reviews #comments ol.commentlist li .comment-text {
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }

  .single-product-ultra
    .product-box
    .woocommerce-Reviews
    #comments
    .comment_container
    .comment-text
    .meta-comment-pro {
    width: 40% !important;
    border-left: 0 !important;
    order: 1;
  }

  .single-product-ultra
    .product-box
    .woocommerce-Reviews
    #comments
    .comment_container
    .comment-text
    .show-rate-product {
    border-right: 0;
    width: 45%;
    order: 2;
  }

  .comment-text .description {
    width: 100% !important;
    order: 3;
  }

  .single-product-ultra .cart-side-ultra .cart-box {
    flex-wrap: wrap;
  }

  .single-product-ultra .cart-side-ultra .cart-box .middle {
    width: 100%;
  }

  .single-product-ultra .cart-side-ultra .cart-box {
    justify-content: space-around;
  }

  .single-product-ultra .cart-side-ultra .cart-box .cm-show .anchor-cm-ultra {
    display: block;
  }

  .single-product-ultra .cart-side-ultra .cart-box .cm-show .star {
    border-right: 1px solid #d3d2d2;
  }

  .single-product-ultra .cart-side-ultra .cart-box .cm-show {
    width: 30%;
  }
}

@media screen and (max-width: 807px) {
  .cate-insale .product-items .item {
    width: 31%;
  }
  .ultra-slider .owl-dots {
    padding: 2px 10px;
  }
}
@media screen and (max-width: 798px) {
  .checkout-process {
    width: 50%;
  }

  .single-product-ultra .product-box .entry-summary .attr-prod .attr-ultra {
    width: 100%;
  }
}
@media screen and (max-width: 780px) {
  .category-product .product-items .item.prod-style-8 {
    min-width: 18rem;
    width: 47%;
  }
}

@media screen and (max-width: 778px) {
  .cate-insale .product-items .item {
    width: 48%;
  }
}

@media screen and (max-width: 738px) {
  .main-header
    .middle-header
    .menu-side
    .ultra-megamenu
    .menu-section
    > ul
    > li
    > ul {
    width: 300px;
  }

  .single-product-ultra .product-box .entry-summary .attr-prod .attr-ultra {
    width: 100% !important;
  }

  .empty-cart-ultra .return-to-shop {
    width: 80%;
    align-content: center;
  }
  .single-post-ultra .related-blogs {
    flex-wrap: wrap;
  }
  .single-post-ultra .related-blogs .blog-item {
    width: 100%;
  }
  .sale-widget-ultra .sale-content .image-sec span {
    right: 10rem;
  }
}
@media screen and (max-width: 700px) {
  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .single_variation_wrap
    button {
    width: 14rem;
  }
  .ultra-myAccount
    .woocommerce-MyAccount-content
    .myaccount-detail
    .item-detail {
    width: 100%;
  }
  .ultra-myAccount .woocommerce-MyAccount-content .myaccount-detail {
    width: 100%;
  }
  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .middle
    form.variations_form
    .single_variation_wrap {
    width: 100%;
  }
  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .middle
    form.variations_form
    .single_variation_wrap
    .woocommerce-variation-add-to-cart {
    flex-wrap: wrap;
  }
  .single-post-ultra .text-box .brands .brand-item {
    width: 45%;
  }
}

@media screen and (min-width: 602px) {
  .main-header .top-header .right-side #myModal {
    display: none;
    visibility: hidden;
  }

  .ultra-myAccount .woocommerce-MyAccount-navigation .mp-menu .mp-menu-btn {
    display: none;
  }
}

@media (max-width: 600px) {
  .ultra-product-card {
    width: 100%;
  }
}

@media screen and (max-width: 601px) {
  .container {
    width: 570px;
    margin: auto;
  }

  .woocommerce-cart-form .cart-collaterals .cart_totals {
    max-width: 100% !important;
  }

  .single-post-ultra .post-content .main-box .woocommerce {
    padding: 0;
  }
  .side-single .widget {
    margin: 10px 0;
  }

  .ultra-header-widgets .view-all {
    margin-left: 0;
  }
  .ultra-slider-nav-style .owl-carousel .owl-nav {
    display: none !important;
  }

  .single-product-ultra .products {
    padding: 1rem;
  }
  .single-product-ultra .products .product-items .product {
    width: 45%;
  }
  .story-box #stories {
    scrollbar-width: none;
  }
  .ultra-myAccount .woocommerce-MyAccount-navigation ul li {
    width: 100%;
  }
  .single-post-ultra
    .post-content
    .main-box
    .text-box
    .woosw-list
    .woosw-actions
    .woosw-copy {
    flex-direction: column;
  }

  .single-post-ultra
    .post-content
    .main-box
    .text-box
    .woosw-list
    .woosw-items
    tbody {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .woosw-list table.woosw-items tr:nth-child(2n) td {
    background-color: var(--color-white);
  }

  .single-post-ultra
    .post-content
    .main-box
    .text-box
    .woosw-list
    .woosw-items
    tbody
    tr {
    display: flex;
    border: 1px solid var(--color-border);
    flex-wrap: wrap;
    width: 100%;
    flex-grow: 1;
  }

  .main-header-mob {
    display: block;
    position: relative;
    z-index: 9;
  }

  .message-box-ultra {
    top: 10rem !important;
    width: 30rem !important;
    bottom: unset !important;
    left: 50% !important;
    right: unset !important;
  }

  .product-items {
    justify-content: center;
  }
  .message-box-ultra > a {
    display: flex;
    gap: 1rem;
  }
  .message-box-ultra img {
    width: 5rem;
    height: 5rem;
  }
  .main-header-3 {
    display: none;
  }
  .main-header-2,
  .main-header {
    display: none;
  }
  .single-product-ultra .product-box .image-side {
    width: 35rem;
  }

  .single-product-ultra .main-product .product-box .product-top {
    justify-content: center;
  }

  .entry-summary .meta-product .meta-pro {
    width: 48%;
    text-wrap: nowrap;
  }
  .single-product-ultra .product-box .image-side ol li {
    width: auto;
  }
  .single-post-ultra .post-head h1 {
    font-size: 1.6rem;
  }

  .single-post-ultra .post-head .title-content {
    padding: 50px 5px 10px 5px;
  }

  .single-post-ultra .post-head {
    position: relative;
    height: 30rem;
    width: 100%;
  }
  .single-post-ultra .post-head img {
    height: 30rem;
    object-fit: cover;
  }

  .single-post-ultra .post-head .title-content {
    bottom: 0px;
  }

  .ultra-main-slider .slider .owl-nav button {
    display: none;
  }

  .story-box .stories {
    justify-content: flex-start;
  }

  .form-login-ultra {
    box-shadow: none;
  }

  .story-box .stories {
    padding-bottom: 2rem;
  }

  .floatting-btn {
    left: 4rem;
    right: auto;
  }

  .single-product-ultra .product-box .entry-summary .attr-prod .attr-ultra {
    width: 33%;
  }

  .floatting-contact .contact-list {
    bottom: 19.5rem;
    left: 4rem;
    right: auto;
  }

  .main-header-mob .top-header .bar-menu {
    display: flex;
    cursor: pointer;
  }

  .main-header-mob .top-header .right-side .search-form {
    display: none;
  }

  .main-header-mob .top-header .right-side .search-btn-menu-mobile {
    display: block;

    padding: 0.6rem 0.5rem 0 0.6rem;
    cursor: pointer;
    border-radius: 0.8rem;
  }

  .main-header-mob .top-header .right-side .search-btn-menu-mobile svg path {
    stroke: var(--color-secondary);
  }

  .search-mobile form input[type="search"] {
    color: var(--Neutral-800);
    transition: all 0.3s ease-out;
    font-size: 1.4rem;
    width: 100%;
    padding: 0.5rem 3rem;
    border: 0.1rem solid var(--Neutral-100);
    border-radius: 0.8rem;
  }

  .search-mobile form input[type="search"]:focus {
    border: 0.1rem solid var(--color-primary);
    box-shadow: 0 0 10px var(--color-primary);
    outline: var(--color-primary);
  }

  .floatting-btn {
    bottom: 12rem;
  }

  .blogs-content .blogs-sec .blog-item {
    width: 100% !important;
  }

  .archive-content .blogs-content .blogs-show-1 .blog-item {
    width: 100% !important;
  }

  .suggest-product .list-suggest-prod .list-item {
    width: 100%;
  }

  .guarantee-ultra {
    flex-wrap: wrap;
  }

  .guarantee-ultra .item {
    width: 49%;
  }

  .nav-mob-bottom {
    display: flex;
  }

  .main-header .top-header .support-side {
    display: none;
  }

  .blog1 .blog-item {
    display: flex;
    gap: 1rem;

    flex-wrap: wrap;
  }

  .blog1 .blog-item .article {
    width: 49%;
  }

  .ultra-myAccount {
    flex-direction: column;
  }

  .single-insta .insta-main-box {
    flex-direction: column !important;
    padding: 1rem;
    height: 100%;
  }

  .single-insta .insta-main-box .video-insta {
    width: 100%;
  }

  .single-insta .insta-main-box .text-insta {
    width: 100%;
  }

  .checkout-process {
    width: 70%;
  }

  .category-product {
    width: 100%;
    order: 1;
  }

  .archive-product .archive-content {
    flex-direction: column;
  }

  .side-single {
    order: 2;
    width: 100%;
  }

  .single-product-ultra .cart-side-ultra .cart-box .price {
    width: 60%;
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  .category-page .insta-box .frame {
    border: 0.86px solid #f3f3f3;
    width: 25rem;
    display: flex;
    flex-direction: column;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
  }

  .ultra-myAccount .woocommerce-MyAccount-navigation ul {
    display: none;
  }

  .single-product-ultra .cart-side-ultra .cart-box button {
    width: 30%;
  }

  .single-product-ultra
    .product-box
    .woocommerce-Reviews
    #comments
    .comment_container
    .comment-text
    .meta-comment-pro {
    width: 100% !important;
    display: flex;

    flex-direction: column-reverse;
  }

  .single-product-ultra
    .product-box
    .woocommerce-Reviews
    #comments
    .comment_container
    .comment-text
    .show-rate-product {
    border-right: 0 !important;
    padding-right: 0;
  }

  .single-post-ultra .post-content {
    flex-wrap: wrap;
  }

  .single-post-ultra .post-content .main-box .cm-section .cm-area {
    flex-direction: column;
  }

  .single-post-ultra .post-content .main-box {
    order: 1;
  }

  .single-post-ultra .post-content .main-box .comments {
    width: 100%;
  }

  .woocommerce #review_form #respond #commentform .custom-field-review {
    padding: 2rem;
  }

  .single-product-ultra
    .product-box
    .woocommerce-Reviews
    #comments
    .comment_container
    .comment-text
    .show-rate-product {
    order: 3;
  }

  .comment-text .description {
    width: 100% !important;
    order: 2;
  }

  .single-product-ultra
    .product-box
    .woocommerce-Reviews
    #comments
    .comment_container
    .comment-text
    .show-rate-product {
    width: 100%;
  }

  .single-product-ultra .cart-side-ultra .cart-box .middle form.cart {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .main-header-mob .top-header .right-side {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }

  .main-header-mob .top-header .right-side .logo-header a {
    justify-content: center;
  }

  .main-header-mob .top-header .right-side .logo-header {
    width: 100%;
  }

  .main-header-mob .top-header .right-side .search-form {
    width: 80%;
  }

  .main-header-mob .top-header .right-side .logo-header span {
    font-size: 1.6rem;
  }

  .product-sale .sale-title {
    width: 45%;
  }

  .product-sale .sale-slider {
    width: 55%;
  }

  .product-sale {
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    gap: 1rem;
  }

  .product-sale .sale-title {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    row-gap: 2rem;
    padding: 0 1rem;
  }

  .best-selling .product-side {
    border-radius: 3rem 0.8rem 0.8rem 20rem;
  }

  .best-selling .product-side {
    width: 82%;
  }

  .product-sale .sale-title img {
    display: none;
  }

  .product-sale .sale-title a {
    width: auto;
  }

  .tv-sec .tv-box .main-tv {
    flex-wrap: wrap;
  }

  .tv-sec .tv-box .main-tv .tv-item {
    width: 100%;
  }

  .tv-sec .tv-box .main-tv .tv-item h4 {
    bottom: 3rem;
    font-size: 1.4rem;
  }

  .tv-sec .tv-box .main-tv {
    flex-wrap: wrap;
  }

  .insta-box .frame {
    width: 48%;
  }

  .blog-list .article {
    width: 100%;
    flex-direction: column;
  }
  .blog-list .article .content {
    width: 100%;
  }

  .blog-list .article > a {
    width: 100%;
  }

  footer .footer-section .footer-content .col-ultra {
    width: 100%;
  }

  .blogs .the-blog .blog-item {
    width: 100%;
  }

  .single-product-ultra {
    padding: 0;
  }

  .best-selling .owl-item.active {
    width: 390px !important;
  }

  .single-product-ultra .product-box .product-top {
    width: 95%;
  }

  .single-product-ultra .product-bottom {
    width: 90%;
    margin: 3rem 0;
  }

  .single-product-ultra .product-bottom .main-box {
    width: 90%;
  }

  .main-header-mob {
    display: flex;
    width: 100%;
    /*  background: linear-gradient(180deg, var(--color-primary) 0%, rgba(255, 187, 145, 0) 100%); */
    margin: 0;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    padding: 0.5rem 0;
    margin-bottom: 3rem;
  }

  .main-header-mob .top-header {
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .main-header-mob .top-header .right-side .logo-header span {
    color: var(--color-secondary);
  }

  .main-header-mob .top-header .right-side form {
    width: 100%;
  }

  .main-header-mob .top-header .left-side {
    display: none;
  }

  .main-header-mob .middle-header {
    display: none;
  }

  .main-header-mob .top-header .bar-menu {
    visibility: visible;
  }

  .main-header-mob .top-header .right-side .logo-header span {
    font-size: 2.4rem;
  }

  .product-sale .sale-slider {
    width: 100%;
  }

  .single-product-ultra .cart-side-ultra .cart-box .alert-prod {
    display: none;
  }

  .single-product-ultra .main-product .product-box .product-top {
    flex-wrap: wrap;
    width: 100%;
  }

  .single-product-ultra .product-box .image-side ol {
    flex-direction: row;
    bottom: 0;
    right: 1rem !important;
    top: auto;
  }

  .woocommerce div.product div.summary {
    width: 100% !important;
  }

  .shopping-product-cart .product-items.cart-product .item.cart_item {
    width: 98% !important;
    flex-wrap: wrap;
  }

  .shopping-product-cart
    .product-items.cart-product
    .item.cart_item
    .delete-cart-item {
    width: 100%;
  }

  .cart-product-coupon .coupon-cart {
    flex-direction: column-reverse;
    gap: 1rem;
    justify-content: center;
  }

  .cart-product-coupon .coupon-cart .coupon {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .single-insta .insta-main-box .video-insta {
    display: none;
  }

  .single-insta .insta-main-box .text-insta .video-insta {
    display: block;
  }

  .single-insta .insta-cm {
    scrollbar-width: none;
  }

  .single-insta .insta-main-box .text-insta .insta-caption {
    border-right: 1px solid var(--Neutral-50);
  }

  .woocommerce div.product div.images .flex-control-thumbs {
    overflow: scroll;

    height: auto;
    scrollbar-width: none;
  }

  .modal-insta,
  .modal-insta-share,
  .modal-prod-share {
    max-width: 90%;
  }

  .single-insta .insta-cm {
    flex: auto;

    max-height: 50rem;
  }

  .single-insta .insta-cm {
    border-right: 1px solid var(--Neutral-50);
  }
}

@media screen and (max-width: 570px) {
  .container {
    width: 480px;
  }
  .single-post-ultra .post-content .main-box .woocommerce .woocommerce-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .single-post-ultra .post-content .main-box #comments {
    align-items: flex-start;
  }

  .product-items .item.prod-style-6 {
    width: 47%;
    flex-grow: 1;
  }

  .product-items .item.prod-style-7 {
    width: 47%;
    flex-grow: 1;
  }

  .side-single .widget:last-child {
    padding-bottom: 10rem;
  }

  .woocommerce p.stars a {
    color: #ffc107;
    font-size: 2rem;
  }

  .woocommerce-account
    .woocommerce-MyAccount-content
    .panel-content
    .addresses {
    flex-direction: column;
  }

  #woosw_wishlist .woosw-popup-inner .woosw-popup-content .woosw-items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }

  #woosw_wishlist
    .woosw-popup-inner
    .woosw-popup-content
    .woosw-items
    .woosw-item {
    margin: 0.5rem;
    /*padding: 0 20px;*/
    width: 30%;
    overflow: hidden;
    border: 1px solid var(--color-border);
    padding: 1rem;
    border-radius: 8px;
  }

  .woosw-popup
    .woosw-popup-inner
    .woosw-popup-content
    .woosw-popup-content-mid {
    scrollbar-width: none;
  }

  #woosw_wishlist
    .woosw-popup-inner
    .woosw-popup-content
    .woosw-items
    .woosw-item
    .woosw-item-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .middle
    form.variations_form
    .single_variation_wrap {
    flex-wrap: wrap;
  }

  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .single_variation_wrap
    button {
    width: 100%;
  }

  .single-product-ultra .main-product .product-box .product-top {
    justify-content: center;
  }

  .single-product-ultra .product-box .image-side ol li img {
    height: 7.5rem;
  }

  .single-product-ultra
    .product-box
    .woocommerce-Reviews
    #comments
    .comment_container
    .comment-text
    .meta-comment-pro {
    flex-direction: column-reverse;
  }

  .single-product-ultra .cart-side-ultra .cart-box .price {
    width: 30%;
    justify-content: flex-end;
  }

  .single-product-ultra .cart-side-ultra .cart-box .quantity {
    width: 25%;
  }

  .product-items .item.prod-style-7 {
    width: 22rem;
  }

  .blog1 .blog-item .article {
    width: 100%;
  }

  .best-selling .best-prod .owl-dot button .list-product {
    width: 150px;
  }

  .choosen-product .product-items .item {
    gap: 1rem;
  }

  .blog-list .article .content .meta .left {
    align-items: flex-start;
    flex-direction: column;
  }

  .best-selling .best-prod .list-product {
    background-color: var(--color-white);
  }

  .choosen-product .product-items .item a h3 {
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    box-orient: vertical;
    line-clamp: 2;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 1rem;
    background-color: white;
  }

  .ultra-myAccount .woocommerce-MyAccount-navigation .user-info-myAccount p {
    font-size: 2.8rem;
    color: var(--color-accent) !important;
  }

  .breadcrumb-ultra {
    padding: 1rem 2rem;
    border: 1px solid var(--color-border);
  }

  .single-insta .insta-main-box .text-insta .insta-caption {
    scrollbar-width: none;
  }

  .ultra-myAccount .woosw-items {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }

  .ultra-myAccount .woosw-items .woosw-item {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    position: relative;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    margin: 1rem 0;
    background-color: white;
  }

  .side-single.side-shop {
    background-color: white;
    display: none;
    border-radius: 0;
    transition: 0.5s;
    width: 90%;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: scroll;
    z-index: 999;
    height: 100vh;
    right: 0;
    box-shadow: 0 0 50px 50px rgb(66 66 66);
    scrollbar-width: none;
    padding: 2rem 1rem;
  }

  .side-single.side-shop .closebtnshop {
    display: block;
    position: fixed;
    top: 1.5rem;
    left: 1.5rem;
    background-color: var(--color-secondary);
    font-size: 2.4rem;
    margin-left: 50px;
    padding: 0 1rem;
    border-radius: 8px;
    z-index: 99999;
  }

  .single-tv-ultra .post-head {
    height: 45rem;
  }

  .woocommerce #review_form #respond #commentform .custom-field-review {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }

  .custom-field-review .rate-list {
    width: 100%;
    border-top: 1px solid var(--color-border);
    padding-top: 2rem;
  }

  .woosw-list table.woosw-items tr:nth-child(2n) td {
    background-color: white;
  }

  .ultra-myAccount .woosw-items .woosw-item .woosw-item--remove {
    /*width: 14px;*/
    flex: 0 0 14px;
    font-size: 0;
    position: absolute;
    right: 1rem;
    top: 1rem;
    border-radius: 8px;
    background-color: var(--color-primary);
    color: var(--color-white-text);
    /* z-index: 999999999999; */
    width: 35px;
  }

  .ultra-myAccount .woocommerce-MyAccount-content > .panel-content {
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 1rem;
  }

  .ultra-myAccount
    .woocommerce-MyAccount-content
    .myaccount-detail
    .item-detail {
    width: 45%;
  }

  .ultra-myAccount ::-webkit-scrollbar-track {
    background: var(--color-white);
  }

  .category-product .order-ultra-top .woocommerce-ordering ul.catalog-list {
    flex-wrap: wrap;
  }

  .product-items .item.prod-style-7 .price {
    font-size: 1rem;
  }

  .main-slider .item img {
    border-radius: 0.8rem;
    height: 400px;

    object-fit: cover;
  }

  .product-sale {
    margin: 0;
  }

  .best-selling .best-prod .owl-dot button {
    margin-left: 0;
    background-color: var(--color-white);
    filter: blur(0rem);

    transition: margin 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 16rem;
  }

  .best-selling .best-prod .owl-dot.active button .list-product {
    width: 15rem;
  }

  .main-category {
    margin: 3rem 0;
  }

  .suggest-product .s-p-content {
    flex-direction: column;
    gap: 2rem;
  }

  .suggest-product .main-suggest-prod {
    width: 100%;
  }

  .suggest-product .list-suggest-prod {
    width: 100%;
    overflow: hidden;
  }

  .main-category .cate-content {
    flex-wrap: wrap;
    row-gap: 2rem;
  }

  .main-category .cate-content .cate-item {
    width: 30%;
  }

  .banner {
    flex-wrap: wrap;

    justify-content: space-around;
  }

  .choosen-product {
    margin: 3rem 0;
  }

  .insta-box {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 3rem 0;
  }

  .insta-box .frame {
    width: 45%;
  }

  .blogs {
    align-items: center;
  }

  .blogs .the-blog {
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .blogs .the-blog .blog-item {
    width: 90%;
    position: relative;
  }

  .owl-carousel.owl-theme.best-prod {
    width: 100%;
    gap: 0;
    flex-direction: column;
    align-items: center;
  }

  .best-selling .product-side {
    border-radius: 0;
    background: transparent;
    padding: 3rem 1rem;

    width: 80%;
  }

  .best-selling .best-prod .owl-dot {
    padding-bottom: 2rem;
  }

  .best-selling .product-side .top-sec {
    flex-direction: column;
  }
  .best-selling .best-selling-box {
    padding: 1rem;
    background: radial-gradient(
      79.7% 101.89% at 84.74% -6.39%,
      var(--color-secondary) 22.18%,
      var(--color-accent) 100%
    );
  }

  .best-selling .best-selling-box .owl-item.active {
    width: 0;
  }

  ::-webkit-scrollbar-track {
    background: var(--color-accent);
  }

  .best-selling .best-prod .owl-dots {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .best-selling .best-selling-box .banner-side {
    display: none;
  }

  .best-selling .best-prod .owl-dot.active {
    margin-left: 0;
    background-color: var(--color-white);
    filter: blur(0rem);
    box-shadow: 1px 1px 8px 0 var(--Neutral-50);

    transition: margin 0.3s ease;
  }

  .best-selling .best-prod .list-product {
    flex-direction: column;
  }

  .best-selling .best-prod .list-product .price {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  footer .footer-section {
    padding-bottom: 5rem;
  }

  footer .footer-section .footer-content {
    flex-direction: column;
  }

  footer .footer-section .footer-content .col {
    width: 100%;
    margin: 2rem 0;
  }

  footer .footer-section .footer-content .col.col-1 {
    order: 1;
  }

  footer .footer-section .footer-content .col.col-2 {
    order: 2;
    width: 100%;
  }

  footer .footer-section .footer-content .col.col-3 {
    order: 3;
  }

  footer .footer-section .footer-content .col .address {
    order: 1;
    width: 100%;
    flex-direction: column;
  }

  footer .footer-section .footer-content .col .app-link {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  footer .footer-section .footer-content .col .address img {
    width: 100%;
  }

  footer .footer-section .footer-content .col .social {
    order: 2;
  }

  footer .footer-section .footer-content .col a.up {
    order: 3;
  }

  footer .footer-section .footer-copyright span {
    font-size: 1.2rem;
  }

  .bottom-nav-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .single-post-ultra {
    background: var(--color-fixed-bg);
    margin-top: -2rem;
  }

  .single-post-ultra .post-head img {
    object-fit: cover;
  }

  .single-post-ultra .post-head .category {
    bottom: 48%;
  }

  .single-post-ultra .post-head h1 {
    bottom: 25%;
  }

  .single-post-ultra .post-head .author-box {
    width: 100%;
  }

  .single-post-ultra .post-content {
    flex-direction: column;
  }

  .single-post-ultra .post-content .main-box {
    width: 100%;
  }

  .breadcrumb-ultra {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    color: var(--color-secondary);
    font-size: 1.8rem;
  }

  .single-post-ultra .post-content .main-box .cm-section {
    flex-direction: column;
  }

  .single-post-ultra .post-content .main-box .cm-section .comment-box {
    width: 100%;
  }

  .single-post-ultra .post-content .main-box .cm-section .comments {
    width: 100%;
  }

  .post-content .side-single {
    width: 100%;
  }

  footer .footer-section .footer-content .col-ultra {
    width: 100%;
  }

  .side-single .widget ul.product_list_widget li img {
    width: 8rem !important;
    height: 8rem !important;
    object-fit: contain;
  }
}

@media screen and (max-width: 567px) {
  .cate-insale .product-items .item {
    width: 47%;
  }
}

@media screen and (max-width: 526px) {
  .cate-insale .product-items .item {
    width: 100%;
  }
  .category-product .product-items .item {
    width: 45%;
    /* flex-grow: 1; */
    min-width: 10rem;
    /*         max-height: 30rem; */
  }
}

@media screen and (max-width: 518px) {
  .up-sells.upsells.products .product-items .item {
    width: 47%;
    flex-grow: 1;
  }

  .single-product-ultra .product-box .entry-summary .attr-prod .attr-ultra {
    width: 47% !important;
    flex-grow: 1;
  }
  .modal-content.modal-cart {
    width: 300px;
  }

  .ultra-contactus-widget .content img {
    width: 144px;
    height: 131px;
  }
  .ultra-contactus-widget .content .title {
    text-align: center;

    /* Heading/H5 */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
  }
  .ultra-contactus-widget .content .desc {
    text-align: center;

    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 21.6px */
    width: auto;
  }

  .ultra-contactus-widget .content .number-box {
    border-radius: 13.697px;
    width: 189.703px;
    height: 37.479px;
  }
  .ultra-contactus-widget .social-box {
    margin-top: 30px;
  }
  .ultra-contactus-widget .content {
    padding: 20px;
  }
  .ultra-contactus-widget .content img {
    margin-right: unset;
  }
}

@media screen and (max-width: 500px) {
  .checkout-process {
    width: 90%;
  }
  .single-product-ultra .products .product-items .product {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .middle
    form.variations_form
    .single_variation_wrap
    .woocommerce-variation-add-to-cart {
    flex-wrap: wrap;
  }
  .single-post-ultra .text-box .brands .brand-item {
    width: 100%;
  }

  .single-product-ultra .cart-side-ultra .cart-box .middle form.cart {
    flex-wrap: wrap;
  }

  .single-product-ultra .cart-side-ultra .cart-box .price .off {
    flex-direction: column;
  }

  .single-product-ultra .cart-side-ultra .cart-box button {
    width: 100%;
  }

  #woosw_wishlist
    .woosw-popup-inner
    .woosw-popup-content
    .woosw-items
    .woosw-item {
    flex-grow: 1;
    width: 47%;
  }

  .product-items .item .price {
    gap: 0 !important;
    flex-wrap: wrap;
  }

  .category-product .product-items .item.prod-style-7 {
    justify-content: space-evenly;
    width: 46%;
    height: 32rem;
  }

  .item.prod-style-7 .prod-content .product-image img {
    width: 100%;
    height: 15rem;
    object-fit: cover;
  }
}

/*Mobile*/
@media screen and (max-width: 430px) {
  .shopping-product-cart .product-items.cart-product .item.cart_item .down {
    width: 100%;
  }

  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .middle
    form.variations_form
    > div {
    flex-wrap: wrap;
  }
  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .middle
    form.variations_form
    .single_variation_wrap {
    flex-wrap: nowrap;
  }
  .woosw-list table.woosw-items tr:nth-child(2n) td {
    background-color: var(--color-white) !important;
  }
  .single-post-ultra .post-content .main-box .author-box {
    gap: 1rem;
    flex-wrap: wrap;
  }

  .ultra-myAccount
    .woocommerce-MyAccount-content
    .myaccount-detail
    .item-detail {
    width: 100%;
  }

  .container {
    width: 90% !important;
  }

  .checkout-process {
    width: 90%;
  }

  .up-sells.upsells.products .product-items .item {
    width: 100% !important;
    flex-grow: 1;
  }

  .product-items .item.prod-style-7 {
    width: 46%;
  }

  .ultra-card .ultra-cardtcard {
    width: 27rem;
  }

  .bottom-nav-mobile nav {
    padding: 0 0.5rem;
  }

  .item.prod-style-7 .add-cart-btn {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    position: absolute;
    bottom: -6rem;
  }

  .blog-list .article {
    width: 100%;
    flex-direction: column;
  }

  .blog-list .article > a {
    width: 100%;
  }

  .single-product-ultra
    .cart-side-ultra
    .cart-box
    .single_variation_wrap
    button {
    width: 100%;
  }

  .single-product-ultra .products .product-items {
    display: flex;
    gap: 1rem;
    flex-direction: column;
  }

  .main-header-mob .top-header .right-side {
    flex-wrap: wrap;
    gap: 1rem;
    /*         justify-content: center; */
  }

  .main-header-mob .top-header .right-side .logo-header {
    width: auto;
    max-width: 100%;
  }

  .main-header-mob .top-header .right-side .search-form {
    width: 75%;
    margin-left: 1rem;
  }

  .main-header-mob .top-header .bar-menu {
    max-width: 10%;
  }

  .main-header-mob .top-header .right-side .logo-header a {
    justify-content: center;
    width: 100%;
  }

  .comment-text .description {
    width: 100%;

    padding: 1rem;
  }

  .single-product-ultra
    .product-box
    .woocommerce-Reviews
    #comments
    .comment_container
    .comment-text
    .meta-comment-pro {
    width: 100% !important;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 2rem;
  }

  .single-product-ultra
    .product-box
    .woocommerce-Reviews
    #comments
    .comment_container
    .comment-text
    .show-rate-product {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--color-border) !important;
    order: 3;
    padding: 1rem 2rem;
  }

  .show-rate-product {
    margin-right: 0 !important;
  }

  .best-prod .owl-stage {
    height: 50rem !important;
  }

  .best-selling .product-side {
    border-radius: 0;
    width: 58%;
  }

  .best-selling .best-prod .owl-dot button .list-product {
    width: 150px;
  }

  .tv-sec .tv-box .main-tv .tv-item {
    width: 100%;
  }

  .insta-box .frame {
    width: 100%;
  }

  .blogs .the-blog .blog-item {
    width: 100%;
  }

  footer .footer-section .footer-content .col-ultra {
    width: 100%;
  }

  footer .footer-section .footer-copyright {
    margin-bottom: 5rem;
  }

  .bottom-nav-mobile nav {
    width: 100%;
  }

  .main-slider .owl-carousel {
    z-index: 1;
  }

  .bottom-nav-mobile nav ul li a {
    width: 100%;
    height: 100%;
  }

  .ultra-myAccount
    .woocommerce-MyAccount-content
    .notification-order
    .myAccount-order
    ul
    li
    a {
    flex-wrap: wrap;
  }

  .shopping-product-cart .product-items.cart-product .item.cart_item {
    width: 98% !important;
    flex-direction: column;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 1rem;
  }

  .shopping-product-cart .product-items.cart-product .item.cart_item figure {
    width: 90%;
  }

  .shopping-product-cart
    .product-items.cart-product
    .item.cart_item
    .delete-cart-item {
    width: 100%;
  }

  .shopping-product-cart .product-items.cart-product {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .woocommerce table.shop_table_responsive tr,
  .woocommerce-page table.shop_table_responsive tr {
    font-size: 1.4rem;
  }

  .choosen-product .product-items,
  .cross-sells .product-items {
    padding: 0;
  }

  .woocommerce-cart-form
    .cart-collaterals
    .cart_totals
    .wc-proceed-to-checkout
    a {
    font-size: 1.4rem;
  }

  .nav-mob-bottom ul li.list:nth-child(1).active ~ .choosen {
    transform: translateX(calc(83.5px * 0));
  }

  .nav-mob-bottom ul li.list:nth-child(2).active ~ .choosen {
    transform: translateX(calc(-83.5px * 1));
  }

  .nav-mob-bottom ul li.list:nth-child(3).active ~ .choosen {
    transform: translateX(calc(-83.5px * 2));
  }

  .nav-mob-bottom ul li.list:nth-child(4).active ~ .choosen {
    transform: translateX(calc(-83.5px * 3));
  }

  .nav-mob-bottom ul li.list:nth-child(5).active ~ .choosen {
    transform: translateX(calc(-83.5px * 4));
  }

  .single-post-ultra
    .post-content
    .main-box
    .text-box
    .woosw-list
    .woosw-actions
    .woosw-copy {
    flex-direction: column;
  }

  .single-post-ultra
    .post-content
    .main-box
    .text-box
    .woosw-list
    .woosw-items
    tbody {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
  }

  .single-post-ultra
    .post-content
    .main-box
    .text-box
    .woosw-list
    .woosw-items
    tbody
    tr {
    display: flex;
    border: 1px solid var(--color-border);
    flex-wrap: wrap;
    width: 100%;
    flex-grow: 1;
  }
}

@media screen and (max-width: 418px) {
  .entry-summary .meta-product .meta-pro:first-child {
    width: 100%;
  }

  .nav-mob-bottom ul li.list:nth-child(1).active ~ .choosen {
    transform: translateX(calc(80.5px * 0));
  }

  .nav-mob-bottom ul li.list:nth-child(2).active ~ .choosen {
    transform: translateX(calc(-80.5px * 1));
  }

  .nav-mob-bottom ul li.list:nth-child(3).active ~ .choosen {
    transform: translateX(calc(-80.5px * 2));
  }

  .nav-mob-bottom ul li.list:nth-child(4).active ~ .choosen {
    transform: translateX(calc(-80.5px * 3));
  }

  .nav-mob-bottom ul li.list:nth-child(5).active ~ .choosen {
    transform: translateX(calc(-80.5px * 4));
  }
  .ultra-product-soptlight .bottom-section {
    flex-direction: column;
    width: 100%;
  }
  .ultra-product-soptlight .bottom-section a {
    align-self: start;
  }
  .ultra-product-soptlight .box-price {
    align-self: end;
  }
}

@media screen and (max-width: 414px) {
  .nav-mob-bottom ul li.list:nth-child(1).active ~ .choosen {
    transform: translateX(calc(79.5px * 0));
  }

  .nav-mob-bottom ul li.list:nth-child(2).active ~ .choosen {
    transform: translateX(calc(-79.5px * 1));
  }

  .nav-mob-bottom ul li.list:nth-child(3).active ~ .choosen {
    transform: translateX(calc(-79.5px * 2));
  }

  .nav-mob-bottom ul li.list:nth-child(4).active ~ .choosen {
    transform: translateX(calc(-79.5px * 3));
  }

  .nav-mob-bottom ul li.list:nth-child(5).active ~ .choosen {
    transform: translateX(calc(-79.5px * 4));
  }

  .entry-summary .meta-product .meta-pro {
    width: 100%;
    text-wrap: nowrap;
  }

  .insta-ultra .insta-boxes .fixed-side {
    width: 15rem;
  }

  .insta-ultra .insta-boxes img {
    width: 15rem;
    height: 15rem;
  }

  .product-items .item.prod-style-6 {
    width: 100%;
    flex-grow: 1;
  }

  .product-items .item.prod-style-7 {
    width: 100%;
    flex-grow: 1;
  }
}

@media screen and (max-width: 400px) {
  .checkout-process {
    width: 90%;
  }
  .single-product-ultra
    .product-box
    .image-side
    div.woocommerce-product-gallery
    a.woocommerce-product-gallery__trigger {
    position: absolute;
    top: 15em;
    right: 1rem;
  }

  .nav-mob-bottom ul li.list:nth-child(1).active ~ .choosen {
    transform: translateX(calc(76px * 0));
  }

  .nav-mob-bottom ul li.list:nth-child(2).active ~ .choosen {
    transform: translateX(calc(-76px * 1));
  }

  .nav-mob-bottom ul li.list:nth-child(3).active ~ .choosen {
    transform: translateX(calc(-76px * 2));
  }

  .nav-mob-bottom ul li.list:nth-child(4).active ~ .choosen {
    transform: translateX(calc(-76px * 3));
  }

  .nav-mob-bottom ul li.list:nth-child(5).active ~ .choosen {
    transform: translateX(calc(-76px * 4));
  }

  .image-side
    .woocommerce-product-gallery__wrapper
    .woocommerce-product-gallery__image.flex-active-slide {
    width: 280px !important;
    height: 280px !important;
  }
  .single-product-ultra .product-box .image-side a > img {
    width: 28rem !important;
    height: 28rem !important;
  }
  .single-product-ultra .product-box .image-side {
    width: 28rem;
  }
  .image-side
    .woocommerce-product-gallery__wrapper
    .woocommerce-product-gallery__image {
    border-radius: 100%;
    width: 28rem;
    height: 28rem;
  }
}
@media screen and (max-width: 390px) {
  .checkout-process {
    width: 90%;
  }
  .single-product-ultra .product-box .entry-summary .attr-prod .attr-ultra {
    width: 100% !important;
    flex-grow: 1;
  }

  .woosw-popup
    .woosw-popup-inner
    .woosw-popup-content
    .woosw-popup-content-bot
    .woosw-popup-content-bot-inner {
    flex-direction: column;
    gap: 1rem;
  }

  .woosw-popup
    .woosw-popup-inner
    .woosw-popup-content
    .woosw-popup-content-bot
    .woosw-popup-content-bot-inner
    a {
    width: 100%;
    text-align: center;
  }

  .nav-mob-bottom ul li.list:nth-child(1).active ~ .choosen {
    transform: translateX(calc(73.8px * 0));
  }

  .nav-mob-bottom ul li.list:nth-child(2).active ~ .choosen {
    transform: translateX(calc(-73.8px * 1));
  }

  .nav-mob-bottom ul li.list:nth-child(3).active ~ .choosen {
    transform: translateX(calc(-73.8px * 2));
  }

  .nav-mob-bottom ul li.list:nth-child(4).active ~ .choosen {
    transform: translateX(calc(-73.8px * 3));
  }

  .nav-mob-bottom ul li.list:nth-child(5).active ~ .choosen {
    transform: translateX(calc(-73.8px * 4));
  }
}

@media screen and (max-width: 370px) {
  .single-product-ultra .cart-side-ultra .cart-box .quantity {
    width: 35%;
  }

  .nav-mob-bottom ul li.list:nth-child(1).active ~ .choosen {
    transform: translateX(calc(68.5px * 0));
  }

  .nav-mob-bottom ul li.list:nth-child(2).active ~ .choosen {
    transform: translateX(calc(-68.5px * 1));
  }

  .nav-mob-bottom ul li.list:nth-child(3).active ~ .choosen {
    transform: translateX(calc(-68.5px * 2));
  }

  .nav-mob-bottom ul li.list:nth-child(4).active ~ .choosen {
    transform: translateX(calc(-68.5px * 3));
  }

  .nav-mob-bottom ul li.list:nth-child(5).active ~ .choosen {
    transform: translateX(calc(-68.5px * 4));
  }
}

@media screen and (max-width: 360px) {
  .container {
    width: 90% !important;
  }

  .insta-ultra .insta-boxes .fixed-side {
    width: 100%;
  }

  .insta-ultra .insta-boxes img {
    width: 100%;
    height: 100%;
  }

  .owl-carousel.owl-theme.best-prod .owl-stage-outer {
    width: 70%;
  }

  .single-post-ultra .post-content .main-box .text-box img {
    height: auto;
  }

  .single-post-ultra .post-content .main-box .author-box {
    flex-direction: column;
    gap: 1rem;
  }

  .single-post-ultra .post-content .main-box .cm-section .cm-area {
    flex-direction: column;
  }

  .single-post-ultra .post-content .main-box .cm-section {
    padding: 1rem;
  }

  .single-post-ultra .post-content .main-box .cm-section .cm-area {
    padding: 0;
  }

  .single-post-ultra .post-content .main-box .comments .comment {
    padding: 0.5rem;
  }

  .cm-section .cm-area .comments .depth-2 {
    margin: 0.5rem;
  }

  .best-selling .product-side {
    border-radius: 0;
    width: 55%;
    padding: 0;
  }

  .checkout-process {
    width: 95%;
  }

  .ultra-card .ultra-cardtcard {
    width: 20rem;
    height: 20rem;
  }

  .ultra-card-info {
    flex-direction: column;
    align-items: center;
  }

  .ultra-order-form .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .nav-mob-bottom ul li.list:nth-child(1).active ~ .choosen {
    transform: translateX(calc(66px * 0));
  }

  .nav-mob-bottom ul li.list:nth-child(2).active ~ .choosen {
    transform: translateX(calc(-66px * 1));
  }

  .nav-mob-bottom ul li.list:nth-child(3).active ~ .choosen {
    transform: translateX(calc(-66px * 2));
  }

  .nav-mob-bottom ul li.list:nth-child(4).active ~ .choosen {
    transform: translateX(calc(-66px * 3));
  }

  .nav-mob-bottom ul li.list:nth-child(5).active ~ .choosen {
    transform: translateX(calc(-66px * 4));
  }
}

@media screen and (max-width: 350px) {
  .single-product-ultra .cart-side-ultra .cart-box .quantity {
    width: 35%;
  }

  .nav-mob-bottom ul li.list:nth-child(1).active ~ .choosen {
    transform: translateX(calc(63px * 0));
  }

  .nav-mob-bottom ul li.list:nth-child(2).active ~ .choosen {
    transform: translateX(calc(-63px * 1));
  }

  .nav-mob-bottom ul li.list:nth-child(3).active ~ .choosen {
    transform: translateX(calc(-63px * 2));
  }

  .nav-mob-bottom ul li.list:nth-child(4).active ~ .choosen {
    transform: translateX(calc(-63px * 3));
  }

  .nav-mob-bottom ul li.list:nth-child(5).active ~ .choosen {
    transform: translateX(calc(-63px * 4));
  }
}

@media screen and (max-width: 340px) {
  .single-product-ultra .cart-side-ultra .cart-box .quantity {
    width: 35%;
  }

  .nav-mob-bottom ul li.list:nth-child(1).active ~ .choosen {
    transform: translateX(calc(61px * 0));
  }

  .nav-mob-bottom ul li.list:nth-child(2).active ~ .choosen {
    transform: translateX(calc(-61px * 1));
  }

  .nav-mob-bottom ul li.list:nth-child(3).active ~ .choosen {
    transform: translateX(calc(-61px * 2));
  }

  .nav-mob-bottom ul li.list:nth-child(4).active ~ .choosen {
    transform: translateX(calc(-61px * 3));
  }

  .nav-mob-bottom ul li.list:nth-child(5).active ~ .choosen {
    transform: translateX(calc(-61px * 4));
  }
}
@media screen and (max-width: 330px) {
  .single-product-ultra .cart-side-ultra .cart-box .quantity {
    width: 35%;
  }

  .nav-mob-bottom ul li.list:nth-child(1).active ~ .choosen {
    transform: translateX(calc(59px * 0));
  }

  .nav-mob-bottom ul li.list:nth-child(2).active ~ .choosen {
    transform: translateX(calc(-59px * 1));
  }

  .nav-mob-bottom ul li.list:nth-child(3).active ~ .choosen {
    transform: translateX(calc(-59px * 2));
  }

  .nav-mob-bottom ul li.list:nth-child(4).active ~ .choosen {
    transform: translateX(calc(-59px * 3));
  }

  .nav-mob-bottom ul li.list:nth-child(5).active ~ .choosen {
    transform: translateX(calc(-59px * 4));
  }
}

@media screen and (max-width: 320px) {
  .single-product-ultra .cart-side-ultra .cart-box .quantity {
    width: 35%;
  }

  .nav-mob-bottom ul li.list:nth-child(1).active ~ .choosen {
    transform: translateX(calc(56px * 0));
  }

  .nav-mob-bottom ul li.list:nth-child(2).active ~ .choosen {
    transform: translateX(calc(-56px * 1));
  }

  .nav-mob-bottom ul li.list:nth-child(3).active ~ .choosen {
    transform: translateX(calc(-56px * 2));
  }

  .nav-mob-bottom ul li.list:nth-child(4).active ~ .choosen {
    transform: translateX(calc(-56px * 3));
  }

  .nav-mob-bottom ul li.list:nth-child(5).active ~ .choosen {
    transform: translateX(calc(-56px * 4));
  }
}

@media screen and (max-width: 310px) {
  .single-product-ultra .cart-side-ultra .cart-box .quantity {
    width: 35%;
  }

  .nav-mob-bottom ul li.list:nth-child(1).active ~ .choosen {
    transform: translateX(calc(54px * 0));
  }

  .nav-mob-bottom ul li.list:nth-child(2).active ~ .choosen {
    transform: translateX(calc(-54px * 1));
  }

  .nav-mob-bottom ul li.list:nth-child(3).active ~ .choosen {
    transform: translateX(calc(-54px * 2));
  }

  .nav-mob-bottom ul li.list:nth-child(4).active ~ .choosen {
    transform: translateX(calc(-54px * 3));
  }

  .nav-mob-bottom ul li.list:nth-child(5).active ~ .choosen {
    transform: translateX(calc(-54px * 4));
  }
}

.ultra-best-sell-2 .ubs2-grid {
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 16px;
  align-items: stretch;
}
.ubs2-media {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 0;
  background: #fff;
  border: 2px solid #ffd7d1;
  border-radius: 18px;
  padding: 12px;
  width: 100%;
  max-width: 560px;
  position: relative;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.08);
}
.ubs2-media__main {
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: #fafafa;
}
.ubs2-media__main img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 560px;
}

.ubs2-media__thumbs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  background: rgba(241, 245, 249, 0.45);
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  padding: 18px;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.08);
  position: absolute;
  bottom: -25px;
  transform: translateY(-16%);
  overflow: hidden;
  height: 153px;
}
.ubs2-media__thumbs img {
  width: 115px;
  border-radius: 12px;
  background: #fff;
  padding: 8px;
  cursor: pointer;
  transition: 0.2s ease;
}
.ubs2-media__thumbs img:hover {
  transform: translateY(-2px);
}

.ubs2-meta {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 16px;
  border: 2px solid #ffd7d1;
  border-radius: 18px;
  padding: 12px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.08);
}

.ubs2-ribbon {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  background: #e11d48;
  color: #fff;
  border-radius: 14px;
  padding: 12px 16px;
}
.ubs2-ribbon__left {
  font-weight: 800;
  letter-spacing: 0.3px;
}
.ubs2-ribbon__right {
  font-weight: 900;
}

.ubs2-variants {
  display: flex;
  gap: 16px;
  overflow: auto;
  padding: 8px 10px;
}
.ubs2-var {
  border: 0;
  background: #fff;
  border-radius: 14px;
  padding: 10px;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.08);
  cursor: pointer;
}
.ubs2-var img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  display: block;
}
.ubs2-var.is-active {
  outline: 2px solid #e11d48;
  outline-offset: 3px;
}

.ubs2-info {
  background: #fff;
  border-radius: 12px;
  padding: 8px 4px;
}
.ubs2-title {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: 18px;
}
.ubs2-desc {
  margin: 0 0 16px;
  color: #334155;
  line-height: 1.9;
}
.ubs2-sizes {
  display: flex;
  gap: 8px;
  align-items: center;
}
.chip {
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #0f172a;
  padding: 10px;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 600;
}
.chip.is-muted {
  color: #94a3b8;
}
.ubs2-sep {
  border: 0;
  height: 2px;
  background: #f2f4f7;
  margin: 16px 0 0;
}

.ubs2-actions {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
}
.ubs2-price {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.08);
}
.ubs2-off {
  background: #fee2e2;
  color: #ef4444;
  padding: 6px 10px;
  border-radius: 10px;
  font-weight: 800;
}
.ubs2-price__nums .now {
  font-weight: 900;
  font-size: 18px;
}
.ubs2-price__nums .old {
  color: #64748b;
  text-decoration: line-through;
  font-size: 12px;
}
.ubs2-cta {
  padding: 12px 18px;
  background: #ff8f6c;
  color: #fff;
  border: none;
  border-radius: 12px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.08);
}
.ubs2-cta:hover {
  filter: brightness(0.95);
}

@media (max-width: 1100px) {
  .ultra-best-sell-2 .ubs2-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "ribbon"
      "variants"
      "media"
      "info"
      "actions";
    gap: 16px;
  }

  .ubs2-meta {
    display: contents;
  }

  .ubs2-ribbon {
    grid-area: ribbon;
  }
  .ubs2-variants {
    grid-area: variants;
  }
  .ubs2-media {
    grid-area: media;
  }
  .ubs2-info {
    grid-area: info;
  }
  .ubs2-actions {
    grid-area: actions;
  }

  .ubs2-media {
    transform: none;
    margin-top: 12px;
    border: 0;
    padding: 0;
    box-shadow: none;
    background: transparent;
  }
  .ubs2-media__thumbs {
    transform: none;
    margin-top: 12px;
  }
  .ubs2-actions {
    grid-template-columns: 1fr;
  }
  .ubs2-cta {
    width: 100%;
  }
}

.category-product .description-category {
  line-height: 40px;
}

.category-product .description-category ul,
.category-product .description-category ol {
  padding-right: 30px;
}

.single-post-ultra .text-box {
  line-height: 40px;
}
.single-post-ultra .text-box ul,
.single-post-ultra .text-box ol {
  margin-right: 20px;
  text-align: right;
}
.single-post-ultra .text-box img {
  width: 100%;
  border-radius: 16px;
}

.ultra-land-review-slider {
  padding: 20px 8px 40px;
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.ultra-land > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ultra-land header .title-widget {
  display: flex;
  gap: 10px;
  font-weight: 700;
  align-items: center;
}
.ultra-land header .title-widget figure {
  border: 1px solid #f0f1f1;
  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 12px;
  width: 40px;
  height: 40px;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.06);
}

.ultra-land .ulrs-controls,
.ultra-land .ulv-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 6px 6px 14px;
}

.ultra-land .ulrs-dots,
.ultra-land .ulv-dots {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ultra-land .ulrs-dots .owl-dot,
.ultra-land .ulv-dots .owl-dot {
  display: inline-block;
  width: 12px;
  height: 22px;
  border-radius: 10px;
  cursor: pointer;
  background: rgba(240, 60, 110, 0.2);
  box-shadow:
    inset 0 0 0 1px rgba(240, 60, 110, 0.08),
    0 4px 10px rgba(240, 60, 110, 0.1);
  transition: all 0.25s ease;
}
.ultra-land .ulrs-dots .owl-dot:hover,
.ultra-land .ulv-dots .owl-dot:hover {
  background: rgba(240, 60, 110, 0.3);
}
.ultra-land .ulrs-dots .owl-dot.active,
.ultra-land .ulv-dots .owl-dot.active {
  background: #e63b6d;
  box-shadow: 0 6px 18px rgba(230, 59, 109, 0.35);
}

.ultra-land .ulrs-arrows {
  display: flex;
  gap: 8px;
}
.ultra-land .ulrs-btn,
.ultra-land .ulv-btn {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 0;
  background: #fff;
  color: #222;
  font-size: 20px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
  font-family: system-ui;
}
.ultra-land .ulrs-btn:active,
.ultra-land .ulv-btn:active {
  transform: scale(0.98);
}

.ultra-land-review-slider .ulrs-item {
  padding: 0 2px;
}
.ultra-land-review-slider .ulrs-card {
  margin-bottom: 40px;
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
}

.ultra-land-review-slider .ulrs-head {
  position: relative;
  z-index: 0;
  padding: 18px;
  text-align: center;
  font-weight: 700;
  font-size: 18px;

  color: transparent;
  background-image: linear-gradient(90deg, #b02cff, #ff7d00);
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 20px 20px 0 0;
}

.ultra-land-review-slider .ulrs-head::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(
    90deg,
    rgba(255, 214, 175, 0.35) 0%,
    rgba(255, 180, 255, 0.3) 50%,
    rgba(200, 175, 255, 0.3) 100%
  );
}

.ultra-land-review-slider .ulrs-head::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png")
    center/160px no-repeat;
  opacity: 0.08;
  pointer-events: none;
}

.ultra-land-review-slider .ulrs-body {
  padding: 18px;
}
.ultra-land-review-slider .ulrs-media {
  position: relative;
  display: block;
  border-radius: 14px;
  overflow: hidden;
  border: 2px solid #eee;
  cursor: zoom-in;
}
.ultra-land-review-slider .ulrs-media img {
  width: 100%;
  display: block;
  object-fit: cover;
  margin: 0;
  height: 204px;
}
.ultra-land-review-slider .ulrs-media::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.25s;
  background: linear-gradient(
    135deg,
    rgba(214, 41, 118, 0.35),
    rgba(79, 91, 213, 0.35)
  );
}
.ultra-land-review-slider .ulrs-zoom {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  opacity: 0;
  transition: opacity 0.25s;
  z-index: 2;
}
.ultra-land-review-slider .ulrs-media:hover::after,
.ultra-land-review-slider .ulrs-media:hover .ulrs-zoom {
  opacity: 1;
}

.ultra-land-review-slider .ulrs-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.78);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
.ultra-land-review-slider .ulrs-lightbox-img {
  max-width: 92vw;
  max-height: 100%;
  object-fit: contain;
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}
.ultra-land-review-slider .ulrs-close {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 12px;
  background: #fff;
  color: #111;
  font-size: 28px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

/* حالت کلی اسکلت */
.ultra-land-review-slider .ulrs-skeleton {
  display: block;
  padding: 16px 0 8px;
}

/* وقتی لود تموم شد، اسکلت مخفی میشه */
.ultra-land-review-slider:not(.is-loading) .ulrs-skeleton {
  display: none;
}

/* وقتی در حال لود هست، خود اسلایدر رو قایم می‌کنیم */
.ultra-land-review-slider.is-loading .ulrs-carousel,
.ultra-land-review-slider.is-loading .ulrs-controls {
  opacity: 0;
  pointer-events: none;
}

/* انیمیشن شیمِر برای اسکلت */
.skeleton-block {
  position: relative;
  overflow: hidden;
  background: #e5e5e5;
  border-radius: 12px;
}

.skeleton-block::before {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.7),
    transparent
  );
  animation: ulrs-shimmer 1.2s infinite;
}

@keyframes ulrs-shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* هدر اسکلت */
.ulrs-skeleton-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.ulrs-skeleton-icon {
  width: 32px;
  height: 32px;
  border-radius: 999px;
}

.ulrs-skeleton-title {
  height: 18px;
  width: 180px;
  border-radius: 999px;
}

/* بدنه اسکلت - اسلایدها */
.ulrs-skeleton-body {
  display: flex;
  gap: 16px;
}

/* هر اسلاید اسکلت */
.ulrs-skeleton-slide {
  flex: 1 1 0;
  height: 220px;
  border-radius: 18px;
}

/* موبایل: یک اسلاید فول عرض */
@media (max-width: 767px) {
  .ulrs-skeleton-body {
    gap: 12px;
  }
  .ulrs-skeleton-slide {
    flex: 0 0 100%;
    height: 200px;
  }
}

/* دسکتاپ: سه اسلاید کنار هم */
@media (min-width: 768px) {
  .ulrs-skeleton-slide {
    flex: 0 0 calc(33.333% - 10px);
    height: 230px;
  }
}

/* اسکلت عمومی */
.skeleton-block {
  position: relative;
  overflow: hidden;
  background: #e5e5e5;
  border-radius: 12px;
}

.skeleton-block::before {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.7),
    transparent
  );
  animation: ulv-shimmer 1.2s infinite;
}

@keyframes ulv-shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* اسکلت ویدیو */
.ultra-land-video .ulv-skeleton {
  display: block;
  padding: 16px 0 8px;
}

.ultra-land-video:not(.is-loading) .ulv-skeleton {
  display: none;
}

.ultra-land-video.is-loading .ulv-carousel,
.ultra-land-video.is-loading .ulv-controls {
  opacity: 0;
  pointer-events: none;
}

/* هدر اسکلت */
.ulv-skeleton-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.ulv-skeleton-icon {
  width: 32px;
  height: 32px;
  border-radius: 999px;
}

.ulv-skeleton-title {
  height: 18px;
  width: 180px;
  border-radius: 999px;
}

/* بدنه اسکلت */
.ulv-skeleton-body {
  display: flex;
}

.ulv-skeleton-video {
  flex: 1 1 0;
  height: 260px;
  border-radius: 18px;
}

@media (max-width: 767px) {
  .ulv-skeleton-video {
    height: 220px;
  }
}

@media (min-width: 768px) {
  .ultra-land-review-slider .ulrs-item {
    padding: 0 6px;
  }
}

.ultra-land-video {
  padding: 20px 8px 40px;
}
.ultra-land-video .ulv-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
}
.ultra-land-video .ulv-head {
  position: relative;
  z-index: 0;
  padding: 18px;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: transparent;
  background-image: linear-gradient(90deg, #b02cff, #ff7d00);
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 20px 20px 0 0;
}
.ultra-land-video .ulv-head::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(
    90deg,
    rgba(255, 214, 175, 0.35),
    rgba(255, 180, 255, 0.3) 50%,
    rgba(200, 175, 255, 0.3)
  );
}
.ultra-land-video .ulv-head::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.08;
  background: url("https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png")
    center/160px no-repeat;
}

.ultra-land-video .ulv-video {
  width: 100%;
  display: block;
  background: #000;
  border-radius: 14px;
  transition:
    filter 0.3s,
    transform 0.3s;
}

.ultra-land-video .owl-item:not(.center) .ulv-video {
  filter: blur(2.5px) brightness(0.85);
  transform: scale(0.95);
}
.ultra-land-video .owl-item.center .ulv-video {
  filter: none;
  transform: none;
}

.ultra-land-video .ulv-play {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, 0.75);
  display: grid;
  place-items: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  opacity: 0;
  transform: scale(0.9);
  transition:
    opacity 0.25s,
    transform 0.25s;
  cursor: pointer;
}
.ultra-land-video .owl-item.center .ulv-play {
  opacity: 1;
  transform: scale(1);
}
.ultra-land-video .ulv-play:active {
  transform: scale(0.97);
}
.ultra-land-video .owl-item:not(.center) .ulv-play {
  pointer-events: none;
}

.ultra-land-video .ulv-carousel .owl-stage-outer {
  border-radius: 24px;
}
@media (min-width: 1024px) {
  .ultra-land-video .ulv-carousel {
    padding: 0 6px;
  }
}

.ultra-land-intro-brand {
  display: flex;
  flex-direction: column;
}

.ultra-land-intro-brand .intro-section {
  display: flex;
  flex-direction: row-reverse;
  gap: 20px;
  background-color: #77b848;
  padding: 4rem;
  border-radius: 24px 24px 0 0;
  width: 100%;
  justify-content: space-between;
}

.ultra-land-intro-brand .intro-section h3 {
  color: var(--color-white);
  font-size: 18px;
  font-weight: 600;
}
.ultra-land-intro-brand .intro-section .intro-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}

.ultra-land-intro-brand .intro-section img {
  width: 240px;
  object-fit: contain;
  border-radius: 12px;
}

.ultra-land-intro-brand .intro-section .intro-card a {
  background-color: var(--color-white);
  padding: 8px 20px;
  color: var(--color-black) !important;
  border-radius: 12px;
  gap: 20px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.ultra-land-intro-brand .intro-section .intro-card p {
  font-size: 14px;
  color: var(--color-white);
  font-weight: 400;
}
.ultra-land-intro-brand .products-section {
  display: flex;
  gap: 15px;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding-inline: 24px;
  padding-block: 32px;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 24px;
  background: #34343414;
  border-radius: 0 0 24px 24px;
}

.ultra-land-intro-brand .products-section .the-product {
  flex: 0 0 55%;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 24px;
  background: var(--color-white);
  border-radius: 24px;
  scroll-snap-align: start;
}

.ultra-land-intro-brand .products-section .the-product .product-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 20px;
  flex: 1;
  align-content: space-around;
  height: 100%;
}

.ultra-land-intro-brand .products-section .the-product .product-content .sale {
  background: var(--color-erorr-600);
  color: white;
  padding: 0 10px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.ultra-land-intro-brand .products-section .the-product img {
  width: 150px;
  height: 150px;
  object-fit: contain;
  border-radius: 24px;
}

.ultra-land-intro-brand .products-section .the-product .product-content h4 {
  width: 80%;
  text-wrap: nowrap;
  overflow: hidden;
}
.ultra-land-intro-brand .products-section .the-product .product-content .star {
  width: 20%;
  text-align: left;
  display: flex;
  flex-direction: row-reverse;
  color: var(--color-primary);
  align-items: center;
  gap: 10px;
}
.ultra-land-intro-brand .products-section .the-product .product-content p {
  width: 100%;
  margin: 0;
  font-size: 1.4rem !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-content .box-price ins {
  text-decoration: none;
}

.ultra-land-intro-brand .products-section::-webkit-scrollbar {
  z-index: 9999;
  width: 2rem;
  height: 40px;
  scroll-padding-inline: 5px;
}

.ultra-land-intro-brand .products-section::-webkit-scrollbar-track {
  background: #efefef;
  z-index: 9999;
}

.ultra-land-intro-brand .products-section::-webkit-scrollbar-thumb {
  background: var(--color-secondary);
  height: 100px;
  border-radius: 5px;
  z-index: 9999;
}

.ultra-land-intro-brand .products-section::-webkit-scrollbar {
  z-index: 9999;
  height: 20px;
  width: 30px;
  background: var(--color-accent);
}

.ultra-land-intro-brand .products-section::-webkit-scrollbar-thumb:horizontal {
  background: var(--color-secondary);
  border-radius: 10px;
}

.ultra-land-intro-brand .products-section::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}

.ultra-land-intro-brand .products-section > a {
  display: none;
}

@media (max-width: 600px) {
  .ultra-land .ulrs-arrows,
  .ultra-land .ulv-arrows {
    display: none;
  }
  .ultra-land-intro-brand .products-section {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex-wrap: wrap;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-inline: 0;
    background-color: var(--color-white);
  }
  .ultra-land-intro-brand .products-section .the-product {
    border: 1px solid var(--Neutral-50);
  }
  .ultra-land-intro-brand .products-section .the-product .product-content h4 {
    text-wrap: wrap;
    width: 100%;
    font-size: 14px;
  }
  .ultra-land-intro-brand
    .products-section
    .the-product
    .product-content
    .star {
    display: none;
  }
  .ultra-land-intro-brand .products-section .the-product .product-content p,
  .ultra-land-intro-brand
    .products-section
    .the-product
    .product-content
    > .sale {
    display: none;
  }

  .ultra-land-intro-brand .intro-section img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .ultra-land-intro-brand .intro-section .intro-card a {
    display: none;
  }

  .ultra-land-intro-brand .products-section > a {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
    padding: 10px;
    border-radius: 12px;
    background-color: #77b848;
    color: var(--color-white) !important;
    justify-content: center;
  }

  .ultra-land-intro-brand .products-section .the-product img {
    width: 80px;
    height: 80px;
    margin: 0;
  }

  .ultra-land-intro-brand .products-section > a svg path {
    stroke: var(--color-white);
  }

  .ultra-land-intro-brand .intro-section {
    flex-direction: column;
  }

  .ultra-land-intro-brand .products-section .the-product {
    flex: 0 0 100%;
  }
}

.ultra-land-faq.ultra-land .accr-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border: 1px solid var(--Neutral-40);
  padding: 10px 24px;
  border-radius: 16px;
}
.ultra-land-faq.ultra-land .accr-box.open {
  border: 1px solid var(--color-primary);
  background-color: color-mix(in srgb, var(--color-primary) 10%, transparent);
}
.ultra-land-faq.ultra-land .accr-box.open .question {
  color: var(--color-primary);
}
.ultra-land-faq.ultra-land .ultra-accr {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ultra-land-faq.ultra-land .accr-box .question {
  width: 90%;
}

.ultra-land-faq {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ultra-accr .accr-box {
  cursor: pointer;
}
.ultra-accr .answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.ultra-land-intro-brand
  .products-section
  .the-product
  .product-content
  .box-price {
  display: flex;
  gap: 10px;
}

.ultra-land-contact-form {
  display: flex;

  align-items: center;
  justify-content: center;
}
.ultra-land-contact-form > svg {
  position: absolute;
  width: 100%;
  z-index: 0;
}
.ultra-land-contact-form > svg rect {
  fill: var(--color-primary);
}
.ultra-land-contact-form .content-form {
  position: relative;
  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.08);
  padding: 24px;
  border-radius: 24px;
  z-index: 9;
  background: var(--color-white);
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 75%;
}
.ultra-land-contact-form .content-form form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
.ultra-land-contact-form .content-form form p {
  flex: 1;
}
.ultra-land-contact-form .content-form form p:has(input[type="submit"]) {
  width: 100%;
  flex: auto;
}
.ultra-land-contact-form .content-form .header-form {
  border-bottom: 1px solid #eee;
}

.ultra-land-contact-form .content-form .bottom-form {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}

.ultra-land-contact-form .content-form .bottom-form .notice {
  display: flex;
  align-items: center;
  gap: 20px;
}

.ultra-land-contact-form .content-form .bottom-form button {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-radius: 12px;
  padding: 20px;
}

/* دکمه بالای محصول */
.info-box-prod-ultra {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 12px;
  background: var(--Neutral-50, #f5f5f5);
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition:
    background 0.25s ease,
    transform 0.2s ease,
    box-shadow 0.25s ease;
  width: 100%;
}

.info-box-prod-ultra svg {
  flex-shrink: 0;
}

.info-box-prod-ultra .name-box {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  white-space: nowrap;
}

.info-box-prod-ultra:hover {
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

/* اورلی */
.modal-overlay-ultra {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(3px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease;
  z-index: 990;
}

/* پاپ‌آپ */
.modal-infobox-ultra {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 995;
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease;
  padding: 16px;
  direction: rtl;
  font-family: inherit;
}

.modal-infobox-ultra.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.modal-overlay-ultra.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.modal-dialog-ultra {
  position: relative;
  width: 100%;
  max-width: 760px;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.25);
  overflow: hidden;
  transform: translateY(20px) scale(0.98);
  opacity: 0;
  transition:
    transform 0.28s cubic-bezier(0.16, 0.84, 0.44, 1),
    opacity 0.28s ease;
}

.modal-infobox-ultra.is-active .modal-dialog-ultra {
  transform: translateY(0) scale(1);
  opacity: 1;
}

/* دکمه بستن (ضربدر) */
.modal-close-ultra {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: none;
  background: rgba(148, 163, 184, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition:
    background 0.2s ease,
    transform 0.2s ease;
  z-index: 5;
}

.modal-close-ultra span {
  position: absolute;
  width: 15px;
  height: 2px;
  background: #6b7280;
  border-radius: 999px;
  transition: background 0.2s ease;
}

.modal-close-ultra span:first-child {
  transform: rotate(45deg);
}
.modal-close-ultra span:last-child {
  transform: rotate(-45deg);
}

.modal-close-ultra:hover {
  background: rgba(148, 163, 184, 0.18);
  transform: scale(1.05);
}
.modal-close-ultra:hover span {
  background: #374151;
}

.modal-header-ultra {
  padding: 24px 24px 12px 52px;
  border-bottom: 1px solid #f1f5f9;
}

.modal-title-ultra {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 10px;
}

.modal-tabs-ultra {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #e5e7eb;
  gap: 32px;
  padding-bottom: 2px;
}

.modal-tab-ultra {
  position: relative;
  background: none;
  border: none;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  outline: none;
}

.modal-tab-ultra::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: -2px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    var(--color-primary),
    var(--color-secondary)
  );
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.25s ease;
}

.modal-tab-ultra.active {
  color: var(--color-primary);
}

.modal-tab-ultra.active::after {
  transform: scaleX(1);
}

.modal-body-ultra {
  padding: 18px 24px 22px;
  max-height: min(70vh, 520px);
  overflow-y: auto;
}

.modal-desc-ultra {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 14px;
}

.size-table-wrapper-ultra {
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}

.size-table-ultra {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  text-align: center;
}

.size-table-ultra thead {
  background: #f9fafb;
}

.size-table-ultra th,
.size-table-ultra td {
  padding: 10px 6px;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
}

.size-table-ultra tbody tr:nth-child(even) {
  background: #fcfcfc;
}

.size-table-ultra tbody tr:hover {
  background: #f1f5f9;
}

.modal-tab-content-ultra {
  display: none;
  animation: fadeInUltra 0.25s ease;
}

.modal-tab-content-ultra.active {
  display: block;
}

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

.measure-list-ultra {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #4b5563;
}

.measure-list-ultra li {
  padding: 8px 0;
  border-bottom: 1px dashed #e5e7eb;
}

.measure-list-ultra li:last-child {
  border-bottom: none;
}

.measure-list-ultra strong {
  font-weight: 600;
  color: #111827;
}

body.ultra-modal-open {
  overflow: hidden;
}

@media (max-width: 640px) {
  .modal-dialog-ultra {
    border-radius: 16px;
  }
  .modal-header-ultra {
    padding: 18px 16px 10px 50px;
  }
  .modal-body-ultra {
    padding: 14px 16px 18px;
  }
  .modal-tabs-ultra {
    gap: 20px;
  }
  .modal-title-ultra {
    font-size: 15px;
  }
  .size-table-ultra th,
  .size-table-ultra td {
    font-size: 12px;
    padding: 8px 4px;
  }
}

.ultra-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(6px);
  z-index: 999999;
  padding: 20px;
  overflow: hidden;
}

.ultra-modal.is-active {
  display: flex;
}

.ultra-modal__content {
  background: #ffffff;
  border-radius: 18px;
  padding: 32px 28px 22px;
  max-width: 680px; /* قبلاً 520 بود، یکم پهن‌ترش کردم */
  width: 95%;
  max-height: calc(100vh - 80px); /* حداکثر ارتفاع نسبت به صفحه */
  overflow-y: auto;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.25);
  text-align: center;
  position: relative;
}

.ultra-modal__close {
  position: absolute;
  top: 14px;
  left: 14px;
  border: none;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.ultra-modal__title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.ultra-modal__text {
  font-size: 14px;
  margin-bottom: 24px;
  color: #555;
}

.ultra-modal__btn {
  display: inline-block;
  padding: 10px 32px;
  border-radius: 8px;
  background: #1877f2;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  margin-bottom: 14px;
}
body.ultra-modal-open {
  overflow: hidden;
}

.ultra-modal__mute {
  display: block;
  margin: 0 auto;
  border: none;
  background: none;
  font-size: 12px;
  color: #888;
  cursor: pointer;
}

.ultra-tracking .ques-order {
  display: inline-block;
  margin-top: 10px;
  font-size: 13px;
  color: var(--color-secondary);
  cursor: pointer;
}

.ultra-tracking.after-search .ques-order {
  display: none;
}

.ulv-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.75);
}

.ulv-modal.is-open {
  display: flex;
}

.ulv-modal-dialog {
  position: relative;
  width: 90%;
  max-width: 900px;
  background: #000;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6);
}

.ulv-modal-body {
  width: 100%;
}

.ulv-modal-video {
  width: 100%;
  height: auto;
  display: block;
  max-height: 80vh;
  object-fit: contain;
  background: #000;
}

.ulv-modal-close {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.single-post-ultra
  .post-content
  .main-box
  .text-box
  .ulv-modal
  .ulv-modal-body {
  padding: 20px;
  background: var(--color-white);
}
.single-post-ultra .post-content .main-box .text-box .ulv-modal video {
  background: white;
  border-radius: 1.2rem;
  margin: 0;
  width: 100%;
  box-shadow: 1px 1px 10px 5px #00000031;
  height: fit-content;
  object-fit: contain;
}

body.ulv-modal-open {
  overflow: hidden;
}

.main-slider-2.ultra-slider {
  position: relative;
  width: 100%;
  background: #e0e0e0;
  border-radius: 32px;
  overflow: hidden;
  padding: 24px 64px 48px;
}

.ultra-slider__inner {
  position: relative;
  z-index: 1;
}

.main-slider-2.ultra-slider .banner-slider-img {
  display: block;
  width: 100%;
  height: auto;
}

.ultra-slider__bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 22px;
  background: #24357a;
  border-radius: 0 0 32px 32px;
}

.ultra-slider__bottom::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-55%);
  width: 140px;
  height: 42px;
  background: #24357a;
  border-radius: 999px 999px 0 0;
}

.ultra-slider__dots {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -30%);
  display: flex;
  gap: 4px;
  margin: -10px 0;
  z-index: 2;
}
.ultra-slider__dots .owl-dot {
  border-radius: 50%;
  opacity: 0.5;
}
.ultra-slider__dots .owl-dot.active {
  opacity: 1;
}

.ultra-slider__dots .owl-dot span {
  display: block;
  width: 7px;
  height: 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.4);
}

.ultra-slider__dots .owl-dot.active span {
  background: #ffffff;
}

.main-slider-2.ultra-slider .owl-nav {
  position: absolute;
  z-index: 9;
  top: 35%;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.main-slider-2.ultra-slider .owl-nav button {
  background: var(--color-primary);
  padding: 30px 15px;
  border-radius: 88px;
  border: 2px solid #fff;
}

.woocommerce ul#shipping_method .amount {
  flex-grow: 1;
  text-align: left;
}