svg {
    fill: rgb(83, 83, 83);
}

.header-bg img {
    width: 100%;
}

.restaurant-logo img {
    max-width: 180px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.restaurant-logo {
    text-align: center;
}

#menu-topbar {
    position: absolute;
    width: 100%;
    background: none;
}

.topbar-my-account {
    background: #FFF;
    padding: 0.4rem 0.8rem;
    border-radius: 2.4rem;
    color: #328ca2;
    /* font-weight: bold; */
}

.topbar-my-account svg {
    width: 20px;
    height: 18px;
    fill: #328aa8;
}

#user-name {
    font-size: 0.87rem;
    /* font-weight: bold; */
    margin-top: 2px;
}

.restaurant-info {
    padding: 0 3rem;
    text-align: justify;
}

.restaurant-website-link {
    background: #ff7611;
    color: #ffffff;
    font-size: 1rem;
}

.working-hours {
    font-size: 0.85rem;
    color: #6c6c6c;
}

.crm-overview {
    color: #4a4a4a;
}

.crm-overview__card {
    background: #fffaf3;
    border: 1px solid rgba(190, 155, 110, 0.4);
}

.crm-overview__name {
    color: #333;
}

.crm-overview__tier-label,
.crm-overview__points {
    color: #5f5f5f;
}

.crm-overview__dot {
    background: rgba(100, 100, 100, 0.35);
}

.crm-overview__unit {
    color: rgba(110, 110, 110, 0.75);
}

.crm-overview__credit-label {
    color: rgba(100, 100, 100, 0.78);
}

.crm-overview__credit-value {
    color: #3a3a3a;
}

.crm-overview__empty-note {
    border-top-color: rgba(160, 140, 110, 0.3);
    color: rgba(90, 90, 90, 0.88);
}

.status-open {
    color: #4caf50;
    font-weight: bold;
    font-size: 0.9rem;
}

.menu-overview__title {
    color: #515151;
}

.overview__category img {
    border: none;
    box-shadow: none;
    filter: drop-shadow(2px 2px 6px #00000030);
}

.categories-nav__category img {
    border: none;
    filter: drop-shadow(2px 2px 6px #00000027);
}

.overview__button {
    display: none;
}

.overview__category__name {
    color: #343434;
    font-size: 0.9rem;
}

/* ─── آیتم‌های پیشنهادی — تم بستنی ─── */
.recommended-section {
    background:
      radial-gradient(ellipse 75% 65% at 100% 0%, rgba(53, 138, 167, 0.14), transparent 55%),
      linear-gradient(165deg, rgba(255, 252, 246, 0.92) 0%, rgba(236, 226, 208, 0.88) 100%);
    border: 1px solid rgba(211, 174, 125, 0.45);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.65),
      0 16px 36px -24px rgba(83, 58, 24, 0.4);
}

.recommended-section__line {
    background: linear-gradient(
      90deg,
      transparent,
      rgba(53, 138, 167, 0.5),
      transparent
    );
}

.recommended-section__badge {
    background: linear-gradient(145deg, rgba(53, 138, 167, 0.22), rgba(53, 138, 167, 0.06));
    border-color: rgba(53, 138, 167, 0.32);
    box-shadow: 0 0 14px -4px rgba(53, 138, 167, 0.4);
}

.recommended-section__badge svg {
    fill: #358aa7;
}

.recommended-section__title {
    color: #2f7a94;
}

.recommended-carousel__media {
    background: #e8dcc8;
    box-shadow:
      0 0 0 1.5px rgba(255, 255, 255, 0.85),
      0 0 0 4px rgba(53, 138, 167, 0.14),
      0 12px 24px -12px rgba(83, 58, 24, 0.35);
}

.recommended-carousel__card:active .recommended-carousel__media {
    box-shadow:
      0 0 0 1.5px rgba(255, 255, 255, 0.95),
      0 0 0 4px rgba(53, 138, 167, 0.24),
      0 10px 18px -10px rgba(83, 58, 24, 0.35);
}

.recommended-carousel__media::after {
    background: linear-gradient(
      180deg,
      transparent 60%,
      rgba(60, 40, 20, 0.12) 100%
    );
}

.recommended-carousel__name {
    color: #3f3f3f;
}

.recommended-carousel__price {
    background: rgba(255, 118, 17, 0.1);
    border-color: rgba(255, 118, 17, 0.22);
    color: #e56a0c;
}

.recommended-carousel__price-prefix,
.recommended-carousel__toman {
    color: rgba(70, 70, 70, 0.55);
}

.recommended-carousel__plus {
    color: #fff;
    background: linear-gradient(145deg, #4aa3bd 0%, #358aa7 100%);
    box-shadow:
      0 0 0 2px rgba(255, 255, 255, 0.65),
      0 6px 14px -6px rgba(53, 138, 167, 0.65);
}

.recommended-carousel__card:focus-visible {
    outline-color: #358aa7;
}

.item--recommended {
    background:
      radial-gradient(ellipse 85% 70% at 0% 0%, rgba(53, 138, 167, 0.2), transparent 55%),
      linear-gradient(160deg, #fff9f0 0%, #eee8dc 100%);
    border-color: rgba(53, 138, 167, 0.4);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.7),
      0 14px 28px -20px rgba(53, 138, 167, 0.35);
}

.item__suggested-badge {
    background: linear-gradient(135deg, #4aa3bd, #358aa7);
    color: #fff;
    box-shadow: 0 6px 16px -8px rgba(53, 138, 167, 0.55);
}

.item__suggested-badge svg {
    fill: #fff;
}

.back-to-top {
    background: rgba(255, 252, 246, 0.92);
    border-color: rgba(211, 174, 125, 0.55);
    box-shadow: 0 8px 18px -10px rgba(83, 58, 24, 0.4);
}

.back-to-top svg {
    fill: #358aa7;
}

.categories-nav {
    box-shadow: 0 -19px 40px 18px #e7d4bd;
    background: #e7d4bb;
    border-bottom: 3px solid #d3ae7d;
}

#menu-wrapper {
    background-image: url(/img/themes/icecream/pattern1.jpg);
    background-attachment: fixed;
}

.overview__category__name,
.categories-nav__category__name {
    color: #343434;
}

.all-categories {
    background: #cfb491;
    color: #FFF;
}

.category__name {
    font-size: 1.4rem;
    color: #358aa7;
}

.item {
    /* background: #eeeae2bd; */
    background: #fff7eded;
    /* backdrop-filter: blur(3px); */
    border: 3px solid #ffffff26;
}

.item__name {
    color: #707070;
}

.item__contents {
    font-size: 0.78rem;
    color: #5b5b5b;
}

.item__tag {
    color: #424242;
}

.variable,
.item_price_value {
    color: #3e3e3e;
}

.item__price__toman svg {
    fill: #474747;
}

.item-variables {
    border-top: 1px solid #ffffffc2;
}

.qty-minus {
    filter: brightness(0) saturate(100%) invert(48%) sepia(63%) saturate(548%) hue-rotate(160deg) brightness(92%) contrast(88%);
}

#view-orders-button,
.cart-and-login-buttons #login-button,
#login-button {
    background: #f4f4f4;
    color: #3e3e3e;
}

.open-orders-count {
    width: 18px;
}

#phone-number {
    background: #dcdcdc;
    border: 2px solid #a6a6a6;
    color: #555555;
}

#signup-first-name,
#signup-last-name {
    background: #dcdcdc;
    border: 2px solid #a6a6a6;
    color: #555555;
}

.collect-name-container__desc {
    color: #666666;
}

.signup-gender-option {
    background: #dcdcdc;
    border: 2px solid #a6a6a6;
    color: #555555;
}

.signup-gender-option:has(input:checked) {
    border-color: #ee6500;
    background: #ffffff;
    color: #358aa7;
}

/* باشگاه مشتریان — تم بستنی */
.club-credit-banner {
    background: linear-gradient(135deg, #ff7611 0%, #ee6500 50%, #d45500 100%);
    border-color: #ffb380;
    box-shadow: 0 10px 28px rgba(238, 101, 0, 0.28);
}

.club-tier-panel {
    background: linear-gradient(160deg, #f5f0e8 0%, #ebe4d8 100%);
    border-color: #d3ae7d;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.club-tier-current__image-wrap {
    /* background: radial-gradient(circle at 30% 20%, #ffffff, #e7d4bd);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); */
}

.club-tier-current__label {
    color: #7a6a58;
}

.club-tier-points__value {
    color: #ee6500;
}

.club-tier-points__label {
    color: #8a7a68;
}

.club-progress-goal__badge {
    color: #ee6500;
}

.club-progress-goal__image-wrap {
    background: radial-gradient(circle at 35% 25%, #ece5d9, #e7d4bd);
    border-color: #ee6500;
    box-shadow:
        0 0 0 3px rgba(238, 101, 0, 0.12),
        0 6px 18px rgba(238, 101, 0, 0.28);
}

.club-progress-goal__name {
    color: #358aa7;
}

.club-progress-goal__hint {
    color: #9a8a78;
}

@keyframes clubGoalPulse {
    0%, 100% { box-shadow: 0 0 0 3px rgba(238, 101, 0, 0.12), 0 6px 18px rgba(238, 101, 0, 0.28); }
    50% { box-shadow: 0 0 0 6px rgba(238, 101, 0, 0.2), 0 8px 24px rgba(238, 101, 0, 0.4); }
}

.club-progress-text {
    color: #5a5048;
}

.club-progress-text strong {
    color: #ee6500;
}

.club-progress-bar__track {
    background: #e0d5c8;
    border-color: #d3ae7d;
}

.club-progress-bar__track::after {
    border-left-color: #ee6500;
}

.club-progress-bar__fill {
    background: linear-gradient(90deg, #ff7611, #ffd700, #ff7611);
    box-shadow: 0 0 10px rgba(238, 101, 0, 0.4);
}

.club-progress-labels {
    color: #8a7a68;
}

.club-max-tier-message {
    color: #b8860b;
    background: linear-gradient(135deg, #fff8e8, #fff3d0);
    border-color: #ffd70088;
}

.club-benefits-tooltip__card {
    background: linear-gradient(160deg, #faf6f0, #f0ebe3);
    border-color: #ee6500;
    color: #4a4038;
}

.club-benefits-tooltip__header h4 {
    color: #358aa7;
}

.club-benefits-tooltip__eyebrow {
    color: #ee6500;
}

.club-benefits-tooltip__list li {
    color: #6a5a48;
}

.club-benefits-tooltip__list li strong {
    color: #358aa7;
}

.club-benefits-tooltip__cta {
    color: #ee6500;
    background: rgba(238, 101, 0, 0.1);
}

.club-benefits-tooltip__close {
    color: #8a7a68;
}

.club-membership-empty {
    background: linear-gradient(160deg, #f5f0e8, #ebe4d8);
    border-color: #d3ae7d;
}

.club-membership-empty__title {
    color: #358aa7;
}

.club-membership-empty__desc {
    color: #7a6a58;
}

.club-tier-badge[data-tier="bronze"] { background: #e8d0b833; color: #8b5a2b; border-color: #cd7f32; }
.club-tier-badge[data-tier="silver"] { background: #e8e8e833; color: #606060; border-color: #a0a0a0; }
.club-tier-badge[data-tier="gold"] { background: #fff3c433; color: #b8860b; border-color: #ffd700; }
.club-tier-badge[data-tier="ruby"] { background: #ffe0e033; color: #c0392b; border-color: #e0115f; }
.club-tier-badge[data-tier="emerald"] { background: #d5f5e333; color: #1e8449; border-color: #50c878; }
.club-tier-badge[data-tier="diamond"] { background: #d6eaf833; color: #2874a6; border-color: #85c1e9; }
.club-tier-badge[data-tier="royal"] { background: #e8daef33; color: #6c3483; border-color: #9b59b6; }

.login-modal__title {
    color: rgb(84 84 84);
}

.get-number__number label {
    color: #545454;
}

.login-modal {
    background: #e9e9e9;
    color: #fdfdfd;
    border: 3px solid #bdbdbd;
}

.sector {
    color: #616161;
    background: #f2f2f2;
}

#clear-cart {
    color: #5a5a5a;
    background: #e6e6e6;
}

.cart-item__variable {
    color: #8e8e8e;
}

.cart-item__price__value {
    color: #747474;
}

.qty-value {
    color: #3e3e3e;
}

.back svg {
    fill: #7a7a7a;
}

.cart-item {
    border-bottom: 1px solid #c0c0c0;
}

.cart-desc textarea {
    background: #ededed;
    border: 1px solid #9c9c9c;
    color: #535353;
}

.cart-detail {
    color: #515151;
}

.cart-detail__price svg {
    fill: #585858;
}

.back-to-menu {
    color: #5c5c5c;
}

.insert-otp-container__title {
    color: #666666;
}

.otp-area__title {
    color: #858585;
}

.resend-otp {
    color: #828282;
}

.otp-inputs input {
    background: #d5d5d5;
    color: #777777;
    border: 2px solid #c7c7c7;
}

.my-account__card,
.my-account .club-membership-card,
.my-account .club-membership-empty {
    background: #ffffff;
    border-color: rgba(190, 155, 110, 0.45);
    box-shadow: 0 8px 22px -14px rgba(90, 60, 20, 0.28);
}

.my-account .club-credit-banner {
    background: #fff;
    border-color: rgba(190, 155, 110, 0.45);
    box-shadow: 0 8px 22px -14px rgba(90, 60, 20, 0.28);
}

.my-account__avatar {
    background: #f5ebe0;
    border-color: rgba(190, 155, 110, 0.35);
}

.my-account .user__name {
    color: #3d342c;
}

.my-account .user__mobile {
    color: #7a6a58;
}

.my-account__logout {
    color: #6d6d6d;
    background: rgba(129, 129, 129, 0.11);
    border-color: rgba(190, 155, 110, 0.35);
    fill: #7b7b7b;
}

.my-account__section-title {
    color: #7a6a58;
}

.my-account__stat-value,
.my-account .orders-count__value,
.my-account .orders-total-price span:first-child {
    color: #4a4038;
}

.my-account__stat-label {
    color: #8a7a68;
}

.my-account__stat-sep {
    background: rgba(190, 155, 110, 0.35);
}

.my-account__action {
    background: #f0ebe3;
    border-color: rgba(190, 155, 110, 0.4);
    color: #5d5d5d;
}

.my-account .club-credit-banner__label,
.my-account .club-tier-current__label,
.my-account .club-tier-points__label,
.my-account .club-progress-labels,
.my-account .club-progress-goal__badge,
.my-account .club-progress-goal__hint {
    color: #8a7a68;
}

.my-account .club-usable-credit-value,
.my-account .club-tier-points__value,
.my-account .club-progress-text strong,
.my-account .club-progress-goal__name {
    color: #4a4038;
}

.my-account .club-credit-banner__unit {
    color: #8a7a68;
}

.my-account .club-credit-banner__pending {
    color: #6a5a48;
    background: rgba(190, 155, 110, 0.12);
    border-color: rgba(190, 155, 110, 0.25);
}

.my-account .club-progress-text {
    color: #6a5a48;
}

.my-account .club-progress-bar__track {
    background: #e0d5c8;
    border-color: rgba(190, 155, 110, 0.3);
}

.my-account .club-progress-bar__fill {
    background: linear-gradient(90deg, #d3ae7d, #ee6500);
}

.my-account .club-progress-goal__image-wrap {
    background: #f5ebe0;
    border-color: rgba(238, 101, 0, 0.45);
}

.my-account .club-max-tier-message {
    color: #6a5a48;
    background: rgba(255, 243, 208, 0.5);
    border-color: rgba(190, 155, 110, 0.35);
}

.my-account .club-membership-empty__title {
    color: #358aa7;
}

.my-account .club-membership-empty__desc {
    color: #7a6a58;
}

.order-type {
    border: 3px solid #7f7f7f1a;
    background: #e2e2e2;
}

.order-place__icon-img {
    filter: invert(0.25);
}

.order-type-description-box,
.payment-method {
    border: 3px solid #8686861a;
    background: #e2e2e2;
}

.order-type-description-box__title span:first-child {
    color: #757575;
}

.order-type-description-box__description {
    color: #5d5d5d;
}

.order-type-description-box__button {
    color: #ee8f00;
}

.payment-method__desc {
    color: #909090;
}

/* Customer offers — icecream (light) */
.customer-offers__title {
    color: #2f2f2f;
}

.customer-offers__subtitle,
.customer-offers__empty {
    color: #7a7a7a;
}

.customer-offer-card {
    border: 1px solid #e0e0e0;
    background: #fff;
    color: #333;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.customer-offer-card--cashback {
    border-color: #d7efdf;
    background: #f7fcf9;
}

.customer-offer-card__badge {
    background: rgba(238, 143, 0, 0.1);
    color: #d27a00;
}

.customer-offer-card--cashback .customer-offer-card__badge {
    background: rgba(16, 185, 129, 0.1);
    color: #0f8a57;
}

.customer-offer-card__value {
    color: #ee8f00;
}

.customer-offer-card--cashback .customer-offer-card__value {
    color: #0f8a57;
}

.checkout-discount-offer-card {
    border-color: #e0e0e0;
    background: #fff;
    color: #333;
}

.checkout-discount-offer-card:hover,
.checkout-discount-offer-card.is-selected {
    border-color: #ee8f00;
}

.checkout-discount-offer-card.is-selected {
    box-shadow: 0 0 0 2px rgba(238, 143, 0, 0.14);
    background: #fffaf3;
}

.checkout-discount-offer-card__badge,
.checkout-discount-offer-card__value {
    color: #ee8f00;
}

.customer-offers__track::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
}

/* Checkout discount — icecream (light) */
.checkout-discount-toggle {
    color: #ee8f00;
}

.checkout-discount-input {
    border: 2px solid #cfcfcf;
    background: #f4f4f4;
    color: #333;
}

.checkout-discount-input::placeholder {
    color: #8a8a8a;
}

.checkout-discount-input:focus {
    border-color: #ee8f00;
    box-shadow: 0 0 0 3px rgba(238, 143, 0, 0.16);
}

.checkout-discount-apply-btn {
    background: #ee8f00;
    color: #fff;
}

.checkout-discount-error {
    background: #fff1f0;
    border: 1px solid #f5c2c0;
    color: #b42318;
}

.checkout-discount-applied {
    background: #ecfdf3;
    border: 1px solid #abefc6;
    color: #067647;
}

.checkout-discount-applied__main strong {
    color: #05603a;
}

.checkout-discount-applied__meta {
    color: #099250;
}

.checkout-discount-applied__scope {
    color: #3f8f5f;
}

.checkout-discount-remove-btn {
    border-color: #f5c2c0;
    color: #b42318;
}

.cart-discount-row .cart-detail__price .price {
    color: #067647;
}

.back-to-cart {
    background: #e2e2e2;
    color: #606060;
}

.sand-clock {
    fill: #5b5b5b;
}

#c1 {
    stroke: #dcdcdc;
}

.order-details,
.success-order-items {
    background: #ffffffde;
    box-shadow: 3px 3px 10px -3px #0000001c;
}

.order-detail span:first-child {
    color: rgb(113 113 113);
}

.total-price-row div {
    font-size: unset !important
}

.final-price-row {
    color: unset;
}

.cooking-icon img {
    filter: drop-shadow(3px 3px 2px #00000029);
}

#go-to-my-orders-button {
    background: #e4e4e4;
    color: #606060;
}

.open-order,
.closed-order {
    background: #eaeaea;
    border: 2px solid #d2d2d2;
    border-bottom: 4px solid #d2d2d2;
    box-shadow: unset;
}

.open-order-not-payed .open-order__price-container__price-title {
    text-shadow: unset;
}

.open-order__price-container__left {
    background: #ff6c00;
    color: #ffffff;
}

.open-order__price-container__price svg {
    fill: #5e5e5e;
}

.open-order__price-container {
    border-top: 1px solid #0000001d;
}

.closed-order__body {
    color: #505050;
}

.closed-order__progress {
    color: #787878;
}

.closed-order__progress {
    color: #787878;
}

.category-link-active img {
    border: 2px solid #ffffff;
}

.single-price {
    border-top: 1px solid #ffffffc4;
}

.view-item {
    background: #eeeeee;
    box-shadow: none;
    border: none;
    color: #6e6e6e;
}

.view-item__info__contents {
    color: #959595;
}

.view-item__pricearea svg {
    fill: #636363;
}

.view-item__action button {
    color: #ee6f00;
}

.add-item-button {
    box-shadow: 0px 0px 9px -1px #00000021;
}

.open-orders__title,
.orders__title {
    color: #6b6b6b;
}

@media (min-width: 480px) {
    #menu-all-wrapper {
        border-right: 5px solid #e8d4bc;
        border-left: 5px solid #e9d5bd;
        background: none;
    }
}

#menu-all-wrapper {
    background-image: url(/img/themes/icecream/pattern1.jpg);
}

#waiter-request-bill-on-table-button{
    background: #e4e4e4;
    color: #606060;
}

.confirm-waiter-request-bill-on-table-modal__inner {
    background: #efefef;
    border: 2px solid #b3b3b3;
    color: #707070;
}

.confirm-waiter-request-bill-on-table-modal__inner img {
    filter: invert(0.35);
}

.confirm-waiter-request-bill-on-table-modal__cancel-button{
    background: #dedede;
    color: #606060;
}

.copyright-container a{
    color: #515151;
}
.copyright-powered-by{
    color: #3b3745c4;
}

.copyright-menuiran{
    color: #332f3ecf;
}

/* ── Icecream story popups ── */
.story-popup-root[data-story-theme="icecream"] .story-popup-backdrop {
    background: rgba(62, 52, 42, 0.45);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.story-popup-root[data-story-theme="icecream"] .story-popup-shell {
    --story-bar-track: rgba(53, 138, 167, 0.28);
    --story-bar-fill: linear-gradient(90deg, #358aa7, #ee6500);
}

.story-popup-root[data-story-theme="icecream"] .story-popup {
    --story-accent: #ee6500;
    --story-accent-soft: rgba(238, 101, 0, 0.2);
    --story-surface: #fffaf5;
    --story-surface-2: #ffffff;
    --story-text: #2f3a40;
    --story-muted: #6b6b6b;
    --story-radius: 1.6rem;
    background: #fffaf5;
    border: 1px solid rgba(53, 138, 167, 0.18);
    box-shadow:
        0 20px 50px rgba(80, 55, 30, 0.18),
        0 0 0 1px rgba(255, 255, 255, 0.7) inset;
    color: var(--story-text);
}

.story-popup-root[data-story-theme="icecream"] .story-popup__progress-segment {
    background: rgba(53, 138, 167, 0.28);
}

.story-popup-root[data-story-theme="icecream"] .story-popup__progress-fill {
    background: linear-gradient(90deg, #358aa7, #ee6500);
    box-shadow: 0 0 10px rgba(53, 138, 167, 0.35);
}

.story-popup-root[data-story-theme="icecream"] .story-popup__close {
    background: rgba(255, 255, 255, 0.9);
    color: #358aa7;
    border: 1px solid rgba(53, 138, 167, 0.2);
    box-shadow: 0 4px 14px rgba(53, 138, 167, 0.12);
}

.story-popup-root[data-story-theme="icecream"] .story-popup__close:hover {
    background: #fff;
    color: #ee6500;
}

.story-popup-root[data-story-theme="icecream"] .story-popup__nav {
    background: rgba(255, 255, 255, 0.92);
    color: #358aa7;
    border: 1px solid rgba(53, 138, 167, 0.22);
    box-shadow: 0 6px 18px rgba(53, 138, 167, 0.16);
}

.story-popup-root[data-story-theme="icecream"] .story-popup__nav:hover {
    background: #fff;
    color: #ee6500;
}

.story-popup-root[data-story-theme="icecream"] .story-popup__media {
    background: #f3ebe3;
}

.story-popup-root[data-story-theme="icecream"] .story-popup__media::after {
    background: linear-gradient(to top, #fffaf5, transparent);
}

.story-popup-root[data-story-theme="icecream"] .story-popup__media--illustration {
    background:
        radial-gradient(ellipse at 50% 25%, rgba(53, 138, 167, 0.18), transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(238, 101, 0, 0.12), transparent 45%),
        linear-gradient(180deg, #fff 0%, #f5ebe0 100%);
}

.story-popup-root[data-story-theme="icecream"] .story-popup__media--gradient {
    background:
        radial-gradient(circle at 75% 20%, rgba(238, 101, 0, 0.2), transparent 42%),
        radial-gradient(circle at 15% 75%, rgba(53, 138, 167, 0.22), transparent 40%),
        linear-gradient(160deg, #fff, #f4e9df);
}

.story-popup-root[data-story-theme="icecream"] .story-popup__content {
    background: #fffaf5;
}

.story-popup-root[data-story-theme="icecream"] .story-popup__badge {
    background: linear-gradient(135deg, #358aa7, #2f7a94);
    box-shadow: 0 8px 18px rgba(53, 138, 167, 0.28);
}

.story-popup-root[data-story-theme="icecream"] .story-popup__badge--closed {
    background: linear-gradient(135deg, #e07040, #c44536);
    box-shadow: 0 8px 18px rgba(196, 69, 54, 0.25);
}

.story-popup-root[data-story-theme="icecream"] .story-popup__title {
    color: #358aa7;
    font-weight: 800;
}

.story-popup-root[data-story-theme="icecream"] .story-popup__text {
    color: #5f5f5f;
}

/* Sales channel modal — icecream theme */
.sales-channel-modal-wrapper {
    background:
        radial-gradient(ellipse at 18% 12%, rgba(53, 138, 167, 0.28), transparent 48%),
        radial-gradient(ellipse at 85% 88%, rgba(238, 101, 0, 0.2), transparent 42%),
        rgba(42, 36, 32, 0.9);
}

.sales-channel-modal__glow {
    background: radial-gradient(circle, rgba(53, 138, 167, 0.4), transparent 70%);
}

.sales-channel-modal__eyebrow {
    background: rgba(53, 138, 167, 0.2);
    border-color: rgba(53, 138, 167, 0.4);
    color: #9fd4e6;
}

.sales-channel-modal__title {
    color: #fffaf5;
}

.sales-channel-modal__desc {
    color: #e8ddd2;
}

.sales-channel-option {
    position: relative;
    background: linear-gradient(160deg, #fffaf5 0%, #f6eee4 100%);
    border: 2px solid rgba(53, 138, 167, 0.35);
    color: #2f3a3f;
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.35) inset;
    animation: icecreamSalesChannelPulse 2.4s ease-in-out infinite;
}

/* .sales-channel-option::after {
    content: "";
    position: absolute;
    inset: auto 12px 8px auto;
    width: 42%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(238, 101, 0, 0.55));
    pointer-events: none;
} */

.sales-channel-option:hover,
.sales-channel-option:focus-visible {
    transform: translateY(-3px) scale(1.01);
    border-color: #ee6500;
    background: linear-gradient(160deg, #fff 0%, #fff3e8 100%);
    box-shadow:
        0 16px 34px rgba(238, 101, 0, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.5) inset;
    outline: none;
    animation: none;
}

.sales-channel-option.is-active {
    border-color: #ee6500;
    background: linear-gradient(160deg, #fff 0%, #ffe8d6 100%);
}

.sales-channel-option__icon {
    background: linear-gradient(145deg, #358aa7, #2f7a94);
    color: #fff;
    box-shadow: 0 8px 16px rgba(53, 138, 167, 0.35);
}

.sales-channel-option__icon svg {
    width: 28px;
    height: 28px;
    color: inherit;
}

.sales-channel-option__name {
    color: #24343a;
    font-weight: 800;
}

.sales-channel-option__hint {
    color: #6a625a;
}

.sales-channel-option__action {
    background: linear-gradient(135deg, #ee6500, #f08a3a);
    color: #fff;
    box-shadow: 0 6px 14px rgba(238, 101, 0, 0.35);
    padding: 0.42rem 0.75rem;
    font-size: 0.78rem;
}

.sales-channel-option:hover .sales-channel-option__action,
.sales-channel-option:focus-visible .sales-channel-option__action {
    transform: translateX(-2px);
}

.sales-channel-option.is-disabled {
    opacity: 0.72;
    animation: none;
    background: linear-gradient(160deg, rgba(255, 250, 245, 0.35), rgba(255, 255, 255, 0.12));
    border-color: rgba(255, 250, 245, 0.18);
    color: #d7d0c8;
    box-shadow: none;
}

.sales-channel-option.is-disabled::after {
    display: none;
}

.sales-channel-option.is-disabled .sales-channel-option__icon {
    background: rgba(255, 255, 255, 0.12);
    color: #b0b0b0;
    box-shadow: none;
}

.sales-channel-option.is-disabled .sales-channel-option__name {
    color: #cfc8c0;
}

.sales-channel-option.is-disabled .sales-channel-option__locked-note {
    color: #ffc09a;
}

.change-sales-channel-button {
    background: #358aa7 !important;
    border-color: rgba(255, 255, 255, 0.18);
}

@keyframes icecreamSalesChannelPulse {
    0%,
    100% {
        box-shadow:
            0 10px 28px rgba(0, 0, 0, 0.22),
            0 0 0 0 rgba(238, 101, 0, 0.18);
    }
    50% {
        box-shadow:
            0 12px 30px rgba(0, 0, 0, 0.24),
            0 0 0 8px rgba(238, 101, 0, 0);
    }
}