:root {
 --primary-color: #bc7ca5;
--primary-color-200: #bf86b0;
--primary-color-400: #be88b0;
--primary-color-600: #ca73d7;
--secondary-color: #a3278c;
--gradient-bg: linear-gradient( -90deg, #a3278c, #a3278c8c );
--gradient-bg-0: linear-gradient( 0deg, #a3278ce3, #a3278c );
} #shop-carousel .carousel-utilities
{
text-align:justify;
}
#shop-carousel { grid-template-columns: 5fr 6fr 3fr 1fr 5fr; grid-template-rows: 95px minmax(120px, auto) minmax(70px, auto) 65px;
}
.carousel-item {
grid-column: 1/-1;
grid-row: 1/-1;
display: grid;
grid-template-columns: 5fr 6fr 3fr 1fr;
grid-template-rows: 95px minmax(120px, auto) minmax(70px, auto) 65px;
}
.carousel-item--data {
grid-column: 1/-3;
grid-row: 1/-1;
display: grid;
grid-template-columns: 5fr 6fr 3fr 1fr;
grid-template-rows: 95px minmax(120px, auto) minmax(70px, auto) 65px;
}
.carousel-item .add-to-cart {
grid-column: -3/-1;
grid-row: -2/-1;
}
#shop-carousel .carousel-image {
grid-row: 1/-2;
grid-column: 1/2;
}
#shop-carousel .carousel-title-container {
grid-row: 1/2;
grid-column: 2/3;
margin-right: 16px;
width: 100%;
}
#shop-carousel .carousel-timer-container {
grid-row: 1/2;
grid-column: 3/4;
}
#shop-carousel .carousel-timer-circle {
grid-row: 1/2;
grid-column: 4/5;
}
#shop-carousel .carousel-swiper {
grid-row: 1/-2;
grid-column: -1 / -2;
}
#shop-carousel .carousel-utilities {
grid-row: 2/3;
grid-column: 2/5;
margin-right: 16px;
}
#shop-carousel .carousel-off {
grid-column: 1/5;
grid-row: -1/-2;
}
#shop-carousel .carousel-description {
grid-row: 3/4;
grid-column: 2/5;
margin-right: 16px;
margin-left: 16px;
}
#shop-carousel {
display: grid;
box-shadow: 0 8px 21px 0 #7774;
border-radius: 12px;
overflow: hidden;
}
#shop-carousel .carousel-item.carousel-item--active {
opacity: 1;
pointer-events: all;
background-color:white;
}
#shop-carousel .carousel-item {
opacity: 0;
pointer-events: none;
transition: 0.6s;
}
#shop-carousel .carousel-timer-container span {
text-align: center;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#shop-carousel .carousel-timer-container span svg {
margin-left: 8px;
}
#shop-carousel .carousel-timer {
color: var(--primary-color);
direction: ltr;
text-align: center;
}
#shop-carousel .carousel-image {
position: relative;
display: grid;
place-items: center;
border-left: 1px solid #ddd;
}
#shop-carousel .carousel-special-offer-badge {
position: absolute;
top: 0;
background: var(--gradient-bg);
color: white;
padding: 6px 0;
width: 70%;
left: 15%;
border-radius: 0 0 16px 16px;
text-align: center;
pointer-events: none;
}
h3.carousel-title a:hover {
text-decoration: none;
}
#shop-carousel .carousel-swiper {
width: 100%;
border-right: 1px solid #eee;
}
#shop-carousel .carousel-swiper-slides {
list-style-type: none;
padding: 0;
margin: 0;
overflow-y: auto;
scrollbar-width: thin;
}
.amazing-cd span.countdown-period {
display: none !important;
}
.carousel-timer-container .countdown-container.block-type {
padding-top: 8px;
}
#shop-carousel .swiper-slide {
position: relative;
width: 100%;
padding: 4px 24px 4px 8px;
line-height: 2.0em;
height: 36px !important;
color: #999;
cursor: pointer;
transition: 0.2s; overflow: hidden;
}
#shop-carousel .swiper-slide:not(.swiper-slide--active):hover {
background: var(--primary-color-400);
color: white;
}
#shop-carousel .swiper-slide--active {
background: var(--gradient-bg);
color: white;
}
#shop-carousel .swiper-slide--active::after {
width: 3px;
height: 64%;
top: 18%;
right: 4px;
background: white;
position: absolute;
content: "";
}
#shop-carousel .carousel-off {
background: #f3f3f3;
align-items: center;
padding: 20px 16px 12px 8px;
padding-right: 16px;
}
.add-to-cart {
background: #f3f3f3;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 16px;
}
#shop-carousel #add-to-cart {
background: var(--gradient-bg);
color: white;
border: none;
height: 40px;
padding: 0 12px;
border-radius: 10px;
box-shadow: 0 10px 15px -12px var(--primary-color);
cursor: pointer;
display: flex;
align-items: center;
text-decoration: none;
}
#shop-carousel #add-to-cart svg {
margin-left: 8px;
}
#shop-carousel .carousel-off small {
text-decoration: line-through;
color: #bbb;
display: block;
}
#shop-carousel .carousel-off > div {
position: relative;
padding-right: 16px;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
#shop-carousel .carousel-off > div::after {
position: absolute;
width: 3px;
height: 90%;
top: 0;
content: "";
background: var(--gradient-bg-0);
right: 0;
}
#shop-carousel .carousel-off {
}
#shop-carousel .carousel-off .price .item-sell-price {
color: #649965;
}
#shop-carousel .carousel-off .price .off-amount {
color: var(--primary-color);
}
#shop-carousel .carousel-off .price {
color: #999;
}
span.currency {
}
.carousel-utilities {
list-style-type: disclosure-closed;
padding-right: 10px;
margin-top: 0;
margin-bottom: 0;
}
.carousel-utility {
color: #aaa;
margin: 4px 0;
padding-right: 4px;
}
h3.carousel-title {
color: #444;
font-weight: 100;
margin-bottom: 0;
line-height: 1.6;
background-color: #e8ebed;
padding: 10px;
border-radius: 10px;
height: 60px;
}
.carousel-subtitle {
font-weight: 400;
color: #bbb;
margin: 16px 0;
}
.carousel-description {
color: #aaa;
text-align: justify;
margin-bottom: 0;
}
.carousel-timer-circle #countdown {
position: relative;
margin: auto;
height: 40px;
width: 40px;
text-align: center;
}
.carousel-timer-circle #countdown-number {
color: #025eec;
display: inline-block;
transform: translateY(-2px);
}
.carousel-timer-circle svg {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
transform: rotateY(0deg) rotateZ(-90deg);
}
.carousel-timer-circle svg circle {
stroke-dasharray: 113px;
stroke-dashoffset: 113px;
stroke-linecap: round;
stroke-width: 5px;
stroke: #025eec;
fill: none;
}
.carousel-timer-circle.active svg circle {
animation: countdown 5s linear infinite forwards;
}
.carousel-prev,
.carousel-next {
display: none;
}
.carousel-item.no-sale > *:not(.no-sale-image) {
filter: blur(2px);
pointer-events: none;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.carousel-item.no-sale .carousel-timer-container {
display: none;
}
#add-to-cart.disabled {
pointer-events: all;
cursor: not-allowed !important;
filter: grayscale();
z-index: 1;
}
.carousel-item.no-sale .no-sale-image {
display: grid;
place-items: center;
z-index:10000;
transform: rotate(-10deg);
}
.no-sale-image {
display: none;
grid-row: 1/4;
grid-column: 2/5;
}
.slider_indexer {
font-size: 14px;
text-align: center;
}
@keyframes countdown {
from {
stroke-dashoffset: 113px;
}
to {
stroke-dashoffset: 0;
}
}
ul.carousel-swiper-slides::-webkit-scrollbar {
width: 7px;
background: #cdcdcd;
}
.carousel-title {
margin-top: 20px;
font-size: 14px;
font-weight: 700 !important;
}
.carousel-timer-container {
margin-top: 20px;
}
.amazing-cd .countdown-section {
padding: 5px 0px 0px 0px;
}
.amazing-cd .countdown-amount {
font-size: 15px;
border: 1px solid #e8ebed;
padding: 15px;
width: 16px !important;
height: 16px;
border-radius: 10px;
background-color: #e8ebed;
}
span.countdown-section:last-child .countdown-amount {
background-color: #f0245d;
color: #ffff;
border-color: #f0245d;
}
.amazing-cd .countdown-section::after {
content: "" !important;
} @media screen and (max-width: 768px) {
:root {
--master-font-size: 1.315rem;
} .carousel-timer-container {
margin-top: 0px;
}
.amazing-cd .countdown-amount{
padding:0px;	
background-color: transparent;
border:0px;
}
span.countdown-section:last-child .countdown-amount {
background-color: transparent;
color: #000;
border-color: transparent;
}
.amazing-cd .countdown-row.countdown-show4 {
margin-right: 20px;
}
#shop-carousel {
width: 96%;
margin: 32px auto;
grid-template-columns: repeat(9, 1fr);
grid-template-rows:
75px minmax(225px, auto) minmax(50px, auto) minmax(50px, auto)
66px;
}
.no-sale-image {
display: none;
grid-row: 1/-1;
grid-column: 1/-1;
z-index: 1;
}
.carousel-item {
grid-column: 1/-1;
grid-row: 1/-1;
display: grid;
grid-template-columns: repeat(9, 1fr);
grid-template-rows:
75px minmax(225px, auto) minmax(50px, auto) minmax(50px, auto)
66px;
}
.carousel-item--data {
grid-column: 1/-1;
grid-row: 1/-1;
display: grid;
grid-template-columns: repeat(9, 1fr);
grid-template-rows:
75px minmax(225px, auto) minmax(50px, auto) minmax(50px, auto)
66px;
}
.carousel-item.carousel-item.carousel-item--active {
pointer-events: none;
}
.carousel-prev {
display: grid;
place-items: center;
grid-column: 1/2;
grid-row: 2/3;
cursor: pointer;
transition: 0.2s;
z-index: 2;
}
.carousel-next {
display: grid;
place-items: center;
grid-row: 2/3;
grid-column: -1/-2;
cursor: pointer;
z-index: 2;
transition: 0.2s;
}
.carousel-next:hover,
.carousel-prev:hover {
background: #f3f3f3;
}
#shop-carousel .carousel-image {
grid-row: 1/3;
grid-column: 3/3;
border: none;
padding-top: 32px;
}
#shop-carousel .carousel-title-container {
grid-row: 3/4;
grid-column: 1/8; }
h3.carousel-title{
width:91%;
background-color:#ffff;
}
#shop-carousel .carousel-title-container * {
margin-top: 0;
text-align: center;
}
#shop-carousel .carousel-timer-container {
grid-row: -1/-2;
grid-column: 1/6;
display: flex;
flex-direction: column;
justify-content: center;
background: #f3f3f3;
}
#shop-carousel .carousel-timer-circle {
grid-row: 1/2;
grid-column: -1/-3;
margin-top: 16px;
}
#shop-carousel .carousel-swiper {
display: none;
grid-row: 1/-2;
grid-column: -1 / -2;
}
#shop-carousel .carousel-utilities {
display: none;
grid-row: 2/3;
grid-column: 2/5;
margin-right: 16px;
}
#shop-carousel .carousel-off > div::after {
display: none;
}
#shop-carousel .carousel-off > div {
padding: 0; }
#shop-carousel .carousel-off > div span.price {
font-size: 10px;
}
#shop-carousel .carousel-off {
grid-column: 1/9;
grid-row: 4/5;
background: transparent;
text-align: right;
padding: 0px;
font-size: 12px;
padding-right: 10px;
}
#shop-carousel .add-to-cart {
grid-column: 1/-1;
grid-row: -2/-1;
font-size: 0.9em;
white-space: nowrap;
padding: 0;
padding-left: 8px;
}
#shop-carousel .add-to-cart svg {
width: 12px;
}
#shop-carousel .carousel-description {
display: none;
grid-row: 3/4;
grid-column: 2/5;
margin-right: 16px;
margin-left: 16px;
}
.carousel-timer-circle #countdown-number {
transform: translateY(0px);
}
}
.backimgright
{
position: absolute;
width: 7px;
height: 233px;
top: 25%;
background: var(--gradient-bg);
right: -8px;
border-radius: 0 10px 10px 0;
}
.backimgleft
{
position: absolute;
width: 7px;
height: 233px;
top: 25%;
background: var(--gradient-bg);
left: -8px;
border-radius: 10px 0 0 10px;
}:root {
--arso-primary: #ef5aa8;
--arso-soft: #fff3f9;
--arso-text: #3f3340;
--arso-success: #22a06b;
}
.arso-offer-banner,
.arso-cart-recommendations,
.arso-modal,
.arso-mini-offer {
direction: rtl;
text-align: right;
box-sizing: border-box;
}
.arso-offer-banner * ,
.arso-cart-recommendations *,
.arso-modal * {
box-sizing: border-box;
}
.arso-offer-banner {
width: 100%;
margin: 0 0 22px;
padding: 18px;
border: 1px solid rgba(239, 90, 168, .22);
border-radius: 20px;
background: linear-gradient(135deg, var(--arso-soft), #fff 70%);
box-shadow: 0 12px 30px rgba(37, 26, 36, .07);
color: var(--arso-text);
}
.arso-offer-banner__head {
display: flex;
align-items: center;
gap: 12px;
}
.arso-offer-icon {
display: grid;
place-items: center;
width: 46px;
height: 46px;
flex: 0 0 46px;
border-radius: 15px;
background: var(--arso-primary);
color: #fff;
font-size: 22px;
box-shadow: 0 8px 18px rgba(239, 90, 168, .25);
}
.arso-offer-copy {
min-width: 0;
flex: 1;
}
.arso-offer-copy > strong {
display: block;
margin-bottom: 4px;
font-size: 16px;
}
.arso-offer-copy p {
margin: 0;
color: var(--arso-text);
font-size: 13px;
line-height: 1.9;
}
.arso-offer-copy p strong,
.arso-mini-offer strong,
.arso-popup__offer strong {
color: var(--arso-primary);
}
.arso-cart-subtotal {
flex: 0 0 auto;
padding: 7px 10px;
border-radius: 999px;
background: #fff;
color: var(--arso-primary);
font-size: 12px;
font-weight: 800;
white-space: nowrap;
}
.arso-progress {
height: 7px;
margin: 14px 0 13px;
overflow: hidden;
border-radius: 999px;
background: rgba(239, 90, 168, .12);
}
.arso-progress span {
display: block;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, var(--arso-primary), #ff8cc5);
transition: width .3s ease;
}
.arso-tier-list {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 9px;
}
.arso-tier {
display: flex;
align-items: center;
gap: 8px;
min-height: 64px;
padding: 9px;
border: 1px solid #ece7eb;
border-radius: 14px;
background: rgba(255,255,255,.86);
opacity: .78;
}
.arso-tier.is-active {
border-color: var(--arso-primary);
background: var(--arso-soft);
opacity: 1;
}
.arso-tier__check {
display: grid;
place-items: center;
width: 28px;
height: 28px;
flex: 0 0 28px;
border-radius: 50%;
background: #f0edf0;
color: #817680;
font-size: 12px;
font-weight: 800;
}
.arso-tier.is-active .arso-tier__check {
background: var(--arso-success);
color: #fff;
}
.arso-tier__text {
min-width: 0;
}
.arso-tier__text b,
.arso-tier__text small {
display: block;
}
.arso-tier__text b {
color: var(--arso-text);
font-size: 11px;
line-height: 1.55;
}
.arso-tier__text small {
margin-top: 3px;
color: #766d75;
font-size: 9px;
line-height: 1.55;
}
.arso-mini-offer {
margin: 10px 0;
padding: 11px 12px;
border-radius: 11px;
background: var(--arso-soft);
color: var(--arso-text);
font-size: 12px;
line-height: 1.85;
}
.arso-cart-recommendations {
margin-top: 28px;
padding: 22px;
border-radius: 20px;
background: #fff;
box-shadow: 0 9px 27px rgba(30, 20, 29, .07);
}
.arso-section-title {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 16px;
}
.arso-section-title > span {
color: var(--arso-primary);
font-size: 24px;
}
.arso-section-title h2 {
margin: 0 0 3px;
font-size: 19px;
}
.arso-section-title p {
margin: 0;
color: #7d737b;
font-size: 12px;
}
.arso-products-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 12px;
}
.arso-products-grid.is-compact {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.arso-product-card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
padding: 11px;
border: 1px solid #eee9ed;
border-radius: 15px;
background: #fff;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.arso-product-card:hover {
transform: translateY(-2px);
border-color: rgba(239, 90, 168, .35);
box-shadow: 0 9px 22px rgba(35, 24, 34, .08);
}
.arso-product-card__image {
display: block;
aspect-ratio: 1 / 1;
margin-bottom: 8px;
}
.arso-product-card__image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.arso-smart-badge {
align-self: flex-start;
margin-bottom: 6px;
padding: 3px 7px;
border-radius: 999px;
background: var(--arso-soft);
color: var(--arso-primary);
font-size: 8px;
font-weight: 800;
}
.arso-product-card__name {
min-height: 44px;
color: var(--arso-text);
font-size: 11px;
font-weight: 700;
line-height: 1.75;
}
.arso-product-card__price {
margin: 7px 0 10px;
color: var(--arso-primary);
font-size: 11px;
font-weight: 800;
}
.arso-product-card .arso-add-button {
width: 100%;
min-height: 34px;
margin-top: auto;
padding: 8px 9px;
border: 0;
border-radius: 10px;
background: var(--arso-primary);
color: #fff;
text-align: center;
font-size: 10px;
font-weight: 800;
line-height: 1.5;
}
.arso-modal[hidden] {
display: none !important;
}
.arso-modal {
position: fixed;
inset: 0;
z-index: 999999;
display: grid;
place-items: center;
padding: 18px;
opacity: 0;
transition: opacity .18s ease;
}
.arso-modal.is-open {
opacity: 1;
}
.arso-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(24, 17, 23, .58);
backdrop-filter: blur(3px);
}
.arso-modal__dialog {
position: relative;
z-index: 1;
width: min(820px, 100%);
max-height: min(90vh, 860px);
overflow: auto;
border-radius: 24px;
background: #fff;
box-shadow: 0 28px 80px rgba(15, 10, 14, .28);
transform: translateY(14px) scale(.985);
transition: transform .18s ease;
overscroll-behavior: contain;
}
.arso-modal.is-open .arso-modal__dialog {
transform: translateY(0) scale(1);
}
.arso-modal__close {
position: sticky;
top: 12px;
z-index: 4;
float: left;
display: grid;
place-items: center;
width: 34px;
height: 34px;
margin: 12px 0 -46px 12px;
border: 0;
border-radius: 50%;
background: #f4f0f3;
color: #4c4149;
font-size: 24px;
cursor: pointer;
}
.arso-sheet-handle {
display: none;
}
.arso-modal__content {
padding: 24px;
}
html.arso-modal-open,
html.arso-modal-open body {
overflow: hidden !important;
}
.arso-popup__success {
display: flex;
align-items: flex-start;
gap: 13px;
padding-left: 42px;
}
.arso-popup__tick {
display: grid;
place-items: center;
width: 42px;
height: 42px;
flex: 0 0 42px;
border-radius: 50%;
background: var(--arso-success);
color: #fff;
font-size: 21px;
font-weight: 900;
}
.arso-popup__success-copy {
min-width: 0;
flex: 1;
}
.arso-popup h3 {
margin: 2px 0 10px;
color: var(--arso-text);
font-size: 20px;
}
.arso-added-product {
display: flex;
align-items: center;
gap: 10px;
}
.arso-added-product img {
width: 58px;
height: 58px;
object-fit: contain;
border: 1px solid #eee8ec;
border-radius: 12px;
}
.arso-added-product strong,
.arso-added-product span {
display: block;
}
.arso-added-product strong {
color: var(--arso-text);
font-size: 12px;
line-height: 1.75;
}
.arso-added-product span {
margin-top: 4px;
color: var(--arso-primary);
font-size: 11px;
font-weight: 800;
}
.arso-popup__offer {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 18px 0;
padding: 13px 14px;
border: 1px solid rgba(239, 90, 168, .18);
border-radius: 14px;
background: var(--arso-soft);
}
.arso-popup__offer > span {
font-size: 20px;
}
.arso-popup__offer b {
display: block;
margin-bottom: 2px;
color: var(--arso-text);
font-size: 12px;
}
.arso-popup__offer p {
margin: 0;
color: var(--arso-text);
font-size: 12px;
line-height: 1.85;
}
.arso-popup-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}
.arso-popup-heading h4 {
margin: 0;
color: var(--arso-text);
font-size: 15px;
}
.arso-popup-heading span {
color: #847981;
font-size: 10px;
}
.arso-popup__actions {
position: sticky;
bottom: 0;
z-index: 3;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin: 18px -24px -24px;
padding: 14px 24px 18px;
border-top: 1px solid #eee8ec;
background: rgba(255,255,255,.96);
backdrop-filter: blur(8px);
}
.arso-popup__actions .button {
display: flex;
align-items: center;
justify-content: center;
min-height: 44px;
border-radius: 12px;
font-size: 12px;
font-weight: 800;
}
.arso-primary-button {
border-color: var(--arso-primary) !important;
background: var(--arso-primary) !important;
color: #fff !important;
}
.arso-secondary-button {
border: 1px solid #ded7dc !important;
background: #fff !important;
color: var(--arso-text) !important;
}
@media (max-width: 1100px) {
.arso-tier-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.arso-products-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.arso-offer-banner {
margin-bottom: 15px;
padding: 13px;
border-radius: 16px;
}
.arso-offer-banner__head {
align-items: flex-start;
gap: 9px;
}
.arso-offer-icon {
width: 38px;
height: 38px;
flex-basis: 38px;
border-radius: 12px;
font-size: 18px;
}
.arso-offer-copy > strong {
font-size: 13px;
}
.arso-offer-copy p {
font-size: 11px;
line-height: 1.8;
}
.arso-cart-subtotal {
display: none;
}
.arso-progress {
margin: 11px 0 10px;
}
.arso-tier-list {
display: flex;
gap: 8px;
margin: 0 -3px;
padding: 2px 3px 5px;
overflow-x: auto;
scroll-snap-type: x proximity;
scrollbar-width: none;
}
.arso-tier-list::-webkit-scrollbar {
display: none;
}
.arso-tier {
min-width: 168px;
min-height: 56px;
flex: 0 0 168px;
padding: 8px;
scroll-snap-align: start;
}
.arso-tier__text b {
font-size: 10px;
}
.arso-tier__text small {
font-size: 8px;
}
.arso-cart-recommendations {
margin-top: 20px;
padding: 15px;
border-radius: 16px;
}
.arso-section-title {
align-items: flex-start;
}
.arso-section-title h2 {
font-size: 15px;
}
.arso-section-title p {
font-size: 10px;
line-height: 1.7;
}
.arso-products-grid,
.arso-products-grid.is-compact {
display: flex;
gap: 10px;
margin: 0 -2px;
padding: 2px 2px 7px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.arso-products-grid::-webkit-scrollbar {
display: none;
}
.arso-product-card {
min-width: 145px;
flex: 0 0 145px;
padding: 9px;
border-radius: 13px;
scroll-snap-align: start;
}
.arso-product-card__name {
min-height: 39px;
font-size: 10px;
}
.arso-product-card__price {
font-size: 10px;
}
.arso-modal {
align-items: end;
padding: 0;
}
.arso-modal.arso-mobile-sheet .arso-modal__dialog {
width: 100%;
max-height: 86vh;
border-radius: 22px 22px 0 0;
transform: translateY(100%);
transition: transform .22s ease;
}
.arso-modal.arso-mobile-sheet.is-open .arso-modal__dialog {
transform: translateY(0);
}
.arso-sheet-handle {
display: block;
width: 48px;
height: 5px;
margin: 9px auto 0;
border-radius: 999px;
background: #ddd5da;
}
.arso-modal__close {
top: 10px;
width: 32px;
height: 32px;
margin-top: 5px;
font-size: 22px;
}
.arso-modal__content {
padding: 15px;
}
.arso-popup__success {
gap: 9px;
padding-left: 35px;
}
.arso-popup__tick {
width: 35px;
height: 35px;
flex-basis: 35px;
font-size: 17px;
}
.arso-popup h3 {
margin-bottom: 7px;
font-size: 16px;
}
.arso-added-product img {
width: 48px;
height: 48px;
}
.arso-added-product strong {
font-size: 10px;
}
.arso-added-product span {
font-size: 9px;
}
.arso-popup__offer {
margin: 13px 0;
padding: 10px 11px;
}
.arso-popup__offer p {
font-size: 10px;
}
.arso-popup-heading {
align-items: flex-start;
flex-direction: column;
gap: 3px;
}
.arso-popup-heading h4 {
font-size: 13px;
}
.arso-popup__actions {
grid-template-columns: 1fr 1fr;
margin: 13px -15px -15px;
padding: 11px 15px calc(12px + env(safe-area-inset-bottom));
}
.arso-popup__actions .button {
min-height: 42px;
padding: 8px 5px;
font-size: 10px;
}
}
@media (max-width: 390px) {
.arso-popup__actions {
grid-template-columns: 1fr;
}
.arso-tier {
min-width: 155px;
flex-basis: 155px;
}
} .arso-popup--instant{min-height:420px}
.arso-popup--instant .arso-added-product img{width:58px;height:58px;object-fit:contain;border-radius:12px;background:#fff}
.arso-instant-product-placeholder{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;background:#eaf8f1;color:#159965;font-size:26px;font-weight:900}
.arso-popup__offer--loading{position:relative;overflow:hidden}
.arso-popup__offer--loading:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);animation:arsoInstantShimmer 1.05s infinite}
.arso-popup-skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.arso-popup-skeleton-card{display:flex;min-height:210px;flex-direction:column;gap:10px;padding:10px;border:1px solid #f0dce6;border-radius:16px;background:#fff;overflow:hidden}
.arso-popup-skeleton-card i,.arso-popup-skeleton-card b,.arso-popup-skeleton-card em{display:block;border-radius:9px;background:linear-gradient(90deg,#f8edf3 25%,#fff 50%,#f8edf3 75%);background-size:200% 100%;animation:arsoSkeleton 1s linear infinite}
.arso-popup-skeleton-card i{height:116px}.arso-popup-skeleton-card b{height:25px}.arso-popup-skeleton-card em{height:38px;margin-top:auto}
@keyframes arsoInstantShimmer{to{transform:translateX(100%)}}
@keyframes arsoSkeleton{to{background-position:-200% 0}}
@media(max-width:767px){
.arso-popup--instant{min-height:72vh}
.arso-popup-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.arso-popup-skeleton-card{min-height:180px;padding:8px}
.arso-popup-skeleton-card i{height:96px}
} .arso-popup--error .arso-popup__tick{background:#c43d52!important;}
.arso-popup--error .arso-popup__success-copy p{margin:6px 0 0;color:#755f69;font-size:13px;}
[data-arso-cart-busy="1"]{pointer-events:none!important;opacity:.82!important;} .arso-growth-products,
.arso-party-featured-grid,
.arso-party-grid,
.arso-single-complete-grid,
.arso-single-related-grid,
.arso-home-party-products,
.arso-home-sale-products,
.arso-profile-products,
.arso-personal-products,
.arso-wishlist-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:14px!important;
align-items:stretch!important;
}
.arso-growth-product-card{
position:relative!important;
display:flex!important;
flex-direction:column!important;
min-width:0!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
overflow:hidden!important;
margin:0!important;
padding:0!important;
border:1px solid #efd8e4!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 4px 14px rgba(91,35,65,.045)!important;
}
.arso-growth-product-card__image{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:210px!important;
min-height:210px!important;
padding:14px!important;
overflow:hidden!important;
background:#fff!important;
border-bottom:1px solid #f4e4ec!important;
}
.arso-growth-product-card__image img{
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
margin:0!important;
}
.arso-growth-product-card__body{
display:flex!important;
flex:1 1 auto!important;
flex-direction:column!important;
min-height:0!important;
padding:12px 12px 13px!important;
gap:7px!important;
}
.arso-growth-context-badge{
align-self:flex-start!important;
max-width:100%!important;
margin:0!important;
padding:4px 9px!important;
border-radius:999px!important;
background:#fff0f7!important;
color:#e52d87!important;
font-size:11px!important;
line-height:1.4!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.arso-growth-product-card__title{
display:-webkit-box!important;
min-height:47px!important;
max-height:47px!important;
margin:0!important;
overflow:hidden!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
font-size:14px!important;
line-height:1.68!important;
font-weight:800!important;
color:#241b20!important;
}
.arso-growth-product-card__title a{color:inherit!important;text-decoration:none!important;}
.arso-growth-product-price{
display:flex!important;
flex-wrap:wrap!important;
align-items:center!important;
gap:5px!important;
min-height:28px!important;
margin-top:auto!important;
color:#ed2788!important;
font-size:16px!important;
line-height:1.45!important;
font-weight:900!important;
}
.arso-growth-product-price ins{order:1!important;color:#ed2788!important;font-size:16px!important;font-weight:900!important;text-decoration:none!important;}
.arso-growth-product-price del{order:2!important;color:#aaa!important;font-size:11px!important;font-weight:500!important;opacity:.85!important;}
.arso-growth-stock{display:block!important;margin:0!important;color:#17834d!important;font-size:11px!important;font-weight:800!important;line-height:1.3!important;}
.arso-growth-card-actions{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:stretch!important;
gap:7px!important;
min-height:42px!important;
margin-top:2px!important;
}
.arso-growth-card-actions:not(.has-accessory){grid-template-columns:minmax(0,1fr)!important;}
.arso-growth-card-actions .button,
.arso-growth-native-add,
.arso-growth-view-product{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-width:0!important;
min-height:42px!important;
margin:0!important;
padding:8px 10px!important;
border:0!important;
border-radius:12px!important;
background:#ef3b98!important;
color:#fff!important;
font-size:12px!important;
line-height:1.3!important;
font-weight:800!important;
text-align:center!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.arso-growth-card-accessory,.arso-growth-card-accessory>*{
display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;min-width:42px!important;margin:0!important;border-radius:12px!important;
}
.arso-product-beauty-badge{top:9px!important;right:9px!important;width:34px!important;height:34px!important;z-index:3!important;}
.arso-product-beauty-badge svg{width:29px!important;height:29px!important;} [data-arso-cart-busy="1"],.arso-cart-waiting{position:relative!important;pointer-events:none!important;opacity:.88!important;color:transparent!important;}
[data-arso-cart-busy="1"] b,.arso-cart-waiting b{visibility:hidden!important;}
[data-arso-cart-busy="1"]:before,.arso-cart-waiting:before{
content:"در حال افزودن…"!important;position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:11px!important;font-weight:800!important;
}
[data-arso-cart-busy="1"]:after,.arso-cart-waiting:after{
content:""!important;position:absolute!important;left:10px!important;top:50%!important;width:13px!important;height:13px!important;margin-top:-7px!important;border:2px solid rgba(255,255,255,.45)!important;border-top-color:#fff!important;border-radius:50%!important;animation:arso388spin .65s linear infinite!important;
}
@keyframes arso388spin{to{transform:rotate(360deg)}}
.arso-popup-rec-loading{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;}
.arso-popup-rec-loading span{display:block!important;min-height:180px!important;border-radius:14px!important;background:linear-gradient(90deg,#fff2f8 25%,#ffe4f1 40%,#fff2f8 60%)!important;background-size:300% 100%!important;animation:arso388shimmer 1.1s infinite linear!important;}
@keyframes arso388shimmer{to{background-position:-300% 0}} .widget_shopping_cart_content .mini_cart_item,
.cart-widget-side .mini_cart_item,
.wd-side-hidden .mini_cart_item{
display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;grid-template-areas:"image title" "image qty" "actions actions"!important;gap:5px 10px!important;align-items:start!important;padding:12px!important;min-height:0!important;
}
.widget_shopping_cart_content .mini_cart_item>a:not(.remove),
.cart-widget-side .mini_cart_item>a:not(.remove){display:contents!important;}
.widget_shopping_cart_content .mini_cart_item img,
.cart-widget-side .mini_cart_item img{grid-area:image!important;width:64px!important;height:64px!important;object-fit:contain!important;margin:0!important;border:1px solid #f0dce6!important;border-radius:12px!important;}
.widget_shopping_cart_content .mini_cart_item .product-title,
.widget_shopping_cart_content .mini_cart_item>a:not(.remove),
.cart-widget-side .mini_cart_item .product-title{grid-area:title!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;line-height:1.65!important;font-size:12px!important;font-weight:800!important;}
.widget_shopping_cart_content .mini_cart_item .quantity,.cart-widget-side .mini_cart_item .quantity{grid-area:qty!important;white-space:normal!important;color:#e92f8d!important;font-size:12px!important;}
.arso-cart-actions-377{grid-area:actions!important;position:static!important;display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:7px!important;width:100%!important;margin:7px 0 0!important;transform:none!important;}
.arso-cart-actions-377 a,.arso-cart-actions-377 button{position:static!important;width:100%!important;min-height:34px!important;margin:0!important;padding:5px 8px!important;border-radius:9px!important;font-size:10px!important;line-height:1.3!important;white-space:normal!important;} .arso-home-slider-dots,.arso-home-slider-controls,.arso-home-hero [class*="pause"],.arso-home-hero [class*="stop"]{display:none!important;}
.arso-loyalty-frequency{display:grid!important;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr)!important;gap:14px!important;align-items:center!important;margin:16px 0!important;padding:18px!important;border:1px solid #f0d9e5!important;border-radius:18px!important;background:linear-gradient(135deg,#fff,#fff2f8)!important;}
.arso-loyalty-frequency h3{margin:5px 0!important}.arso-loyalty-frequency p{margin:0!important;color:#76646e!important}.arso-loyalty-frequency__grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.arso-loyalty-frequency__grid span{display:flex!important;flex-direction:column!important;align-items:center!important;padding:10px 6px!important;border-radius:12px!important;background:#fff!important;border:1px solid #f1dce7!important}.arso-loyalty-frequency__grid b{font-size:20px!important;color:#ed2d8b!important}.arso-loyalty-frequency__grid small{font-size:10px!important;color:#76646e!important;text-align:center!important}
@media(max-width:768px){
.arso-growth-products,.arso-party-featured-grid,.arso-party-grid,.arso-single-complete-grid,.arso-single-related-grid,.arso-home-party-products,.arso-home-sale-products,.arso-profile-products,.arso-personal-products,.arso-wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
.arso-growth-product-card{border-radius:15px!important;}
.arso-growth-product-card__image{height:158px!important;min-height:158px!important;padding:9px!important;}
.arso-growth-product-card__body{padding:9px!important;gap:5px!important;}
.arso-growth-product-card__title{min-height:43px!important;max-height:43px!important;font-size:12px!important;line-height:1.75!important;}
.arso-growth-product-price,.arso-growth-product-price ins{font-size:14px!important;}.arso-growth-product-price del{font-size:10px!important;}
.arso-growth-card-actions .button,.arso-growth-native-add,.arso-growth-view-product{min-height:40px!important;padding:7px 5px!important;font-size:11px!important;}
.arso-popup-rec-loading{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.arso-popup-rec-loading span{min-height:155px!important;}
.arso-loyalty-frequency{grid-template-columns:1fr!important;padding:14px!important}.arso-loyalty-frequency__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
} .arso-instant-recommendations{min-height:0!important}