/**********General Style**********/
.full-width-content article {
    overflow-x: visible !important;
}
.home {
    overflow-x: hidden;
}
.wp-block-query {
    width: 100% !important;
}

/**********Single Product Style**********/
.full-width-content article {
    overflow-x: hidden;
}
.separate-containers.no-sidebar .site-main {
    margin-left: auto !important;
    margin-right: auto !important;
}
.slider-content-zone {
    width: 100%;
    max-width: 100%;
}
.single_variation_wrap{
    display: none !important;
}
#masthead {
    border-bottom: 1px solid #000;
}
#story_short #player {
    object-fit: cover;
    height: 560px !important;
    border-radius: 4px;
}
.attachment-woocommerce_single.size-woocommerce_single {
    aspect-ratio: unset !important;
}
img {
    border-radius: 4px !important;
}
ul, ol {
    margin: 0 !important;
}
.wp-block-group {
    padding: 0 !important;
}
.attribute_group_row .attribute_group_row td {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding-bottom: 6px !important;
    border-bottom: 1px solid #000 !important;
    margin-bottom: 4px !important;
}

.attribute_group_row .attribute_group_row td img {
    max-height: 38px;
}

.attribute_group_row td {
    font-family: "Bai Jamjuree";
    font-size: 14px;
    font-weight: 500;
    font-style: normal !important;
    border: unset !important;
}

li.wvs_archive_reset_variations.show {
    display: none !important;
}
.add_to_cart_button {
    display: none !important;
}
.variations .label {
    display: flex
;
    align-items: center;
}
.variations .label * {
    height: 20px;
}

.elementor-widget-loop-carousel {
    display: none;
}

.price {
    display: none !important;
}

.elementor-grid-item {
    padding: 20px !important;
    background: #ffffff !important;
    border-radius: 4px !important;
}
.elementor-widget-theme-site-logo img {
    height: 50px;
    object-fit: contain;
    object-position: center left;
    width: 100% !important;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{
    background-color: #fff !important;
}

table td, table th{
    padding: 0 !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item img{
    height: auto !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    height: 40px !important;
    width: 80px !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected:not(.no-stock) .variable-item-contents:before, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item.selected:not(.no-stock) .variable-item-contents:before{
    content: none;
}

a.reset_variations{
    display: none !important;
}

.woocommerce-product-gallery .flex-control-thumbs img {
    aspect-ratio: 16/9;
}

.ha-product-carousel-item-inner {
    padding: 0 !important;
}

.ha-product-carousel-price, .wvs-archive-variations-wrapper {
    display: none !important;
}

.woocommerce-loop-category__title .count {
    display: none !important;
}

#comments .comment .comment-body, #comments .pingback .comment-body{
    padding-inline-start: 0 !important;
}

.comment-metadata > a, .ha-offcanvas-header {
    display: none;
}

.elementor-posts-container .elementor-post {
    padding: 0 !important;
}

.ha-offcanvas-body {
    padding: 0 !important;
}

.grayscale08{
    filter: grayscale(0.8);
    transition: 0.4s;
}

.grayscale08:hover{
    filter: grayscale(0);
}

.group-grayscale08 .ha-scrolling-image-item {
    filter: grayscale(0.8);
    transition: 0.4s;
}

.group-grayscale08 .ha-scrolling-image-item:hover {
    filter: grayscale(0);
}

.slot.pan-target {
    left: 0 !important;
    top: 0 !important;
    transform: translate3d(0%, 0%, 0) !important;
}

.woocommerce table.shop_attributes{
    border-top: unset !important;
}

.elementor-widget-woocommerce-product-additional-information > h2 {
    display: none !important;
}

b.attribute-group-name, span.attribute_name {
    text-transform: uppercase;
    font-weight: 600;
}

a.button.product_type_simple {
    display: none !important;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .woocommerce-loop-product__title {
    position: absolute;
    bottom: 6px;
    left: 12px;
    font-size: 14px !important;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover {
    box-shadow: 0 4px 10px 0 rgba(0 0 0 / 30%);
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    position: relative;
    box-shadow: 0 0 10px 0 rgba(0 0 0 / 10%);
    border-radius: 4px;
    padding: 4px;
    transition: .4s;
    background: #fff;
}
.single-product .swiper-slide-image {
    max-height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.flex-control-thumbs {
    display: flex;
    overflow: auto !important;
    flex-direction: row;
    flex-wrap: nowrap;
}
.flex-control-thumbs li {
    min-width: 16% !important;
    float: unset !important;
    height: auto !important;
}
.pswp.pswp--supports-fs.pswp--open {
    z-index: 9991;
}
.wp-block-uagb-google-map.uagb-google-map__wrap {
    width: 100% !important;
    max-width: 1440px !important;
    padding: 0 12px;
}
.wp-block-uagb-forms {
    width: 100% !important;
}
.wp-singular.single .site-main, .archive #content {
    max-width: 1440px;
    margin: 32px auto;
    padding: 12px;
}
.woocommerce .product .woocommerce-tabs .panel {
    display: block !important;
}
ul.tabs.wc-tabs {
    display: none !important;
}
#reviews {
    display: none;
}
form.woocommerce-ordering, p.woocommerce-result-count {
    display: none !important;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    box-shadow: unset;
    padding: 12px;
}
.star-rating {
    display: none !important;
}
h1.woocommerce-products-header__title.page-title {
    padding: 0 12px;
}
nav.woocommerce-breadcrumb {
    padding: 0 12px !important;
}
h2.woocommerce-loop-product__title {
    position: static !important;
    text-align: left;
    color: #000;
}
.wc-columns-container .products, .woocommerce .related ul.products, .woocommerce .up-sells ul.products {
    grid-gap: 12px !important;
}
.related.products h2 {
    padding: 0 12px;
}
.woocommerce-tabs.wc-tabs-wrapper {
    padding: 0 12px;
}
table {
    border: unset;
}
#footer-widgets .footer-widgets-container {
    max-width: 1440px;
    margin: 0 auto !important;
    padding: 18px 12px;
}
/* .site-footer {
    border-top: 1px solid #000;
} */
.mb-0 {
    margin-bottom: 0 !important;
}
.inside-site-info {
    padding-bottom: 14px;
}
ul, ol {
    list-style: none !important;
}   
a {
    color: #000;
    text-decoration: unset;
}
.wp-block-woocommerce-product-template li:hover a {
    color: #ffd36b;
}
#sunglasses_gallery .gkit-client-image-wrapper img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.single-post .wp-block-greenshift-blocks-row-column {
    display: flex;
    row-gap: 16px;
    flex-direction: column;
}
#video-shape {
    bottom: 0px;
    display: inline-flex;
    height: 100%;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    z-index: 999999;
    margin: 0px;
    padding: 0px;
}
.video-auto-play:before {
    content: '';
    background: #0000003b;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9;
}
.shape-titles {
    position: absolute;
    bottom: 15%;
    right: auto;
    left: 6%;
    width: 100%;
    max-width: 50%;
    margin: auto;
}

.column-text-shadow.active-style * {
    cursor: pointer;
    animation: myAnimation2 0.7s ease 2 forwards;
}
#video-shape svg path {
    fill: transparent;
    stroke: transparent;
    filter: drop-shadow(0 0 0 transparent);
    transition: .3s;
    transform: translate(2px, 2px);
}
#video-shape svg path:hover {
  cursor: pointer;
  animation: myAnimation 0.7s ease 2 forwards;
}
#Layer_1 {
    scale: 1.1;
}

.gs_style_3d_multi::before {
    content: unset !important;
}
.gs_style_3d_multi::after {
    background: var(--contrast-2) !important;
    border-radius: 4px;
    box-shadow: 10px 10px 10px var(--global-color-6) !important;
}
.gspb_meta_value {
    width: 100%;
}
.entry-content .wp-block-list {
    list-style: disc !important;
    margin: 0 0 0 1.5rem !important;
}
@keyframes myAnimation {
  from {
    fill: transparent;
    filter: drop-shadow(0 0 30px black) blur(5px);
  }
  to {
    fill: rgba(255, 255, 255, 0.05); /* همون درصدی که دنبالش بودی */
    filter: drop-shadow(0 0 30px white) blur(5px);
  }
}
@keyframes myAnimation2 {
  from {
    text-shadow: 0 0 0 #ffffff;
  }
  to {
    text-shadow: 0 0 15px #ffffff;
  }
}

/* ============================================== */
/*          1. انیمیشن درخشش اصلاح شده           */
/* ============================================== */
@keyframes pulse-red-glow {
  0% {
    /* هم سایه بیرونی و هم سایه داخلی برای حس بهتر */
    box-shadow: 0 0 8px rgba(235, 33, 39, 0.6), 
                inset 0 0 8px rgba(235, 33, 39, 0.5);
  }
  50% {
    box-shadow: 0 0 25px rgba(235, 33, 39, 0.9),
                inset 0 0 12px rgba(235, 33, 39, 0.7);
  }
  100% {
    box-shadow: 0 0 8px rgba(235, 33, 39, 0.6),
                inset 0 0 8px rgba(235, 33, 39, 0.5);
  }
}

.gspb_videowrapper.object-fit-contain video {
    object-fit: contain !important;
}

.bg-000{
    background-color: #000 !important;
}
.gform_title {
    color: var(--contrast);
}
.wp-block-greenshift-blocks-accordionitem {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}
.gs-titlebox {
    border-radius: 8px;
    overflow: hidden;
}
.gs-accordion-item__content[aria-hidden="false"] {
    max-height: 100% !important;
}
.gs-accordion-item__heading {
    font-size: 18px;
    font-weight: bold;
}
/* ============================================== */
/*    3. استایل مربوط به ماسک‌ها (بدون تغییر)      */
/* ============================================== */
/* 
  این بخش از کد شما عالی کار می‌کند و نیازی به تغییر ندارد.
  فقط برای کامل بودن اینجا قرار داده شده است.
*/
.shape-mask {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><path d="M189.053 54.6584C183.463 60.0155 176.009 63.2764 167.702 63.2764C150.621 63.2764 136.724 49.3789 136.724 32.2981C136.724 23.9907 140.062 16.4596 145.342 10.9472C131.755 3.95963 116.304 0 100 0C44.7982 0 0 44.7981 0 100C0 155.202 44.7982 200 100 200C155.202 200 200 155.202 200 100C200 83.618 195.963 68.2453 189.053 54.6584Z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><path d="M189.053 54.6584C183.463 60.0155 176.009 63.2764 167.702 63.2764C150.621 63.2764 136.724 49.3789 136.724 32.2981C136.724 23.9907 140.062 16.4596 145.342 10.9472C131.755 3.95963 116.304 0 100 0C44.7982 0 0 44.7981 0 100C0 155.202 44.7982 200 100 200C155.202 200 200 155.202 200 100C200 83.618 195.963 68.2453 189.053 54.6584Z"/></svg>');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    transition: all 0.3s ease-in-out;
}

.pre-shape-mask {
    -webkit-mask-image: url('data:image/svg+xml,<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="100" cy="100" r="100" fill="black"/></svg>');
    mask-image: url('data:image/svg+xml,<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="100" cy="100" r="100" fill="black"/></svg>');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    transition: all 0.3s ease-in-out;
}

/* 
  این دو کلاس در HTML شما استفاده نشده بودند، اما اگر برای ستون‌ها هستند، 
  باید کلاس `hafe-border` را به `hafe-shape-mask-right/left` تغییر دهید.
*/
.hafe-shape-mask-right{
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="89" height="195" viewBox="0 0 89 195" xmlns="http://www.w3.org/2000/svg"><path d="M89 0.0032959V194.696C83.3405 194.767 77.6663 193.34 72.5947 190.411L16 157.738C6.09922 152.021 6.81977e-05 141.457 0 130.025V64.6752C0 53.2427 6.09924 42.6786 16 36.9623L72.5947 4.28748C77.6663 1.35945 83.3405 -0.0683648 89 0.0032959Z"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg width="89" height="195" viewBox="0 0 89 195" xmlns="http://www.w3.org/2000/svg"><path d="M89 0.0032959V194.696C83.3405 194.767 77.6663 193.34 72.5947 190.411L16 157.738C6.09922 152.021 6.81977e-05 141.457 0 130.025V64.6752C0 53.2427 6.09924 42.6786 16 36.9623L72.5947 4.28748C77.6663 1.35945 83.3405 -0.0683648 89 0.0032959Z"/></svg>');
mask-size: contain;
mask-repeat: no-repeat;
mask-position: left;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: left;
transition: all 0.3s ease-in-out;
}
.hafe-shape-mask-left{
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="89" height="195" viewBox="0 0 89 195" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.00330094V194.696C5.65952 194.767 11.3337 193.34 16.4053 190.412L73 157.738C82.9008 152.021 88.9999 141.457 89 130.025V64.6752C89 53.2427 82.9008 42.6786 73 36.9623L16.4053 4.28748C11.3337 1.35946 5.65955 -0.0683598 0 0.00330094Z"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg width="89" height="195" viewBox="0 0 89 195" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.00330094V194.696C5.65952 194.767 11.3337 193.34 16.4053 190.412L73 157.738C82.9008 152.021 88.9999 141.457 89 130.025V64.6752C89 53.2427 82.9008 42.6786 73 36.9623L16.4053 4.28748C11.3337 1.35946 5.65955 -0.0683598 0 0.00330094Z"/></svg>');
mask-size: contain;
mask-repeat: no-repeat;
mask-position: right;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: right;
transition: all 0.3s ease-in-out;
}

/* افکت هاور روی دایره‌ها که بسیار هم خوب است */
a.shape-mask:hover, a.pre-shape-mask:hover {
  transform: scale(1.05);
  filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.4));
  z-index: 10;
}

@media screen and (min-width:1024px) {
    #site-navigation .inside-navigation,
    #sticky-navigation .inside-navigation {
        max-width: 1440px;
        padding: 4px 12px !important;
    }
    #primary-menu {
        margin-right: auto;
    }
    .wp-block-uagb-image.h-100 img {
        height: 100% !important;
    }
    .wp-block-uagb-image.w-100 img {
        width: 100% !important;
    }
    .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4 {
        padding-left: 12px;
    }
    .summary.entry-summary {
    padding-right: 12px;
}
}
@media screen and (max-width:1400px) {
    .gspb_videowrapper iframe, .gspb_videowrapper video {
        object-fit: fill !important;
    }
    #gspb_row-id-gsbp-ea26fc1>.gspb_row__content {
        max-width: 790px !important;
    }
    .shape-mask img, .pre-shape-mask img {
        padding: 20px !important;
    }
}

@media screen and (max-width:1300px) {
    .shape-mask img, .pre-shape-mask img {
        height: 160px !important;
    }    
    .shape-mask, .pre-shape-mask img {
        height: 160px !important;
    }
}

@media screen and (max-width:1200px) {
    .shape-mask img, .pre-shape-mask img {
        height: 140px !important;
    }    
    .shape-mask, .pre-shape-mask {
        height: 140px !important;
    }
    h2 {
        font-size: 28px !important;
    }
    #gspb_row-id-gsbp-ea26fc1>.gspb_row__content {
        max-width: 700px !important;
    }
}

@media screen and (max-width:1024px) {
    .shape-mask img, .pre-shape-mask img {
        height: 100px !important;
    }    
    .shape-mask, .pre-shape-mask {
        height: 100px !important;
    }

}

@media screen and (max-width: 996px) {
    .bg-mb-show .gspb_container__videoContainer {
        display: block !important;
    }
    .bg-mb-show .gspb_videowrapper iframe, .bg-mb-show .gspb_videowrapper video {
        object-fit: scale-down !important;
        object-position: top;
    }
    .hero-circle-path-wrapper,
    .hero-central-container,
    .hero-points-container {
        scale: 0.8;
    }
    .wp-block-custom-hero-circle .hero-text-background-bottom, .wp-block-custom-hero-circle .hero-text-background-top {
        font-size: clamp(2rem,7vw,9rem) !important;
    }
    .wp-block-custom-hero-circle .hero-text-background-top.is-visible {
        transform: translate(-50%,-250px) !important;
    }
    .wp-block-custom-hero-circle .hero-text-background-bottom.is-visible {
        transform: translate(-50%,216px) !important;
    }
}
@media screen and (max-width:768px) {
    span.ha-tab__title-icon {
    font-size: 80px !important;
    }

    .ha-tabs__nav {
        justify-content: center !important;
    }

    .ha-tab__title {
        display: flex;
        flex-direction: column;
        min-width: max-content !important;
        row-gap: 4px;
    }
    .ha-ia-item {
        min-width: calc(50% - 5px) !important;
        width: 100% !important;
        margin: 0 !important;
        max-height: 230px !important;
    }
    .ha-ia-gallery-wrap {
        display: flex;
        flex-wrap: wrap;
        height: 460px !important;
        gap: 10px;
    }
    .shape-mask img, .pre-shape-mask img {
        padding: 8px !important;
    }
    .gspb_container__videoContainer {
        display: none;
    }
    
}

@media screen and (max-width:524px) {
    .hero-circle-path-wrapper,
    .hero-central-container,
    .hero-points-container {
        scale: 0.5;
    }
    .wp-block-custom-hero-circle .hero-text-background-bottom, .wp-block-custom-hero-circle .hero-text-background-top {
        font-size: clamp(2rem,7vw,9rem) !important;
    }
    .wp-block-custom-hero-circle .hero-text-background-top.is-visible {
        transform: translate(-50%,-200px) !important;
    }
    .wp-block-custom-hero-circle .hero-text-background-bottom.is-visible {
        transform: translate(-50%,166px) !important;
    }
    .hero-hover-image-wrapper {
        left: auto !important;
        right: auto !important;
    }
}