.main-content {
display: flex;
flex-direction: column;
}
.sicon-sar:before {
color: black;
}
.product-form {
display: contents;
}
.main-content > *,
.product-form > * {
order: 1;
}
.full-description {
order: 3;
}
.s-loyalty-program-points-action-incomplete,
.s-loyalty-program-rewards-action-on {
background-color: transparent !important;
border: solid 0.5px black;
}
.product-form > .sticky-product-bar,
.product-form > .product-reviews,
.product-form > salla-hook[name="product:single.form.end"],
.product-form ~ * {
order: 4;
}
html:not(.dark) h1,
html:not(.dark) h2:not(.total-price):not(.hero-slider-title h2),
html:not(.dark) h3:not(.home-slider__content .hero-slider-title h2) {
padding-top: 0.12em !important;
overflow: visible !important;
background-image: linear-gradient(49deg, var(--token-a378a457-09c9-4e21-8971-31a4dc6ae8ea, rgb(17, 16, 17)) 0%, var(--token-77abf34c-bfd0-46e4-bdc5-396472ca5ca6, rgba(17, 16, 17, 0.6)) 100%) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
color: transparent !important;
background-size: 100% 100%;
}
.linkedin-custom svg {
width: 32px;
height: 32px;
transition: opacity 0.3s ease;
}
.linkedin-custom a:hover {
opacity: 0.8;
}
.linkedin-custom svg path {
fill: currentColor;
}
.s-trust-badges-wrapper {
display: none !important;
}
.ratingplus-loyalty-launcher {
background-color: #050f2c !important;
width: 40px !important;
min-height: 80px !important;
}
.ratingplus-loyalty-launcher svg {
display: none !important;
}
.ratingplus-loyalty-launcher span {
font-size: 12px !important;
}
html.dark .ratingplus-loyalty-launcher {
background-color: #80c345 !important;
}
.promotion-title {
color: black;
}
#wa-angel {
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all 0.4s ease;
animation: showWhatsapp 0.5s ease forwards;
animation-delay: 10s;
}
@keyframes showWhatsapp {
to {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
}
body:has(.sticky-product-bar) #wa-angel {
bottom: 8.5rem !important;
}
.details-slider .swiper-slide img {
border-radius: 16px !important;
}
div.bg-gray-100:has(.breadcrumbs) {
background-color: transparent !important;
}
.s-slider-thumbs .s-slider-thumbs-container .swiper-slide {
background-color: transparent !important;
}
.s-slider-thumbs .s-slider-thumbs-container .swiper-slide:after {
--tw-ring-color : transparent;
box-shadow : none !important;
}
section.blog,
section.s-block--faqs,
section.appcat {
padding-top: 35px;
padding-bottom: 35px;
}
.s-block--faqs .faqs-list input:checked+div {
border: solid 0.5px;
}
section.s-block--faqs .btn-primary {
background-color: #80c345;
}
#angel-stories {
padding-top: 15px !important;
padding-bottom: 15px;
}
#angel-stories .s-block__title {
display: none;
}
.s-block__title h1,
.s-block__title h2,
.s-block__title h3,
.hero-slider-title h2
{
font-feature-settings: "swsh" 1, "cswh" 1, "salt" 1, "ss01" 1, "ss02" 1, "ss03" 1, "liga" 1, "dlig" 1 !important;
}
section.s-block {
padding-left: 15px !important;
padding-right: 15px !important;
}
section.home-slider {
padding-left: 0 !important;
padding-right: 0 !important;
}
.divider-icon .img-container {
position: relative;
width: 48px;
height: 48px;
transform-style: preserve-3d;
perspective: 800px;
}
.divider-icon img {
width: 100%;
height: 100%;
object-fit: contain;
position: absolute;
inset: 0;
backface-visibility: hidden;
transform: rotateY(0deg) translateZ(0);
animation: frontSpin 6s cubic-bezier(0.65, 0, 0.35, 1) infinite;
animation-play-state: paused;
}
.divider-icon .img-container::after {
content: "";
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml;utf8,");
background-size: 70%;
background-repeat: no-repeat;
background-position: center;
backface-visibility: hidden;
transform: rotateY(180deg) translateZ(0);
animation: backSpin 6s cubic-bezier(0.65, 0, 0.35, 1) infinite;
animation-play-state: paused;
}
html.dark .divider-icon .img-container::after {
background-image: url("data:image/svg+xml;utf8,");
}
.divider-icon .img-container::before {
content: "";
position: absolute;
top: 48%;
left: 50%;
width: 8px;
height: 13px;
border-right: 3.5px solid white;
border-bottom: 3.5px solid white;
transform-origin: center;
opacity: 0;
z-index: 2;
backface-visibility: hidden;
will-change: transform, opacity;
animation: drawFakeCheck 6s cubic-bezier(0.65, 0, 0.35, 1) infinite;
animation-play-state: paused;
}
html.dark .divider-icon .img-container::before {
border-right: 3.5px solid #1b5e20;
border-bottom: 3.5px solid #1b5e20;
}
.sbauth.reveal-visible .divider-icon img,
.sbauth.reveal-visible .divider-icon .img-container::after,
.sbauth.reveal-visible .divider-icon .img-container::before {
animation-play-state: running;
}
@keyframes frontSpin {
0%, 10% { transform: rotate(0deg) rotateY(0deg); }
20%, 60% { transform: rotate(180deg) rotateY(180deg); }
70%, 100% { transform: rotate(360deg) rotateY(360deg); }
}
@keyframes backSpin {
0%, 10% { transform: rotate(180deg) rotateY(180deg); }
20%, 60% { transform: rotate(360deg) rotateY(360deg); }
70%, 100% { transform: rotate(540deg) rotateY(540deg); }
}
@keyframes drawFakeCheck {
0%, 10% {
opacity: 0;
transform: translate(-50%, -50%) rotate(180deg) rotateY(180deg) scale(0);
}
20% {
opacity: 1;
transform: translate(-50%, -50%) rotate(360deg) rotateY(360deg) scale(0);
}
24% {
opacity: 1;
transform: translate(-50%, -50%) rotate(360deg) rotateY(360deg) scale(1.1) rotate(45deg);
}
26%, 60% {
opacity: 1;
transform: translate(-50%, -50%) rotate(360deg) rotateY(360deg) scale(1) rotate(45deg);
}
70%, 100% {
opacity: 0;
transform: translate(-50%, -50%) rotate(540deg) rotateY(540deg) scale(0.5) rotate(45deg);
}
}
html.dark .s-block--faqs .faqs-list__item {
border: 1px solid #96ce5a52 !important;
}
html.dark section.s-block--features.angel-features {
border: solid 1px #96ce5a52 !important;
}
section.s-block--features.angel-features {
margin: 20px 0px 28px 0px;
padding: 35px 0px;
}
.s-block--features .angel-feature i {
color: #7fc245 !important;
}
html.dark .s-block--faqs .faqs-list input:checked+div label {
color: #7fc245 !important;
}
html.dark .s-block--faqs .faqs-list input:checked+div .open-badge {
background-color: #7fc245 !important;
}
html.dark .sbauth p {
color: white;
}
.sbauth p {
font-feature-settings: "swsh" 1, "cswh" 1, "salt" 1, "ss01" 1, "ss02" 1, "ss03" 1, "liga" 1, "dlig" 1 !important;
}
html.dark .sbauth img {
filter: invert(66%) sepia(48%) saturate(685%) hue-rotate(54deg) brightness(107%) contrast(89%);
}
.sbauth {
padding-top: 0px;
padding-bottom: 0px;
}
.sbauth a {
font-size: 12px;
}
@font-face {
font-family: 'The Year of Handicrafts';
src: url('https://cdn.jsdelivr.net/gh/hamzaabido/linkin@main/TheYearofHandicrafts-Regular.otf') format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'The Year of Handicrafts';
src: url('https://cdn.jsdelivr.net/gh/hamzaabido/linkin@main/TheYearofHandicrafts-Medium.otf') format('opentype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'The Year of Handicrafts';
src: url('https://cdn.jsdelivr.net/gh/hamzaabido/linkin@main/TheYearofHandicrafts-SemiBold.otf') format('opentype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'The Year of Handicrafts';
src: url('https://cdn.jsdelivr.net/gh/hamzaabido/linkin@main/TheYearofHandicrafts-Bold.otf') format('opentype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
body,
html,
h1, h2, h3, h4, h5, h6, p, a, span, button, input, div {
font-family: 'The Year of Handicrafts', sans-serif !important;
}
:root {
--font-main: 'The Year of Handicrafts', sans-serif !important;
--font-primary: 'The Year of Handicrafts', sans-serif !important;
}
.home-slider__content .hero-slider-title h3 {
font-feature-settings: "swsh" 1, "cswh" 1, "salt" 1, "ss01" 1, "ss02" 1, "ss03" 1, "liga" 1, "dlig" 1 !important;
font-variant-alternates: swash(1);
color: #9ae75a !important;
text-shadow: 0px 3px 2px rgb(0 0 0 / 25%);
line-height: 1.5 !important;
}
html.dark .home-slider__content .hero-slider-subtitle .description {
color: #98ea51 !important;
}
#s-theme_edit_bar {
display: none !important;
}
#wa-angel {
display: flex !important;
z-index: 9999 !important;
perspective: 1000px !important;
}
#wa-angel a {
width: 58px !important;
height: 58px !important;
position: relative !important;
display: block !important;
background: transparent !important;
text-decoration: none !important;
}
.wa-flip-wrapper {
width: 100% !important;
height: 100% !important;
position: absolute !important;
transform-style: preserve-3d !important;
transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.wa-flip-wrapper.is-flipped {
transform: rotateY(180deg) !important;
}
.wa-flip-wrapper {
will-change: transform;
transform: translateZ(0);
backface-visibility: hidden;
}
.wa-front, .wa-back {
position: absolute !important;
width: 100% !important;
height: 100% !important;
border-radius: 50% !important;
backface-visibility: hidden !important;
display: flex !important;
align-items: center;
justify-content: center;
}
.wa-front {
z-index: 2;
background: linear-gradient(135deg, #25D366, #128C7E) !important;
border: 2px solid rgba(255, 255, 255, 0.8) !important;
box-shadow: 0 0 15px rgba(37, 211, 102, 0.6) !important;
}
.wa-front i {
font-size: 34px !important;
color: #ffffff !important;
margin: 0 !important;
z-index: 3 !important;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}
.wa-pulse-wave {
content: '' !important;
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
border-radius: 50% !important;
border: 2px solid #25D366 !important;
box-shadow: 0 0 20px #25D366, inset 0 0 15px #25D366 !important;
z-index: 1 !important;
animation: neon-framer-pulse 2s cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
}
.is-flipped .wa-pulse-wave {
opacity: 0 !important;
animation: none !important;
}
.wa-back {
transform: rotateY(180deg) !important;
background: linear-gradient(135deg, #1fa451, #083b1c) !important;
border: 2px solid #39ff14 !important; /* إطار نيون */
box-shadow: 0 0 15px rgba(57, 255, 20, 0.4) !important;
}
.wa-profile-pic {
width: 100%; height: 100%; border-radius: 50%; overflow: hidden;
}
.wa-profile-pic img {
width: 100%; height: 100%; object-fit: cover;
color: red;
mix-blend-mode: plus-lighter;
}
.wa-status-tag {
position: absolute !important;
top: 50% !important;
right: 110% !important;
transform: translateY(-50%) scaleX(0) !important;
transform-origin: right !important;
background: white !important;
color: black !important;
padding: 6px 12px !important;
border-radius: 8px !important;
font-size: 11px !important;
font-weight: bold !important;
white-space: nowrap !important;
border: 1px solid silver !important;
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
opacity: 0 !important;
}
.is-flipped .wa-status-tag {
transform: translateY(-50%) scaleX(1) !important;
opacity: 1 !important;
transition-delay: 0.4s !important;
}
html.dark .wa-front {
background: linear-gradient(135deg, #1fa451, #083b1c) !important;
border-color: rgba(37, 211, 102, 0.4) !important;
box-shadow: 0 0 20px rgba(37, 211, 102, 0.3) !important;
}
html.dark .wa-pulse-wave {
border-color: #39ff14 !important;
box-shadow: 0 0 25px #39ff14, inset 0 0 20px #39ff14 !important;
}
html.dark .wa-back {
box-shadow: 0 0 25px #39ff14 !important;
}
html.dark .wa-status-tag {
box-shadow: -5px 0 15px rgba(57, 255, 20, 0.2) !important;
background: #70e333 !important;
box-shadow: 0 0 10px #39ff14 !important;
border: 1px solid #39ff14 !important;
}
@keyframes neon-framer-pulse {
0% { transform: scale(1); opacity: 1; }
100% { transform: scale(1.75); opacity: 0; }
}
.bg-green-500 {
display: none !important;
}
html.dark .s-block--hero-slider .swiper-lazy-wrap img:nth-of-type(2) {
content: url("https://i.ibb.co/QR70cBr/header.gif") !important;
}
html.dark .s-block--hero-slider .swiper-lazy-wrap img:nth-of-type(1) {
content: url("رابط_الصورة_الخاصة_بالوضع_الليلي_للكمبيوتر.webp") !important;
}
.bg-green-500 {
background-color: transparent !important;
}
.rp-carousel-full-width {
display: none !important;
}
body {
background-color: #ffffff !important;
}
#mainnav.has-header-bottom.fixed-header.fixed-pinned {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
height: 94px !important;
min-height: 80px !important;
background-color: #ffffff !important;
z-index: 100 !important;
transform: translateY(0) !important;
visibility: visible !important;
opacity: 1 !important;
}
#mainnav.has-header-bottom.fixed-header.fixed-pinned .header-inner,
#mainnav.has-header-bottom.fixed-header.fixed-pinned .header-container {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
border-radius: 15px;
height: 94px;
}
#mainnav.has-header-bottom.fixed-header.fixed-pinned .header-container > .flex {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
}
#mainnav.has-header-bottom.fixed-header.fixed-pinned .header-inner {
animation: none !important;
transition: none !important;
background-color: transparent !important;
transform: translateY(0) !important;
}
#mainnav.has-header-bottom.fixed-header.fixed-pinned {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}
#mainnav.has-header-bottom.fixed-header.fixed-pinned {
backdrop-filter: blur(15px) !important;
border-radius: 0px 0px 15px 15px !important;
background: transparent !important;
}
.bottom-header-icon i+span {
display: none;
}
.main-nav-container.fixed-pinned .inner {
box-shadow: none !important;
}
.bottom-header {
opacity: 1;
background-color: transparent;
backdrop-filter: blur(7px) !important;
border: solid 0.5px silver;
border-radius: 50px;
}
.bottom-header-home .bottom-header-icon span,
.bottom-header-menu .bottom-header-icon span,
.bottom-header-search .search-btn span,
.bottom-header-user > span,
.bottom-header-cart .s-cart-summary-content {
display: none !important;
}
.s-product-card-entry {
border-width: 0.75px;
}
.s-product-card-content-footer salla-add-product-button .s-button-outline {
border-color: #c0c0c0c0;
}
.s-product-card-content salla-add-product-button .s-button-text i {
color: red !important;
}
.s-product-card-content salla-add-product-button .s-button-text i {
font-size: 0 !important;
width: 18px;
height: 18px;
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M12 5l-7 7 7 7'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.s-product-card-content salla-add-product-button .s-button-text {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.s-product-card-content salla-add-product-button .s-button-text i {
order: 2;
}
.s-product-card-content salla-add-product-button .s-button-text span {
order: 1;
}
.s-product-card-promotion-title {
display: none;
}
custom-salla-product-card.s-product-card-entry .s-product-card-image {
padding: 10px 10px 8px 10px !important;
border-radius: 15px !important;
}
custom-salla-product-card.s-product-card-entry .s-product-card-image img {
border-radius: 15px !important;
object-fit: contain !important;
}
.appcat .text-wrapper p {
display: none !important;
}
.appcat .banner-square {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
text-align: center !important;
}
.appcat .banner-square > a {
display: inline-block !important;
width: auto !important;
}
.appcat .box-img {
display: flex;
justify-content: center;
}
.appcat .box-img img {
display: block;
margin: 0 auto !important;
filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.15))
drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3)) !important;
}
.appcat .text-wrapper {
display: inline-block !important;
padding: 6px 14px !important;
margin-top: 8px !important;
text-align: center !important;
border: 1px solid silver !important;
border-radius: 14px !important;
margin-top: 0rem !important;
backdrop-filter: blur(8px);
}
html.dark .appcat .text-wrapper {
display: inline-block !important;
padding: 6px 14px !important;
margin-top: 8px !important;
text-align: center !important;
border: 1px solid transparent !important;
border-radius: 14px !important;
background: linear-gradient(#0f280c, #1f293775) padding-box,
linear-gradient(135deg, #80c345, #11182700, #346e00) border-box !important;
box-shadow: 0 0 20px rgba(128,195,69,.25),
inset 0 0 10px rgba(128,195,69,.05),
0 5px 15px rgba(0,0,0,.5) !important;
margin-top: 0rem !important;
backdrop-filter: blur(8px);
}
.appcat .text-wrapper h3 {
margin: 0 !important;
white-space: nowrap !important;
font-size: 0.65rem !important;
}
.appcat .square-grid {
gap: 2rem !important;
}
.appcat .s-block__title {
text-align: center;
}
.s-block--banners.category .swiper-wrapper {
display: flex !important;
flex-wrap: nowrap !important;
}
.s-block--banners.category .swiper-slide.banner-square {
width: 500px !important;
min-width: 270px !important;
flex-shrink: 0 !important;
}
.category .banner-square > div {
position: relative !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 15px !important;
border: 1px solid #ddd !important;
padding: 12px 15px !important;
border-radius: 12px !important;
background-color: #fff !important;
width: 100% !important;
box-shadow: rgb(50 50 93 / 17%) 0px 13px 27px -5px, rgb(0 0 0 / 12%) 0px 8px 16px -8px;
box-sizing: border-box !important;
overflow: hidden !important;
}
.category .banner-square a {
flex: 0 0 70px !important;
width: 70px !important;
height: 70px !important;
margin: 0 !important;
filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.15)) drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3)) !important;
}
.category .banner-square .box-img,
.category .banner-square .box-img img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
.category .banner-square .relative {
flex: 1 1 auto !important;
text-align: right !important;
padding: 0 !important;
margin: 0 !important;
min-width: 0 !important;
}
.category .banner-square h3 {
margin: 0 0 8px 0 !important;
font-size: 15px !important;
font-weight: bold !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.category .banner-square p {
margin: 0 !important;
font-size: 12px !important;
color: #666 !important;
line-height: 1.4 !important;
}
.category .swiper-scrollbar.swiper-scrollbar-horizontal,
.blog .swiper-scrollbar.swiper-scrollbar-horizontal
{
background-color: #2c5b24;
}
.category .banner-square > div::after {
content: "";
position: absolute;
bottom: 8px;
left: 8px;
width: 20px;
height: 20px;
background-color: #000000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M12 5l-7 7 7 7'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
border-radius: 50%;
box-shadow: 3px 3px 10px rgb(0 0 0 / 23%);
z-index: 10;
pointer-events: none;
}
.blog .banner-square > div::after {
content: "";
position: absolute;
bottom: 11px;
left: 11px;
width: 20px;
height: 20px;
background-color: #000000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M12 5l-7 7 7 7'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
border-radius: 50%;
box-shadow: 3px 3px 10px rgb(0 0 0 / 23%);
z-index: 10;
pointer-events: none;
}
.blog .s-block__title {
text-align: center;
}
section.s-block--features.angel-features
.category .swiper-scrollbar+.swiper-wrapper {
padding-bottom: 2rem;
}
.category .s-products-list-wrapper {
margin-bottom: 0rem !important;
}
.product-index .s-products-list-wrapper {
padding-bottom: 35px !important;
}
.s-block--banners.adspace .swiper-wrapper {
display: flex !important;
flex-wrap: nowrap !important;
}
.s-block--banners.adspace .swiper-slide.banner-square {
width: 100% !important;
min-width: 100% !important;
flex-shrink: 0 !important;
}
.adspace .banner-square > div {
position: relative !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 15px !important;
border: 1px solid #ddd !important;
padding: 12px 15px !important;
border-radius: 12px !important;
background-color: #fff !important;
width: 100% !important;
box-shadow: rgb(50 50 93 / 17%) 0px 13px 27px -5px, rgb(0 0 0 / 12%) 0px 8px 16px -8px;
box-sizing: border-box !important;
overflow: hidden !important;
}
.adspace .banner-square a {
flex: 0 0 70px !important;
width: 70px !important;
height: 70px !important;
margin: 0 !important;
filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.15)) drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3)) !important;
}
.adspace .banner-square .box-img,
.adspace .banner-square .box-img img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
.adspace .banner-square .relative {
flex: 1 1 auto !important;
text-align: right !important;
padding: 0 !important;
margin: 0 !important;
min-width: 0 !important;
}
.adspace .banner-square h3 {
margin: 0 0 8px 0 !important;
font-size: 15px !important;
font-weight: bold !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.adspace .banner-square p {
margin: 0 !important;
font-size: 12px !important;
color: #666 !important;
width: 75%;
line-height: 1.4 !important;
}
.adspace .swiper-scrollbar.swiper-scrollbar-horizontal,
.blog .swiper-scrollbar.swiper-scrollbar-horizontal
{
background-color: #2c5b24;
}
.adspace .banner-square > div::after {
content: "";
position: absolute;
bottom: 8px;
left: 8px;
width: 20px;
height: 20px;
background-color: #000000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M12 5l-7 7 7 7'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
border-radius: 50%;
box-shadow: 3px 3px 10px rgb(0 0 0 / 23%);
z-index: 10;
pointer-events: none;
}
.blog .banner-square > div::after {
content: "";
position: absolute;
bottom: 11px;
left: 11px;
width: 20px;
height: 20px;
background-color: #000000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M12 5l-7 7 7 7'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
border-radius: 50%;
box-shadow: 3px 3px 10px rgb(0 0 0 / 23%);
z-index: 10;
pointer-events: none;
}
.blog .s-block__title {
text-align: center;
}
section.s-block--features.angel-features
.category .swiper-scrollbar+.swiper-wrapper {
padding-bottom: 2rem;
}
.category .s-products-list-wrapper {
margin-bottom: 0rem !important;
}
.home-slider {
-webkit-mask-image: none !important;
mask-image: none !important;
}
/*.container {
-webkit-mask-image: linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent);
mask-image: linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent);
}*/
.s-block--full-bg:first-of-type {
-webkit-mask-image: none !important;
mask-image: none !important;
}
.carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
padding-left: 5rem;
}
.s-products-list-wrapper {
gap : 1.25rem;
}
.featured .s-product-card-content-title,
.featured .s-product-card-content-subtitle,
.featured .s-product-card-content-main {
display: none !important;
}
.featured .s-product-card-content {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
padding: 10px 15px !important;
}
.featured .s-product-card-content-sub {
margin: 0 !important;
width: auto !important;
}
.featured .s-product-card-content-footer,
.featured .s-product-card-content-footer salla-add-product-button,
.featured .s-product-card-content-footer salla-button,
.featured .s-product-card-content-footer .w-full {
width: auto !important;
margin: 0 !important;
}
.featured .s-button-element {
border-radius: 50% !important;
width: 20px !important;
height: 20px !important;
padding: 0 !important;
min-width: unset !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background-color: black;
border-color: transparent !important;
}
.featured .s-product-card-content salla-add-product-button .s-button-text span {
display: none !important;
}
.featured .s-product-card-content salla-add-product-button .s-button-text {
gap: 0 !important;
justify-content: center !important;
}
.featured .s-product-card-content salla-add-product-button .s-button-text i {
display: inline-block !important;
margin: 0 !important;
}
.featured .s-product-card-content salla-add-product-button .s-button-text {
font-size: 0 !important;
color: transparent !important;
line-height: 0 !important;
}
.featured .s-product-card-content salla-add-product-button .s-button-text i {
font-size: 18px !important;
visibility: visible !important;
color: inherit !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
}
.featured .s-product-card-content salla-add-product-button .s-button-text i {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M12 5l-7 7 7 7'/%3E%3C/svg%3E") !important;
background-size: 14px !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.angel-products .prog {
display: none !important;
}
custom-salla-product-card.rounded-2xl {
box-shadow: rgb(50 50 93 / 17%) 0px 13px 27px -5px, rgb(0 0 0 / 12%) 0px 8px 16px -8px;
}
.s-block--angel-products .s-products-list-wrapper {
padding-bottom: 29px;
}
.s-products-slider-wrapper .s-slider-container {
padding-bottom: 35px;
}
.s-products-list-wrapper {
margin-bottom: 0rem !important;
}
/*.s-product-card-content-title.line-clamp-2 {
-webkit-line-clamp: unset !important;
display: block !important;
overflow: visible !important;
white-space: normal !important;
}*/
.services .s-product-card-content {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: space-between !important;
align-items: center !important;
padding: 10px 15px !important;
}
.services .s-product-card-content-main {
width: 100% !important;
margin-bottom: 8px !important;
display: block !important;
}
.services .s-product-card-content-title {
display: block !important;
}
.services .s-product-card-content-subtitle,
.services .s-product-card-sale-price span {
display: none !important;
}
.services .s-product-card-content-sub,
.services .s-product-card-content-footer,
.services .s-product-card-content-footer salla-add-product-button,
.services .s-product-card-content-footer salla-button,
.services .s-product-card-content-footer .w-full {
width: auto !important;
margin: 0 !important;
}
.services .s-button-element {
border-radius: 50% !important;
width: 20px !important;
height: 20px !important;
padding: 0 !important;
min-width: unset !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background-color: black !important;
border-color: transparent !important;
}
.services .s-product-card-content salla-add-product-button .s-button-text span {
display: none !important;
}
.services .s-product-card-content salla-add-product-button .s-button-text {
font-size: 0 !important;
color: transparent !important;
line-height: 0 !important;
gap: 0 !important;
justify-content: center !important;
}
.services .s-product-card-content salla-add-product-button .s-button-text i::before {
display: none !important;
}
.services .s-product-card-content salla-add-product-button .s-button-text i {
visibility: visible !important;
display: inline-block !important;
margin: 0 !important;
width: 14px !important;
height: 14px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M12 5l-7 7 7 7'/%3E%3C/svg%3E") !important;
background-size: 14px !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.services .s-product-card-content-title {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: normal !important;
margin: 0 !important;
}
.special-product .container {
padding-bottom: 35px;
}
.special-product .s-button-text {
font-size: 0px;
display: flex;
}
.special-product .container > div.bg-white {
border: solid 1px #c0c0c0;
box-shadow: rgb(50 50 93 / 17%) 0px 13px 27px -5px, rgb(0 0 0 / 12%) 0px 8px 16px -8px;
align-items: center !important; /* ===== توسيط عناصر الصف عمودياً ===== */
}
.special-product salla-add-product-button button {
background-color: black;
border-color: transparent;
}
.special-product .btn--primary {
background-color: transparent;
}
/* ============================================== */
/* ===== توسيط محتوى النص عمودياً في المنتج المميز ===== */
/* ============================================== */
.special-product .flex-col.gap-1.p-4 {
align-items: center !important;
text-align: center !important;
justify-content: center !important;
align-self: center !important;
}
@media (min-width: 768px) {
.special-product .md\:w-1\/2.flex-col,
.special-product .flex.flex-col.gap-1.md\:p-8 {
justify-content: center !important;
align-self: center !important;
}
.special-product .md\:p-8 {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
}
/* ============================================== */
/* ===== تلوين الأيقونات الدائرية ===== */
/* الخلفية الدائرية = #13322a | الرسمة بالداخل = أبيض */
/* ============================================== */
/* الدائرة (الخلفية + الإطار) بلون #13322a */
.special-product .flex-col.gap-1.p-4 .rounded-full,
.special-product .flex-col.gap-1.p-4 [class*="border-"] {
background-color: #13322a !important;
border-color: #13322a !important;
}
/* الرسمة بالداخل (SVG/Icon font) باللون الأبيض */
.special-product .flex-col.gap-1.p-4 .rounded-full svg,
.special-product .flex-col.gap-1.p-4 .rounded-full svg *,
.special-product .flex-col.gap-1.p-4 .rounded-full svg path,
.special-product .flex-col.gap-1.p-4 .rounded-full svg circle,
.special-product .flex-col.gap-1.p-4 .rounded-full svg rect,
.special-product .flex-col.gap-1.p-4 .rounded-full svg line,
.special-product .flex-col.gap-1.p-4 .rounded-full svg polyline,
.special-product .flex-col.gap-1.p-4 .rounded-full i,
.special-product .flex-col.gap-1.p-4 .rounded-full [class*="sicon"],
.special-product .flex-col.gap-1.p-4 .rounded-full [class*="icon-"] {
color: #ffffff !important;
fill: #ffffff !important;
stroke: #ffffff !important;
}
/* في حال الأيقونات بدون رابر rounded-full صريح، نستهدف العلامات داخل صف الأيقونات */
.special-product .flex-col.gap-1.p-4 > .flex svg,
.special-product .flex-col.gap-1.p-4 > .flex svg path,
.special-product .flex-col.gap-1.p-4 > .flex i {
color: #ffffff !important;
fill: #ffffff !important;
stroke: #ffffff !important;
}
/* الوضع الليلي - دائرة خضراء فاتحة مع رسمة سوداء للتباين */
html.dark .special-product .flex-col.gap-1.p-4 .rounded-full,
html.dark .special-product .flex-col.gap-1.p-4 [class*="border-"] {
background-color: #80c345 !important;
border-color: #80c345 !important;
}
html.dark .special-product .flex-col.gap-1.p-4 .rounded-full svg,
html.dark .special-product .flex-col.gap-1.p-4 .rounded-full svg *,
html.dark .special-product .flex-col.gap-1.p-4 .rounded-full svg path,
html.dark .special-product .flex-col.gap-1.p-4 .rounded-full i {
color: #0f2018 !important;
fill: #0f2018 !important;
stroke: #0f2018 !important;
}
.special-product .flex-col.gap-1.p-4 {
align-items: center !important;
text-align: center !important;
}
./*special-product img {
padding: 25px;
border-radius: 35px;
filter: drop-shadow(0px 6px 12px rgba(50, 50, 93, 0.25)) drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.3));
}*/
.s-block--special-product .rounded-md.overflow-hidden {
overflow: visible !important;
background: transparent !important;
}
s-block--special-product .p_image {
overflow: visible !important;
padding: 20px;
}
s-block--special-product .p_image a {
overflow: visible !important;
display: block;
border-radius: 20px; /* تناسق مع زوايا الصورة */
/* دمج الظلين الذين طلبتهما */
box-shadow: 0px 6px 12px rgb(0 0 0 / 28%), 0px 3px 7px rgb(0 0 0 / 11%) !important;
/* تحسين الأداء ووضعية الطبقات */
position: relative;
z-index: 5;
transition: transform 0.3s ease;
}
.s-block--special-product .p_image img {
border-radius: 20px !important;
display: block;
}
.s-block--special-product .p_image a:hover {
transform: translateY(-5px);
}
.special-product h2,
.special-product p,
.special-product .tabs__item h4,
.special-product .tabs__item p {
text-align: center !important;
text-justify: none !important;
}
.special-product .special-price,
.special-product .tabs__special,
.special-product .special-products-btn {
justify-content: center !important;
width: 100% !important;
}
.special-product .btn--primary {
color: black;
}
.blog .carousel-slider .swiper-wrapper > div {
padding: 15px;
outline: solid 1px #dfdfdf;
outline-offset: -5px;
border-radius: 15px;
}
html.dark .blog .carousel-slider .swiper-wrapper > div {
outline: solid 1px #73b23f ;
}
.store-footer .store-links-items {
column-count: 1 !important;
display: grid;
column-count: 1 !important;
justify-content: center;
}
.store-footer.show-extended-footer .footer-middle {
display: flex !important;
flex-direction: column;
align-items: center;
}
.store-footer .footer-middle,
.store-footer .footer-bottom {
display: none !important;
}
.store-footer.show-extended-footer .footer-middle,
.store-footer.show-extended-footer .footer-bottom {
display: flex !important;
}
.toggle-footer-btn {
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
margin: 50px auto 170px auto;
padding: 10px 24px;
background-color: transparent;
color: inherit;
border: 1px solid rgba(150, 150, 150, 0.5);
border-radius: 8px;
font-size: 15px;
font-weight: bold;
cursor: pointer;
transition: background-color 0.3s ease;
font-family: inherit;
}
.store-footer.show-extended-footer .toggle-footer-btn {
margin-bottom: 20px;
}
.toggle-footer-btn:hover {
background-color: rgba(150, 150, 150, 0.1);
}
.custom-view-all-btn {
/*display: flex !important;*/
justify-content: center;
align-items: center;
margin: 15px auto !important;
padding: 8px 25px !important;
background-color: transparent !important;
border: 1px solid #d0d0d0 !important;
border-radius: 50px !important;
width: fit-content !important;
font-size: 14px !important;
color: #333 !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
display: none;
}
.custom-view-all-btn:hover {
background-color: transparent !important;
border-color: #000 !important;
color: #000 !important;
}
html.dark .custom-view-all-btn {
color: #eee !important;
border-color: #9fda5f !important;
}
html.dark .custom-view-all-btn:hover {
background-color: #9fda5f !important;
border-color: #9fda5f !important;
color: #000 !important;
}
/*.s-products-slider-wrapper .swiper,
.carousel-slider .swiper,
.s-block--angel-products .swiper {
-webkit-mask-image: linear-gradient(to right, transparent, black 50px, black calc(100% - 50px), transparent) !important;
mask-image: linear-gradient(to right, transparent, black 50px, black calc(100% - 50px), transparent) !important;
}*/
/*@media (max-width: 768px) {
.s-products-slider-wrapper .swiper,
.carousel-slider .swiper,
.s-block--angel-products .swiper, #story-slider-1 {
-webkit-mask-image: linear-gradient(to right, transparent, black 20px, black calc(100% - 20px), transparent) !important;
mask-image: linear-gradient(to right, transparent, black 20px, black calc(100% - 20px), transparent) !important;
padding-bottom: 30px;
}
.container:not(.home-slider) {
-webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
}*/
section.partner .box-img img {
filter: grayscale(100%) !important;
}
@media (max-width: 768px) {
section.partner .carousel-slider .swiper {
padding-bottom: 0rem;
}
}
section.partner .box-img {
background-color: transparent !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
html.dark section.partner .box-img img {
filter: sepia(100%) brightness(60%) hue-rotate(100deg) saturate(200%) opacity(100%) !important;
mix-blend-mode: luminosity;
transition: all 0.4s ease-in-out !important;
}
section.partner .box-img {
background-color: #10331d;
}
section.partner .s-block__title {
text-align: center;
}
section.partner .swiper-wrapper {
transition-timing-function: linear !important;
}
section.partner .s-slider-container .swiper-wrapper {
pointer-events: none;
}
section.partner .banner-square a {
pointer-events: none !important;
cursor: default !important;
text-decoration: none !important;
}
section.partner .swiper-wrapper {
transition-timing-function: linear !important;
}
html.dark .category .banner-square > div {
background-color: #122a12 !important;
border-color: #374151 !important;
box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.7) !important;
border: 1px solid transparent !important;
border-radius: 16px !important;
background: linear-gradient(#0f280c, #1f293775) padding-box,
linear-gradient(135deg, #80c345, #11182700, #346e00) border-box !important;
box-shadow: 0px 0px 20px rgba(128, 195, 69, 0.2),
inset 0px 0px 15px rgba(128, 195, 69, 0.05) !important;
backdrop-filter: blur(10px) !important;
}
html.dark .category .banner-square h3 {
color: #ffffff !important;
}
html.dark .category .banner-square p {
color: #9ca3af !important;
}
html.dark .category .banner-square a {
filter: drop-shadow(8px 5px 10px rgba(0, 0, 0, 0.7)) !important;
}
html.dark .blog .banner-square a {
filter: drop-shadow(8px 5px 10px rgba(0, 0, 0, 0.7)) !important;
}
html.dark .category .banner-square > div::after {
content: "";
position: absolute;
bottom: 6px;
left: 6px;
width: 22px;
height: 22px;
border: 1px solid transparent !important;
border-radius: 50% !important;
background: linear-gradient(#0f280c, #1f293775) padding-box,
linear-gradient(135deg, #80c345, #11182700, #346e00) border-box !important;
box-shadow: 0px 0px 20px rgba(128, 195, 69, 0.2),
inset 0px 0px 15px rgba(128, 195, 69, 0.05),
3px 3px 10px rgba(0, 0, 0, 0.6) !important;
backdrop-filter: blur(10px) !important;
z-index: 10;
}
html.dark .blog .banner-square > div::after {
content: "";
position: absolute;
bottom: 11px;
left: 11px;
width: 22px;
height: 22px;
border: 1px solid transparent !important;
border-radius: 50% !important;
background: linear-gradient(#0f280c, #1f293775) padding-box,
linear-gradient(135deg, #80c345, #11182700, #346e00) border-box !important;
box-shadow: 0px 0px 20px rgba(128, 195, 69, 0.2),
inset 0px 0px 15px rgba(128, 195, 69, 0.05),
3px 3px 10px rgba(0, 0, 0, 0.6) !important;
backdrop-filter: blur(10px) !important;
z-index: 10;
}
html.dark .category .banner-square > div::before {
content: "";
position: absolute;
bottom: 6px;
left: 6px;
width: 22px;
height: 22px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M12 5l-7 7 7 7'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
z-index: 11;
pointer-events: none;
}
html.dark .blog .banner-square > div::before {
content: "";
position: absolute;
bottom: 11px;
left: 11px;
width: 22px;
height: 22px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M12 5l-7 7 7 7'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
z-index: 11;
pointer-events: none;
}
html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6,
html.dark p,
html.dark strong,
html.dark a,
html.dark #text {
color: #ffffff !important;
}
html.dark salla-mini-checkout-widget,
html.dark .s-add-product-button-mini-checkout {
background-color: rgb(128, 195, 69) !important;
border-color: rgb(128, 195, 69) !important;
border-radius: 8px !important;
overflow: hidden !important;
}
html.dark .s-add-product-button-mini-checkout-content svg,
html.dark .s-add-product-button-mini-checkout-content svg path {
fill: #000000 !important;
}
html.dark .s-product-card-content-title a,
html.dark .s-block__title h2,
html.dark .special-product h2 {
color: #ffffff !important;
}
html.dark .text-gray-400,
html.dark .text-gray-500,
html.dark .da-ts,
html.dark .da-tm,
html.dark .s-product-card-content-subtitle {
color: #e5e7eb !important;
}
html.dark span:not(.s-button-text):not(.s-cart-summary-count) {
color: #e5e7eb !important;
}
html.dark .hero-slider-subtitle span {
color: #ffffff !important;
}
html.dark custom-salla-product-card.rounded-2xl,
html.dark .special-product .container > div.bg-white {
box-shadow: 0px 13px 27px -5px rgba(0, 0, 0, 0.7), 0px 8px 16px -8px rgba(0, 0, 0, 0.9) !important;
background-color: #122a12 !important;
border-color: #51ac00 !important;
border: 1px solid transparent !important;
border-radius: 16px !important;
background: linear-gradient(#0f280c, #1f293775) padding-box, linear-gradient(135deg, #80c345, #11182700, #346e00) border-box !important;
box-shadow: 0px 0px 20px rgba(128, 195, 69, 0.2), inset 0px 0px 15px rgba(128, 195, 69, 0.05) !important;
backdrop-filter: blur(10px) !important;
}
html.dark #mainnav.has-header-bottom.fixed-header.fixed-pinned {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
background-color: transparent !important;
}
.featured .s-button-element,
.services .s-button-element,
.special-product salla-add-product-button button {
background-color: #80c345 !important;
border-color:transparent !important;
transition: background-color 0.3s ease !important;
}
.featured .s-button-element:hover,
.services .s-button-element:hover,
.special-product salla-add-product-button button:hover {
background-color: #6da63a !important;
}
html.dark .s-product-card-content salla-add-product-button .s-button-text i {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M12 5l-7 7 7 7'/%3E%3C/svg%3E") !important;
}
.featured .s-product-card-content salla-add-product-button .s-button-text i,
.services .s-product-card-content salla-add-product-button .s-button-text i {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M12 5l-7 7 7 7'/%3E%3C/svg%3E") !important;
}
html.dark .special-product .btn--primary {
color: #ffffff !important;
border-color: white;
}
html.dark .special-product .btn--primary:hover {
color: #e5e7eb !important;
}
html.dark .s-block__display-all:after, .s-slider-block__display-all:after {
background-color: #80c345;
}
.s-cart-summary-count {
background-color: #80c345;
}
html.dark .sicon-menu:before {
color: white;
}
html.dark .toggle-footer-btn {
color: white !important;
}
html.dark .bottom-header {
border-color: #80c345;
background-color: transparent !important;
}
html {
scroll-behavior: smooth;
}
body {
transition: background 0.6s ease, color 0.6s ease;
overflow-x: hidden;
}
.store-header .header-inner {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(0,0,0,0.04);
transition: all 0.6s ease;
}
html.dark custom-salla-product-card.rounded-2xl,
html.dark .special-product .container > div.bg-white {
position: relative;
border: 1px solid transparent !important;
border-radius: 16px !important;
background:
linear-gradient(#0f280c, #1f293775) padding-box,
linear-gradient(135deg, #80c345, #346e00, #80c345, #a6e066, #346e00) border-box !important;
background-size: 100% 100%, 300% 300%;
box-shadow:
0 0 20px rgba(128,195,69,0.25),
inset 0 0 15px rgba(128,195,69,0.05) !important;
}
.full-description [style] {
background-color: transparent !important;
color: inherit !important;
}
.s-block--hero-slider .round .swiper, .s-product-card-content-footer.s-block--hero-slider .round .swiper button {
border-radius: 20px 20px 0rem 0rem;
}
.s-block--hero-slider {
position: relative;
}
.s-block--hero-slider::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 22px;
background: white;
border-radius: 20px 20px 0 0;
box-shadow: rgb(0 0 0 / 40%) 0px -14px 11px;
z-index: 5;
}
ul.main-menu > li {
box-sizing: border-box !important;
width: auto !important;
margin-left: 16px !important;
margin-right: 16px !important;
border-bottom: 1px solid #e5e7eb !important;
}
ul.main-menu > li.mobile-menu-slider,
ul.main-menu > li.links,
ul.main-menu > li.social {
border: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
background-color: transparent !important;
}
ul.main-menu > li:nth-child(2),
ul.main-menu > li:nth-child(3) {
background-color: transparent !important;
border-left: 2px solid #e5e7eb !important;
border-right: 2px solid #e5e7eb !important;
}
ul.main-menu > li:nth-child(2) {
border-top: 2px solid #e5e7eb !important;
border-top-right-radius: 12px !important;
border-top-left-radius: 12px !important;
margin-top: 16px !important;
}
ul.main-menu > li:nth-child(3) {
border-bottom: 2px solid #e5e7eb !important;
border-bottom-right-radius: 12px !important;
border-bottom-left-radius: 12px !important;
margin-bottom: 24px !important;
}
ul.main-menu > li:nth-child(n+4):not(.links):not(.social) {
background-color: transparent !important;
border-left: 2px solid #e5e7eb !important;
border-right: 2px solid #e5e7eb !important;
}
ul.main-menu > li:nth-child(4) {
border-top: 2px solid #e5e7eb !important;
border-top-right-radius: 12px !important;
border-top-left-radius: 12px !important;
}
ul.main-menu > li:nth-child(14),
ul.main-menu > li:has(+ li.links) {
border-bottom: 2px solid #e5e7eb !important;
border-bottom-right-radius: 12px !important;
border-bottom-left-radius: 12px !important;
margin-bottom: 16px !important;
}
li.mobile-menu-slider {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
@media only screen and (max-width: 10024px) {
.desk-menu-like-mob .mm-spn li a, .desk-menu-like-mob .mm-spn li span {
border-radius: 15px;
}
}
div.flex-center.flex-col.md\:flex-row-reverse.md\:gap-16.md\:justify-between.md\:px-32.container.home-slider__content.p-8.md\:p-16.absolute.top-1\/2.left-1\/2.-translate-x-1\/2.-translate-y-1\/2.z-2 > div {
padding-bottom: 300px;
}
div.flex-center.flex-col.md\:flex-row-reverse.md\:gap-16.md\:justify-between.md\:px-32.container.home-slider__content.p-8.md\:p-16.absolute.top-1\/2.left-1\/2.-translate-x-1\/2.-translate-y-1\/2.z-2 > div > div.hero-slider-btn.data-swiper-parallax\= > a {
background-color: #42af7e;
}