/* Add custom CSS styles below */ 
/*top navbar*/
/*.s-contacts-topnav-link:where([dir="rtl"], [dir="rtl"] *) {
    border-left-width: 0px;
}
a[href="mailto:info@pltksa.com"].s-contacts-topnav-link {
    display: none;
}*/
.top-navbar.fixed-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.top-navbar.fixed-pinned.fixed-header * {
    color: var(--color-background-dark);
}
#mainnav.fixed-header .lg\:py-\[22\.5px\] {
    padding-top: 46px;
}
#mainnav.fixed-header {
  position: fixed;
  width: 100%;
  z-index: 998;
}


button.open-compare-modal {
    display: none;
}
.top-navbar .s-contacts-topnav-link a.unicode {
    pointer-events: none;
}
/*header*/
.RH-header .custom-button {
    background-color: #ab833400;
}
.theme-dropdown.relative.block {
    display: none;
}
.RH-header salla-cart-summary svg {
    fill: var(--color-background-dark);
}
.RH-header svg {
    stroke: var(--color-background-dark);
}
@media (min-width:1024px){
.index .top-navbar.bg-primary {
    background-color: #F5F5F533;
    backdrop-filter: blur(8px);
}
 .index #mainnav:not(#mainnav.fixed-pinned.fixed-header)   #mobile-menu a > span {
        color: #fff;
    }

.index  #mainnav:not(#mainnav.fixed-pinned.fixed-header) .inner *,#mainnav:not(#mainnav.fixed-pinned.fixed-header) .custom-button i {
        stroke: #fff;
        color: #fff;
    }
.index #mainnav:not(#mainnav.fixed-pinned.fixed-header) .sub-menu
 {
        background-color: #ffffff4a;
        border: 1px solid #ffffff94;
        backdrop-filter: blur(8px);
        border-radius: 8px;
    }
.index header.store-header.my-header.RH-header {
    position: absolute;
    width: 100%;
    z-index: 99;
}
.index header.store-header #mainnav:not(#mainnav.fixed-pinned.fixed-header) .inner.bg-bg-light.dark\:bg-bg-dark {
    background: #F5F5F533;
}
}
@media (max-width:1023px){
 .index  .top-navbar {
    background-color: rgb(217 164 65);
}
  .RH-header svg {
    stroke: #59441c;
}
}
/*main banner*/
a.fbanner-star-btn {
    border-radius: 12px;
}
.landing-page-first-banner  .video-banner-main-0 .txt {
    background: #00000080;
    max-width: 100%;
}
   section:nth-child(1 of.landing-page-first-banner) .text-\[20px\] {
    display: block !important;
}
@media (min-width:1024px){
  
   section:nth-child(1 of.landing-page-first-banner) .text-\[20px\] {
    font-size: 18px;
}
   section:nth-child(1 of.landing-page-first-banner) .item-text.w-full {
    max-width: 100%;
}
   section:nth-child(1 of.landing-page-first-banner) h1 {
    font-size: 64px !important;
}
  .RH-about-us .md\:flex-row {
    flex-direction: row-reverse;
}
  .RH-features-2 .main__title {
    margin-bottom: 4rem;
}
}
@media (max-width:767px){
  section:nth-child(1 of.landing-page-first-banner) .text-\[20px\] {
    font-size: 13px;
    line-height: 20px !important;
    width: 60%;
}
  section:nth-child(1 of.landing-page-first-banner) .w-\[285px\] {
    width: 100%;
}
    section:nth-child(2 of.landing-page-first-banner) .object-cover {
    object-fit: contain;
}
  
}

/*about us */

.about-bg {
    object-fit: contain;
}
/*features*/
.RH-features-2 .gap-8 {
    gap: 0rem;
}
.RH-features-2 {
    margin-bottom: 160px !important;
}
.RH-features-2 div.text-center {
    border: 4px solid #59441C;
    transition: all 0.3s ease;
    padding: 24px;
    border-radius: 16px;
    overflow: hidden;
    min-height: 283px;
    justify-content: center;
    background-clip: padding-box;
    transform: rotate(-45deg);
}
.RH-features-2 div.text-center:nth-of-type(2),.RH-features-2 div.text-center:nth-of-type(4){
      transform: translatey(170px) rotate(-45deg);
}
.RH-features-2 div.text-center:hover {
    background:
        linear-gradient(225.75deg, #F2CA80 -75.29%, #FAF6EE 95.64%) padding-box,
        #f9efdd border-box; 
    border: 4px solid transparent;
    box-shadow: 0px 8px 18px 0px #00000040;
}

.RH-features-2 div.text-center p {
    opacity: 0;
    transform: translateY(10px) rotate(47deg);
    transition: all 0.1s ease;
    font-size: 0px;
}

.RH-features-2 div.text-center:hover p {
    opacity: 1;
    transform: translate(-38px,-16px) rotate(45deg);
    font-size: 0.875rem;
}

.RH-features-2 div.text-center:hover .features__title {
    color: var(--color-background-dark);
}
 .RH-features-2 div.text-center h3 {
    transform: rotate(45deg);
}
.RH-features-2 img.w-full {
    transform: rotate(45deg) translateX(40px);
}
@media (max-width:767px){
    .RH-features-2 div.text-center h3{
    font-size: 0.8rem !important;
    line-height: 1rem !important;
     transform: rotate(45deg) translateX(-12px);
}
.RH-features-2 .grid-cols-2 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}
  .RH-features-2 div.text-center {
    border: 2px solid #59441C;
    width: 97px;
    height: 97px;
    padding: 0px;
    min-height: 97px;
    transform: rotate(-45deg) translatex(-14px);
}
  .RH-features-2 div.text-center p {display: none}
  .RH-features-2 div.text-center .h-12 {
    height: 20px;
    width: 20px !important;
}
  .RH-features-2 div.text-center:nth-of-type(2), .RH-features-2 div.text-center:nth-of-type(4) {
    transform: translate(0px,77px ) rotate(-45deg);
}
  .RH-features-2 {
    margin-bottom: 50px !important;
}
  .RH-features-2 img.w-full {
    transform: rotate(45deg) translateX(32px);}

  .RH-features-2 div.text-center:nth-of-type(2) {
    transform: translate(11px,77px ) rotate(-45deg);
}

}
.RH-special-categories .s-tabs-header {
    display: none !important;
}
.RH-special-categories .s-tabs-content-wrapper {
    width: 100% !important;
}
.RH-special-categories .s-products-list-vertical-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width:1024px){
    .RH-about-us .md\:flex-row {
    flex-direction: column-reverse;
} 
}
@media (max-width:767px){
  .RH-special-categories .s-products-list-vertical-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}


/*team page*/
.salla-731002523  .content.content--single-page {
    background: transparent;
    width: 100%;
    margin: 0;
    padding: 0;
}
.salla-731002523 h1.font-bold.text-2xl.mb-6 {
    font-size: 0;
}
.salla-731002523 .content .content-entry img {
    margin: -11px 0 0px;
}


/*products*/
.s-product-card-vertical .flex-action .compare-button {

    DISPLAY: none;
}
.s-product-card-vertical .s-product-card-content .s-product-card-content-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.RF-single-product .form-label ,.RF-single-product .price-wrapper ,.salla-731002523 nav#filters-menu {
    display: none;
}
/*footer*/
@media (min-width: 1024px) {
.store-footer .lg\:grid-cols-8 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

/*banners en ar*/
section:nth-child(2 of.landing-page-first-banner) ,section:nth-child(3 of.landing-page-first-banner){
  display: none;
}
html[lang="ar"] section:nth-child(2 of.landing-page-first-banner) {
  display: block;
}
html[lang="en"] section:nth-child(3 of.landing-page-first-banner){
  display: block;
}



/*PRODUCT PAGE*/
html[lang="en"] 
.product-single .main-content.md\:sticky h2.text-primary {
  font-size: 0; 
}

html[lang="en"] 
.product-single .main-content.md\:sticky h2.text-primary::before {
  content: "Share via";
  font-size: clamp(0.75rem, 0.5969rem + 0.6531vw, 1.25rem);
  font-weight: 700;
  line-height: 140%;
  display: inline-block;
}
/* QUICK ORDER TRANSLATION */

/* H3: ليش تنتظر؟ */
html[lang="en"] 
.product-single .s-quick-order-container h3 {
  font-size: 0;
  line-height: 0;
}

html[lang="en"] 
.product-single .s-quick-order-container h3::before {
  content: "Why wait?";
  display: block;
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  font-weight: 700;
  line-height: 1.4;
}

/* P: أحجز رحلتك الحين */
html[lang="en"] 
.product-single .s-quick-order-container h3 + p {
  font-size: 0;
  line-height: 0;
}

html[lang="en"] 
.product-single .s-quick-order-container h3 + p::before {
  content: "Book your trip now";
  display: block;
  font-size: clamp(0.875rem, 0.8rem + 0.4vw, 1.125rem);
  line-height: 1.6;
}

/* Buttons: احجز الان */
html[lang="en"] 
.product-single .s-quick-order-container .s-button-text {
  font-size: 0;
}

html[lang="en"] 
.product-single .s-quick-order-container .s-button-text::before {
  content: "Book Now";
  display: inline-block;
  font-size: clamp(0.875rem, 0.8rem + 0.4vw, 1.125rem);
  font-weight: 600;
  line-height: 1.6;
}