*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@font-face {
    font-family: shabnam;
    src: url(../fonts/Shabnam-Light.ttf);
  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, blockquote, th, td {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    scroll-behavior: smooth;
    overflow-x: hidden !important;

}

body {
    direction: rtl !important;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    font-family: 'Montserrat', shabnam;
    font-size: 0.75vw;
    color: #000;
    position: relative;
    min-height: 100%;
    overflow-x: hidden !important;
}
.header_top 
{
    height: 180px;
    background-color: rgba(27, 27, 27, 0.9);
}
@media screen and (max-width: 1200px) {
    body {
        font-size: 1vw;
    }
}

.space {
    height: 200px;
}
.minispace {
    height: 100px;
}
p {
    line-height: 1.5em;
    font-weight: 300;
}

a {
    text-decoration: none;
    color: #000;
    outline: none;
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    -ms-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}

a img {
    opacity: 1;
    transition: opacity 0.4s ease-in-out;

    -webkit-backface-visibility: hidden;
}

a:hover, a:hover img, a:hover img.lazy.loading, a:hover img.lazy.loaded {
    -webkit-backface-visibility: hidden;
}

a.no-hover, a.no-hover:hover img, a.no-hover:hover img.lazy.loading, a.no-hover:hover img.lazy.loaded {
    opacity: 1 !important;
    mix-blend-mode: multiply;

}

img.bwhover {
    filter: grayscale();
    transition: filter 0.4s ease-in-out;
    opacity: 1 !important;
}

img.bwhover:hover {
    filter: none;    
}

.nolink>a {
    cursor: default;
    pointer-events: none;
}

img.lazy {
    transition: opacity 200ms ease-in-out;
    opacity: 0;
}

img.lazy.loading, img.lazy.loaded {
    opacity: 1;
}

.hidden {
    display: none !important;
}



.fadein {
    -webkit-transition: opacity 600ms ease-in;
    -moz-transition: opacity 600ms ease-in;
    -o-transition: opacity 600ms ease-in;
    -ms-transition: opacity 600ms ease-in;
    transition: opacity 600ms ease-in;
}

.autofadein {
    -webkit-animation: fadein 600ms ease-in;
    -moz-animation: fadein 600ms ease-in;
    -o-animation: fadein 600ms ease-in;
    animation: fadein 600ms ease-in;
}

.autofadeout {
    -webkit-animation: fadeout 600ms ease-out;
    -moz-animation: fadeout 600ms ease-out;
    -o-animation: fadeout 600ms ease-out;
    animation: fadeout 600ms ease-out;
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes fadeout {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-o-keyframes fadeout {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeout {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}



h1, h2, h3 {
    font-weight: normal;
}

h1 {
    line-height: 1em;
    font-weight: 300;
    margin-bottom: 0.5em;
    font-size: 24px;
}

h2 {
    font-weight: 300;
    font-size: 20px;

}

h3 {
    font-weight: 300;
    font-size: 18px;

}

h2.big {
    font-size: 2.6em;
}

h4 {
    font-weight: 400;
    margin-top: -0.1em;
}

h4.subtitle {
    border-bottom: 1px solid #bb9c6e;
    display: inline-block;
    clear: both;
}

h2.title {
    margin-top: 1.5em;
    margin-bottom: 1em;
    display: block;
    clear: both;
}

h5 {
    letter-spacing: 0.15em;
    font-weight: 300;
}

h6, h7 {
    line-height: 1.5em;
    font-weight: 400;
}

.right_content h1 {
    font-size: 24px;
}
.right_content p {
text-align: justify;
line-height: 2;
}



/*** header-footer ***/

.header-container {
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    transition: all 200ms ease-in-out;
    transform: translateY(0);
}

.header-container.bgwhite {
    background-color: #fff;
}

.header-container::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 0;
    z-index: -1;
    opacity: 0;
    background: rgba(27, 27, 27, 0.9);
    transition: all 400ms ease-in-out;
}
.header-container.scrolled::before {
    height: 100%; /* تغییر اندازه به طور دلخواه */
    opacity: 1;
}
@media (min-width: 1024px) {
    .header-container.active::before {
        opacity: 1;
        height: 42ch;
    }
}

.header-container:not(.active):hover::before {
    opacity: 1;
    height: 100%;
}

.scrolling.header-container {
    transform: translateY(-100%);
}

.fixed.header-container {
    position: fixed;
}

.header {
    position: relative;
}

.header__top {
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
    font-size: 12px;
    font-weight: 400;
}

.header__logo {
    text-align: center;
    flex: 0.8;
    margin-top: -2em;
}

.header__logo a {
    width: 17vw;
    display: inline-block;
}

.header__logo a:hover {
    opacity: 1;
}

.header__logo svg path, .header__logo svg polygon, .header__logo svg rect {
    fill: #000;
}

.white .header__logo svg path, .white .header__logo svg polygon, .white .header__logo svg rect, .header-container:hover .header__logo svg path, .header-container:hover .header__logo svg polygon, .header-container:hover .header__logo svg rect{
    fill: #fff;
}

.gradient-black {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.83+0,0+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}

.menu {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.menu, .menu .sub-menu, .menu-footer, .menu-footer .sub-menu, .menu-product, .language-chooser {
    list-style: none;
    margin: 0;
    padding: 0;
}
.language-chooser {
    text-align: left;
}


.menu-link {
    padding-top: 0.2em;
    display: inline-block;
    border-bottom: 1px solid #bb9c6e;
}

.menu>li {
    text-align: right;
    padding: 0;
    position: relative;
}

.menu>li:first-child {
    padding-left: 0;
}

.menu>li:last-child {
    padding-right: 0;
}

.menu>li>a {
    display: inline-block;
}

.menu-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 3em;
    margin-bottom: 3em;
}

.menu-main {
    flex: 1;
    display: flex;
    justify-content: space-between;
}

.menu-main li a {
    font-weight: 500;
    color: #000;
    padding-bottom: 0.3em;
    border-bottom: 1px solid transparent;
    transition: border-color 200ms ease-in-out;
}

.black .menu-main li a, .black #menu-topleft li a, .black #menu-topright li a {
    color: #000;
}

.white .menu-main li a, .header-container:hover .menu-main li a, .white #menu-topleft li a, .header-container:hover #menu-topleft li a, .white #menu-topright li a, .header-container:hover #menu-topright li a {
    color: #fff;
}

.menu-main>li:hover>a, .menu-main>li:active>a, .menu-main>li.featured>a, .menu-product>li.current-menu-item>a {
    opacity: 1;
    border-bottom: 1px solid #000;
}

.white .menu-main>li:hover>a, .white .menu-main>li:active>a, .white .menu-main>li.featured>a, .white .menu-product>li.current-menu-item>a, .header-container:hover .menu-main>li:hover>a {
    opacity: 1;
    border-bottom: 1px solid #fff;
}

.white .menu-main>li:hover>a, .white .menu-main>li:active>a, .white .menu-main>li.featured>a, .white .menu-product>li.current-menu-item>a, .header-container:hover .menu-main>li>a:hover, .header-container:hover .menu-main>li:active>a, .header-container:hover .menu-main>li.current-menu-item>a {
    opacity: 1;
    border-bottom: 1px solid #fff;
}

.menu-main .sub-menu {
    padding-top: 2em;
    margin-left: -2px;
    display: none;
    position: absolute;
    z-index: 4;
    min-width: 30vw;
    width: 100%;
}

.menu-main .sub-menu.active {
    display: block;
}

.menu-main li.twocolumns .sub-menu {
    column-count: 4;
}

.menu-main>li>.sub-menu li {
    transition: opacity 400ms ease-out;
    margin-bottom: 0.4em;
}

.menu-main .sub-menu li a {
    position: relative;
    display: inline-block;
    padding: 0.3em 0;
    border-bottom: 1px solid transparent;
}

.menu-main .sub-menu li a:hover {
    opacity: 1;
    border-bottom: 1px solid #000;
}

.white .menu-main .sub-menu li a:hover, .header-container:hover .menu-main .sub-menu li a:hover {
    opacity: 1;
    border-bottom: 1px solid #fff;
}

.menu-main #searchform {
    position: relative;
}

.menu-main input::placeholder, .black .menu-main input::placeholder, .header-container:hover .menu-main input::placeholder {
    transition: color 400ms ease-in-out;
    color: #000;
    font-size: 1em;
}

.menu-main input[type="text"], .black .menu-main input[type="text"], .header-container:hover .menu-main input[type="text"] {
    transition: color 400ms ease-in-out;
    background: none;
    border: none;
    color: #000;
    padding: 0 0 0.3em 0;
    outline: none;
    width: 8vw;
    border-bottom: 1px solid #000;
    font-size: 1em;
}

.menu-main .fa-search, .black .menu-main .fa-search, .header-container:hover .menu-main .fa-search {
    transition: color 400ms ease-in-out;
    position: absolute;
    right: 0;
    color: #000;
}

.white .menu-main .fa-search {
    color: #fff;
}

.white .menu-main input::placeholder {
    color: #fff;
}

.white .menu-main input[type="text"] {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.left_content{
text-align: center;
background-color: white;
    }


.language-chooser li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1em;
    margin-right: 1em;
}

.language-chooser li:last-child {
    margin-right: 0;
}

.language-chooser li.active {
    border-bottom: 1px solid #000;
}

.white .language-chooser li a, .header-container:hover .language-chooser li a {
    color: #fff;
}

.white .language-chooser li.active, .header-container:hover .language-chooser li.active {
    border-bottom: 1px solid #fff;
}
.blog-section .swiper-slide img {
    height: 200px;
    object-fit: cover;
    width: 100%;
}
.single-blog h3 {
    font-size: 16px;
    text-align: center;
}
.blog-posts {
    padding: 40px;
}
.blog-posts p{
  text-align: justify;
}
.blog-posts h1, .blog-posts h2, .blog-posts h3 ,.blog-posts h4 {
margin-bottom: 10px;
}
.blog-posts h1 {
    font-size: 24px !important;
}
.blog-posts h2 {
    font-size: 16px !important;
}
.blog-posts h3 {
    font-size: 16px;
}
.blog-section  {
    padding: 40px;
    background-color: #f0f0f0;
    padding: 100px 0 200px 0;
}
.blog-section h2 {
    font-size: 18px;
    background-color: #252525;
  padding: 5px 15px;
  color: #fff;
  border-radius: 5px;
  width: fit-content;
}
.blog-section .swiper-slide {
    border: 1px solid #e8e8e8;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 5px 20px #0000000f;
    border-radius: 5px;
}
footer {
    background-color: #000000;
    color: #e8e8e8;
    padding-top: 20px;
}
footer .tel {
    direction: ltr;
    font-size: 18px;
}
footer ul {
    padding: 0;
}
footer li {
list-style: none;}
footer li a {
 font-size: 20px;
 color: #cacaca;
 line-height: 2;
}
footer i {
    font-size: 28px;
    margin-left: 10px;
    color: #e8e8e8;
   }
  /* slider start */
.header-slide {
    position: relative;
}
  .slider {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    direction: ltr;
}
.slider_inside {
    height: 25vh !important;
}
.slides::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background-color: #0000003a;
    width: 100%;
    height: 100%;
z-index: 5;
}
.slider img,  .slider video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slides {
    display: flex;
    width: 500%;
    transition: transform 0.5s ease-in-out;
}

.slide {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: white;
    font-weight: bold;
    background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.slides {
    background-attachment: fixed;

}
.buttons {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
}

.button-container {
    display: flex;
    justify-content: space-evenly;
    gap: 5px;
    padding: 5px;
    direction: rtl;
}

.button-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 15%;
    border-bottom: 2px solid #f0f8ff6b;
}

button {
    flex: 1;
    padding: 10px 0;
    font-size: 1rem;
    background-color: transparent;
    color: white;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
}

button:hover,
button.active {
    font-weight: bold;
    font-size: 14px;
}

.progress-bar {
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: #ffffff;
    transition: width 10s linear;
}
  /* slider end */
  .header-slidebutton:hover,
  .header-slide button.active {
      font-weight: bold;
      font-size: 14px;
  }
  
  .header-slide .progress-bar {
      position: absolute;
      bottom: -2px;
      left: 0;
      height: 5px;
      width: 0%;
      height: 2px;
      background: #ffffff;
      transition: width 5s linear;
  }
  
/* MOBILE MENU HAMBURGER TOGGLE */

.menu-toggle {
    position: absolute;
    top: 24px;
    left: 22px;
    z-index: 999;
    cursor: pointer;
    padding-top: 11px;
    width: 24px;
    height: 30px;
    display: none;
}

.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {
    -webkit-transition: all 200ms cubic-bezier(0.305, 0.1, 0.485, 0.87);
    -moz-transition: all 200ms cubic-bezier(0.305, 0.1, 0.485, 0.87);
    -o-transition: all 200ms cubic-bezier(0.305, 0.1, 0.485, 0.87);
    transition: all 200ms cubic-bezier(0.305, 0.1, 0.485, 0.87);
}

.menu-toggle span:before {
    top: -7px;
}

.menu-toggle span:after {
    top: 5px;
}

.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {
    cursor: pointer;
    border-radius: 0;
    height: 2px;
    width: 24px;
    position: relative;
    display: block;
    background-color: #fff;
    content: '';
}



.menu-toggle.close span {
    background-color: transparent;
    top: 0;
}

.menu-toggle.close span:before {
    top: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.menu-toggle.close span:after {
    top: -2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.cky-btn-revisit-wrapper {
    display: none !important;
}

/***************************/

.menu-mobile-container {
    display: none;
}

.mobile-only {
    display: none;
}

@media (max-width: 1200px) {
    .product-info__links > a {        
        font-size: 0.85em;
    }    
              .slide {
  height: 50vh;
}
.slider {
  height: 50vh;
}
}

.grecaptcha-badge {
    display: none !important;
}

/* MOBILE */

@media screen and (max-width: 1023px) {
  .tab button span {
border-bottom: 0 !important;
  }
    .mobile-only {
        display: block;
    }
    .desktop-only {
        display: none !important;
    }
    body {
        font-size: 12px;
    }

    .fixed.header-container {
        background: #fff;
    }
    .header {
        width: 100%;
        position: relative;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .header-container::before {
        opacity: 1;
        height: 70px !important;
        background: rgba(27, 27, 27, 1);
        width:100vh;
    }

    .header__top {
        display: none;
    }

    .arrow-down {
        /* bottom: 4.5em; */
        display: none !important; 
    }

    .content-boxed, .content-superboxed {
        overflow: hidden;
        padding: 6vw 20px;
    }
    .container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .header__logo {
        margin-top: 0;
        text-align: center;
    }

    .header__logo svg path, .header__logo svg polygon, .header__logo svg rect {
        fill: #fff;
    }

    .menu-mobile-open .header__logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;
    }

    .header__logo a {
        width: 160px;        
    }
    .header__menu, .menu-container {
        display: none;
    }
    .menu-toggle {
        display: block;
    }
    .menu-mobile-container {
        display: block;
        position: fixed;
        z-index: 998;
        top: 70px;
        bottom: 0;
        right: 0;
        width: 100%;
        height: calc(100vh - 70px);
        background: rgba(27, 27, 27, 0.9);
        opacity: 0;        
        padding: 25px 25px 0 25px;
        border-top: 1px solid #fff;
        overflow-y: auto;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transform: translateY(-150%);
        -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        -o-transform: translateY(-150%);
        transform: translateY(-150%);
        margin-top: 0;
        margin-bottom: 0;
    }
    .menu-mobile-container.reveal {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    .menu-mobile {
        width: 100%;
        height: auto;
        display: block;
        margin-top: 20px;
        float: none;
    }

    .menu-mobile {
        list-style: none;
    }

    .menu-mobile li {
        float: none;
        display: block;
        padding-left: 0;
        padding-right: 0;
        text-align: right;
        margin-bottom: 1em !important;        
        color: #fff !important;
        text-transform: uppercase !important;
    }

    .menu-mobile>li.wpml-ls-menu-item {
        display: inline-block;
        margin-right: 0.5em;
    }
    .menu-mobile li a {
        color: #fff !important;
        font-size: 16px;
    }
    .menu-mobile ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .menu-mobile li {
        position: relative;
    }
    
    .menu-mobile ul {
        display: none ; /* زیرمنوها مخفی هستند */
        padding-left: 20px;
    }
    
    .menu-mobile a {
        text-decoration: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .menu-mobile .arrow {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-right: 40px;
        border-right: 2px solid rgb(255, 255, 255);
        border-bottom: 2px solid rgb(255, 255, 255);
        transform: rotate(45deg);
        transition: transform 0.3s ease;
    }
    
    .menu-mobile .arrow.open {
        transform: rotate(-135deg);
    }
    
    
    .menu-mobile .sub-menu {
        column-count: 1 !important;
        max-width: 100% !important;
        padding: 1em 2em 0 1em !important;
    }
    .menu-mobile .sub-menu li {
        margin-bottom: 0.85em !important;
        text-align: right;
    }
    #menu-lang {
        margin: 6em 0;
        padding-left: 20px;
    }
    #menu-lang>li {
        display: inline-block;
        padding: 0 0 0 1em;
    }
    #menu-lang>li:first-child {
        padding-left: 0;
    }
    #menu-lang>li>a {
        color: #fff;
    }
    .mobile-body-overlay {
        display: none;
        width: 100vw;
        height: 100vh;
        position: fixed;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: 0;
    }
    .menu-mobile-open .mobile-body-overlay {
        display: block;
        z-index: 997;
    }
    body.menu-mobile-open {
        overflow-y: hidden;
    }

    input {
        max-width: 100%;
    }

    h1 {
        font-size: 2.2em;
    }

    h2 {
        font-size: 1.8em;
    }

    h3 {
        font-size: 1.5em;
    }

    h4 {
        font-size: 1.2em;
    }
}
    /***************************/

    /** card center  start**/
    .grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 340px;
        margin: 0 auto;
      }
      .thumb {
        background: #f7f7f7;
      padding: 40px 30px ;
      
      }
      @media screen and (min-width: 768px) {

        .grid {
          max-width: 1600px;
        }
      }
      
      .card_img {
        position: relative;
        flex: 1 1 100%;
        margin: 31px 0;
        text-align: center;
        box-shadow: 0 0 20px #8282821c;
        border:0;
        transition: all 2s linear;
overflow: hidden;
background: #fff;
      }
      
      @media screen and (min-width: 768px) {
        .card_img {
          flex-basis: calc(20% - (62px + 40px));
          margin: 0 10px;
        }
      }
      
      .card__thumb {
        overflow: hidden;
      }
      
      
      .card__img img {
        max-width: 100%;
        height: auto;
        border: 0;
        vertical-align: middle;
        box-sizing: border-box;
        transition: all 2s linear;

      }
      
      .card__desc {
      background:#fff;
      padding:15px ;
      transition: all 0.5s linear;

      }
      
      .card__one::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1);
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
        content: "";
        opacity: 0;
        z-index: -1;
      }
      .card__one:hover, .card__one:focus {
        transform: scale3d(1.006, 1.006, 1);
      }
      .card__one:hover::after, .card__one:focus::after {
        opacity: 1;
      }
      
      
      .card__three::before, .card__three::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: scale3d(0, 0, 1);
        transition: transform 0.3s ease-out 0s;
        background: rgba(255, 255, 255, 0.2);
        content: "";
        pointer-events: none;
      }
      .card__three img{
        width: 100%;
        height: 100%;
      mix-blend-mode:multiply;
      }
      .card__img:hover img {
        object-fit: cover;
        transition: all 0.5s linear;
        transform: scale(0.8);
      }
      .card_img:hover .card__desc {
        background:#000000;
color: #fff;
      }
      .card__three::before {
        transform-origin: left top;
      }
      .card__three::after {
        transform-origin: right bottom;
      }
      .card__three:hover::before, .card__three:hover::after, .card__three:focus::before, .card__three:focus::after {
        transform: scale3d(1, 1, 1);
      }
          /** card center end**/
/* Style the tab */

  .tabcontent {
    padding: 40px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    background:#fff;
  }
  .tabcontent table{
width: 100%;
  }
  .tabcontent table tr:odd(){
    width: 100%;
      }
      th, td {
        padding: 15px;
      }
      
      tr:nth-child(even) {background-color: #f2f2f2;}

      .tabcontent h2, .tabcontent h3, .tabcontent h4{
      font-size: 18px;
      margin-bottom: 10px;
          }   
  @-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  
  @keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  /* Style the tab */
   /* استایل گالری تصاویر */
.image-gallery {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px 0;

}
.main-image img.fade-out {
    opacity: 0;
}
.main-image img {
    transition: opacity 0.7s ease-in-out;
    opacity: 1;
}
.main-image {
    position: relative;
    width: 80%;
    max-width: 600px;
    margin-bottom: 20px;
}

.main-image img {
    width: 80%;
    border-radius: 8px;
    height: 400px;
  object-fit: contain;
}

.zoom-button {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 10px 15px;
    font-size: 14px;
    background: #f1f1f1;
    color: #686868;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.zoom-button:hover {
    background: #0056b3;
    color: #ffffff;

}

.main_page {
 background-color: #f9f9f9;   
}
.main_page .swiper-slide {
  background-color: white;
  padding: 29px;
}
.thumbnail-gallery {
    display: none;
    margin-top: 15px;
}

.thumbnail {
    color: #141414;
    font-size: 14px;
    padding: 10px 10px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.thumbnail:hover {
    transform: scale(1.1);
}

.thumbnail.active {
    border-bottom: 1px solid;
}

   /* استایل گالری تصاویر */

/* استایل پاپ‌آپ */
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}

.popup-content img {
    width: 100%;
    height: 90vh;
    border-radius: 8px;
    object-fit: contain;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: white;
    cursor: pointer;
    background: #000;
    border-radius: 50%;
    padding: 5px 15px;
}
/* استایل پاپ‌آپ */
/* استایل کلی برای بخش نظرات */
.comments-area {
    margin-top: 40px;
    border-top: 2px solid #007bff;
    padding-top: 20px;
}

.comments-title {
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

/* استایل هر نظر */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comment {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background-color: #fdfdfd;
}

.comment-author {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.comment-author img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
    border: 2px solid #007bff;
}

.comment-author-name {
    font-size: 18px;
    font-weight: bold;
    color: #007bff;
}

.comment-metadata {
    font-size: 12px;
    color: #777;
    margin-left: auto;
}

.comment-content {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin-top: 10px;
}

/* دکمه پاسخ */
.reply {
    margin-top: 15px;
}

.reply a {
    font-size: 14px;
    color: #007bff;
    text-decoration: none;
    background: #e8f0ff;
    padding: 5px 10px;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.reply a:hover {
    background: #007bff;
    color: #fff;
}

/* استایل پاسخ‌های تو در تو */
.children {
    margin-left: 30px;
    border-left: 2px solid #007bff;
    padding-left: 15px;
    margin-top: 15px;
}

/* فرم ارسال نظر */
.single-form {
    border-radius: 8px;
}

.single-form h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #181818;
}

.single-form textarea, 
.single-form input[type="text"], 
.single-form input[type="email"], 
.single-form input[type="url"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
}

.single-form textarea {
    height: 120px;
    resize: vertical;
}

.single-form input[type="submit"] {
    background: #0f0f0f;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.single-form input[type="submit"]:hover {
    background: #0056b3;
}
/* استایل کلی برای Textarea در فرم ارسال نظر */
.single-form textarea {
    width: 100%;
    height: 120px; /* ارتفاع تکست‌باکس */
    padding: 12px;
    font-size: 16px;
    color: #333;
    border: 1px solid #ffffff;
    border-radius: 8px;
    outline: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    resize: vertical; /* امکان تغییر ارتفاع */
    background-color: #fdfdfd;
}

/* افکت هنگام فوکوس روی Textarea */
.single-form textarea:focus {
    border-color: #1a1a1a;
    box-shadow: 0 0 5px rgba(44, 44, 44, 0.5);
    background-color: #fff;
}

/* استایل برای حالت غیرفعال (اختیاری) */
.single-form textarea:disabled {
    background-color: #fdfdfd;
    color: #2b2b2b;
    border-color: #ffffff;
    cursor: not-allowed;
}
.single-form input[type="text"],
.single-form input[type="email"],
.single-form input[type="url"] {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border: 1px solid #ffffff;
    border-radius: 8px;
    outline: none;
    margin-bottom: 15px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    background-color: #fdfdfd;
}

.single-form input[type="text"]:focus,
.single-form input[type="email"]:focus,
.single-form input[type="url"]:focus {
    border-color: #1a1a1a;
    box-shadow: 0 0 5px rgba(44, 44, 44, 0.5);
    background-color: #fff;
}


/* دکمه‌های انتخاب رنگ */
.color-filter {
    gap: 10px;
    margin-bottom: 20px;
    text-align: left;
}
.color-filter #color-select {
    border: 0;
  width: 65%;
  background-color: black;
  color: aliceblue;
  padding: 10px;
}
.right_content {
    align-content: center;
    background: white;
  padding: 10px;
}

button.color-button {
width: 30px;
height: 30px;
color: #00000000;
}
.color-button {
    padding:0;
    border: none;
    border-radius: 15%;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    transition: transform 0.2s, background-color 0.3s;
}

.color-button.yellow { background-color: #ffc107; }
.color-button.red { background-color: #dc3545; }
.color-button.blue { background-color: #007bff; }
.color-button.orange { background-color: #e05200; }
.color-button.black { background-color: #000000; }

.color-button:hover {
    opacity: 0.6;
}

/* گالری تصاویر */
.product-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.product-image {
    width: 150px;
    height: auto;
    border: 2px solid #ddd;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.product-image:hover {
    transform: scale(1.1);
    border-color: #007bff;
}

/* نمایش محصول اصلی */
.main-product-view {
    margin-top: 20px;
    text-align: center;
}

.main-product-view img {
    max-width: 100%;
    height: auto;
    border: 2px solid #ddd;
    border-radius: 8px;
}




/** according start **/
.accordion {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 9%, rgba(250,250,250,1) 50%, rgba(255,255,255,1) 88%); 
        color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    transition: 0.4s;
  }
  
  .panel .active, .accordion:hover {
    background-color: #ccc;
    font-weight: normal;
  }
  
  .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  /** search input start **/ 
  .wp-block-search__inside-wrapper {
    height: 30px;
  }
  .wp-block-search__button svg {
    transform: translate(0.2em,-0.5em);
  }
  .wp-block-search__input {
    background-color: #0ff0;
    color: aliceblue;
  }
    /** search input end**/ 

    /** toggle  start**/    

    #content,   #content_about_1, #content_categor_description {
        overflow: hidden; 
        transition: max-height 0.5s ease; 
        text-align: justify;
        direction: rtl;
    }
#content_about_1 {
        max-height: 120px; 
    }
     #content{
        max-height: 120px; 
    }
 #content_categor_description {
        max-height: 10px; 
        padding-top:50px;
    }
     #content p ,  #content_about_1 p {
  line-height:2.2;
    }
.video_tizer video{
  border-radius: 20px;
    object-fit: none;
    box-shadow:0 0 20px #7d7d7d7a;
}
    #toggle-btn , #toggle-btn1 , #toggle-btn2{
        background-color: #303030;
        color: white;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        border-radius: 50px;
    }

        /** toggle  eend**/
            /** single  product start**/
                .header-product {
            height:70vh
            }
            .header-product::before {
                height:70vh;
                position: absolute;
                width: 100%;
                top: 0;
                content: '';
background-color: #00000060;             
   }
            .header-product img{
            height:70vh;
            width:100%;
            object-fit: cover;
            }
            .img-family img {
                height: 200px;
                width: 100%;
                object-fit: contain;
            }
            
            .right_conten {
                align-content: center;
            }
            
                       /** single  product end**/
                             /** category  product start**/
                       
                       .product-card .card-body:hover .img_cat_hover {
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
.img_cat_hover {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.hover-image {
  position: absolute;
  top:0;
      right: 0;
  
}

.product-card img{
width: 100%;
height: 370px;
object-fit: contain;
}

.product-desc {
    text-align: center;

}
.category_product h4{
    position: relative;
}
.category_product h4::before{
    position: absolute;
    content: '';
    width: 30%;
    height: 1px;
    top: 10px;
    right: 0;
    background-color: #000;
}
.category_product h4::after{
    position: absolute;
    content: '';
    width: 30%;
    height: 1px;
    top: 10px;
    left: 0;
    background-color: #000;
}
.inside_cat1 {
    height: 100%;
  width: 100%;
  align-content: center;
}
.inside_cat1 a{
    height: 100%;
  width: 100%;

}
.cat1 {
    height: 200px;
    align-content: center;
    position: relative;
    transition: all 400ms ease-in-out;
}
.cat1 span {
position: relative;
padding: 90px 0;
}
.cat1::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
right: 0;
background-color: #27272700;
transition: all 400ms ease-in-out;

}
.cat1:hover img{
display: block;
opacity: 1;

}
.cat1:hover a{
color: #fff;    }
.cat1:hover::before {
    background-color: #0c0c0c70;
}
.cat1 img{
   height: 200px;
   position: absolute;
   top: 0;
   right: 0;
   z-index: -1;
   width: 100%;
  object-fit: cover;
opacity: 0;
transition: all 400ms ease-in-out;
}
.category-image {
    position: absolute;
    top: 15.5vh;
    left: 1vw;
    width: 16vw;
    height: 9vw;
    overflow: hidden;
    transition: all 400ms ease-in-out;
}

.category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    /** category  product end**/
                       
                       
                       
                       
/* ========================================================================
   Shayeste i4 menu v7 — single-state / RTL-safe / no hover conflict
   ======================================================================== */

/* Full viewport static hero */
.header-slide.shayeste-static-hero {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.header-slide.shayeste-static-hero .shayeste-hero-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

@media (min-width: 1024px) {
    .header-container {
        --shayeste-header-height: 118px;
        --shayeste-mega-height: clamp(285px, 31vh, 360px);
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        z-index: 10000 !important;
        overflow: visible !important;
    }

    /* Header hover reveal: one continuous surface from top to bottom */
    .header-container::before {
        top: 0 !important;
        bottom: auto !important;
        height: var(--shayeste-header-height) !important;
        opacity: 1 !important;
        background: rgba(14,14,14,.965) !important;
        transform: scaleY(0) !important;
        transform-origin: top center !important;
        transition: transform .78s cubic-bezier(.19,1,.22,1) !important;
        will-change: transform;
    }
    .header-container:hover::before,
    .header-container.menu-panel-open::before,
    .header-container.scrolled::before {
        transform: scaleY(1) !important;
    }

    .header {
        width: min(calc(100% - 64px), 1680px) !important;
        max-width: none !important;
        min-height: var(--shayeste-header-height) !important;
        padding: 0 !important;
    }
    .menu-container {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0,1fr) 260px minmax(0,1fr) !important;
        gap: clamp(34px,4vw,90px) !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding-top: 18px !important;
        overflow: visible !important;
    }
    .menu-container > .menu-main {
        min-width: 0 !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        gap: clamp(22px,2.15vw,48px) !important;
        flex-wrap: nowrap !important;
    }
    #menu-main-left {
        grid-column: 1 / 2 !important;
        justify-content: flex-end !important;
        justify-self: stretch !important;
        padding-inline-end: clamp(10px, 1vw, 22px) !important;
    }
    #menu-main-right {
        grid-column: 3 / 4 !important;
        justify-content: flex-start !important;
        justify-self: stretch !important;
        padding-inline-start: clamp(10px, 1vw, 22px) !important;
    }

    .header__logo.desktop-only {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%,-30%) !important;
        z-index: 10003 !important;
        width: 220px !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        pointer-events: none !important;
    }
    .header__logo.desktop-only a { pointer-events: auto !important; }
    .header__logo.desktop-only img { display:block !important; width:100% !important; max-height:46px !important; object-fit:contain !important; }

    .menu-main > li { position: static !important; white-space: nowrap !important; }
    .menu-main > li > a {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        min-height: 34px !important;
        padding: 6px 0 8px !important;
        border: 0 !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        opacity: .9 !important;
        transition: opacity .45s ease !important;
    }
    .menu-main > li > a::after {
        content:'' !important;
        position:absolute !important;
        left:0 !important;
        right:0 !important;
        bottom:2px !important;
        height:1px !important;
        background:currentColor !important;
        transform:scaleX(0) !important;
        transform-origin:right center !important;
        transition:transform .52s cubic-bezier(.19,1,.22,1) !important;
    }
    .menu-main > li:hover > a,
    .menu-main > li.is-menu-open > a { opacity:1 !important; }
    .menu-main > li:hover > a::after,
    .menu-main > li.is-menu-open > a::after {
        transform:scaleX(1) !important;
        transform-origin:left center !important;
    }

    /* IMPORTANT: physical LTR grid. This prevents page RTL from swapping left/right. */
    .menu-main > li > .sub-menu.shayeste-mega-submenu {
        direction: ltr !important;
        position: fixed !important;
        z-index: 9998 !important;
        top: var(--shayeste-header-height) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: none !important;
        min-width: 0 !important;
        height: var(--shayeste-mega-height) !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 26px max(40px,calc((100vw - 1680px)/2)) 28px !important;
        display: grid !important;
        grid-template-columns: minmax(250px,330px) minmax(180px,230px) minmax(180px,230px) !important;
        grid-auto-rows: minmax(28px,auto) !important;
        align-content:start !important;
        align-items:start !important;
        column-gap:clamp(18px,2vw,32px) !important;
        row-gap:0 !important;
        background:rgba(14,14,14,.965) !important;
        border:0 !important;
        box-shadow:none !important;
        opacity:1 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        transform:none !important;
        clip-path:inset(0 0 100% 0) !important;
        transition:clip-path .72s cubic-bezier(.19,1,.22,1), visibility 0s linear .72s !important;
        overflow:hidden !important;
        column-count:initial !important;
    }

    /* ONLY JS state opens the panel. No :hover visibility rule. */
    .menu-main > li.is-menu-open > .sub-menu.shayeste-mega-submenu,
    .menu-main > li > .sub-menu.shayeste-mega-submenu.active {
        visibility:visible !important;
        pointer-events:auto !important;
        clip-path:inset(0 0 0 0) !important;
        transition:clip-path .72s cubic-bezier(.19,1,.22,1), visibility 0s linear 0s !important;
    }

    /* PREVIEW = physical LEFT column. Hidden until child hover. */
    .menu-main > li > .sub-menu.shayeste-mega-submenu > .menu-preview {
        direction:ltr !important;
        grid-column:1 !important;
        grid-row:1 / span 30 !important;
        width:clamp(210px, 18vw, 300px) !important;
        aspect-ratio:2 / 1 !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        align-self:start !important;
        justify-self:start !important;
        opacity:0 !important;
        visibility:hidden !important;
        transform:translateX(-18px) !important;
        transition:opacity .42s ease,transform .72s cubic-bezier(.19,1,.22,1),visibility 0s linear .42s !important;
        overflow:hidden !important;
        pointer-events:none !important;
    }
    .menu-main > li > .sub-menu.shayeste-mega-submenu > .menu-preview.has-preview {
        opacity:1 !important;
        visibility:visible !important;
        transform:translateX(0) !important;
        transition-delay:0s !important;
    }
    .menu-preview-frame,.menu-preview-frame img { width:100% !important; height:100% !important; }
    .menu-preview-frame { overflow:hidden !important; }
    .menu-preview-frame img {
        display:block !important;
        object-fit:cover !important;
        opacity:1 !important;
        transform:scale(1.01) !important;
        transition:opacity .35s ease,transform 1.1s cubic-bezier(.19,1,.22,1) !important;
    }
    .menu-preview.is-changing .menu-preview-frame img { opacity:.08 !important; transform:scale(1.035) !important; }

    /* LINKS = physical RIGHT two columns, text direction restored for Persian. */
    .menu-main > li > .sub-menu.shayeste-mega-submenu > li.menu-col-a:not(.menu-preview) {
        direction:rtl !important;
        text-align:right !important;
        grid-column:3 !important;
        grid-row:var(--menu-grid-row) !important;
    }
    .menu-main > li > .sub-menu.shayeste-mega-submenu > li.menu-col-b:not(.menu-preview) {
        direction:rtl !important;
        text-align:right !important;
        grid-column:2 !important;
        grid-row:var(--menu-grid-row) !important;
    }
    .menu-main > li > .sub-menu.shayeste-mega-submenu > li:not(.menu-preview) {
        position:relative !important;
        display:block !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        opacity:0 !important;
        transform:translate3d(18px,10px,0) !important;
        transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .78s cubic-bezier(.19,1,.22,1) !important;
        transition-delay:0s !important;
    }
    .menu-main > li > .sub-menu.shayeste-mega-submenu.menu-entered > li:not(.menu-preview) {
        opacity:1 !important;
        transform:translate3d(0,0,0) !important;
        transition-delay:calc(.30s + (var(--stagger-index,0) * .12s)) !important;
    }
    .menu-main > li > .sub-menu.shayeste-mega-submenu > li:not(.menu-preview) > a {
        display:inline-flex !important;
        justify-content:flex-start !important;
        padding:5px 0 7px !important;
        border:0 !important;
        color:rgba(255,255,255,.76) !important;
        line-height:1.32 !important;
        transition:color .34s ease !important;
    }
    .menu-main > li > .sub-menu.shayeste-mega-submenu > li:not(.menu-preview):hover > a,
    .menu-main > li > .sub-menu.shayeste-mega-submenu > li:not(.menu-preview) > a:focus { color:#fff !important; }

    .header-container.menu-panel-open::after {
        content:'' !important;
        position:fixed !important;
        z-index:9990 !important;
        left:0 !important;
        right:0 !important;
        top:calc(var(--shayeste-header-height) + var(--shayeste-mega-height)) !important;
        bottom:0 !important;
        background:rgba(0,0,0,.12) !important;
        pointer-events:none !important;
    }
}

@media (max-width:1023px) {
    .header-slide.shayeste-static-hero { height:100svh !important; min-height:100svh !important; }
}
\n\n/* ===== Shayeste Home Hero / Slider V15 (isolated from i4 menu) ===== */
.home .shayeste-home-hero-v15 {
    position: relative;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    min-height: 620px;
    overflow: hidden;
    background: #111;
}
.home .shayeste-home-hero-v15 .shayeste-hero-track,
.home .shayeste-home-hero-v15 .shayeste-hero-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.home .shayeste-home-hero-v15 .shayeste-hero-slide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1.15s cubic-bezier(.22,.61,.36,1), visibility 0s linear 1.15s;
}
.home .shayeste-home-hero-v15 .shayeste-hero-slide.is-active {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    z-index: 2;
}
.home .shayeste-home-hero-v15 .shayeste-hero-media {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.025);
    transition: transform 7s cubic-bezier(.2,.6,.2,1);
}
.home .shayeste-home-hero-v15 .shayeste-hero-slide.is-active .shayeste-hero-media { transform: scale(1); }
.home .shayeste-home-hero-v15 .shayeste-hero-shade {
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    background:linear-gradient(to bottom,rgba(0,0,0,.05) 45%,rgba(0,0,0,.45) 100%);
}
.home .shayeste-home-hero-v15 .shayeste-hero-bottom {
    position:absolute;
    z-index:5;
    left:50%;
    bottom:clamp(34px,5.4vh,66px);
    width:min(92vw,1200px);
    transform:translateX(-50%);
    text-align:center;
    color:#fff;
}
.home .shayeste-home-hero-v15 .shayeste-hero-title {
    margin:0 0 20px;
    color:#fff;
    font-size:clamp(30px,4.3vw,72px);
    font-weight:300;
    line-height:1.15;
    letter-spacing:-.025em;
    opacity:0;
    transform:translateY(28px);
    transition:opacity .9s .28s ease, transform 1.05s .28s cubic-bezier(.19,1,.22,1);
}
.home .shayeste-home-hero-v15 .shayeste-hero-slide.is-active .shayeste-hero-title {
    opacity:1;
    transform:translateY(0);
}
.home .shayeste-home-hero-v15 .shayeste-scroll-next {
    appearance:none;
    border:0;
    background:transparent;
    width:54px;
    height:54px;
    margin:0 auto;
    padding:0;
    color:#fff;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
}
.home .shayeste-home-hero-v15 .shayeste-scroll-next svg {
    width:24px;
    height:24px;
    stroke:currentColor;
    fill:none;
    stroke-width:1.4;
    animation:shayesteHeroArrow 1.8s cubic-bezier(.45,0,.55,1) infinite;
}
@keyframes shayesteHeroArrow {
    0%,100% { transform:translateY(-3px); opacity:.55; }
    50% { transform:translateY(8px); opacity:1; }
}
.home .shayeste-home-hero-v15 .shayeste-hero-dots {
    position:absolute;
    right:clamp(22px,3vw,48px);
    bottom:clamp(34px,5vh,60px);
    z-index:6;
    display:flex;
    gap:8px;
}
.home .shayeste-home-hero-v15 .shayeste-hero-dot {
    width:22px;
    height:2px;
    border:0;
    padding:0;
    background:rgba(255,255,255,.38);
    cursor:pointer;
    transition:width .4s ease, background .4s ease;
}
.home .shayeste-home-hero-v15 .shayeste-hero-dot.is-active { width:42px; background:#fff; }
@media (max-width:767px) {
    .home .shayeste-home-hero-v15 { min-height:520px; }
    .home .shayeste-home-hero-v15 .shayeste-hero-title { font-size:clamp(28px,9vw,46px); margin-bottom:12px; }
    .home .shayeste-home-hero-v15 .shayeste-hero-dots { display:none; }
}
@media (prefers-reduced-motion:reduce) {
    .home .shayeste-home-hero-v15 .shayeste-hero-slide,
    .home .shayeste-home-hero-v15 .shayeste-hero-title,
    .home .shayeste-home-hero-v15 .shayeste-hero-media { transition:none !important; }
    .home .shayeste-home-hero-v15 .shayeste-scroll-next svg { animation:none !important; }
}


/* === V16: true full-viewport home hero (isolated from menu/footer) === */
html, body { margin: 0; padding: 0; }
body.home .shayeste-home-hero-v15 {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100svh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
body.home .shayeste-home-hero-v15 .shayeste-hero-track,
body.home .shayeste-home-hero-v15 .shayeste-hero-slide,
body.home .shayeste-home-hero-v15 .shayeste-hero-media {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.home .shayeste-home-hero-v15 .shayeste-hero-media {
    display: block !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
/* Keep the original footer in normal document flow after all home sections. */
body.home footer {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* ========================================================================
   V17 — right-aligned mega layout + fixed header + fullscreen home sections
   ======================================================================== */
@media (min-width:1024px) {
    /* Keep the proven V9 menu behavior; only pin its position and align its content. */
    .header-container {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
    }

    /* The mega panel still spans the viewport, but its content block begins from the physical right. */
    .menu-main > li > .sub-menu.shayeste-mega-submenu {
        justify-content: end !important;
        grid-template-columns: minmax(250px,330px) minmax(180px,230px) minmax(180px,230px) !important;
        padding-left: max(40px,calc((100vw - 1680px)/2)) !important;
        padding-right: max(40px,calc((100vw - 1680px)/2)) !important;
    }
}

/* Fullscreen visual sections created from Site Settings. */
.home .shayeste-home-visual-section,
.home .shayeste-fullpage-section {
    position: relative;
    width: 100vw;
    max-width: none;
    height: 100vh;
    height: 100svh;
    min-height: 100vh;
    min-height: 100svh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    scroll-margin-top: 0;
}
.home .shayeste-home-visual-section .shayeste-section-media {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.012);
    transition: transform 1.8s cubic-bezier(.19,1,.22,1);
}
.home .shayeste-home-visual-section.is-fullpage-active .shayeste-section-media {
    transform: scale(1);
}
.home .shayeste-section-shade {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0,0,0,.03) 45%, rgba(0,0,0,.42) 100%);
}
.home .shayeste-section-title {
    position: absolute;
    z-index: 4;
    left: 50%;
    bottom: clamp(78px,10vh,122px);
    width: min(90vw,1250px);
    margin: 0;
    transform: translate(-50%,24px);
    color: #fff;
    text-align: center;
    font-size: clamp(30px,4vw,68px);
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: -.025em;
    opacity: 0;
    transition: opacity .8s .15s ease, transform 1s .15s cubic-bezier(.19,1,.22,1);
}
.home .shayeste-home-visual-section.is-fullpage-active .shayeste-section-title {
    opacity: 1;
    transform: translate(-50%,0);
}
.home .shayeste-section-next {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: clamp(25px,4.5vh,48px);
    width: 54px;
    height: 54px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
}
.home .shayeste-section-next svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.4;
    animation: shayesteHeroArrow 1.8s cubic-bezier(.45,0,.55,1) infinite;
}

@media (prefers-reduced-motion: reduce) {
    .home .shayeste-home-visual-section .shayeste-section-media,
    .home .shayeste-section-title { transition: none !important; }
    .home .shayeste-section-next svg { animation: none !important; }
}


/* ========================================================================
   V18 — fixed header without auto-hover, adaptive contrast, refined mega menu
   ======================================================================== */
@media (min-width:1024px) {
    .header-container {
        --shayeste-header-height: 126px;
        --shayeste-mega-height: clamp(315px, 34vh, 395px);
    }

    /* Do NOT reveal the header surface just because the page has scrolled. */
    .header-container.scrolled::before {
        transform: scaleY(0) !important;
    }
    .header-container:hover::before,
    .header-container.menu-panel-open::before {
        transform: scaleY(1) !important;
    }

    /* Keep menu vertically balanced inside the slightly taller hover surface. */
    .header {
        min-height: var(--shayeste-header-height) !important;
    }
    .menu-container {
        padding-top: 12px !important;
        padding-bottom: 8px !important;
    }

    /* Adaptive contrast states, assigned by JS according to the section under the header. */
    .header-container.header-on-light:not(:hover):not(.menu-panel-open) .menu-main > li > a {
        color:#111 !important;
    }
    .header-container.header-on-light:not(:hover):not(.menu-panel-open) .header__logo img {
        filter: brightness(0) !important;
    }
    .header-container.header-on-dark:not(:hover):not(.menu-panel-open) .menu-main > li > a {
        color:#fff !important;
    }
    .header-container.header-on-dark:not(:hover):not(.menu-panel-open) .header__logo img {
        filter:none !important;
    }

    /* While hovered/open, preserve the dark i4 menu surface and white controls. */
    .header-container:hover .menu-main > li > a,
    .header-container.menu-panel-open .menu-main > li > a {
        color:#fff !important;
    }
    .header-container:hover .header__logo img,
    .header-container.menu-panel-open .header__logo img {
        filter:none !important;
    }

    /* Place preview at the physical left edge of the viewport. */
    .menu-main > li > .sub-menu.shayeste-mega-submenu > .menu-preview {
        position:absolute !important;
        left:max(32px,calc((100vw - 1680px)/2)) !important;
        top:30px !important;
        width:clamp(235px,19vw,320px) !important;
        aspect-ratio:2 / 1 !important;
        grid-column:auto !important;
        grid-row:auto !important;
        justify-self:auto !important;
    }

    /* Keep the two link columns grouped from the right side. */
    .menu-main > li > .sub-menu.shayeste-mega-submenu {
        position:fixed !important;
        padding-top:34px !important;
        padding-bottom:34px !important;
        grid-template-columns:minmax(180px,230px) minmax(180px,230px) !important;
        justify-content:end !important;
        column-gap:clamp(16px,1.5vw,24px) !important;
    }
    .menu-main > li > .sub-menu.shayeste-mega-submenu > li.menu-col-a:not(.menu-preview) {
        grid-column:2 !important;
    }
    .menu-main > li > .sub-menu.shayeste-mega-submenu > li.menu-col-b:not(.menu-preview) {
        grid-column:1 !important;
    }
}


/* ========================================================================
   V19 — soft header tone transition + Mariani-inspired latest news section
   ======================================================================== */
@media (min-width:1024px) {
    .header-container .menu-main > li > a {
        transition:
            color 1.05s cubic-bezier(.22,.61,.36,1),
            opacity .45s ease !important;
    }
    .header-container .header__logo img {
        transition:
            filter 1.05s cubic-bezier(.22,.61,.36,1),
            opacity .7s ease !important;
    }
    .header-container .menu-main > li > a::after {
        transition:
            transform .52s cubic-bezier(.19,1,.22,1),
            background-color 1.05s cubic-bezier(.22,.61,.36,1) !important;
    }
}

.home .shayeste-news-section {
    position:relative;
    width:100vw;
    height:100vh;
    height:100svh;
    min-height:100vh;
    min-height:100svh;
    margin:0;
    padding:0;
    overflow:hidden;
    background:#f3f2ef;
    color:#111;
}
.home .shayeste-news-shell {
    width:min(calc(100% - 9vw),1680px);
    height:100%;
    margin:0 auto;
    padding:clamp(150px,18vh,205px) 0 clamp(70px,8vh,100px);
    display:grid;
    grid-template-columns:minmax(210px,.72fr) minmax(0,2.28fr);
    gap:clamp(55px,8vw,140px);
    box-sizing:border-box;
}
.home .shayeste-news-heading h2 {
    margin:0;
    font-size:clamp(28px,2.8vw,50px);
    font-weight:300;
    line-height:1.05;
    letter-spacing:-.025em;
}
.home .shayeste-news-list {
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-top:1px solid rgba(17,17,17,.35);
}
.home .shayeste-news-item {
    display:grid;
    grid-template-columns:minmax(90px,140px) minmax(0,1fr);
    gap:clamp(22px,3vw,54px);
    padding:clamp(24px,3.2vh,38px) 0;
    border-bottom:1px solid rgba(17,17,17,.35);
}
.home .shayeste-news-date {
    padding-top:5px;
    font-size:13px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:.03em;
    color:rgba(17,17,17,.62);
}
.home .shayeste-news-copy h3 {
    margin:0 0 12px;
    font-size:clamp(22px,2.15vw,36px);
    font-weight:300;
    line-height:1.14;
    letter-spacing:-.02em;
}
.home .shayeste-news-copy h3 a {
    color:#111;
    text-decoration:none;
}
.home .shayeste-news-excerpt {
    max-width:900px;
    margin:0 0 15px;
    color:rgba(17,17,17,.68);
    font-size:14px;
    line-height:1.9;
}
.home .shayeste-news-more {
    position:relative;
    display:inline-block;
    padding-bottom:4px;
    color:#111;
    font-size:13px;
    text-decoration:none;
}
.home .shayeste-news-more::after {
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:currentColor;
    transform:scaleX(.3);
    transform-origin:left center;
    transition:transform .55s cubic-bezier(.19,1,.22,1);
}
.home .shayeste-news-item:hover .shayeste-news-more::after {
    transform:scaleX(1);
}
.home .shayeste-news-empty {
    padding:40px 0;
    border-bottom:1px solid rgba(17,17,17,.35);
}
.home .shayeste-news-next {
    color:#111;
}
@media(max-width:900px) {
    .home .shayeste-news-shell {
        width:calc(100% - 42px);
        padding-top:120px;
        grid-template-columns:1fr;
        align-content:center;
        gap:36px;
    }
    .home .shayeste-news-item {
        grid-template-columns:1fr;
        gap:8px;
    }
    .home .shayeste-news-list {
        max-height:65vh;
        overflow:auto;
    }
}


/* ========================================================================
   V20 — news featured images + product category archive
   ======================================================================== */

/* News: featured image is now part of each item. */
.home .shayeste-news-item {
    grid-template-columns:minmax(82px,120px) minmax(180px,300px) minmax(0,1fr) !important;
    align-items:center;
}
.home .shayeste-news-thumb {
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:16 / 10;
    overflow:hidden;
    background:#deddd8;
}
.home .shayeste-news-thumb img,
.home .shayeste-news-thumb-placeholder {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .95s cubic-bezier(.19,1,.22,1), opacity .55s ease;
}
.home .shayeste-news-item:hover .shayeste-news-thumb img {
    transform:scale(1.035);
}
@media(max-width:900px) {
    .home .shayeste-news-item {
        grid-template-columns:1fr !important;
    }
    .home .shayeste-news-thumb {
        max-width:360px;
    }
}

/* Product category hero mirrors the fullscreen homepage visual language. */
.tax-shayeste_product_cat .shayeste-product-cat-hero {
    position:relative;
    width:100vw;
    height:100vh;
    height:100svh;
    min-height:100vh;
    min-height:100svh;
    overflow:hidden;
    background:#111;
}
.tax-shayeste_product_cat .shayeste-product-cat-hero-media {
    position:absolute;
    inset:0;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    transform:scale(1.02);
    animation:shayesteProductHeroIn 2.2s cubic-bezier(.19,1,.22,1) forwards;
}
@keyframes shayesteProductHeroIn {
    to { transform:scale(1); }
}
.tax-shayeste_product_cat .shayeste-product-cat-hero-shade {
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom,rgba(0,0,0,.08) 35%,rgba(0,0,0,.52) 100%);
}
.tax-shayeste_product_cat .shayeste-product-cat-hero-content {
    position:absolute;
    z-index:3;
    left:50%;
    bottom:clamp(34px,5.4vh,66px);
    width:min(92vw,1280px);
    transform:translateX(-50%);
    text-align:center;
    color:#fff;
}
.tax-shayeste_product_cat .shayeste-product-cat-hero-content h1 {
    margin:0 0 12px;
    color:#fff;
    font-size:clamp(34px,4.6vw,76px);
    font-weight:300;
    line-height:1.06;
    letter-spacing:-.03em;
}
.tax-shayeste_product_cat .shayeste-product-cat-description {
    max-width:720px;
    margin:0 auto 16px;
    font-size:14px;
    line-height:1.9;
    color:rgba(255,255,255,.82);
}
.tax-shayeste_product_cat .shayeste-product-cat-description p { margin:0; }
.tax-shayeste_product_cat .shayeste-product-cat-scroll {
    width:54px;
    height:54px;
    margin:4px auto 0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    background:transparent;
    color:#fff;
    cursor:pointer;
}
.tax-shayeste_product_cat .shayeste-product-cat-scroll svg {
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.4;
    animation:shayesteHeroArrow 1.8s cubic-bezier(.45,0,.55,1) infinite;
}

/* White 3-column product grid. */
.tax-shayeste_product_cat .shayeste-product-grid-section {
    position:relative;
    width:100%;
    min-height:100vh;
    background:#fff;
    color:#111;
    padding:clamp(120px,14vh,170px) 0 110px;
}
.tax-shayeste_product_cat .shayeste-product-grid-shell {
    width:min(calc(100% - 7vw),1680px);
    margin:0 auto;
}
.tax-shayeste_product_cat .shayeste-product-grid-head {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
    margin-bottom:clamp(42px,6vw,80px);
    padding-bottom:20px;
    border-bottom:1px solid rgba(17,17,17,.22);
}
.tax-shayeste_product_cat .shayeste-product-grid-head h2 {
    margin:0;
    font-size:clamp(30px,3.2vw,54px);
    font-weight:300;
    letter-spacing:-.03em;
}
.tax-shayeste_product_cat .shayeste-product-grid-head span {
    font-size:13px;
    color:rgba(17,17,17,.55);
}
.tax-shayeste_product_cat .shayeste-product-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(36px,5vw,84px) clamp(22px,3vw,50px);
}
.tax-shayeste_product_cat .shayeste-product-card {
    margin:0;
    min-width:0;
}
.tax-shayeste_product_cat .shayeste-product-card-image {
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:4 / 3;
    overflow:hidden;
    background:#f3f3f1;
}
.tax-shayeste_product_cat .shayeste-product-card-image img,
.tax-shayeste_product_cat .shayeste-product-card-placeholder {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 1s cubic-bezier(.19,1,.22,1), opacity .5s ease;
}
.tax-shayeste_product_cat .shayeste-product-card:hover .shayeste-product-card-image img {
    transform:scale(1.025);
}
.tax-shayeste_product_cat .shayeste-product-card-meta {
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:baseline;
    padding:16px 2px 0;
}
.tax-shayeste_product_cat .shayeste-product-card-meta h3 {
    margin:0;
    font-size:18px;
    font-weight:400;
    line-height:1.35;
}
.tax-shayeste_product_cat .shayeste-product-card-meta h3 a {
    color:#111;
    text-decoration:none;
}
.tax-shayeste_product_cat .shayeste-product-sku {
    font-size:11px;
    color:rgba(17,17,17,.45);
    white-space:nowrap;
}
.tax-shayeste_product_cat .shayeste-product-pagination {
    margin-top:80px;
    text-align:center;
}
.tax-shayeste_product_cat .shayeste-product-pagination .nav-links {
    display:flex;
    justify-content:center;
    gap:18px;
}
.tax-shayeste_product_cat .shayeste-product-pagination a,
.tax-shayeste_product_cat .shayeste-product-pagination span {
    color:#111;
    text-decoration:none;
}
.tax-shayeste_product_cat .shayeste-products-empty {
    padding:70px 0;
    text-align:center;
    border-top:1px solid #ddd;
}
@media(max-width:980px) {
    .tax-shayeste_product_cat .shayeste-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:640px) {
    .tax-shayeste_product_cat .shayeste-product-grid { grid-template-columns:1fr; }
    .tax-shayeste_product_cat .shayeste-product-grid-shell { width:calc(100% - 36px); }
}


/* ========================================================================
   V21 — Mariani-style product archive and single product
   ======================================================================== */
.post-type-archive-shayeste_product .shayeste-product-archive-hero,
.single-shayeste_product .shayeste-single-product-hero {
    position:relative;
    width:100vw;
    height:100vh;
    height:100svh;
    min-height:100vh;
    overflow:hidden;
    background:#111;
}
.post-type-archive-shayeste_product .shayeste-product-archive-hero-media,
.single-shayeste_product .shayeste-single-product-hero-media {
    position:absolute; inset:0;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    transform:scale(1.02);
    animation:shayesteProductHeroIn 2.2s cubic-bezier(.19,1,.22,1) forwards;
}
.post-type-archive-shayeste_product .shayeste-product-archive-hero-shade,
.single-shayeste_product .shayeste-single-product-hero-shade {
    position:absolute; inset:0;
    background:linear-gradient(to bottom,rgba(0,0,0,.05) 45%,rgba(0,0,0,.42) 100%);
}
.post-type-archive-shayeste_product .shayeste-product-archive-hero-content {
    position:absolute; z-index:3; left:50%; bottom:clamp(36px,5.5vh,68px);
    width:min(92vw,1200px); transform:translateX(-50%); text-align:center; color:#fff;
}
.post-type-archive-shayeste_product .shayeste-product-archive-hero-content h1 {
    margin:0 0 16px; color:#fff; font-size:clamp(38px,5vw,78px); font-weight:300;
}
.post-type-archive-shayeste_product .shayeste-product-archive-scroll,
.single-shayeste_product .shayeste-single-product-scroll {
    width:54px;height:54px;border:0;background:transparent;color:#fff;cursor:pointer;
    display:flex;align-items:center;justify-content:center;margin:0 auto;
}
.post-type-archive-shayeste_product .shayeste-product-archive-scroll svg,
.single-shayeste_product .shayeste-single-product-scroll svg {
    width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;
    animation:shayesteHeroArrow 1.8s cubic-bezier(.45,0,.55,1) infinite;
}

.post-type-archive-shayeste_product .shayeste-product-categories {
    min-height:100vh;background:#fff;padding:clamp(120px,14vh,170px) 0 110px;
}
.post-type-archive-shayeste_product .shayeste-product-category-grid {
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(32px,4vw,72px) clamp(22px,3vw,48px);
}
.post-type-archive-shayeste_product .shayeste-product-category-card a { color:#111;text-decoration:none; }
.post-type-archive-shayeste_product .shayeste-product-category-image {
    aspect-ratio:4/3;background:#f2f2f0 center/cover no-repeat;
    transition:transform .8s cubic-bezier(.19,1,.22,1);
}
.post-type-archive-shayeste_product .shayeste-product-category-card:hover .shayeste-product-category-image { transform:scale(.985); }
.post-type-archive-shayeste_product .shayeste-product-category-card h3 {
    margin:16px 0 0;font-size:20px;font-weight:400;
}

/* Single product: hero + editorial intro like Mariani. */
.single-shayeste_product .shayeste-single-product-hero-index {
    position:absolute;z-index:4;left:clamp(28px,4vw,64px);bottom:clamp(30px,5vh,60px);
    color:#fff;font-size:13px;letter-spacing:.08em;
}
.single-shayeste_product .shayeste-single-product-scroll {
    position:absolute;z-index:4;left:50%;bottom:clamp(24px,4vh,48px);transform:translateX(-50%);
}
.single-shayeste_product .shayeste-single-product-intro {
    min-height:100vh;background:#fff;color:#111;
    padding:clamp(145px,17vh,205px) 0 95px;
}
.single-shayeste_product .shayeste-single-product-intro-shell {
    width:min(calc(100% - 9vw),1680px);margin:0 auto;
    display:grid;grid-template-columns:minmax(280px,.92fr) minmax(0,1.45fr);
    gap:clamp(60px,10vw,170px);
}
.single-shayeste_product .shayeste-single-product-title h1 {
    margin:0 0 12px;font-size:clamp(42px,5vw,80px);font-weight:300;letter-spacing:-.035em;line-height:1;
}
.single-shayeste_product .shayeste-single-product-designer {
    font-size:14px;color:rgba(17,17,17,.62);
}
.single-shayeste_product .shayeste-single-product-description {
    font-size:16px;line-height:2;color:rgba(17,17,17,.8);
}
.single-shayeste_product .shayeste-single-product-description p:first-child { margin-top:0; }
.single-shayeste_product .shayeste-product-downloads {
    width:min(calc(100% - 9vw),1680px);margin:70px auto 0;
    display:flex;gap:clamp(28px,5vw,72px);padding-top:20px;border-top:1px solid rgba(17,17,17,.25);
}
.single-shayeste_product .shayeste-product-downloads a {
    position:relative;color:#111;text-decoration:none;font-size:13px;letter-spacing:.04em;padding-bottom:5px;
}
.single-shayeste_product .shayeste-product-downloads a::after {
    content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#111;
    transform:scaleX(.25);transform-origin:left;transition:transform .55s cubic-bezier(.19,1,.22,1);
}
.single-shayeste_product .shayeste-product-downloads a:hover::after { transform:scaleX(1); }

.single-shayeste_product .shayeste-single-product-gallery {
    background:#0f0f0f;padding:0;
}
.single-shayeste_product .shayeste-single-product-gallery-item {
    margin:0;width:100%;min-height:80vh;background:#111;
}
.single-shayeste_product .shayeste-single-product-gallery-item img {
    display:block;width:100%;height:auto;min-height:80vh;object-fit:cover;
}

.single-shayeste_product .shayeste-product-technicals,
.single-shayeste_product .shayeste-product-finishings {
    background:#fff;color:#111;padding:clamp(120px,14vh,180px) 0;
}
.single-shayeste_product .shayeste-product-section-shell {
    width:min(calc(100% - 9vw),1680px);margin:0 auto;
}
.single-shayeste_product .shayeste-product-section-shell > h2 {
    margin:0 0 55px;font-size:clamp(28px,3vw,48px);font-weight:300;
    padding-bottom:18px;border-bottom:1px solid rgba(17,17,17,.28);
}
.single-shayeste_product .shayeste-product-tech-grid {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;
}
.single-shayeste_product .shayeste-product-tech-grid figure { margin:0;background:#f4f4f2;padding:20px; }
.single-shayeste_product .shayeste-product-tech-grid img { width:100%;height:auto;display:block;object-fit:contain; }

.single-shayeste_product .shayeste-product-finishing-grid {
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;
}
.single-shayeste_product .shayeste-product-finishing-grid figure { margin:0; }
.single-shayeste_product .shayeste-product-finishing-grid img {
    width:100%;aspect-ratio:1/1;object-fit:cover;display:block;
}
.single-shayeste_product .shayeste-product-finishing-grid figcaption {
    padding-top:10px;font-size:13px;color:rgba(17,17,17,.68);
}
@media(max-width:980px){
    .post-type-archive-shayeste_product .shayeste-product-category-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
    .single-shayeste_product .shayeste-single-product-intro-shell {grid-template-columns:1fr;gap:42px;}
    .single-shayeste_product .shayeste-product-finishing-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
    .post-type-archive-shayeste_product .shayeste-product-category-grid {grid-template-columns:1fr;}
    .single-shayeste_product .shayeste-product-tech-grid {grid-template-columns:1fr;}
}


/* ========================================================================
   V24 — exact requested product category + Mariani-like single product
   ======================================================================== */

/* Category hero: same fullscreen behavior as homepage slider */
.tax-shayeste_product_cat .shayeste-product-category-hero,
.single-shayeste_product .shayeste-product-single-hero {
    position:relative;
    width:100vw;
    max-width:none;
    height:100vh;
    height:100svh;
    min-height:100vh;
    min-height:100svh;
    overflow:hidden;
    margin:0;
    background:#111;
}
.tax-shayeste_product_cat .shayeste-product-category-hero-media,
.single-shayeste_product .shayeste-product-single-hero-media {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    transform:scale(1.018);
    animation:shayesteProductHeroIn 2s cubic-bezier(.19,1,.22,1) forwards;
}
.tax-shayeste_product_cat .shayeste-product-category-hero-shade,
.single-shayeste_product .shayeste-product-single-hero-shade {
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom,rgba(0,0,0,.04) 42%,rgba(0,0,0,.48) 100%);
}
.tax-shayeste_product_cat .shayeste-product-category-hero-content,
.single-shayeste_product .shayeste-product-single-hero-title {
    position:absolute;
    z-index:3;
    left:50%;
    bottom:clamp(70px,9vh,118px);
    width:min(90vw,1360px);
    transform:translateX(-50%);
    text-align:center;
    color:#fff;
}
.tax-shayeste_product_cat .shayeste-product-category-hero-content h1,
.single-shayeste_product .shayeste-product-single-hero-title h1 {
    margin:0;
    color:#fff;
    font-size:clamp(36px,4.7vw,78px);
    font-weight:300;
    line-height:1.05;
    letter-spacing:-.035em;
}
.tax-shayeste_product_cat .shayeste-product-category-hero-desc {
    max-width:700px;
    margin:14px auto 0;
    color:rgba(255,255,255,.78);
    font-size:14px;
    line-height:1.85;
}
.tax-shayeste_product_cat .shayeste-product-category-hero-desc p { margin:0; }
.tax-shayeste_product_cat .shayeste-product-category-scroll,
.single-shayeste_product .shayeste-product-single-scroll {
    position:absolute;
    z-index:4;
    left:50%;
    bottom:clamp(22px,4vh,46px);
    width:52px;
    height:52px;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    background:transparent;
    color:#fff;
    cursor:pointer;
}
.tax-shayeste_product_cat .shayeste-product-category-scroll svg,
.single-shayeste_product .shayeste-product-single-scroll svg {
    width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.35;
    animation:shayesteHeroArrow 1.8s cubic-bezier(.45,0,.55,1) infinite;
}

/* Category second section: pure white, 3 columns */
.tax-shayeste_product_cat .shayeste-product-category-products {
    position:relative;
    width:100%;
    min-height:100vh;
    background:#fff;
    color:#111;
    padding:clamp(125px,15vh,180px) 0 120px;
}
.tax-shayeste_product_cat .shayeste-product-category-shell {
    width:min(calc(100% - 7vw),1680px);
    margin:0 auto;
}
.tax-shayeste_product_cat .shayeste-product-category-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:clamp(50px,6.5vw,90px);
    padding-bottom:20px;
    border-bottom:1px solid rgba(17,17,17,.22);
}
.tax-shayeste_product_cat .shayeste-product-category-head h2 {
    margin:0;
    font-size:clamp(30px,3.4vw,56px);
    font-weight:300;
    letter-spacing:-.03em;
}
.tax-shayeste_product_cat .shayeste-product-category-head span {
    font-size:12px;
    color:rgba(17,17,17,.5);
}
.tax-shayeste_product_cat .shayeste-product-category-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(46px,6vw,92px) clamp(24px,3vw,52px);
}
.tax-shayeste_product_cat .shayeste-product-category-card {
    margin:0;
}
.tax-shayeste_product_cat .shayeste-product-category-card-image {
    display:block;
    width:100%;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#f3f3f1;
}
.tax-shayeste_product_cat .shayeste-product-category-card-image img,
.tax-shayeste_product_cat .shayeste-product-category-card-placeholder {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 1s cubic-bezier(.19,1,.22,1);
}
.tax-shayeste_product_cat .shayeste-product-category-card:hover img {
    transform:scale(1.025);
}
.tax-shayeste_product_cat .shayeste-product-category-card-copy {
    padding-top:15px;
}
.tax-shayeste_product_cat .shayeste-product-category-card-copy h3 {
    margin:0;
    font-size:18px;
    font-weight:400;
}
.tax-shayeste_product_cat .shayeste-product-category-card-copy h3 a {
    color:#111;
    text-decoration:none;
}
.tax-shayeste_product_cat .shayeste-product-category-card-meta {
    margin-top:6px;
    color:rgba(17,17,17,.5);
    font-size:12px;
}
.tax-shayeste_product_cat .shayeste-product-category-pagination {
    margin-top:80px;
    text-align:center;
}

/* Single product intro */
.single-shayeste_product .shayeste-product-single-intro {
    min-height:100vh;
    background:#fff;
    color:#111;
    padding:clamp(145px,17vh,205px) 0 100px;
}
.single-shayeste_product .shayeste-product-single-intro-shell {
    width:min(calc(100% - 9vw),1680px);
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(280px,.8fr) minmax(0,1.45fr);
    gap:clamp(70px,11vw,180px);
}
.single-shayeste_product .shayeste-product-single-intro-left h2 {
    margin:0 0 14px;
    font-size:clamp(42px,5vw,80px);
    font-weight:300;
    line-height:1;
    letter-spacing:-.035em;
}
.single-shayeste_product .shayeste-product-single-credit {
    font-size:13px;
    color:rgba(17,17,17,.58);
}
.single-shayeste_product .shayeste-product-single-content {
    max-width:900px;
    font-size:16px;
    line-height:2;
    color:rgba(17,17,17,.78);
}
.single-shayeste_product .shayeste-product-single-content p:first-child {margin-top:0;}
.single-shayeste_product .shayeste-product-single-downloads {
    display:flex;
    flex-wrap:wrap;
    gap:28px 54px;
    margin-top:54px;
    padding-top:18px;
    border-top:1px solid rgba(17,17,17,.24);
}
.single-shayeste_product .shayeste-product-single-downloads a {
    position:relative;
    padding-bottom:5px;
    color:#111;
    text-decoration:none;
    font-size:12px;
    letter-spacing:.04em;
}
.single-shayeste_product .shayeste-product-single-downloads a::after {
    content:'';
    position:absolute;
    left:0;right:0;bottom:0;height:1px;
    background:currentColor;
    transform:scaleX(.28);
    transform-origin:left;
    transition:transform .55s cubic-bezier(.19,1,.22,1);
}
.single-shayeste_product .shayeste-product-single-downloads a:hover::after {transform:scaleX(1);}

/* Full-width editorial image sequence */
.single-shayeste_product .shayeste-product-single-gallery {
    background:#0e0e0e;
}
.single-shayeste_product .shayeste-product-single-gallery figure {
    margin:0;
    width:100%;
}
.single-shayeste_product .shayeste-product-single-gallery img {
    display:block;
    width:100%;
    height:auto;
    min-height:78vh;
    object-fit:cover;
}

/* Technicals + Finishings */
.single-shayeste_product .shayeste-product-single-technicals,
.single-shayeste_product .shayeste-product-single-finishings {
    background:#fff;
    color:#111;
    padding:clamp(120px,14vh,180px) 0;
}
.single-shayeste_product .shayeste-product-single-section-shell {
    width:min(calc(100% - 9vw),1680px);
    margin:0 auto;
}
.single-shayeste_product .shayeste-product-single-section-head {
    margin-bottom:56px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(17,17,17,.25);
}
.single-shayeste_product .shayeste-product-single-section-head h2 {
    margin:0;
    font-size:clamp(28px,3vw,48px);
    font-weight:300;
}
.single-shayeste_product .shayeste-product-single-tech-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:48px;
}
.single-shayeste_product .shayeste-product-single-tech-grid figure {
    margin:0;
    padding:22px;
    background:#f3f3f1;
}
.single-shayeste_product .shayeste-product-single-tech-grid img {
    display:block;width:100%;height:auto;object-fit:contain;
}
.single-shayeste_product .shayeste-product-single-finish-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:26px 20px;
}
.single-shayeste_product .shayeste-product-single-finish-grid figure {margin:0;}
.single-shayeste_product .shayeste-product-single-finish-grid img {
    display:block;width:100%;aspect-ratio:1/1;object-fit:cover;
}
.single-shayeste_product .shayeste-product-single-finish-grid figcaption {
    padding-top:10px;font-size:12px;color:rgba(17,17,17,.6);
}

@media(max-width:980px){
    .tax-shayeste_product_cat .shayeste-product-category-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
    .single-shayeste_product .shayeste-product-single-intro-shell {grid-template-columns:1fr;gap:42px;}
    .single-shayeste_product .shayeste-product-single-finish-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
    .tax-shayeste_product_cat .shayeste-product-category-grid {grid-template-columns:1fr;}
    .single-shayeste_product .shayeste-product-single-tech-grid {grid-template-columns:1fr;}
}

/* ========================================================================
   V25 — category refinements + screenshot-matched Mariani product page
   ======================================================================== */
.tax-shayeste_product_cat .shayeste-product-category-shell{width:min(calc(100% - 14vw),1500px)!important}
.tax-shayeste_product_cat .shayeste-product-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(42px,5vw,78px) clamp(34px,4vw,66px)!important}
.tax-shayeste_product_cat .shayeste-product-category-card-image{aspect-ratio:4/3!important;background:#f6f6f4!important;transition:opacity .45s ease!important}
.tax-shayeste_product_cat .shayeste-product-category-card-image img{transform:none!important;transition:opacity .45s ease!important}
.tax-shayeste_product_cat .shayeste-product-category-card:hover .shayeste-product-category-card-image,.tax-shayeste_product_cat .shayeste-product-category-card:hover .shayeste-product-category-card-image img{transform:none!important;opacity:.72!important}
.tax-shayeste_product_cat .shayeste-product-category-card-copy{padding-top:14px!important;text-align:center!important}
.tax-shayeste_product_cat .shayeste-product-category-card-copy h3{margin:0!important;text-align:center!important;font-size:15px!important;font-weight:400!important;line-height:1.4!important}
.tax-shayeste_product_cat .shayeste-product-category-card-meta{display:none!important}

.single-shayeste_product .shayeste-mariani-product-intro{position:relative;min-height:100vh;background:#fff;color:#111;padding:clamp(145px,16vh,190px) 0 clamp(105px,13vh,150px)}
.single-shayeste_product .shayeste-mariani-product-intro-shell{width:min(calc(100% - 18vw),1320px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:center;gap:clamp(70px,9vw,140px);min-height:calc(100vh - 300px)}
.single-shayeste_product .shayeste-mariani-product-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:400px}
.single-shayeste_product .shayeste-mariani-product-visual img{display:block;width:100%;max-width:610px;max-height:410px;object-fit:contain}
.single-shayeste_product .shayeste-mariani-product-numbers{position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);display:flex;gap:16px;font-size:9px;color:rgba(17,17,17,.58)}
.single-shayeste_product .shayeste-mariani-product-copy{max-width:560px}
.single-shayeste_product .shayeste-mariani-product-copy h1{margin:0;font-size:clamp(28px,2.8vw,44px);line-height:1.05;font-weight:400;letter-spacing:.08em;text-transform:uppercase}
.single-shayeste_product .shayeste-mariani-product-credit{margin-top:5px;font-size:14px;letter-spacing:.05em;color:rgba(17,17,17,.75)}
.single-shayeste_product .shayeste-mariani-product-description{margin-top:22px;font-size:13px;line-height:1.65;color:rgba(17,17,17,.68)}
.single-shayeste_product .shayeste-mariani-product-links{display:flex;flex-wrap:wrap;gap:14px 34px;margin-top:36px}
.single-shayeste_product .shayeste-mariani-product-links a{color:#111;text-decoration:underline;text-underline-offset:3px;font-size:10px;letter-spacing:.02em}
.single-shayeste_product .shayeste-mariani-down{border:0;padding:0;background:transparent;color:#111;cursor:pointer}
.single-shayeste_product .shayeste-mariani-down svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:1.65}
.single-shayeste_product .shayeste-mariani-intro-down{position:absolute;left:50%;bottom:36px;transform:translateX(-50%)}

.single-shayeste_product .shayeste-mariani-gallery{position:relative;height:min(72vh,720px);overflow:hidden;background:#111}
.single-shayeste_product .shayeste-mariani-gallery-track{position:relative;width:100%;height:100%}
.single-shayeste_product .shayeste-mariani-gallery-slide{--slide-pos:0;position:absolute;top:0;left:50%;width:min(68vw,1080px);height:100%;margin:0;transform:translateX(calc(-50% + (var(--slide-pos) * 72vw)));opacity:.72;transition:transform .85s cubic-bezier(.19,1,.22,1),opacity .6s ease}
.single-shayeste_product .shayeste-mariani-gallery-slide.is-active{opacity:1}
.single-shayeste_product .shayeste-mariani-gallery-slide img{display:block;width:100%;height:100%;object-fit:cover}
.single-shayeste_product .shayeste-mariani-gallery-nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}
.single-shayeste_product .shayeste-mariani-gallery-nav.prev{left:10px}.single-shayeste_product .shayeste-mariani-gallery-nav.next{right:10px}
.single-shayeste_product .shayeste-mariani-between{position:relative;height:150px;background:#fff}
.single-shayeste_product .shayeste-mariani-tech-down{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}

.single-shayeste_product .shayeste-mariani-technicals,.single-shayeste_product .shayeste-mariani-finishings{background:#fff;color:#111}
.single-shayeste_product .shayeste-mariani-technicals{padding:80px 0 150px}
.single-shayeste_product .shayeste-mariani-section-shell{width:min(calc(100% - 18vw),1320px);margin:0 auto}
.single-shayeste_product .shayeste-mariani-section-shell>h2{margin:0 0 70px;font-size:12px;font-weight:400;letter-spacing:.18em}
.single-shayeste_product .shayeste-mariani-tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 120px;align-items:start}
.single-shayeste_product .shayeste-mariani-tech-grid figure{margin:0;background:#fff}.single-shayeste_product .shayeste-mariani-tech-grid img{display:block;width:100%;max-height:280px;object-fit:contain}
.single-shayeste_product .shayeste-mariani-finishings{padding:70px 0 120px}
.single-shayeste_product .shayeste-mariani-finish-tabs{display:flex;gap:54px;margin:-42px 0 50px;font-size:11px}
.single-shayeste_product .shayeste-mariani-finish-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:20px 14px}
.single-shayeste_product .shayeste-mariani-finish-grid figure{margin:0}.single-shayeste_product .shayeste-mariani-finish-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.single-shayeste_product .shayeste-mariani-finish-grid figcaption{margin-top:6px;font-size:8px;color:#222}

@media(max-width:1100px){.single-shayeste_product .shayeste-mariani-product-intro-shell{width:min(calc(100% - 10vw),1000px);grid-template-columns:1fr 1fr;gap:50px}.single-shayeste_product .shayeste-mariani-finish-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:780px){.tax-shayeste_product_cat .shayeste-product-category-shell{width:calc(100% - 48px)!important}.tax-shayeste_product_cat .shayeste-product-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.single-shayeste_product .shayeste-mariani-product-intro{padding-top:120px}.single-shayeste_product .shayeste-mariani-product-intro-shell{width:calc(100% - 40px);grid-template-columns:1fr;gap:52px}.single-shayeste_product .shayeste-mariani-product-copy{max-width:none}.single-shayeste_product .shayeste-mariani-gallery{height:55vh}.single-shayeste_product .shayeste-mariani-gallery-slide{width:86vw;transform:translateX(calc(-50% + (var(--slide-pos) * 90vw)))}.single-shayeste_product .shayeste-mariani-tech-grid{grid-template-columns:1fr;gap:45px}.single-shayeste_product .shayeste-mariani-finish-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.tax-shayeste_product_cat .shayeste-product-category-grid{grid-template-columns:1fr!important}.single-shayeste_product .shayeste-mariani-finish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ========================================================================
   V26 — fullscreen product header + stable drag carousel + finishing tabs
   ======================================================================== */
.single-shayeste_product .shayeste-product-hero-v26{position:relative;width:100vw;height:100vh;height:100svh;overflow:hidden;background:#111}
.single-shayeste_product .shayeste-product-hero-v26-media{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.018);animation:shayesteProductHeroIn 2.2s cubic-bezier(.19,1,.22,1) forwards}
.single-shayeste_product .shayeste-product-hero-v26-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.04) 38%,rgba(0,0,0,.48) 100%)}
.single-shayeste_product .shayeste-product-hero-v26-bottom{position:absolute;z-index:3;left:50%;bottom:clamp(72px,9vh,115px);transform:translateX(-50%);width:min(92vw,1500px);text-align:center;color:#fff}
.single-shayeste_product .shayeste-product-hero-v26-bottom h1{margin:0;color:#fff;font-weight:300;font-size:clamp(38px,5vw,82px);line-height:1.02;letter-spacing:-.035em}
.single-shayeste_product .shayeste-product-hero-v26-next{position:absolute;z-index:4;left:50%;bottom:clamp(22px,4vh,48px);transform:translateX(-50%);width:54px;height:54px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.single-shayeste_product .shayeste-product-hero-v26-next svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;animation:shayesteHeroArrow 1.8s cubic-bezier(.45,0,.55,1) infinite}
.single-shayeste_product .shayeste-mariani-product-copy h2{margin:0;font-size:clamp(28px,2.8vw,44px);line-height:1.05;font-weight:400;letter-spacing:.08em;text-transform:uppercase}

.single-shayeste_product .shayeste-mariani-gallery{position:relative;height:min(72vh,720px);overflow:hidden;background:#111;user-select:none}
.single-shayeste_product .shayeste-mariani-gallery-viewport{position:absolute;inset:0;overflow:hidden;touch-action:pan-y;cursor:grab}
.single-shayeste_product .shayeste-mariani-gallery-viewport:active{cursor:grabbing}
.single-shayeste_product .shayeste-mariani-gallery-track{position:absolute;inset:0;--drag-x:0px}
.single-shayeste_product .shayeste-mariani-gallery-slide{--slide-pos:0;position:absolute;top:0;left:50%;width:min(68vw,1080px);height:100%;margin:0;transform:translate3d(calc(-50% + (var(--slide-pos) * 72vw) + var(--drag-x)),0,0);opacity:.52;transition:transform .85s cubic-bezier(.19,1,.22,1),opacity .55s ease;will-change:transform}
.single-shayeste_product .shayeste-mariani-gallery-track.is-dragging .shayeste-mariani-gallery-slide{transition:none!important}
.single-shayeste_product .shayeste-mariani-gallery-slide.is-active{opacity:1}
.single-shayeste_product .shayeste-mariani-gallery-slide img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.single-shayeste_product .shayeste-mariani-gallery-nav{position:absolute;z-index:10;top:50%;transform:translateY(-50%);width:58px;height:58px;border:0;background:rgba(255,255,255,.05);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease}
.single-shayeste_product .shayeste-mariani-gallery-nav:hover{background:rgba(255,255,255,.16)}
.single-shayeste_product .shayeste-mariani-gallery-nav.prev{left:12px}
.single-shayeste_product .shayeste-mariani-gallery-nav.next{right:12px}
.single-shayeste_product .shayeste-mariani-gallery-nav svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.25}
.single-shayeste_product .shayeste-gallery-counter{position:absolute;z-index:10;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;color:#fff;font-size:10px;letter-spacing:.08em}

.single-shayeste_product .shayeste-mariani-finish-tabs{display:flex;gap:44px;margin:-42px 0 48px;border-bottom:1px solid rgba(17,17,17,.14)}
.single-shayeste_product .shayeste-mariani-finish-tabs button{position:relative;border:0;background:none;padding:0 0 14px;color:rgba(17,17,17,.48);font-size:12px;cursor:pointer;transition:color .35s ease}
.single-shayeste_product .shayeste-mariani-finish-tabs button::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#111;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.19,1,.22,1)}
.single-shayeste_product .shayeste-mariani-finish-tabs button.is-active{color:#111}
.single-shayeste_product .shayeste-mariani-finish-tabs button.is-active::after{transform:scaleX(1)}
.single-shayeste_product .shayeste-finish-panel{display:none;opacity:0}
.single-shayeste_product .shayeste-finish-panel.is-active{display:block;animation:shayesteFinishIn .55s ease forwards}
@keyframes shayesteFinishIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:780px){.single-shayeste_product .shayeste-mariani-gallery-slide{width:86vw;transform:translate3d(calc(-50% + (var(--slide-pos) * 90vw) + var(--drag-x)),0,0)}.single-shayeste_product .shayeste-mariani-gallery-nav{width:46px;height:46px}}


/* ========================================================================
   V27 — smooth product sections + numbered intro gallery + nested finishings
   ======================================================================== */

.single-shayeste_product .shayeste-product-hero-v27{
    position:relative;
    width:100vw;
    height:100vh;
    height:100svh;
    overflow:hidden;
    background:#111;
}
.single-shayeste_product .shayeste-product-hero-v27-media{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    transform:scale(1.018);
    animation:shayesteProductHeroIn 2.2s cubic-bezier(.19,1,.22,1) forwards;
}
.single-shayeste_product .shayeste-product-hero-v27-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom,rgba(0,0,0,.04) 38%,rgba(0,0,0,.48) 100%);
}
.single-shayeste_product .shayeste-product-hero-v27-bottom{
    position:absolute;
    z-index:3;
    left:50%;
    bottom:clamp(74px,9vh,116px);
    width:min(92vw,1500px);
    transform:translateX(-50%);
    text-align:center;
    color:#fff;
}
.single-shayeste_product .shayeste-product-hero-v27-bottom h1{
    margin:0;
    color:#fff;
    font-weight:300;
    font-size:clamp(38px,5vw,82px);
    line-height:1.02;
    letter-spacing:-.035em;
}
.single-shayeste_product .shayeste-product-next-arrow{
    position:absolute;
    z-index:5;
    left:50%;
    bottom:clamp(22px,4vh,46px);
    transform:translateX(-50%);
    width:54px;
    height:54px;
    padding:0;
    border:0;
    background:transparent;
    color:inherit;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.single-shayeste_product .shayeste-product-hero-v27 .shayeste-product-next-arrow{
    color:#fff;
}
.single-shayeste_product .shayeste-product-next-arrow svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.4;
    animation:shayesteHeroArrow 1.8s cubic-bezier(.45,0,.55,1) infinite;
}

/* White intro remains the compact Mariani composition */
.single-shayeste_product .shayeste-mariani-product-intro{
    min-height:100vh;
    min-height:100svh;
}

/* Independent small numbered gallery in the product intro */
.single-shayeste_product .shayeste-intro-number-gallery{
    position:relative;
    width:100%;
    min-width:0;
}
.single-shayeste_product .shayeste-intro-gallery-stage{
    position:relative;
    width:100%;
    height:clamp(300px,38vw,430px);
    display:flex;
    align-items:center;
    justify-content:center;
}
.single-shayeste_product .shayeste-intro-gallery-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    opacity:0;
    transform:translateY(7px);
    pointer-events:none;
    transition:
        opacity .72s cubic-bezier(.22,.61,.36,1),
        transform .85s cubic-bezier(.19,1,.22,1);
}
.single-shayeste_product .shayeste-intro-gallery-image.is-active{
    opacity:1;
    transform:none;
    pointer-events:auto;
}
.single-shayeste_product .shayeste-intro-gallery-numbers{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    margin-top:14px;
}
.single-shayeste_product .shayeste-intro-gallery-numbers button{
    position:relative;
    border:0;
    background:none;
    padding:4px 0;
    color:rgba(17,17,17,.38);
    font-size:9px;
    line-height:1;
    letter-spacing:.06em;
    cursor:pointer;
    transition:color .35s ease;
}
.single-shayeste_product .shayeste-intro-gallery-numbers button::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:#111;
    transform:scaleX(0);
    transition:transform .35s ease;
}
.single-shayeste_product .shayeste-intro-gallery-numbers button.is-active{
    color:#111;
}
.single-shayeste_product .shayeste-intro-gallery-numbers button.is-active::after{
    transform:scaleX(1);
}

/* Persian links in the white intro */
.single-shayeste_product .shayeste-mariani-product-links{
    direction:rtl;
}
.single-shayeste_product .shayeste-mariani-product-links a{
    font-size:11px;
    letter-spacing:0;
}

/* Technical section behaves like a distinct viewport section */
.single-shayeste_product .shayeste-mariani-technicals{
    min-height:100vh;
    min-height:100svh;
    display:flex;
    align-items:center;
    padding-top:110px;
    padding-bottom:110px;
}

/* Finishings main tabs */
.single-shayeste_product .shayeste-finish-tabs-v27{
    min-height:100vh;
    min-height:100svh;
}
.single-shayeste_product .shayeste-finish-tabs-v27 .shayeste-mariani-finish-tabs{
    display:flex;
    gap:42px;
    margin:-42px 0 34px;
    border-bottom:1px solid rgba(17,17,17,.14);
}
.single-shayeste_product .shayeste-finish-tabs-v27 .shayeste-mariani-finish-tabs button{
    position:relative;
    border:0;
    background:none;
    padding:0 0 13px;
    color:rgba(17,17,17,.43);
    font-size:13px;
    font-family:inherit;
    cursor:pointer;
    transition:color .35s ease;
}
.single-shayeste_product .shayeste-finish-tabs-v27 .shayeste-mariani-finish-tabs button::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:1px;
    background:#111;
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .42s cubic-bezier(.19,1,.22,1);
}
.single-shayeste_product .shayeste-finish-tabs-v27 .shayeste-mariani-finish-tabs button.is-active{
    color:#111;
}
.single-shayeste_product .shayeste-finish-tabs-v27 .shayeste-mariani-finish-tabs button.is-active::after{
    transform:scaleX(1);
}
.single-shayeste_product .shayeste-finish-main-panel{
    display:none;
}
.single-shayeste_product .shayeste-finish-main-panel.is-active{
    display:block;
    animation:shayesteFinishIn .55s ease forwards;
}

/* Optional second level, only when enabled in product admin */
.single-shayeste_product .shayeste-finish-subtabs{
    display:flex;
    flex-wrap:wrap;
    gap:12px 32px;
    margin:0 0 38px;
    padding-bottom:14px;
}
.single-shayeste_product .shayeste-finish-subtabs button{
    position:relative;
    padding:0 0 6px;
    border:0;
    background:transparent;
    color:rgba(17,17,17,.42);
    font-family:inherit;
    font-size:10px;
    cursor:pointer;
    transition:color .3s ease;
}
.single-shayeste_product .shayeste-finish-subtabs button::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:#111;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .35s ease;
}
.single-shayeste_product .shayeste-finish-subtabs button.is-active{
    color:#111;
}
.single-shayeste_product .shayeste-finish-subtabs button.is-active::after{
    transform:scaleX(1);
}
.single-shayeste_product .shayeste-finish-subpanel{
    display:none;
}
.single-shayeste_product .shayeste-finish-subpanel.is-active{
    display:block;
    animation:shayesteFinishIn .5s ease forwards;
}

@media(max-width:780px){
    .single-shayeste_product .shayeste-intro-gallery-stage{
        height:300px;
    }
    .single-shayeste_product .shayeste-finish-tabs-v27 .shayeste-mariani-finish-tabs{
        gap:24px;
    }
    .single-shayeste_product .shayeste-finish-subtabs{
        gap:10px 20px;
    }
}


/* ========================================================================
   V28 — centered product snap positions + invisible text tabs
   ======================================================================== */

/* Short gallery should visually sit in viewport center when snapped. */
.single-shayeste_product .shayeste-mariani-gallery{
    margin-top:clamp(28px,4vh,54px);
    margin-bottom:clamp(28px,4vh,54px);
}

/* Technical and finishings content centered vertically inside their viewport sections. */
.single-shayeste_product .shayeste-mariani-technicals,
.single-shayeste_product .shayeste-finish-tabs-v27{
    min-height:100vh;
    min-height:100svh;
    display:flex!important;
    align-items:center!important;
}
.single-shayeste_product .shayeste-finish-tabs-v27{
    padding-top:100px!important;
    padding-bottom:100px!important;
}
.single-shayeste_product .shayeste-finish-tabs-v27 .shayeste-mariani-section-shell,
.single-shayeste_product .shayeste-mariani-technicals .shayeste-mariani-section-shell{
    width:min(calc(100% - 18vw),1320px);
}

/* Main material tabs: plain typographic labels, only as wide as their text. */
.single-shayeste_product .shayeste-finish-tabs-v27 .shayeste-mariani-finish-tabs{
    display:flex!important;
    width:max-content!important;
    max-width:100%;
    align-items:center;
    gap:30px!important;
    margin:-34px 0 34px!important;
    padding:0!important;
    border:0!important;
}
.single-shayeste_product .shayeste-finish-tabs-v27 .shayeste-mariani-finish-tabs button{
    display:inline-block!important;
    width:auto!important;
    min-width:0!important;
    flex:0 0 auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(17,17,17,.38)!important;
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:400!important;
}
.single-shayeste_product .shayeste-finish-tabs-v27 .shayeste-mariani-finish-tabs button::after{
    display:none!important;
}
.single-shayeste_product .shayeste-finish-tabs-v27 .shayeste-mariani-finish-tabs button:hover{
    color:rgba(17,17,17,.72)!important;
}
.single-shayeste_product .shayeste-finish-tabs-v27 .shayeste-mariani-finish-tabs button.is-active{
    color:#111!important;
    font-weight:500!important;
}

/* Nested tabs use the same invisible/text-only treatment. */
.single-shayeste_product .shayeste-finish-subtabs{
    display:flex!important;
    width:max-content!important;
    max-width:100%;
    gap:22px!important;
    margin:0 0 34px!important;
    padding:0!important;
    border:0!important;
}
.single-shayeste_product .shayeste-finish-subtabs button{
    display:inline-block!important;
    width:auto!important;
    min-width:0!important;
    flex:0 0 auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:none!important;
    color:rgba(17,17,17,.35)!important;
    font-size:10px!important;
    font-weight:400!important;
}
.single-shayeste_product .shayeste-finish-subtabs button::after{
    display:none!important;
}
.single-shayeste_product .shayeste-finish-subtabs button.is-active{
    color:#111!important;
    font-weight:500!important;
}

@media(max-width:780px){
    .single-shayeste_product .shayeste-finish-tabs-v27 .shayeste-mariani-finish-tabs,
    .single-shayeste_product .shayeste-finish-subtabs{
        width:100%!important;
        overflow-x:auto;
        white-space:nowrap;
        scrollbar-width:none;
    }
}


/* ========================================================================
   V29 — compact gallery selectors + dynamic footer
   ======================================================================== */

/* Number selectors in the compact product gallery are plain text, not button-like. */
.single-shayeste_product .shayeste-intro-gallery-numbers{
    width:max-content!important;
    max-width:100%;
    margin:10px auto 0!important;
    gap:10px!important;
}
.single-shayeste_product .shayeste-intro-gallery-numbers button{
    display:inline-block!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    color:rgba(17,17,17,.34)!important;
    font-size:8px!important;
    font-weight:400!important;
    line-height:1.2!important;
}
.single-shayeste_product .shayeste-intro-gallery-numbers button::after{
    display:none!important;
}
.single-shayeste_product .shayeste-intro-gallery-numbers button:hover{
    color:rgba(17,17,17,.7)!important;
}
.single-shayeste_product .shayeste-intro-gallery-numbers button.is-active{
    color:#111!important;
    font-weight:500!important;
}

/* Dynamic footer */
.shayeste-dynamic-footer,
.shayeste-dynamic-footer .footer-bottom{
    background:var(--shayeste-footer-bg,#111)!important;
    color:var(--shayeste-footer-color,#fff)!important;
}
.shayeste-dynamic-footer a,
.shayeste-dynamic-footer span,
.shayeste-dynamic-footer p,
.shayeste-dynamic-footer h1,
.shayeste-dynamic-footer h2,
.shayeste-dynamic-footer h3,
.shayeste-dynamic-footer h4{
    color:var(--shayeste-footer-color,#fff)!important;
}
.shayeste-dynamic-footer .shayeste-footer-logo{
    max-width:190px;
    max-height:90px;
    width:auto;
    height:auto;
    object-fit:contain;
}
.shayeste-dynamic-footer .shayeste-footer-social-links{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    margin-top:10px;
}
.shayeste-dynamic-footer .shayeste-footer-social-links a{
    text-decoration:none;
    opacity:.72;
    transition:opacity .3s ease;
}
.shayeste-dynamic-footer .shayeste-footer-social-links a:hover{opacity:1}
.shayeste-dynamic-footer .shayeste-footer-custom-content{
    font-size:13px;
    line-height:1.9;
}
.shayeste-dynamic-footer .shayeste-footer-bottom-row{
    border-top:1px solid color-mix(in srgb,var(--shayeste-footer-color,#fff) 18%,transparent);
}


/* ========================================================================
   V30 — footer editors + product categories index page
   ======================================================================== */

/* All product categories page */
.page-template-page-product-categories .shayeste-category-index-hero{
    position:relative;
    width:100vw;
    height:100vh;
    height:100svh;
    overflow:hidden;
    background:#111;
}
.page-template-page-product-categories .shayeste-category-index-hero-media{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.018);
    animation:shayesteProductHeroIn 2.2s cubic-bezier(.19,1,.22,1) forwards;
}
.page-template-page-product-categories .shayeste-category-index-hero-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom,rgba(0,0,0,.04) 40%,rgba(0,0,0,.48) 100%);
}
.page-template-page-product-categories .shayeste-category-index-hero-content{
    position:absolute;
    z-index:3;
    left:50%;
    bottom:clamp(72px,9vh,114px);
    width:min(92vw,1500px);
    transform:translateX(-50%);
    text-align:center;
    color:#fff;
}
.page-template-page-product-categories .shayeste-category-index-hero-content h1{
    margin:0;
    color:#fff;
    font-size:clamp(38px,5vw,80px);
    font-weight:300;
    line-height:1.02;
}
.page-template-page-product-categories .shayeste-category-index-scroll{
    position:absolute;
    left:50%;
    bottom:-56px;
    transform:translateX(-50%);
    width:54px;
    height:54px;
    border:0;
    background:transparent;
    color:#fff;
    cursor:pointer;
}
.page-template-page-product-categories .shayeste-category-index-scroll svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.4;
    animation:shayesteHeroArrow 1.8s cubic-bezier(.45,0,.55,1) infinite;
}
.page-template-page-product-categories .shayeste-category-index-content{
    min-height:100vh;
    background:#fff;
    padding:clamp(125px,15vh,180px) 0 120px;
}
.page-template-page-product-categories .shayeste-category-index-shell{
    width:min(calc(100% - 14vw),1500px);
    margin:0 auto;
}
.page-template-page-product-categories .shayeste-category-index-head{
    margin-bottom:clamp(48px,6vw,84px);
    padding-bottom:18px;
    border-bottom:1px solid rgba(17,17,17,.18);
}
.page-template-page-product-categories .shayeste-category-index-head h2{
    margin:0;
    font-size:clamp(30px,3.2vw,54px);
    font-weight:300;
}
.shayeste-all-product-categories{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(42px,5vw,78px) clamp(34px,4vw,66px);
}
.shayeste-all-category-card a{
    color:#111;
    text-decoration:none;
}
.shayeste-all-category-image{
    width:100%;
    aspect-ratio:4/3;
    background:#f3f3f1 center/cover no-repeat;
    transition:opacity .45s ease;
}
.shayeste-all-category-card:hover .shayeste-all-category-image{
    opacity:.72;
}
.shayeste-all-category-card h3{
    margin:14px 0 0;
    text-align:center;
    font-size:15px;
    font-weight:400;
}
@media(max-width:900px){
    .shayeste-all-product-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
    .page-template-page-product-categories .shayeste-category-index-shell{width:calc(100% - 40px)}
    .shayeste-all-product-categories{grid-template-columns:1fr}
}


/* ========================================================================
   V31 — Editorial single / page / category templates
   ======================================================================== */

:root{
    --shayeste-editorial-shell:min(calc(100% - 14vw),1500px);
    --shayeste-reading-width:860px;
}

/* shared full-screen editorial heroes */
.shayeste-editorial-hero,
.shayeste-page-hero,
.shayeste-archive-hero{
    position:relative;
    width:100vw;
    height:100vh;
    height:100svh;
    overflow:hidden;
    background:#111;
}
.shayeste-editorial-hero-media,
.shayeste-page-hero-media,
.shayeste-archive-hero-media{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.018);
    animation:shayesteV31HeroIn 2.1s cubic-bezier(.19,1,.22,1) forwards;
}
@keyframes shayesteV31HeroIn{from{transform:scale(1.055);opacity:.78}to{transform:scale(1.018);opacity:1}}
.shayeste-editorial-hero-shade,
.shayeste-page-hero-shade,
.shayeste-archive-hero-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom,rgba(0,0,0,.05) 30%,rgba(0,0,0,.56) 100%);
}
.shayeste-editorial-hero-content,
.shayeste-page-hero-content,
.shayeste-archive-hero-content{
    position:absolute;
    z-index:3;
    left:50%;
    bottom:clamp(80px,11vh,135px);
    width:min(84vw,1180px);
    transform:translateX(-50%);
    text-align:center;
    color:#fff;
}
.shayeste-editorial-hero-content h1,
.shayeste-page-hero-content h1,
.shayeste-archive-hero-content h1{
    max-width:1100px;
    margin:9px auto 14px;
    color:#fff;
    font-size:clamp(38px,5vw,78px);
    font-weight:300;
    line-height:1.15;
    letter-spacing:-.025em;
}
.shayeste-editorial-kicker,
.shayeste-page-eyebrow,
.shayeste-archive-hero-content>span,
.shayeste-archive-titlebar-shell>span{
    display:inline-block;
    color:rgba(255,255,255,.72);
    font-size:10px;
    letter-spacing:.05em;
}
.shayeste-editorial-kicker:hover{color:#fff}
.shayeste-editorial-meta{
    display:flex;
    justify-content:center;
    gap:22px;
    color:rgba(255,255,255,.64);
    font-size:10px;
}
.shayeste-editorial-scroll,
.shayeste-page-scroll,
.shayeste-archive-scroll{
    position:absolute;
    z-index:4;
    left:50%;
    bottom:24px;
    transform:translateX(-50%);
    width:52px;
    height:52px;
    border:0;
    padding:0;
    background:transparent;
    color:#fff;
    cursor:pointer;
}
.shayeste-editorial-scroll svg,
.shayeste-page-scroll svg,
.shayeste-archive-scroll svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.35;
    animation:shayesteHeroArrow 1.8s cubic-bezier(.45,0,.55,1) infinite;
}

/* non-image title bars */
.shayeste-editorial-titlebar,
.shayeste-page-titlebar,
.shayeste-archive-titlebar{
    min-height:62vh;
    display:flex;
    align-items:flex-end;
    background:#f4f4f1;
    color:#111;
    padding:150px 0 clamp(70px,9vh,120px);
}
.shayeste-editorial-titlebar-shell,
.shayeste-page-titlebar-shell,
.shayeste-archive-titlebar-shell{
    width:var(--shayeste-editorial-shell);
    margin:0 auto;
}
.shayeste-editorial-titlebar h1,
.shayeste-page-titlebar h1,
.shayeste-archive-titlebar h1{
    max-width:1050px;
    margin:10px 0 18px;
    font-size:clamp(42px,6vw,86px);
    font-weight:300;
    line-height:1.08;
    letter-spacing:-.035em;
}
.shayeste-editorial-kicker.dark,
.shayeste-page-eyebrow.dark,
.shayeste-editorial-meta.dark,
.shayeste-archive-titlebar-shell>span{
    color:rgba(17,17,17,.48);
}
.shayeste-editorial-meta.dark{justify-content:flex-start}

/* single post */
.shayeste-editorial-main{
    background:#fff;
    color:#111;
    padding:clamp(90px,12vh,150px) 0 130px;
}
.shayeste-editorial-article{
    width:min(calc(100% - 40px),var(--shayeste-reading-width));
    margin:0 auto;
}
.shayeste-editorial-content{
    font-size:clamp(15px,1.05vw,18px);
    line-height:2.05;
    color:#292929;
}
.shayeste-editorial-content p{margin:0 0 1.55em;line-height:2.05}
.shayeste-editorial-content h2,
.shayeste-editorial-content h3,
.shayeste-editorial-content h4{
    margin:2.1em 0 .8em;
    line-height:1.45;
    color:#111;
}
.shayeste-editorial-content h2{font-size:clamp(26px,2.4vw,40px)}
.shayeste-editorial-content h3{font-size:clamp(21px,1.8vw,31px)}
.shayeste-editorial-content img{max-width:100%;height:auto;margin:28px 0}
.shayeste-editorial-content blockquote{
    margin:45px 0;
    padding:18px 30px 18px 0;
    border-right:1px solid #111;
    color:#555;
    font-size:1.16em;
}
.shayeste-editorial-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px 18px;
    margin-top:65px;
    padding-top:24px;
    border-top:1px solid #e8e8e5;
}
.shayeste-editorial-tags a{font-size:10px;color:#777}
.shayeste-editorial-tags a:hover{color:#111}
.shayeste-editorial-nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    margin-top:80px;
    background:#e6e6e3;
    border:1px solid #e6e6e3;
}
.shayeste-editorial-nav-item{background:#fff;min-height:145px}
.shayeste-editorial-nav-item a{
    height:100%;
    padding:28px 30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.shayeste-editorial-nav-item span{font-size:9px;color:#888;margin-bottom:9px}
.shayeste-editorial-nav-item strong{font-size:14px;font-weight:400;line-height:1.7}

/* generic page */
.shayeste-page-content-section{
    min-height:75vh;
    padding:clamp(95px,13vh,160px) 0 140px;
    background:#fff;
}
.shayeste-page-content-shell{
    width:var(--shayeste-editorial-shell);
    margin:0 auto;
}
.shayeste-page-content{
    width:min(100%,1050px);
    margin:0 auto;
    font-size:clamp(14px,1vw,17px);
    line-height:2;
    color:#2f2f2f;
}
.shayeste-page-content p{line-height:2;margin-bottom:1.55em}
.shayeste-page-content h2,
.shayeste-page-content h3{
    margin:2em 0 .8em;
    line-height:1.45;
    color:#111;
}
.shayeste-page-content img{max-width:100%;height:auto}
.shayeste-page-content .alignwide{
    width:min(1200px,calc(100vw - 40px));
    max-width:none;
    margin-left:50%;
}

/* category archive */
.shayeste-archive-hero-desc,
.shayeste-archive-titlebar-desc{
    max-width:680px;
    margin:14px auto 0;
    font-size:12px;
    line-height:1.9;
    color:rgba(255,255,255,.68);
}
.shayeste-archive-titlebar-desc{
    margin:14px 0 0;
    color:#686868;
}
.shayeste-archive-main{
    padding:clamp(90px,12vh,145px) 0 130px;
    background:#fff;
}
.shayeste-archive-shell{
    width:var(--shayeste-editorial-shell);
    margin:0 auto;
}
.shayeste-archive-heading{
    display:flex;
    justify-content:space-between;
    align-items:end;
    padding-bottom:20px;
    margin-bottom:55px;
    border-bottom:1px solid #dcdcd8;
}
.shayeste-archive-heading span{font-size:10px;color:#8a8a8a}
.shayeste-archive-heading strong{font-size:14px;font-weight:400}
.shayeste-archive-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(55px,6vw,90px) clamp(28px,3.5vw,56px);
}
.shayeste-archive-card-image{
    display:block;
    width:100%;
    aspect-ratio:4/3;
    background:#f2f2ef;
    overflow:hidden;
}
.shayeste-archive-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1);
    transition:opacity .5s ease;
}
.shayeste-archive-card:hover .shayeste-archive-card-image img{opacity:.72}
.shayeste-archive-card-placeholder{
    display:block;
    width:100%;
    height:100%;
    background:#f1f1ee;
}
.shayeste-archive-card-copy{padding-top:16px}
.shayeste-archive-card-meta{font-size:9px;color:#969696;margin-bottom:8px}
.shayeste-archive-card h2{font-size:17px;font-weight:400;line-height:1.6;margin:0}
.shayeste-archive-card h2 a{color:#111}
.shayeste-archive-card-excerpt{
    margin-top:11px;
    color:#777;
    font-size:11px;
    line-height:1.9;
}
.shayeste-archive-card-excerpt p{margin:0}
.shayeste-archive-card-more{
    display:inline-block;
    margin-top:15px;
    font-size:9px;
    color:#555;
    border-bottom:1px solid rgba(17,17,17,.35);
    padding-bottom:2px;
}
.shayeste-archive-pagination{margin-top:95px}
.shayeste-archive-pagination .nav-links{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
}
.shayeste-archive-pagination .page-numbers{
    min-width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
    color:#777;
}
.shayeste-archive-pagination .page-numbers.current{color:#111;border-bottom:1px solid #111}
.shayeste-archive-empty{
    padding:90px 0;
    text-align:center;
    color:#888;
    font-size:12px;
}

@media(max-width:900px){
    :root{--shayeste-editorial-shell:calc(100% - 46px)}
    .shayeste-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .shayeste-editorial-hero-content,
    .shayeste-page-hero-content,
    .shayeste-archive-hero-content{width:calc(100% - 46px)}
}
@media(max-width:620px){
    .shayeste-editorial-hero,
    .shayeste-page-hero,
    .shayeste-archive-hero{height:82svh}
    .shayeste-editorial-titlebar,
    .shayeste-page-titlebar,
    .shayeste-archive-titlebar{min-height:52vh;padding-top:120px}
    .shayeste-archive-grid{grid-template-columns:1fr}
    .shayeste-archive-heading{align-items:flex-start;flex-direction:column;gap:8px}
    .shayeste-editorial-nav{grid-template-columns:1fr}
    .shayeste-editorial-article{width:calc(100% - 40px)}
}


/* ========================================================================
   V33 — final-base fixes: logo, anchored submenus, removable gallery images
   ======================================================================== */
@media (min-width:1024px){
    /* True viewport-centred, larger logo. */
    .header__logo.desktop-only{
        position:fixed!important;
        left:50vw!important;
        top:calc(var(--shayeste-header-height,126px) / 2)!important;
        transform:translate(-50%,-50%)!important;
        width:280px!important;
        max-width:280px!important;
        z-index:10003!important;
        margin:0!important;
    }
    .header__logo.desktop-only img{
        width:100%!important;
        height:auto!important;
        max-height:64px!important;
        object-fit:contain!important;
        object-position:center!important;
    }

    /* Each submenu is visually anchored below its own parent menu item. */
    .menu-main > li > .sub-menu.shayeste-mega-submenu{
        position:fixed!important;
        top:var(--shayeste-header-height,126px)!important;
        left:var(--shayeste-panel-left,28px)!important;
        right:auto!important;
        width:var(--shayeste-panel-width,560px)!important;
        max-width:calc(100vw - 56px)!important;
        height:auto!important;
        min-height:255px!important;
        padding:26px 26px 28px!important;
        grid-template-columns:minmax(155px,1.25fr) minmax(120px,1fr) minmax(120px,1fr)!important;
        column-gap:20px!important;
        border-radius:0 0 2px 2px!important;
        transform-origin:var(--shayeste-parent-x,50%) top!important;
        clip-path:inset(0 0 100% 0)!important;
    }
    .menu-main > li.is-menu-open > .sub-menu.shayeste-mega-submenu,
    .menu-main > li > .sub-menu.shayeste-mega-submenu.active{
        clip-path:inset(0 0 0 0)!important;
    }
    .menu-main > li > .sub-menu.shayeste-mega-submenu::before{
        content:''!important;
        position:fixed!important;
        left:calc(var(--shayeste-parent-x,50%) - 1px)!important;
        top:calc(var(--shayeste-header-height,126px) - 12px)!important;
        width:2px!important;
        height:18px!important;
        background:rgba(255,255,255,.45)!important;
        transform:scaleY(0)!important;
        transform-origin:top!important;
        transition:transform .35s .08s cubic-bezier(.19,1,.22,1)!important;
    }
    .menu-main > li.is-menu-open > .sub-menu.shayeste-mega-submenu::before{
        transform:scaleY(1)!important;
    }
    .menu-main > li > .sub-menu.shayeste-mega-submenu > .menu-preview{
        width:100%!important;
        max-width:180px!important;
    }
}

/* Product admin gallery remove controls. */
#shayeste-product-detail .shayeste-gallery-thumb{
    position:relative;
    display:inline-flex;
    border-radius:9px;
    overflow:hidden;
    background:#eef1f4;
    border:1px solid #e4e7ec;
}
#shayeste-product-detail .shayeste-gallery-thumb img{display:block!important}
#shayeste-product-detail .shayeste-gallery-remove-one,
#shayeste-product-detail .shayeste-subtab-remove-one{
    position:absolute;
    top:5px;
    left:5px;
    z-index:3;
    width:23px;
    height:23px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(17,17,17,.84);
    color:#fff;
    font:18px/1 Arial,sans-serif;
    cursor:pointer;
    opacity:0;
    transform:scale(.82);
    transition:opacity .2s ease,transform .2s ease,background .2s ease;
}
#shayeste-product-detail .shayeste-gallery-thumb:hover .shayeste-gallery-remove-one,
#shayeste-product-detail .shayeste-gallery-thumb:hover .shayeste-subtab-remove-one{
    opacity:1;
    transform:scale(1);
}
#shayeste-product-detail .shayeste-gallery-remove-one:hover,
#shayeste-product-detail .shayeste-subtab-remove-one:hover{background:#b42318}

/* V33 — Gutenberg About / Contact visual language */
.shayeste-page-content .shayeste-about-hero,
.shayeste-page-content .shayeste-contact-hero{
    width:100vw;
    max-width:none!important;
    margin-right:calc(50% - 50vw)!important;
    margin-left:calc(50% - 50vw)!important;
    padding:clamp(110px,15vh,180px) max(24px,8vw);
    background:#f2f2ef;
}
.shayeste-page-content .shayeste-about-hero h1,
.shayeste-page-content .shayeste-contact-hero h1{
    font-size:clamp(48px,7vw,100px);
    font-weight:300;
    margin-bottom:18px;
}
.shayeste-page-content .shayeste-about-hero p,
.shayeste-page-content .shayeste-contact-hero p{
    max-width:650px;
    margin:0 auto;
    color:#707070;
}
.shayeste-page-content .shayeste-about-intro{
    padding:clamp(80px,11vh,140px) 0;
}
.shayeste-page-content .shayeste-about-intro h2,
.shayeste-page-content .shayeste-contact-form-area h2{
    font-size:clamp(34px,4vw,60px);
    font-weight:300;
}
.shayeste-page-content .shayeste-about-columns,
.shayeste-page-content .shayeste-contact-grid{
    gap:1px;
    background:#e4e4e0;
    margin-top:35px;
    margin-bottom:80px;
}
.shayeste-page-content .shayeste-about-columns>.wp-block-column,
.shayeste-page-content .shayeste-contact-grid>.wp-block-column{
    background:#fff;
    padding:clamp(28px,4vw,55px);
}
.shayeste-page-content .shayeste-about-columns h3,
.shayeste-page-content .shayeste-contact-grid h3{
    font-size:18px;
    margin-bottom:18px;
}
.shayeste-page-content .shayeste-contact-form-area{
    padding:clamp(50px,7vw,90px);
    background:#f7f7f5;
    margin-top:70px;
}

/* V34 — full-width mega background; links start beneath their own parent */
@media (min-width:1024px){
 .menu-main>li>.sub-menu.shayeste-mega-submenu{
   position:fixed!important; top:var(--shayeste-header-height,126px)!important;
   left:0!important; right:0!important; width:100vw!important; max-width:none!important;
   height:var(--shayeste-mega-height,clamp(315px,34vh,395px))!important; min-height:0!important;
   padding:26px max(40px,calc((100vw - 1680px)/2)) 28px!important;
   grid-template-columns:minmax(180px,230px) minmax(180px,230px) 1fr minmax(250px,330px)!important;
   column-gap:clamp(18px,2vw,32px)!important; border-radius:0!important;
 }
 .menu-main>li>.sub-menu.shayeste-mega-submenu>.menu-preview{
   grid-column:4!important; grid-row:1 / span 30!important; justify-self:end!important;
   width:clamp(210px,18vw,300px)!important; max-width:300px!important;
 }
 .menu-main>li>.sub-menu.shayeste-mega-submenu>li.menu-col-a:not(.menu-preview){
   grid-column:1!important; grid-row:var(--menu-grid-row)!important;
 }
 .menu-main>li>.sub-menu.shayeste-mega-submenu>li.menu-col-b:not(.menu-preview){
   grid-column:2!important; grid-row:var(--menu-grid-row)!important;
 }
 .menu-main>li>.sub-menu.shayeste-mega-submenu{
   --shayeste-text-origin:clamp(max(40px,calc((100vw - 1680px)/2)),calc(var(--shayeste-parent-x,50vw) - 110px),calc(100vw - 520px));
 }
 .menu-main>li>.sub-menu.shayeste-mega-submenu>li.menu-col-a:not(.menu-preview),
 .menu-main>li>.sub-menu.shayeste-mega-submenu>li.menu-col-b:not(.menu-preview){
   position:relative!important;
   left:calc(var(--shayeste-text-origin) - max(40px,calc((100vw - 1680px)/2)))!important;
 }
 .menu-main>li>.sub-menu.shayeste-mega-submenu::before{
   position:fixed!important; left:calc(var(--shayeste-parent-x,50vw) - 1px)!important;
   top:calc(var(--shayeste-header-height,126px) - 12px)!important;
 }
}

/* ========================================================================
   V35 — mega hover preview fixed left + visible product gallery delete
   ======================================================================== */
@media (min-width:1024px){
    /* Full-width panel remains. Preview is taken out of the text grid and
       pinned to the physical left side of the mega panel. */
    .menu-main>li>.sub-menu.shayeste-mega-submenu>.menu-preview{
        position:absolute!important;
        left:max(40px,calc((100vw - 1680px)/2))!important;
        right:auto!important;
        top:26px!important;
        width:clamp(230px,20vw,330px)!important;
        max-width:330px!important;
        height:auto!important;
        aspect-ratio:2 / 1!important;
        margin:0!important;
        grid-column:auto!important;
        grid-row:auto!important;
        justify-self:auto!important;
        z-index:4!important;
    }
}

/* Always expose delete action in product galleries; do not depend on hover. */
#shayeste-product-detail .shayeste-gallery-preview,
#shayeste-product-detail .shayeste-subtab-preview{
    overflow:visible!important;
}
#shayeste-product-detail .shayeste-gallery-thumb{
    position:relative!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    overflow:visible!important;
}
#shayeste-product-detail .shayeste-gallery-remove-one,
#shayeste-product-detail .shayeste-subtab-remove-one{
    position:absolute!important;
    z-index:20!important;
    top:-7px!important;
    left:-7px!important;
    width:25px!important;
    height:25px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border:2px solid #fff!important;
    border-radius:50%!important;
    background:#b42318!important;
    color:#fff!important;
    font:18px/19px Arial,sans-serif!important;
    cursor:pointer!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    box-shadow:0 2px 8px rgba(0,0,0,.2)!important;
}
#shayeste-product-detail .shayeste-gallery-remove-one:hover,
#shayeste-product-detail .shayeste-subtab-remove-one:hover{
    background:#8f1b13!important;
    transform:scale(1.08)!important;
}

/* ========================================================================
   V36 — product technical grid + compact square material swatches
   ======================================================================== */
.single-shayeste_product .shayeste-mariani-tech-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:24px 28px!important;
    align-items:center!important;
}
.single-shayeste_product .shayeste-mariani-tech-grid figure{
    margin:0!important;
    padding:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:210px!important;
}
.single-shayeste_product .shayeste-mariani-tech-grid img{
    display:block!important;
    width:100%!important;
    height:220px!important;
    max-height:220px!important;
    object-fit:contain!important;
}

.single-shayeste_product .shayeste-mariani-finish-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(82px,96px))!important;
    justify-content:start!important;
    gap:18px 16px!important;
}
.single-shayeste_product .shayeste-mariani-finish-grid figure{
    width:96px!important;
    max-width:96px!important;
    margin:0!important;
}
.single-shayeste_product .shayeste-mariani-finish-grid img{
    display:block!important;
    width:96px!important;
    height:96px!important;
    aspect-ratio:1 / 1!important;
    object-fit:cover!important;
}
.single-shayeste_product .shayeste-mariani-finish-grid figcaption{
    width:96px!important;
    margin-top:7px!important;
    line-height:1.45!important;
}
@media(max-width:900px){
    .single-shayeste_product .shayeste-mariani-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
}
@media(max-width:560px){
    .single-shayeste_product .shayeste-mariani-tech-grid{grid-template-columns:1fr!important}
    .single-shayeste_product .shayeste-mariani-tech-grid img{height:190px!important}
    .single-shayeste_product .shayeste-mariani-finish-grid{grid-template-columns:repeat(auto-fill,minmax(72px,82px))!important;gap:14px 12px!important}
    .single-shayeste_product .shayeste-mariani-finish-grid figure,
    .single-shayeste_product .shayeste-mariani-finish-grid img,
    .single-shayeste_product .shayeste-mariani-finish-grid figcaption{width:82px!important}
    .single-shayeste_product .shayeste-mariani-finish-grid img{height:82px!important}
}

/* ========================================================================
   V37 — mobile full-width content + clean desktop menu underline
   ======================================================================== */

/* Remove the small underline beneath desktop parent menu items. */
@media (min-width:1024px){
    .menu-main > li > a::after{
        display:none!important;
        content:none!important;
    }
}

/* Mobile only: sections/content/media use the full viewport width.
   Desktop/tablet desktop layout remains unchanged. */
@media (max-width:767px){
    html,body{
        max-width:100%!important;
        overflow-x:hidden!important;
    }

    main,
    .site-main,
    .shayeste-page-content-section,
    .shayeste-page-content-shell,
    .shayeste-page-content,
    .shayeste-editorial-main,
    .shayeste-editorial-article,
    .shayeste-editorial-content,
    .shayeste-archive-main,
    .shayeste-product-page,
    .shayeste-product-section,
    .shayeste-product-content,
    .shayeste-product-intro,
    .shayeste-product-technical,
    .shayeste-product-finishings,
    .shayeste-mariani-gallery{
        width:100%!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        box-sizing:border-box!important;
    }

    .shayeste-page-content-shell,
    .shayeste-page-content,
    .shayeste-editorial-article,
    .shayeste-editorial-content,
    .shayeste-archive-main,
    .shayeste-product-section,
    .shayeste-product-content,
    .shayeste-product-intro,
    .shayeste-product-technical,
    .shayeste-product-finishings{
        padding-left:16px!important;
        padding-right:16px!important;
    }

    /* Gutenberg wide/full blocks and ordinary media can genuinely reach 100%. */
    .shayeste-page-content .alignwide,
    .shayeste-page-content .alignfull,
    .shayeste-editorial-content .alignwide,
    .shayeste-editorial-content .alignfull{
        width:100vw!important;
        max-width:none!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:calc(50% - 50vw)!important;
    }

    .shayeste-page-content img,
    .shayeste-editorial-content img,
    .shayeste-product-page img,
    .shayeste-product-section img,
    .shayeste-mariani-gallery img,
    .shayeste-page-content video,
    .shayeste-editorial-content video,
    .shayeste-product-page video{
        max-width:100%!important;
        height:auto!important;
    }

    /* Columns/stacks: one full-width item per row on mobile. */
    .shayeste-page-content .wp-block-columns,
    .shayeste-editorial-content .wp-block-columns,
    .shayeste-about-columns,
    .shayeste-contact-grid{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        gap:18px!important;
    }
    .shayeste-page-content .wp-block-column,
    .shayeste-editorial-content .wp-block-column,
    .shayeste-about-columns > .wp-block-column,
    .shayeste-contact-grid > .wp-block-column{
        width:100%!important;
        max-width:none!important;
        flex-basis:100%!important;
        margin:0!important;
    }

    /* Product galleries: full-width rows; each image gets the available width. */
    .shayeste-product-technical .swiper,
    .shayeste-product-technical .swiper-wrapper,
    .shayeste-product-technical .swiper-slide,
    .shayeste-mariani-gallery .swiper,
    .shayeste-mariani-gallery .swiper-wrapper,
    .shayeste-mariani-gallery .swiper-slide{
        max-width:100%!important;
    }
}

/* V37 — generic pages/posts start directly after the header; no image hero */
.shayeste-no-hero-page,
.shayeste-no-hero-single{
    background:#fff;
    padding-top:var(--shayeste-header-height,126px);
}
.shayeste-no-hero-page .shayeste-page-content-section{
    padding-top:clamp(45px,7vw,95px);
}
.shayeste-inner-page-heading,
.shayeste-inner-post-heading{
    width:100%;
    max-width:var(--shayeste-reading-width,860px);
    margin:0 auto clamp(38px,5vw,72px);
}
.shayeste-inner-page-heading h1,
.shayeste-inner-post-heading h1{
    margin:0;
    color:#111;
    font-size:clamp(38px,5vw,72px);
    font-weight:300;
    line-height:1.12;
    letter-spacing:-.025em;
}
.shayeste-inner-post-category{
    display:inline-block;
    margin-bottom:16px;
    color:#777;
    text-decoration:none;
    font-size:12px;
}
.shayeste-inner-post-meta{
    display:flex;
    gap:18px;
    margin-top:20px;
    color:#888;
    font-size:12px;
}
@media(max-width:767px){
    .shayeste-no-hero-page,
    .shayeste-no-hero-single{
        padding-top:82px!important;
    }
    .shayeste-no-hero-page .shayeste-page-content-section{
        padding-top:34px!important;
    }
    .shayeste-inner-page-heading,
    .shayeste-inner-post-heading{
        width:100%!important;
        max-width:none!important;
        margin-bottom:32px!important;
        padding:0 16px!important;
        box-sizing:border-box!important;
    }
    .shayeste-inner-page-heading h1,
    .shayeste-inner-post-heading h1{
        font-size:clamp(32px,10vw,48px)!important;
    }
}

/* ========================================================================
   V38 — precise menu indicator, mobile natural sections, category cards
   ======================================================================== */
@media (min-width:1024px){
    /* Restore the normal menu hover underline removed in V37. */
    .menu-main > li > a::after{
        display:block!important;
        content:''!important;
    }
    /* But submenu parents must NOT show that small line/indicator. */
    .menu-main > li.menu-item-has-children > a::after{
        display:none!important;
        content:none!important;
    }
    /* Also remove V33/V34's little vertical connector only for mega parents. */
    .menu-main > li.menu-item-has-children > .sub-menu.shayeste-mega-submenu::before{
        display:none!important;
        content:none!important;
    }
}

/* Mobile: visual/home sections use natural rectangular media proportions,
   never force one section to fill the whole screen height. */
@media (max-width:767px){
    body.home .shayeste-home-visual-section,
    body.home .shayeste-fullpage-section,
    body.home .magnet,
    body.home .magnet > section,
    .shayeste-home-visual-section,
    .shayeste-fullpage-section{
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        aspect-ratio:auto!important;
        overflow:hidden!important;
        position:relative!important;
    }

    body.home .shayeste-home-visual-section,
    body.home .shayeste-fullpage-section{
        min-height:0!important;
    }

    /* A landscape/rectangular visual section. */
    body.home .shayeste-home-visual-section{
        aspect-ratio:16 / 10!important;
    }

    body.home .shayeste-home-visual-section .shayeste-section-media{
        position:absolute!important;
        inset:0!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        background-size:contain!important;
        background-position:center!important;
        background-repeat:no-repeat!important;
        transform:none!important;
    }

    /* Generic images remain fully visible rather than cropped. */
    body.home .shayeste-fullpage-section img,
    body.home .magnet img{
        width:100%!important;
        max-width:100%!important;
        height:auto!important;
        max-height:none!important;
        object-fit:contain!important;
    }
}

/* V38 — generic pages/posts have no automatic title block. */
.shayeste-no-hero-page .shayeste-page-content-section,
.shayeste-no-hero-single{
    padding-top:var(--shayeste-header-height,126px)!important;
}
.shayeste-no-hero-page{
    padding-top:0!important;
}
.shayeste-no-hero-single .shayeste-editorial-article{
    padding-top:clamp(34px,4vw,64px)!important;
}
@media(max-width:767px){
    .shayeste-no-hero-page .shayeste-page-content-section,
    .shayeste-no-hero-single{
        padding-top:82px!important;
    }
    .shayeste-no-hero-single .shayeste-editorial-article{
        padding-top:24px!important;
    }
}

/* V38 — product category: smaller, stable cards and simple image-only hover */
.shayeste-product-category-shell{
    max-width:1380px!important;
}
.shayeste-product-category-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:clamp(28px,3.2vw,54px)!important;
}
.shayeste-product-category-card{
    background:transparent!important;
    overflow:visible!important;
}
.shayeste-product-category-card-image{
    position:relative!important;
    display:block!important;
    width:100%!important;
    aspect-ratio:4 / 3!important;
    overflow:hidden!important;
    background:#f4f4f2!important;
    opacity:1!important;
    filter:none!important;
    transition:none!important;
}
.shayeste-product-category-card-image::before,
.shayeste-product-category-card-image::after{
    display:none!important;
    content:none!important;
}
.shayeste-product-category-card-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    opacity:1!important;
    filter:none!important;
    transform:scale(1)!important;
    transition:transform .65s cubic-bezier(.19,1,.22,1)!important;
    backface-visibility:hidden!important;
    will-change:transform!important;
}
.shayeste-product-category-card:hover,
.shayeste-product-category-card:hover .shayeste-product-category-card-image,
.shayeste-product-category-card-image:hover{
    background:transparent!important;
    opacity:1!important;
    filter:none!important;
}
.shayeste-product-category-card:hover .shayeste-product-category-card-image img,
.shayeste-product-category-card-image:hover img{
    opacity:1!important;
    filter:none!important;
    transform:scale(1.035)!important;
}
.shayeste-product-category-card-copy{
    padding-top:14px!important;
}
@media(max-width:900px){
    .shayeste-product-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
    .shayeste-product-category-grid{
        grid-template-columns:1fr!important;
        gap:28px!important;
    }
    .shayeste-product-category-card-image{
        aspect-ratio:4 / 3!important;
    }
}

/* ========================================================================
   V39 — transparent product cards + softer image hover
   ======================================================================== */
.shayeste-product-category-card,
.shayeste-product-category-card-image,
.shayeste-product-category-card-image:hover,
.shayeste-product-category-card:hover .shayeste-product-category-card-image,
.shayeste-product-category-card-placeholder{
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
}
.shayeste-product-category-card-image img{
    opacity:1!important;
    filter:none!important;
    transform:scale(1)!important;
    transition:transform .55s cubic-bezier(.22,.61,.36,1), opacity .55s ease!important;
}
.shayeste-product-category-card:hover .shayeste-product-category-card-image img,
.shayeste-product-category-card-image:hover img{
    opacity:.94!important;
    filter:none!important;
    transform:scale(1.012)!important;
}

/* V39 — optional homepage section link covers the entire section. */
.shayeste-home-visual-section.shayeste-section-has-link{
    cursor:pointer;
}
.shayeste-section-full-link{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    z-index:5!important;
    text-decoration:none!important;
}
.shayeste-home-visual-section .shayeste-section-title{
    position:relative;
    z-index:6;
    pointer-events:none;
}
.shayeste-home-visual-section .shayeste-section-next{
    z-index:7!important;
}

/* ========================================================================
   V40 — stable full-section links + truly transparent category media
   ======================================================================== */

/* No background whatsoever on product category image positions. */
.shayeste-product-category-card-image,
.shayeste-product-category-card-image:link,
.shayeste-product-category-card-image:visited,
.shayeste-product-category-card-image:hover,
.shayeste-product-category-card-image:focus,
.shayeste-product-category-card:hover .shayeste-product-category-card-image{
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
}

/* The full-section anchor owns the title, so link and title are one stable layer. */
.shayeste-home-visual-section .shayeste-section-full-link{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:5!important;
    display:block!important;
    color:inherit!important;
    text-decoration:none!important;
    background:transparent!important;
}
.shayeste-home-visual-section .shayeste-section-full-link .shayeste-section-title{
    position:absolute!important;
    z-index:1!important;
    display:block!important;
    pointer-events:none!important;
    color:inherit!important;
}
/* Keep the existing title placement rules effective for both h2 and span. */
.shayeste-home-visual-section > .shayeste-section-title{
    z-index:6!important;
}
.shayeste-home-visual-section .shayeste-section-next{
    position:absolute!important;
    z-index:7!important;
}

/* ========================================================================
   V41 — section title visible with or without URL + individual title color
   ======================================================================== */
/* Preserve the theme's original absolute title positioning for unlinked sections. */
.shayeste-home-visual-section > .shayeste-section-title{
    position:absolute!important;
    display:block!important;
    z-index:6!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
}
/* Linked title uses exactly the same visual layer, inside the full-section anchor. */
.shayeste-home-visual-section .shayeste-section-full-link > .shayeste-section-title{
    position:absolute!important;
    display:block!important;
    z-index:1!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
}

/* ========================================================================
   V42 — Contact editorial page + reusable public forms
   ======================================================================== */
.shayeste-contact-editorial{padding:clamp(55px,7vw,105px) 24px;background:#fff;color:#292824}
.shayeste-contact-editorial-grid{max-width:1080px!important;margin:0 auto!important;gap:clamp(60px,9vw,130px)!important;align-items:start!important}
.shayeste-contact-editorial-grid>.wp-block-column{min-width:0}
.shayeste-contact-kicker{font-size:11px;color:#777168;margin:0 0 24px!important;display:flex;align-items:center;gap:12px}
.shayeste-contact-kicker:after{content:'';width:22px;height:1px;background:#a88f68;display:inline-block}
.shayeste-contact-editorial h2{font-size:25px!important;font-weight:400!important;margin:0 0 24px!important}
.shayeste-contact-editorial h4{font-size:13px!important;font-weight:500!important;margin:28px 0 14px!important}
.shayeste-contact-editorial p{font-size:13px;line-height:2;color:#5d5953}
.shayeste-contact-editorial hr{border:0;border-top:1px solid #ddd7ce;margin:28px 0}
.shayeste-route-buttons{gap:8px!important}
.shayeste-route-buttons .wp-block-button__link{background:transparent!important;color:#3b3833!important;border:1px solid #d6d0c6!important;border-radius:0!important;padding:14px 22px!important;font-size:12px!important}

.shayeste-public-form-wrap{margin-top:20px}
.shayeste-public-form{display:block}
.shayeste-public-field,.shayeste-security-field{margin:0 0 20px}
.shayeste-public-field label,.shayeste-security-field label{display:block;font-size:12px;color:#59544d;margin-bottom:8px}
.shayeste-public-field sup{color:#8c704c;font-size:11px}
.shayeste-public-field input,.shayeste-public-field textarea,.shayeste-public-field select,.shayeste-security-field input{
 width:100%;box-sizing:border-box;border:1px solid #bdb6ac!important;border-radius:0!important;background:#fff!important;
 min-height:44px;padding:10px 12px!important;box-shadow:none!important;outline:none!important;font:inherit;color:#292824
}
.shayeste-public-field textarea{height:160px;resize:vertical}
.shayeste-public-field input:focus,.shayeste-public-field textarea:focus,.shayeste-public-field select:focus,.shayeste-security-field input:focus{border-color:#6d665d!important}
.shayeste-form-consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#777168;line-height:1.8;margin:5px 0 25px}
.shayeste-form-consent input{margin-top:5px}
.shayeste-form-submit{margin-right:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:140px;padding:13px 17px;border:1px solid #bdb6ac;background:#fff;color:#4e4943;cursor:pointer;font:inherit}
.shayeste-form-submit:hover{border-color:#6d665d}
.shayeste-form-success{padding:13px 15px;border:1px solid #b7c7b3;background:#f7faf6;margin-bottom:18px;font-size:12px}
@media(max-width:767px){
 .shayeste-contact-editorial{padding:38px 16px}
 .shayeste-contact-editorial-grid{display:flex!important;flex-direction:column!important;gap:52px!important}
 .shayeste-contact-editorial-grid>.wp-block-column{width:100%!important;flex-basis:100%!important}
 .shayeste-route-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
 .shayeste-route-buttons .wp-block-button,.shayeste-route-buttons .wp-block-button__link{width:100%!important}
}