/* FastStore renk paletleri — yalnızca siyah (#111827) vurguları değişir; layout/arka plan aynı kalır */

.fs-html {
    --fs-pdp-accent-rgb: 17 24 39;
    --fs-pdp-accent-hover-rgb: 55 65 81;
    --fs-pdp-accent-mid-rgb: 31 41 55;
    --fs-pdp-soft-bg: 249 250 251;
    --fs-pdp-soft-border: 229 231 235;
}

.fs-html.fs-palette-feminine {
    --fs-accent: #e6007e;
    --fs-accent-hover: #c9006f;
    --fs-accent-mid: #f472b6;

    --fs-pdp-accent-rgb: 230 0 126;
    --fs-pdp-accent-hover-rgb: 201 0 111;
    --fs-pdp-accent-mid-rgb: 244 114 182;

    --fs-pdp-soft-bg: 253 246 249;
    --fs-pdp-soft-border: 244 214 226;

    --fs-feminine-pink: #e6007e;
    --fs-feminine-pink-soft: #fff1f6;
    --fs-feminine-pink-light: #fce7f3;

    --fs-feminine-black: #171717;
    --fs-feminine-nude: #f7eee9;
    --fs-feminine-white: #ffffff;
}

.fs-html.fs-palette-victorias {
    --fs-accent: #ff3eb5;
    --fs-accent-hover: #e6007e;
    --fs-pdp-accent-rgb: 255 62 181;
    --fs-pdp-accent-hover-rgb: 230 0 126;
    --fs-pdp-accent-mid-rgb: 251 113 183;
    --fs-pdp-soft-bg: 255 240 247;
    --fs-pdp-soft-border: 248 187 208;
    background:
        radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.78) 0%, transparent 68%),
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.96) 0%, transparent 48%),
        radial-gradient(circle at bottom right, rgba(248, 205, 214, 0.28) 0%, transparent 42%),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffcfd 32%,
            #fff9fa 72%,
            #fff3f6 100%
        );
    min-height: 100%;
    min-height: 100dvh;
}

.fs-html.fs-palette-victorias .fs-body {
    background: transparent;
    min-height: 100%;
    min-height: 100dvh;
}

.fs-html.fs-palette-victorias .store-auth-page {
    background: transparent;
}

/* Birincil dolgular (siyah arka plan → palet) */
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-header__badge,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-search-overlay__submit,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-search-form__submit,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-pdp-chip.is-active,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .storefront-search-pagination__page.is-active,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-cart-suggest__dot.is-active,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-fav__view-btn.is-active,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-fav__cart-btn:not(.fs-fav__cart-btn--link),
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-fav__cart-btn--link:hover,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-footer__newsletter-btn,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-kampanyalar-empty__btn,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-cargo-guide__num,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-product-card__pill:not(.fs-product-card__pill--new):not(.fs-product-card__pill--sale),
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .account-page aside nav button.bg-indigo-600,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .account-page .bg-indigo-600,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .account-page .hover\:bg-indigo-500:hover,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .account-page .active\:bg-indigo-700:active,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .selection\:bg-indigo-500::selection {
    background: var(--fs-accent);
    background-color: var(--fs-accent);
}

.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-search-overlay__submit:hover:not(:disabled),
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-search-form__submit:hover,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-footer__newsletter-btn:hover:not(:disabled),
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-kampanyalar-empty__btn:hover,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-fav__cart-btn:not(.fs-fav__cart-btn--link):hover,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-product-card__pill--new {
    background: var(--fs-accent-hover);
    background-color: var(--fs-accent-hover);
}

/* Çizgi / kenarlık vurguları */
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-pdp-chip.is-active,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .storefront-search-pagination__page.is-active,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .account-page aside nav button.bg-indigo-600,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-fav__cart-btn--link,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-footer__newsletter-btn,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-checkout .payment-option.is-selected {
    border-color: var(--fs-accent);
}

.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-cat-tabs__tab::after,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-checkout-steps__step.is-active::after {
    background: var(--fs-accent);
}

.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-wheel-modal__pointer {
    border-top-color: var(--fs-accent);
}

.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-product-card__color-dot.is-active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--fs-accent);
}

.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-fav__select input,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-fav__select {
    accent-color: var(--fs-accent);
}

/* Tüm sayfalar — hesabım, giriş, kayıt vb. indigo → palet */
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .account-page aside nav button.bg-indigo-600,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .account-page .bg-indigo-600,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .account-page .hover\:bg-indigo-500:hover,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .account-page .active\:bg-indigo-700:active {
    background-color: var(--fs-accent) !important;
    border-color: var(--fs-accent) !important;
}

.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .text-indigo-600,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .text-indigo-700,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .text-indigo-800,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .text-indigo-900,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .text-indigo-400,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .text-indigo-300,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .hover\:text-indigo-600:hover,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .hover\:text-indigo-400:hover,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .dark\:hover\:text-indigo-400:hover {
    color: var(--fs-accent) !important;
}

.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .hover\:border-indigo-400:hover,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .focus\:border-indigo-500:focus {
    border-color: var(--fs-accent) !important;
}

.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .selection\:bg-indigo-500::selection {
    background-color: var(--fs-accent) !important;
}

/* Arama / odak — ince vurgu */
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-search-overlay {
    --search-accent: var(--fs-accent);
}

.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-search-overlay__form:focus-within,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-header__search:focus-within,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-search-form__combo:focus-within,
.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-body .fs-search-overlay .storefront-search-popular__chip:hover {
    border-color: var(--fs-accent);
}

.fs-html:is(.fs-palette-feminine, .fs-palette-victorias) .fs-search-overlay__spinner {
    border-top-color: var(--fs-accent) !important;
}

/* Giriş / kayıt / şifre — store-auth mor vurguları → vitrin paleti (klasik = siyah) */
.fs-html .store-auth-page {
    --fs-auth-accent: 17 24 39;
    --fs-auth-accent-hover: 55 65 81;
    --fs-auth-accent-light: 107 114 128;
    --fs-auth-accent-soft-bg: 249 250 251;
    --fs-auth-accent-soft-border: 229 231 235;
    --fs-auth-accent-panel-border: 243 244 246;
    --fs-auth-accent-panel-bg: 249 250 251;
    --fs-auth-accent-icon-bg: 243 244 246;
}

.fs-html.fs-palette-feminine {
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(255, 235, 244, 0.75) 0%,
            transparent 45%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fffafb 55%,
            #fff5f8 100%
        );

    min-height: 100%;
    min-height: 100dvh;
}

.fs-html.fs-palette-feminine .fs-body {
    background: transparent;
    min-height: 100%;
    min-height: 100dvh;
}

.fs-html.fs-palette-victorias .store-auth-page {
    --fs-auth-accent: 255 62 181;
    --fs-auth-accent-hover: 230 0 126;
    --fs-auth-accent-light: 251 113 183;
    --fs-auth-accent-soft-bg: 255 240 247;
    --fs-auth-accent-soft-border: 248 187 208;
    --fs-auth-accent-panel-border: 248 187 208;
    --fs-auth-accent-panel-bg: 255 240 247;
    --fs-auth-accent-icon-bg: 255 228 241;
}

.fs-html .store-auth-btn--primary {
    background: rgb(var(--fs-auth-accent));
    box-shadow: 0 8px 24px rgb(var(--fs-auth-accent) / 0.35);
}

.fs-html .store-auth-btn--primary:hover:not(:disabled) {
    background: rgb(var(--fs-auth-accent-hover));
    box-shadow: 0 10px 28px rgb(var(--fs-auth-accent) / 0.45);
}

.fs-html .store-auth-field__link,
.fs-html .store-auth-field__control--password .store-auth-field__action,
.fs-html .store-auth-check a,
.fs-html .store-auth-split__foot a,
.fs-html .store-auth-terms__text a,
.fs-html .store-auth-install-done__links a,
.fs-html .store-auth-phone-panel__back,
.fs-html .store-auth-card--verify .store-auth-card__foot a {
    color: rgb(var(--fs-auth-accent));
}

.fs-html .store-auth-input:focus {
    border-color: rgb(var(--fs-auth-accent-light));
    box-shadow: 0 0 0 3px rgb(var(--fs-auth-accent) / 0.15);
}

.fs-html .store-auth-check input {
    accent-color: rgb(var(--fs-auth-accent));
}

.fs-html .store-auth-tabs__input:checked + .store-auth-tabs__label {
    border-color: rgb(var(--fs-auth-accent-light));
    background: rgb(var(--fs-auth-accent-soft-bg));
    color: rgb(var(--fs-auth-accent));
    box-shadow: 0 0 0 3px rgb(var(--fs-auth-accent) / 0.12);
}

.fs-html .store-auth-quick__tile:hover {
    border-color: rgb(var(--fs-auth-accent-light));
    box-shadow: 0 4px 14px rgb(var(--fs-auth-accent) / 0.12);
}

.fs-html .store-auth-quick__tile--phone {
    border-color: rgb(var(--fs-auth-accent-soft-border));
    background: rgb(var(--fs-auth-accent-soft-bg));
    color: rgb(var(--fs-auth-accent));
}

.fs-html .store-auth-panel,
.fs-html .store-auth-phone-panel {
    border-color: rgb(var(--fs-auth-accent-panel-border));
    background: rgb(var(--fs-auth-accent-panel-bg) / 0.65);
}

.fs-html .store-auth-panel__title,
.fs-html .store-auth-phone-panel__title {
    color: rgb(var(--fs-auth-accent));
}

.fs-html .store-auth-panel__foot {
    border-top-color: rgb(var(--fs-auth-accent-soft-border));
}

.fs-html .store-auth-split__site-badge {
    color: rgb(var(--fs-auth-accent));
    background: rgb(var(--fs-auth-accent-icon-bg));
}

.fs-html .store-auth-split__feature-icon {
    background: rgb(var(--fs-auth-accent-icon-bg));
    color: rgb(var(--fs-auth-accent));
}

.fs-html .store-auth-split__rail-badge {
    color: rgb(var(--fs-auth-accent));
    box-shadow:
        0 2px 8px rgb(15 23 42 / 0.06),
        0 8px 24px rgb(var(--fs-auth-accent) / 0.14);
}

.fs-html .store-auth-verify-hero__icon {
    background: rgb(var(--fs-auth-accent-icon-bg));
    color: rgb(var(--fs-auth-accent));
}

.fs-html .store-auth-wizard__dot.is-active {
    background: rgb(var(--fs-auth-accent));
}

.fs-html .store-auth-wizard__dot.is-done {
    background: rgb(var(--fs-auth-accent-light));
}

.fs-html .store-auth-terms__input:checked + .store-auth-terms__track {
    background: rgb(var(--fs-auth-accent));
}

.fs-html .store-auth-terms__input:focus-visible + .store-auth-terms__track {
    outline-color: rgb(var(--fs-auth-accent));
}

.fs-html .store-auth-install-progress__fill {
    background: linear-gradient(90deg, rgb(var(--fs-auth-accent)) 0%, rgb(var(--fs-auth-accent-hover)) 100%);
}

/* Ürün detay — inline PDP stillerinin üzerine (palet yüklendikten sonra) */
.fs-html .pdp-btn-cart {
    background: rgb(var(--fs-pdp-accent-rgb)) !important;
    box-shadow: 0 8px 22px rgb(var(--fs-pdp-accent-rgb) / 0.16) !important;
}

.fs-html .pdp-btn-cart:hover:not(:disabled) {
    box-shadow: 0 10px 26px rgb(var(--fs-pdp-accent-rgb) / 0.2) !important;
}

.fs-html .pdp-quick-buy {
    background: linear-gradient(
        135deg,
        rgb(var(--fs-pdp-accent-hover-rgb)) 0%,
        rgb(var(--fs-pdp-accent-rgb)) 50%,
        rgb(var(--fs-pdp-accent-mid-rgb)) 100%
    ) !important;
    box-shadow: 0 8px 22px rgb(var(--fs-pdp-accent-rgb) / 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.fs-html .pdp-quick-buy:hover:not(:disabled) {
    box-shadow: 0 14px 32px rgb(var(--fs-pdp-accent-rgb) / 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

.fs-html .pdp-mobile-fab__circle {
    background: linear-gradient(
        145deg,
        rgb(var(--fs-pdp-accent-hover-rgb)) 0%,
        rgb(var(--fs-pdp-accent-rgb)) 55%,
        rgb(var(--fs-pdp-accent-mid-rgb)) 100%
    ) !important;
    box-shadow: 0 8px 22px rgb(var(--fs-pdp-accent-rgb) / 0.38) !important;
    animation: none !important;
}

.fs-html .pdp-mobile-fab__label {
    color: rgb(var(--fs-pdp-accent-rgb)) !important;
}

.fs-html .pdp-info-tabs__tab.is-active {
    background: rgb(var(--fs-pdp-accent-rgb)) !important;
}

.fs-html .dark .pdp-info-tabs__tab.is-active {
    background: rgb(var(--fs-pdp-accent-mid-rgb)) !important;
}

.fs-html .pdp-info-tabs__tab:not(.is-active) .pdp-info-tabs__badge {
    background: rgb(var(--fs-pdp-soft-bg)) !important;
    color: rgb(var(--fs-pdp-accent-rgb)) !important;
}

.fs-html .pdp-reviews-summary {
    border-color: rgb(var(--fs-pdp-accent-rgb) / 0.12) !important;
    background: rgb(var(--fs-pdp-soft-bg) / 0.45) !important;
}

.fs-html .pdp-reviews-summary__score {
    background: rgb(var(--fs-pdp-accent-rgb)) !important;
}

.fs-html .dark .pdp-reviews-summary__score {
    background: rgb(var(--fs-pdp-accent-mid-rgb)) !important;
}

.fs-html .pdp-review-card__tag {
    color: rgb(var(--fs-pdp-accent-rgb)) !important;
    background: rgb(var(--fs-pdp-accent-rgb) / 0.1) !important;
}

.fs-html .pdp-review-card__toggle {
    color: rgb(var(--fs-pdp-accent-rgb)) !important;
}

.fs-html .pdp-review-card__toggle:hover {
    color: rgb(var(--fs-pdp-accent-hover-rgb)) !important;
}

.fs-html .pdp-review-card__body.is-expanded::-webkit-scrollbar-thumb {
    background: rgb(var(--fs-pdp-accent-rgb) / 0.28) !important;
}

.fs-html .pdp-guarantee-bar {
    border-color: rgb(var(--fs-pdp-accent-rgb) / 0.16) !important;
}

.fs-html .pdp-guarantee-bar__title {
    color: rgb(var(--fs-pdp-accent-rgb)) !important;
}

.fs-html .pdp-guarantee-item__icon {
    color: rgb(var(--fs-pdp-accent-rgb)) !important;
    background: rgb(var(--fs-pdp-accent-rgb) / 0.1) !important;
}

.fs-html .fs-pdp-chip.is-active {
    border-color: var(--fs-accent) !important;
    background: var(--fs-accent) !important;
}

.fs-html .fs-pdp-select:focus {
    border-color: var(--fs-accent) !important;
    box-shadow: 0 0 0 3px rgb(var(--fs-pdp-accent-rgb) / 0.08) !important;
}

.fs-html .fs-pdp-cart-popup__btn.fs-btn--secondary:hover {
    border-color: var(--fs-accent) !important;
}

.fs-html .ring-indigo-600,
.fs-html .ring-indigo-500 {
    --tw-ring-color: rgb(var(--fs-pdp-accent-rgb) / 1) !important;
}

.fs-html .bg-indigo-50,
.fs-html .bg-indigo-50\/80 {
    background-color: rgb(var(--fs-pdp-soft-bg) / 0.8) !important;
}

.fs-html .bg-indigo-100,
.fs-html .bg-indigo-100\/50 {
    background-color: rgb(var(--fs-pdp-soft-bg) / 0.5) !important;
}

.fs-html .border-indigo-200,
.fs-html .border-indigo-200\/80 {
    border-color: rgb(var(--fs-pdp-soft-border) / 0.8) !important;
}

.fs-html .hover\:border-indigo-400\/80:hover {
    border-color: rgb(var(--fs-pdp-accent-rgb) / 0.8) !important;
}