@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,650;9..144,750;9..144,850&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    --erd-green-900: #073f25;
    --erd-green-800: #0b5e34;
    --erd-green-700: #0f7d42;
    --erd-green-600: #168d4d;
    --erd-green-100: #eaf7ef;
    --erd-gold: #d7ad38;
    --erd-ink: #242a27;
    --erd-muted: #657069;
    --erd-line: #e2e9e4;
    --erd-bg: #f7faf6;
    --erd-card: #ffffff;
    --erd-shadow-sm: 0 10px 24px rgba(25, 44, 33, 0.08);
    --erd-shadow-md: 0 18px 42px rgba(25, 44, 33, 0.11);
    --erd-shadow-lg: 0 28px 70px rgba(25, 44, 33, 0.16);
    --erd-font: 'Plus Jakarta Sans', Inter, Arial, sans-serif;
    --erd-display: 'Fraunces', Georgia, serif;
}

html {
    scroll-behavior: smooth;
    background: var(--erd-bg);
}

body {
    margin: 0;
    min-width: 0;
    color: var(--erd-ink);
    font-family: var(--erd-font);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

::selection {
    background: rgba(15, 125, 66, 0.2);
    color: var(--erd-green-900);
}

a {
    text-underline-offset: 3px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid rgba(215, 173, 56, 0.42) !important;
    outline-offset: 3px !important;
}

img {
    max-width: 100%;
}

.top-bar {
    height: 50px !important;
    background: linear-gradient(90deg, var(--erd-green-900), var(--erd-green-700)) !important;
    box-shadow: 0 8px 22px rgba(7, 63, 37, 0.14) !important;
}

.top-bar-container {
    max-width: 1320px !important;
    padding: 0 18px !important;
}

.delivery-zone {
    min-height: 50px !important;
    background:
        radial-gradient(circle at 18% 28%, rgba(255, 255, 255, 0.18) 0 7px, transparent 8px),
        linear-gradient(135deg, #e2b541, #f2ce65) !important;
    color: #352604 !important;
}

.delivery-select,
.search-input,
.checkout-input,
.checkout-select,
.checkout-textarea,
.cart-qty,
.erdemir-shop__search,
.admin-input,
.admin-select,
.admin-textarea,
.track-input {
    border-color: #d7e0da !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 8px 20px rgba(20, 40, 28, 0.04) !important;
}

.middle-header {
    border-bottom: 1px solid var(--erd-line) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,252,249,0.98)) !important;
    box-shadow: 0 14px 34px rgba(20, 40, 28, 0.08) !important;
}

.middle-container {
    max-width: 1320px !important;
    min-height: 96px !important;
    gap: 34px !important;
}

.brand-logo,
.cart-logo,
.checkout-logo,
.erdemir-footer__logo {
    border-color: rgba(15, 125, 66, 0.28) !important;
    box-shadow: 0 12px 26px rgba(15, 125, 66, 0.09) !important;
}

.search-wrapper {
    max-width: 520px !important;
}

.search-input {
    height: 52px !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
}

.search-btn {
    width: 46px !important;
    height: 46px !important;
    right: 4px !important;
    border-radius: 8px !important;
    background: var(--erd-green-700) !important;
    color: #ffffff !important;
}

.search-btn svg {
    fill: currentColor !important;
}

.icon-circle {
    background: linear-gradient(135deg, var(--erd-green-700), var(--erd-green-900)) !important;
    box-shadow: 0 12px 26px rgba(15, 125, 66, 0.2) !important;
}

.info-text .title {
    color: var(--erd-muted) !important;
}

.info-text .value {
    color: var(--erd-ink) !important;
}

.erdemir-mega-menu {
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 12px 30px rgba(24, 43, 31, 0.08) !important;
}

.erdemir-mega-menu__category-link {
    height: 98px !important;
}

.erdemir-mega-menu__category-link:hover,
.erdemir-mega-menu__category:focus-within .erdemir-mega-menu__category-link {
    background: linear-gradient(180deg, rgba(15, 125, 66, 0.08), rgba(255,255,255,0)) !important;
}

.erdemir-mega-menu__dropdown {
    border: 1px solid rgba(15, 125, 66, 0.12) !important;
    border-radius: 8px !important;
    box-shadow: var(--erd-shadow-lg) !important;
}

.erdemir-mega-menu__item {
    font-weight: 800 !important;
}

.erdemir-promo-ticker {
    min-height: 42px !important;
    background:
        linear-gradient(90deg, var(--erd-green-900) 0%, var(--erd-green-700) 48%, #126a3b 100%) !important;
    box-shadow: inset 0 1px rgba(255,255,255,0.12), 0 12px 26px rgba(7, 63, 37, 0.14) !important;
}

.erdemir-promo-ticker__item {
    letter-spacing: 0.4px !important;
}

.erdemir-shop,
.erdemir-detail,
.cart-shell,
.checkout,
.track,
.erdemir-blog-page,
.erdemir-blog-detail,
.kasar-page {
    background:
        radial-gradient(circle at 10% 0%, rgba(15, 125, 66, 0.10), transparent 330px),
        radial-gradient(circle at 92% 8%, rgba(215, 173, 56, 0.12), transparent 300px),
        linear-gradient(180deg, #fbfdf9 0%, var(--erd-bg) 360px, #ffffff 100%) !important;
}

.erdemir-shop__hero,
.cart-hero,
.checkout__head,
.track__head,
.kasar-hero {
    border-color: rgba(15, 125, 66, 0.14) !important;
    box-shadow: var(--erd-shadow-md) !important;
}

.erdemir-shop__toolbar,
.cart-panel,
.cart-summary,
.checkout-card,
.checkout-summary,
.track-panel,
.track-result,
.erdemir-blog-detail__hero,
.erdemir-blog-detail__content,
.kasar-info,
.kasar-faq {
    border: 1px solid var(--erd-line) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: var(--erd-shadow-sm) !important;
}

.erdemir-shop-card,
.erdemir-detail-related,
.erdemir-blog-card,
.erdemir-blog-list-card,
.kasar-product,
.cart-product,
.checkout-item {
    border: 1px solid var(--erd-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 34px rgba(25, 44, 33, 0.08) !important;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease !important;
}

.erdemir-shop-card:hover,
.erdemir-detail-related:hover,
.erdemir-blog-card:hover,
.erdemir-blog-list-card:hover,
.kasar-product:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(15, 125, 66, 0.24) !important;
    box-shadow: var(--erd-shadow-md) !important;
}

.erdemir-shop-card__image-link,
.erdemir-detail__media,
.erdemir-detail-related__image,
.kasar-product__image,
.cart-product__image,
.checkout-item__image,
.erdemir-blog-page__image-wrap,
.erdemir-blog-list-card__image-wrap,
.erdemir-blog-detail__image-wrap {
    background:
        linear-gradient(180deg, #ffffff 0%, #f4f7f2 100%) !important;
}

.erdemir-shop-card__image,
.erdemir-detail__image,
.kasar-product__image img,
.cart-product__image,
.checkout-item__image,
.erdemir-detail-related__image {
    transition: transform 220ms ease !important;
}

.erdemir-shop-card:hover .erdemir-shop-card__image,
.kasar-product:hover .kasar-product__image img,
.erdemir-detail-related:hover .erdemir-detail-related__image {
    transform: scale(1.035) !important;
}

.erdemir-shop-card__title,
.erdemir-detail__title,
.kasar-product__title,
.cart-product__name,
.checkout-item__name,
.erdemir-blog-page__post-title,
.erdemir-blog-card__title {
    color: var(--erd-ink) !important;
}

.erdemir-shop-card__category,
.erdemir-detail__category,
.checkout__eyebrow,
.cart-eyebrow,
.kasar-eyebrow {
    color: var(--erd-green-700) !important;
}

.erdemir-shop-card__price,
.erdemir-detail__price,
.kasar-price,
.cart-line-total,
.checkout-item__price,
.summary-row--grand,
.checkout-total-row--grand {
    color: var(--erd-green-700) !important;
}

.erdemir-shop-card__badge,
.erdemir-detail__discount,
.checkout-card__badge {
    border-radius: 4px !important;
    background: linear-gradient(135deg, var(--erd-green-700), var(--erd-green-900)) !important;
    box-shadow: 0 10px 20px rgba(15, 125, 66, 0.2) !important;
}

.erdemir-shop-card__cart,
.erdemir-shop-card__detail,
.erdemir-detail__button,
.kasar-button,
.kasar-link,
.cart-btn,
.checkout-submit,
.track-button {
    border-radius: 8px !important;
    background: linear-gradient(135deg, var(--erd-green-700), var(--erd-green-900)) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 14px 26px rgba(15, 125, 66, 0.22) !important;
    transition: transform 170ms ease, box-shadow 170ms ease, filter 170ms ease !important;
}

.erdemir-shop-card__cart:hover,
.erdemir-shop-card__detail:hover,
.erdemir-detail__button:hover,
.kasar-button:hover,
.kasar-link:hover,
.cart-btn:hover,
.checkout-submit:hover,
.track-button:hover {
    transform: translateY(-2px) !important;
    filter: saturate(1.08) !important;
    box-shadow: 0 18px 34px rgba(15, 125, 66, 0.28) !important;
}

.cart-btn--soft,
.cart-top__link,
.checkout-link,
.kasar-button--ghost,
.erdemir-detail__back {
    border: 1px solid rgba(15, 125, 66, 0.18) !important;
    background: #ffffff !important;
    color: var(--erd-green-700) !important;
    box-shadow: 0 10px 22px rgba(25, 44, 33, 0.06) !important;
}

.cart-btn--danger {
    color: #9c2a20 !important;
    border-color: rgba(156, 42, 32, 0.18) !important;
}

.erdemir-shop__filter {
    border-radius: 8px !important;
    border-color: rgba(15, 125, 66, 0.14) !important;
    font-weight: 900 !important;
}

.erdemir-shop__filter.is-active,
.cart-step.is-active,
.checkout-step.is-active {
    background: var(--erd-green-700) !important;
    color: #ffffff !important;
}

.shipping-meter,
.checkout-summary-meter {
    background: #ecf3ee !important;
    border-radius: 999px !important;
}

.shipping-meter__fill,
.checkout-summary-meter__fill {
    background: linear-gradient(90deg, var(--erd-green-700), var(--erd-gold)) !important;
}

.checkout-card-visual {
    border-radius: 8px !important;
    background:
        radial-gradient(circle at 15% 18%, rgba(255,255,255,0.22), transparent 90px),
        linear-gradient(135deg, var(--erd-green-900), var(--erd-green-700) 58%, #1f9d5a) !important;
    box-shadow: var(--erd-shadow-md) !important;
}

.checkout-error,
.cart-empty,
.erdemir-shop__empty {
    border-radius: 8px !important;
    box-shadow: var(--erd-shadow-sm) !important;
}

.erdemir-footer {
    border-top: 1px solid rgba(15, 125, 66, 0.14) !important;
    background:
        linear-gradient(180deg, #ffffff 0%, #f9fbf8 100%) !important;
}

.erdemir-footer__service {
    background: linear-gradient(90deg, var(--erd-green-900), var(--erd-green-700)) !important;
}

.erdemir-footer__feature {
    border-radius: 8px !important;
}

.toast {
    border-radius: 8px !important;
    box-shadow: var(--erd-shadow-md) !important;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.top-bar,
.middle-header,
.erdemir-mega-menu,
main,
section,
footer {
    max-width: 100vw;
}

.search-wrapper {
    z-index: 140 !important;
}

.erdemir-search-popover {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    display: none;
    max-height: 430px;
    overflow-y: auto;
    padding: 8px;
    border: 1px solid rgba(15, 125, 66, 0.14);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: var(--erd-shadow-lg);
    backdrop-filter: blur(14px);
    z-index: 9992;
}

.erdemir-search-popover.is-open {
    display: grid;
    gap: 6px;
}

.erdemir-search-result {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-height: 70px;
    padding: 9px;
    border-radius: 9px;
    color: var(--erd-ink);
    text-decoration: none;
    transition: background-color 160ms ease, transform 160ms ease;
}

.erdemir-search-result:hover,
.erdemir-search-result:focus-visible {
    background: var(--erd-green-100);
    transform: translateY(-1px);
    outline: none !important;
}

.erdemir-search-result__image {
    width: 54px;
    height: 54px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: #f4f7f2;
    overflow: hidden;
}

.erdemir-search-result__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.erdemir-search-result__body {
    min-width: 0;
}

.erdemir-search-result__body strong,
.erdemir-search-result__body small {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.erdemir-search-result__body strong {
    font-size: 14px;
    font-weight: 900;
}

.erdemir-search-result__body small {
    margin-top: 3px;
    color: var(--erd-muted);
    font-size: 12px;
    font-weight: 800;
}

.erdemir-search-result__price {
    color: var(--erd-green-700);
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.erdemir-search-popover__empty {
    padding: 18px 14px;
    color: var(--erd-muted);
    font-weight: 800;
    text-align: center;
}

.erdemir-cart-toast {
    position: fixed;
    top: 22px;
    right: 22px;
    width: min(420px, calc(100vw - 28px));
    min-height: 92px;
    padding: 12px 14px;
    display: grid;
    grid-template-columns: 36px 64px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    border: 1px solid rgba(15, 125, 66, 0.16);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: var(--erd-shadow-lg);
    transform: translateY(-16px) scale(0.98);
    opacity: 0;
    pointer-events: none;
    transition: transform 220ms ease, opacity 220ms ease;
    z-index: 10000;
}

.erdemir-cart-toast.is-visible {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.erdemir-cart-toast__check {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--erd-green-700), var(--erd-green-900));
    color: #ffffff;
    font-size: 21px;
    font-weight: 900;
}

.erdemir-cart-toast__media {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: #f4f7f2;
    overflow: hidden;
}

.erdemir-cart-toast__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.erdemir-cart-toast__body {
    min-width: 0;
}

.erdemir-cart-toast__body strong,
.erdemir-cart-toast__body span,
.erdemir-cart-toast__body small {
    display: block;
    line-height: 1.25;
}

.erdemir-cart-toast__body strong {
    color: var(--erd-green-700);
    font-size: 14px;
    font-weight: 900;
}

.erdemir-cart-toast__body span {
    margin-top: 4px;
    color: var(--erd-ink);
    font-size: 14px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.erdemir-cart-toast__body small {
    margin-top: 3px;
    color: var(--erd-muted);
    font-size: 12px;
    font-weight: 800;
}

.erdemir-fake-order {
    position: fixed;
    left: 22px;
    bottom: 22px;
    width: min(350px, calc(100vw - 28px));
    padding: 14px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    border: 1px solid rgba(15, 125, 66, 0.18);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--erd-shadow-lg);
    transform: translateX(-120%);
    opacity: 0;
    pointer-events: none;
    transition: transform 280ms ease, opacity 280ms ease;
    z-index: 9997;
}

.erdemir-fake-order.is-visible {
    transform: translateX(0);
    opacity: 1;
}

.erdemir-fake-order__icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--erd-green-700), var(--erd-gold));
    color: #ffffff;
    font-size: 22px;
    font-weight: 900;
}

.erdemir-fake-order__body strong,
.erdemir-fake-order__body span,
.erdemir-fake-order__body small {
    display: block;
    line-height: 1.25;
}

.erdemir-fake-order__body strong {
    color: var(--erd-green-700);
    font-size: 14px;
    font-weight: 900;
}

.erdemir-fake-order__body span {
    margin-top: 3px;
    color: var(--erd-ink);
    font-size: 14px;
    font-weight: 900;
}

.erdemir-fake-order__body small {
    margin-top: 3px;
    color: var(--erd-muted);
    font-size: 12px;
    font-weight: 800;
}

.erdemir-welcome {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 240ms ease;
    z-index: 10002;
}

.erdemir-welcome.is-visible {
    opacity: 1;
    pointer-events: auto;
}

.erdemir-welcome__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(3, 29, 16, 0.42);
    backdrop-filter: blur(8px);
}

.erdemir-welcome__panel {
    width: min(520px, 100%);
    min-height: 430px;
    position: relative;
    padding: 34px 34px 30px;
    border: 1px solid rgba(255, 255, 255, 0.52);
    border-radius: 22px;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,0.82), transparent 150px),
        linear-gradient(135deg, #ffffff 0%, #effaf2 48%, #0f7d42 120%);
    box-shadow: 0 34px 90px rgba(3, 29, 16, 0.28);
    text-align: center;
    transform: translateY(20px) scale(0.96);
    transition: transform 260ms ease;
}

.erdemir-welcome.is-visible .erdemir-welcome__panel {
    transform: translateY(0) scale(1);
}

.erdemir-welcome__waves {
    position: absolute;
    inset: -35% -25% auto;
    height: 320px;
    background:
        radial-gradient(ellipse at 20% 70%, rgba(15, 125, 66, 0.18) 0 26%, transparent 27%),
        radial-gradient(ellipse at 50% 78%, rgba(255, 255, 255, 0.88) 0 29%, transparent 30%),
        radial-gradient(ellipse at 78% 68%, rgba(15, 125, 66, 0.16) 0 26%, transparent 27%);
    animation: erdemirWaveDance 6s ease-in-out infinite alternate;
}

@keyframes erdemirWaveDance {
    from {
        transform: translateX(-18px) rotate(-2deg);
    }
    to {
        transform: translateX(18px) rotate(2deg);
    }
}

.erdemir-welcome__close {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 14px;
    right: 14px;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.72);
    color: var(--erd-green-900);
    cursor: pointer;
    font-size: 24px;
    font-weight: 800;
    z-index: 2;
}

.erdemir-welcome__logo {
    width: min(270px, 78%);
    height: 98px;
    position: relative;
    z-index: 1;
    margin: 8px auto 22px;
    padding: 10px 24px;
    border: 2px solid rgba(15, 125, 66, 0.22);
    border-radius: 999px;
    object-fit: contain;
    background: #ffffff;
    box-shadow: var(--erd-shadow-md);
}

.erdemir-welcome__eyebrow {
    position: relative;
    z-index: 1;
    margin: 0 0 8px;
    color: var(--erd-green-700);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.erdemir-welcome h2 {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--erd-green-900);
    font-family: "Pacifico", cursive;
    font-size: clamp(38px, 6vw, 58px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: 0;
}

.erdemir-welcome p:not(.erdemir-welcome__eyebrow) {
    position: relative;
    z-index: 1;
    width: min(100%, 420px);
    margin: 18px auto 0;
    color: #38413b;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.5;
}

.erdemir-welcome__button {
    min-height: 48px;
    position: relative;
    z-index: 1;
    margin: 26px auto 0;
    padding: 0 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--erd-green-700), var(--erd-green-900));
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 16px 30px rgba(15, 125, 66, 0.24);
}

.erdemir-footer__creator a {
    color: var(--erd-green-700) !important;
    text-decoration: none;
    font-weight: 1000;
}

.erdemir-footer__creator a:hover,
.erdemir-footer__creator a:focus-visible {
    color: var(--erd-green-900) !important;
}

.erdemir-footer__badge--image {
    width: 76px !important;
    min-width: 76px !important;
    height: 38px !important;
    padding: 4px 7px !important;
}

.erdemir-footer__badge--image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.erdemir-footer__badge--wide {
    width: 98px !important;
    min-width: 98px !important;
}

/* Final visual pass: tighter header/footer rhythm and non-cropped product media. */
.top-bar {
    min-height: 48px !important;
    height: auto !important;
}

.top-bar-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
}

.nav-links {
    justify-content: flex-end !important;
    padding-right: 0 !important;
    gap: 8px !important;
}

.nav-links a,
.action-link {
    min-height: 38px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-weight: 900 !important;
}

.delivery-zone {
    min-height: 38px !important;
    height: auto !important;
    padding: 5px 10px 5px 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.delivery-text {
    color: #ffffff !important;
    white-space: nowrap !important;
}

.delivery-select {
    min-height: 30px !important;
    padding: 5px 34px 5px 14px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

.user-actions {
    justify-content: flex-start !important;
    padding-left: 0 !important;
    gap: 8px !important;
}

.middle-header {
    padding: 12px 0 !important;
}

.middle-container {
    min-height: 78px !important;
    gap: 26px !important;
}

.brand-logo {
    width: 238px !important;
    height: 76px !important;
}

.search-input {
    height: 50px !important;
}

.search-btn {
    width: 42px !important;
    height: 42px !important;
}

.info-groups {
    gap: 24px !important;
}

.icon-circle {
    width: 46px !important;
    height: 46px !important;
}

.info-text .value {
    font-size: 17px !important;
}

.erdemir-footer__service-inner {
    min-height: 48px !important;
    width: min(100%, 1140px) !important;
}

.erdemir-footer__script {
    font-size: 21px !important;
}

.erdemir-footer__phone {
    font-size: 23px !important;
}

.erdemir-footer__inner {
    width: min(100%, 1140px) !important;
    padding: 28px 18px 0 !important;
}

.erdemir-footer__features {
    gap: 0 !important;
    padding: 8px 0 26px !important;
}

.erdemir-footer__feature {
    min-height: 74px !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 0 24px !important;
}

.erdemir-footer__feature:first-child {
    padding-left: 0 !important;
}

.erdemir-footer__feature-icon,
.erdemir-footer__feature-icon svg {
    width: 44px !important;
    height: 44px !important;
}

.erdemir-footer__feature-title {
    font-size: 16px !important;
    margin-bottom: 5px !important;
}

.erdemir-footer__feature-text {
    font-size: 13px !important;
    line-height: 1.42 !important;
}

.erdemir-footer__main {
    padding: 34px 0 24px !important;
    grid-template-columns: 1.05fr 0.72fr 0.72fr 1fr !important;
    gap: 34px !important;
}

.erdemir-footer__brand {
    padding-right: 24px !important;
}

.erdemir-footer__logo {
    width: 230px !important;
    height: 82px !important;
    margin-bottom: 22px !important;
}

.erdemir-footer__contact {
    font-size: 13.5px !important;
}

.erdemir-footer__column-title {
    font-size: 16px !important;
    margin-bottom: 17px !important;
}

.erdemir-footer__links {
    gap: 8px !important;
}

.erdemir-footer__links a {
    font-size: 13.5px !important;
}

.erdemir-footer__bottom {
    min-height: 70px !important;
    padding: 14px 0 !important;
}

.erdemir-shop-card,
.erdemir-discount-card,
.erdemir-new-card {
    overflow: hidden !important;
}

.erdemir-shop-card__image-link,
.erdemir-discount-card__image-area,
.erdemir-new-card__image-area {
    background:
        radial-gradient(circle at 50% 40%, rgba(15, 125, 66, 0.05), transparent 54%),
        linear-gradient(180deg, #ffffff 0%, #f7faf6 100%) !important;
}

.erdemir-shop-card__image,
.erdemir-discount-card__image,
.erdemir-new-card__image,
.erdemir-product-card__image,
.erdemir-detail-related__image {
    object-fit: contain !important;
    object-position: center !important;
}

.erdemir-shop-card__image,
.erdemir-discount-card__image,
.erdemir-new-card__image {
    padding: 10px !important;
}

.erdemir-shop-card:hover .erdemir-shop-card__image,
.erdemir-discount-card:hover .erdemir-discount-card__image,
.erdemir-new-card:hover .erdemir-new-card__image,
.erdemir-detail-related:hover .erdemir-detail-related__image {
    transform: scale(1.02) !important;
}

.erdemir-shop-card__desc {
    min-height: 42px !important;
}

.erdemir-detail__related-grid {
    gap: 20px !important;
}

.erdemir-detail-related {
    display: grid !important;
    grid-template-rows: 170px auto !important;
}

.erdemir-detail-related__image {
    width: 100% !important;
    height: 170px !important;
    padding: 12px !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(15, 125, 66, 0.06), transparent 55%),
        #ffffff !important;
}

.erdemir-detail-related__body {
    padding: 14px 16px 16px !important;
}

@media (max-width: 1080px) {
    .top-bar {
        height: auto !important;
    }

    .top-bar-container {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 10px 14px !important;
    }

    .nav-links,
    .user-actions {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    .middle-container {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .delivery-zone {
        width: max-content !important;
        max-width: 100% !important;
        justify-content: center;
        margin: 0 auto !important;
    }

    .search-wrapper {
        order: 3;
        width: min(100%, 640px) !important;
        max-width: none !important;
    }

    .erdemir-footer__features {
        gap: 18px !important;
    }

    .erdemir-footer__feature {
        padding: 0 !important;
    }
}

/* Kasar page cleanup: keep the automatic slider, remove the duplicate static hero. */
body .kasar-page .kasar-hero {
    display: none !important;
}

body .kasar-page .kasar-section:first-of-type {
    padding-top: 44px !important;
}

/* Restore the home blocks and footer to the original broad Peynirci Baba rhythm. */
body .erdemir-category-banners {
    padding: 52px 18px 76px !important;
    background: #ffffff !important;
}

body .erdemir-category-banners__grid {
    width: min(100%, 1320px) !important;
    gap: 34px !important;
}

body .erdemir-category-card {
    min-height: 176px !important;
    grid-template-columns: 194px 1fr !important;
    border-radius: 7px !important;
    background: #f8f8f8 !important;
    border: 1px solid #f0f0f0 !important;
    box-shadow: none !important;
}

body .erdemir-category-card__image-wrap {
    width: 194px !important;
    height: 148px !important;
    margin-left: 10px !important;
}

body .erdemir-category-card__content {
    padding: 24px 30px 22px 20px !important;
}

body .erdemir-category-card__title {
    margin-bottom: 9px !important;
    color: #303338 !important;
    font-size: 31px !important;
    line-height: 1 !important;
}

body .erdemir-category-card__text {
    margin-bottom: 18px !important;
    color: #30343a !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
}

body .erdemir-category-card__button {
    min-width: 188px !important;
    min-height: 43px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    box-shadow: 0 9px 18px rgba(8, 115, 61, 0.22) !important;
}

body .erdemir-best-sellers {
    padding: 30px 18px 36px !important;
    background: #ffffff !important;
}

body .erdemir-best-sellers__title {
    color: #33363a !important;
    font-size: clamp(34px, 3vw, 42px) !important;
    line-height: 1.1 !important;
}

body .erdemir-best-sellers__ornament {
    width: min(100%, 268px) !important;
    margin: 26px auto 30px !important;
    grid-template-columns: 1fr 58px 1fr !important;
    gap: 14px !important;
}

body .erdemir-best-sellers__icon,
body .erdemir-best-sellers__icon svg {
    width: 58px !important;
    height: 58px !important;
}

body .erdemir-best-sellers__tab {
    font-size: 18px !important;
    font-weight: 700 !important;
}

body .erdemir-footer {
    margin-top: 0 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.92) 55%, rgba(244,249,244,0.88) 100%),
        radial-gradient(ellipse at 12% 100%, rgba(15, 125, 66, 0.12), transparent 34%),
        radial-gradient(ellipse at 50% 100%, rgba(15, 125, 66, 0.10), transparent 38%),
        radial-gradient(ellipse at 90% 100%, rgba(15, 125, 66, 0.10), transparent 36%) !important;
    border-top: 0 !important;
    color: #35383d !important;
}

body .erdemir-footer__service {
    background: #168544 !important;
}

body .erdemir-footer__service-inner {
    width: min(100%, 1320px) !important;
    min-height: 98px !important;
    padding: 0 18px !important;
    display: grid !important;
    grid-template-columns: 1fr 1px 1fr !important;
    gap: 44px !important;
    justify-content: center !important;
}

body .erdemir-footer__service-inner::before {
    content: "" !important;
    width: 1px !important;
    height: 50px !important;
    align-self: center !important;
    justify-self: center !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    background: rgba(0, 0, 0, 0.12) !important;
}

body .erdemir-footer__service-item {
    justify-content: center !important;
    gap: 22px !important;
}

body .erdemir-footer__service-item:first-child {
    grid-column: 1 !important;
}

body .erdemir-footer__service-item:last-child {
    grid-column: 3 !important;
}

body .erdemir-footer__script {
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 29px !important;
}

body .erdemir-footer__phone {
    color: #ffffff !important;
    font-size: 31px !important;
    font-weight: 1000 !important;
    letter-spacing: 0.5px !important;
}

body .erdemir-footer__social {
    width: 34px !important;
    height: 34px !important;
    background: #ffffff !important;
    color: #168544 !important;
}

body .erdemir-footer__inner {
    width: min(100%, 1320px) !important;
    padding: 56px 18px 0 !important;
}

body .erdemir-footer__features {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 0 34px !important;
    border-bottom: 1px solid #d9ded9 !important;
}

body .erdemir-footer__feature {
    min-height: 98px !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    gap: 22px !important;
    padding: 0 48px !important;
    border-radius: 0 !important;
}

body .erdemir-footer__feature:first-child {
    padding-left: 28px !important;
}

body .erdemir-footer__feature + .erdemir-footer__feature {
    border-left: 1px solid #d9ded9 !important;
}

body .erdemir-footer__feature-icon,
body .erdemir-footer__feature-icon svg {
    width: 64px !important;
    height: 64px !important;
}

body .erdemir-footer__feature-title {
    color: #36383c !important;
    font-size: 17px !important;
    margin-bottom: 7px !important;
}

body .erdemir-footer__feature-text {
    color: #555b60 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
}

body .erdemir-footer__main {
    padding: 54px 0 32px !important;
    grid-template-columns: 1.12fr 0.86fr 0.86fr 1fr !important;
    gap: 54px !important;
}

body .erdemir-footer__brand {
    padding-right: 48px !important;
    border-right: 1px solid #d9ded9 !important;
}

body .erdemir-footer__logo {
    width: 260px !important;
    height: 50px !important;
    margin: 44px 0 32px !important;
    padding: 6px 18px !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

body .erdemir-footer__contact-list {
    gap: 17px !important;
}

body .erdemir-footer__contact {
    grid-template-columns: 22px minmax(0, 1fr) !important;
    gap: 14px !important;
    color: #4f5458 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

body .erdemir-footer__column-title {
    color: #303338 !important;
    font-size: 17px !important;
    margin-bottom: 22px !important;
}

body .erdemir-footer__column-title::after {
    width: 52px !important;
    bottom: -10px !important;
}

body .erdemir-footer__links {
    gap: 11px !important;
}

body .erdemir-footer__links a {
    color: #4f5458 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

body .erdemir-footer__bottom {
    min-height: 92px !important;
    padding: 18px 0 !important;
    border-top: 1px solid #d9ded9 !important;
    grid-template-columns: 1fr auto 1fr !important;
}

body .erdemir-footer__badges {
    gap: 10px !important;
}

body .erdemir-footer__badge--image {
    width: 74px !important;
    min-width: 74px !important;
    height: 44px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body .erdemir-footer__badge--wide {
    width: 102px !important;
    min-width: 102px !important;
}

@media (max-width: 980px) {
    body .erdemir-footer__service-inner,
    body .erdemir-footer__features,
    body .erdemir-footer__main,
    body .erdemir-footer__bottom {
        grid-template-columns: 1fr !important;
    }

    body .erdemir-footer__service-inner::before {
        display: none !important;
    }

    body .erdemir-footer__service-item,
    body .erdemir-footer__service-item:first-child,
    body .erdemir-footer__service-item:last-child {
        grid-column: 1 !important;
    }

    body .erdemir-footer__feature,
    body .erdemir-footer__feature:first-child,
    body .erdemir-footer__brand {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (max-width: 760px) {
    .middle-container {
        gap: 18px !important;
        padding: 16px 14px !important;
    }

    .brand-logo,
    .cart-logo,
    .checkout-logo {
        width: 210px !important;
    }

    .info-groups {
        width: 100% !important;
        justify-content: center !important;
        gap: 16px !important;
    }

    .info-text .value {
        font-size: 15px !important;
    }

    .erdemir-shop__grid,
    .kasar-product-grid,
    .erdemir-detail__related-grid {
        grid-template-columns: 1fr !important;
    }

    .erdemir-shop__hero,
    .cart-hero,
    .checkout__head {
        padding: 24px 18px !important;
    }

    .erdemir-shop__title,
    .cart-title,
    .checkout__title,
    .kasar-title,
    .track__title {
        font-size: 36px !important;
    }

    .erdemir-search-popover {
        position: fixed;
        top: auto;
        left: 12px;
        right: 12px;
        bottom: 12px;
        max-height: min(70vh, 460px);
    }

    .erdemir-search-result {
        grid-template-columns: 50px minmax(0, 1fr);
    }

    .erdemir-search-result__price {
        grid-column: 2;
    }

    .erdemir-cart-toast {
        top: 12px;
        right: 12px;
        left: 12px;
        width: auto;
        grid-template-columns: 34px 54px minmax(0, 1fr);
    }

    .erdemir-cart-toast__media {
        width: 54px;
        height: 54px;
    }

    .erdemir-fake-order {
        left: 12px;
        bottom: 12px;
        width: min(340px, calc(100vw - 24px));
    }

    .erdemir-welcome__panel {
        min-height: 390px;
        padding: 30px 20px 24px;
        border-radius: 18px;
    }

    .erdemir-welcome__logo {
        height: 82px;
    }
}

/* Reference header match: Peynirci Baba style top, middle and category bars. */
body .top-bar {
    min-height: 56px !important;
    height: 56px !important;
    background: #178444 !important;
    box-shadow: none !important;
}

body .top-bar-container {
    width: min(100%, 1320px) !important;
    height: 56px !important;
    margin: 0 auto !important;
    padding: 0 14px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 352px minmax(0, 1fr) !important;
    gap: 0 !important;
    align-items: stretch !important;
}

body .nav-links,
body .user-actions {
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 0 !important;
}

body .nav-links {
    justify-content: flex-end !important;
}

body .user-actions {
    justify-content: flex-start !important;
}

body .nav-links a,
body .action-link {
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 16px !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    background: transparent !important;
    box-shadow: none !important;
}

body .nav-links a:hover,
body .action-link:hover {
    background: rgba(255, 255, 255, 0.09) !important;
    transform: none !important;
}

body .action-link svg {
    width: 18px !important;
    height: 18px !important;
    color: rgba(255, 255, 255, 0.72) !important;
    fill: none !important;
    stroke: currentColor !important;
}

body .delivery-zone {
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 26px !important;
    border: 0 !important;
    border-radius: 0 !important;
    justify-content: center !important;
    gap: 18px !important;
    color: #27200d !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(189, 126, 13, 0.16) 0 5px, transparent 6px),
        radial-gradient(circle at 42% 78%, rgba(189, 126, 13, 0.13) 0 8px, transparent 9px),
        radial-gradient(circle at 78% 28%, rgba(189, 126, 13, 0.12) 0 7px, transparent 8px),
        linear-gradient(135deg, #f7cd54 0%, #f2b92c 100%) !important;
    box-shadow: none !important;
}

body .delivery-text {
    color: #27200d !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

body .delivery-text svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
}

body .delivery-select {
    width: 142px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 32px 0 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background-color: #ffffff !important;
    color: #4b3b16 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 10px rgba(107, 75, 10, 0.14) !important;
}

body .cart-badge {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffc956 !important;
    color: #21341f !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
    box-shadow: none !important;
}

body .middle-header {
    min-height: 134px !important;
    padding: 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #eeeeee !important;
    box-shadow: none !important;
}

body .middle-container {
    width: min(100%, 1320px) !important;
    min-height: 134px !important;
    margin: 0 auto !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 54px !important;
}

body .brand-logo {
    width: 278px !important;
    height: 64px !important;
    padding: 4px 20px !important;
    border: 2px solid rgba(15, 125, 66, 0.5) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

body .brand-logo img {
    width: 100% !important;
    height: 100% !important;
    transform: scale(1.28) !important;
    object-fit: contain !important;
}

body .search-wrapper {
    width: 478px !important;
    max-width: 478px !important;
    flex: 0 1 478px !important;
}

body .search-input {
    height: 56px !important;
    border: 2px solid #d2d8de !important;
    border-radius: 3px !important;
    padding: 0 64px 0 22px !important;
    color: #303338 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body .search-btn {
    width: 50px !important;
    height: 50px !important;
    right: 3px !important;
    border-radius: 3px !important;
    background: transparent !important;
    color: #0f8a47 !important;
    box-shadow: none !important;
}

body .info-groups {
    gap: 32px !important;
    flex: 0 0 auto !important;
}

body .info-block {
    gap: 13px !important;
}

body .icon-circle {
    width: 54px !important;
    height: 54px !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0f8a47 !important;
    box-shadow: none !important;
}

body .icon-circle svg {
    width: 40px !important;
    height: 40px !important;
    fill: currentColor !important;
}

body .info-text .title {
    margin-bottom: 4px !important;
    color: #4f555a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

body .info-text .value {
    color: #2f3337 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
}

body .info-divider {
    width: 1px !important;
    height: 54px !important;
    background: #e5e5e5 !important;
}

body .erdemir-mega-menu {
    background: #ffffff !important;
    border-top: 0 !important;
    border-bottom: 1px solid #e8e8e8 !important;
    box-shadow: none !important;
}

body .erdemir-mega-menu__inner {
    max-width: 1320px !important;
    padding: 0 14px !important;
}

body .erdemir-mega-menu__list {
    justify-content: center !important;
}

body .erdemir-mega-menu__category {
    border-left: 1px solid #ededed !important;
}

body .erdemir-mega-menu__category:last-child {
    border-right: 1px solid #ededed !important;
}

body .erdemir-mega-menu__category-link {
    min-width: 132px !important;
    height: 128px !important;
    padding: 18px 20px 22px !important;
    gap: 10px !important;
    color: #333333 !important;
    font-size: 15.5px !important;
    font-weight: 900 !important;
}

body .erdemir-mega-menu__icon,
body .erdemir-mega-menu__icon svg {
    width: 43px !important;
    height: 43px !important;
}

body .erdemir-mega-menu__category:hover .erdemir-mega-menu__category-link,
body .erdemir-mega-menu__category:focus-within .erdemir-mega-menu__category-link,
body .erdemir-mega-menu__category:hover .erdemir-mega-menu__icon,
body .erdemir-mega-menu__category:focus-within .erdemir-mega-menu__icon {
    color: #0f8a47 !important;
}

@media (max-width: 1080px) {
    body .top-bar {
        height: auto !important;
    }

    body .top-bar-container {
        height: auto !important;
        grid-template-columns: 1fr !important;
        padding: 0 !important;
    }

    body .nav-links,
    body .user-actions {
        height: auto !important;
        min-height: 46px !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    body .nav-links a,
    body .action-link {
        min-height: 46px !important;
        height: 46px !important;
    }

    body .delivery-zone {
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
    }

    body .middle-header {
        min-height: 0 !important;
        padding: 18px 0 !important;
    }

    body .middle-container {
        min-height: 0 !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 18px !important;
    }

    body .search-wrapper {
        order: 3 !important;
        width: min(100%, 620px) !important;
        max-width: 620px !important;
        flex-basis: 100% !important;
    }

    body .erdemir-mega-menu__list {
        overflow-x: auto !important;
        justify-content: flex-start !important;
    }
}

/* Advanced institutional order notification. */
body .erdemir-fake-order {
    left: 24px !important;
    bottom: 24px !important;
    width: min(438px, calc(100vw - 36px)) !important;
    min-height: 128px !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
    padding: 20px 44px 18px 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(204, 226, 212, 0.96) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(250, 253, 251, 0.98)),
        radial-gradient(circle at 8% 10%, rgba(15, 138, 71, 0.09), transparent 42%) !important;
    box-shadow:
        0 22px 54px rgba(20, 54, 34, 0.16),
        0 8px 18px rgba(20, 54, 34, 0.08) !important;
    opacity: 0 !important;
    transform: translate3d(-18px, 16px, 0) scale(0.985) !important;
    transition: opacity 240ms ease, transform 240ms ease, box-shadow 240ms ease !important;
    z-index: 10040 !important;
    pointer-events: auto !important;
    backdrop-filter: blur(12px) !important;
}

body .erdemir-fake-order::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 5px !important;
    background: linear-gradient(90deg, #0b6f37 0%, #14954f 58%, #d5aa35 100%) !important;
}

body .erdemir-fake-order::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #0f8a47, #d5aa35) !important;
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    opacity: 0.82 !important;
}

body .erdemir-fake-order.is-visible {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
}

body .erdemir-fake-order.is-visible::after {
    animation: erdemirFakeOrderTimer 6.2s linear forwards !important;
}

body .erdemir-fake-order.is-paused::after {
    animation-play-state: paused !important;
}

body .erdemir-fake-order:hover {
    box-shadow:
        0 26px 62px rgba(20, 54, 34, 0.19),
        0 10px 22px rgba(20, 54, 34, 0.1) !important;
    transform: translate3d(0, -2px, 0) scale(1) !important;
}

body .erdemir-fake-order__close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 25px !important;
    height: 25px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #f1f6f3 !important;
    color: #75857b !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: background 160ms ease, color 160ms ease, transform 160ms ease !important;
}

body .erdemir-fake-order__close:hover {
    background: #e4f1e9 !important;
    color: #0f6f39 !important;
    transform: rotate(90deg) !important;
}

body .erdemir-fake-order__icon {
    position: relative !important;
    width: 58px !important;
    height: 58px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #cbe5d5 !important;
    border-radius: 16px !important;
    background:
        linear-gradient(180deg, #f7fcf9 0%, #e8f6ee 100%) !important;
    color: transparent !important;
    font-size: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 10px 22px rgba(15, 138, 71, 0.1) !important;
}

body .erdemir-fake-order__icon::before {
    content: "" !important;
    position: absolute !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #0f8a47, #0a7038) !important;
    box-shadow: 0 8px 17px rgba(15, 138, 71, 0.25) !important;
}

body .erdemir-fake-order__icon::after {
    content: "" !important;
    position: absolute !important;
    width: 13px !important;
    height: 8px !important;
    border-left: 3px solid #ffffff !important;
    border-bottom: 3px solid #ffffff !important;
    border-radius: 1px !important;
    transform: rotate(-45deg) translate(1px, -1px) !important;
}

body .erdemir-fake-order__body {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

body .erdemir-fake-order__body strong,
body .erdemir-fake-order__body span,
body .erdemir-fake-order__body small,
body .erdemir-fake-order__body em,
body .erdemir-fake-order__body b {
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    letter-spacing: 0 !important;
}

body .erdemir-fake-order__meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 7px !important;
}

body .erdemir-fake-order__meta strong {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #edf8f1 !important;
    color: #08763b !important;
    font-size: 11px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body .erdemir-fake-order__meta em {
    color: #8a968f !important;
    font-size: 11.5px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

body .erdemir-fake-order__customer {
    display: block !important;
    max-width: 100% !important;
    color: #132d20 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.22 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body .erdemir-fake-order__body small {
    display: block !important;
    margin-top: 5px !important;
    color: #5b6c62 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.42 !important;
}

body .erdemir-fake-order__body small b {
    color: #20382a !important;
    font-weight: 950 !important;
}

body .erdemir-fake-order__status {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-top: 10px !important;
    padding: 7px 10px !important;
    border: 1px solid #e1ede5 !important;
    border-radius: 999px !important;
    background: #fbfdfb !important;
    color: #3f5d4b !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body .erdemir-fake-order__status i {
    width: 7px !important;
    height: 7px !important;
    flex: 0 0 auto !important;
    border-radius: 50% !important;
    background: #0f8a47 !important;
    box-shadow: 0 0 0 4px rgba(15, 138, 71, 0.12) !important;
}

@keyframes erdemirFakeOrderTimer {
    from { transform: scaleX(1); }
    to { transform: scaleX(0); }
}

@media (max-width: 640px) {
    body .erdemir-fake-order {
        left: 12px !important;
        right: 12px !important;
        bottom: 14px !important;
        width: auto !important;
        min-height: 118px !important;
        grid-template-columns: 52px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 18px 42px 16px 16px !important;
        border-radius: 16px !important;
    }

    body .erdemir-fake-order__icon {
        width: 52px !important;
        height: 52px !important;
    }

    body .erdemir-fake-order__status {
        white-space: normal !important;
        line-height: 1.25 !important;
    }
}

/* Professional welcome popcart. */
body .erdemir-welcome {
    padding: 22px !important;
    background: transparent !important;
    z-index: 10060 !important;
}

body .erdemir-welcome__backdrop {
    background:
        linear-gradient(135deg, rgba(4, 33, 18, 0.66), rgba(8, 67, 37, 0.5)),
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px) !important;
    background-size: auto, 44px 44px, 44px 44px !important;
    backdrop-filter: blur(12px) saturate(1.05) !important;
}

body .erdemir-welcome__panel {
    width: min(900px, calc(100vw - 36px)) !important;
    min-height: 520px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 0.9fr 1.1fr !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border: 1px solid rgba(218, 232, 222, 0.95) !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow:
        0 34px 80px rgba(3, 25, 13, 0.32),
        0 10px 30px rgba(3, 25, 13, 0.16) !important;
    transform: translateY(18px) scale(0.975) !important;
}

body .erdemir-welcome__panel::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 6px !important;
    z-index: 4 !important;
    background: linear-gradient(90deg, #0c7138 0%, #16894a 58%, #d8ad39 100%) !important;
}

body .erdemir-welcome.is-visible .erdemir-welcome__panel {
    transform: translateY(0) scale(1) !important;
}

body .erdemir-welcome__waves {
    display: none !important;
}

body .erdemir-welcome__visual {
    position: relative !important;
    min-height: 520px !important;
    overflow: hidden !important;
    background:
        linear-gradient(180deg, rgba(16, 103, 55, 0.06), rgba(16, 103, 55, 0.16)),
        #f4f8f1 !important;
}

body .erdemir-welcome__visual::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.16), transparent 42%),
        linear-gradient(0deg, rgba(12, 70, 37, 0.2), transparent 52%) !important;
    pointer-events: none !important;
}

body .erdemir-welcome__visual img {
    width: 100% !important;
    height: 100% !important;
    min-height: 520px !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: scale(1.04) !important;
    filter: saturate(1.03) contrast(1.02) !important;
}

body .erdemir-welcome__content {
    position: relative !important;
    z-index: 2 !important;
    padding: 50px 48px 42px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
}

body .erdemir-welcome__close {
    top: 18px !important;
    right: 18px !important;
    width: 38px !important;
    height: 38px !important;
    z-index: 5 !important;
    border: 1px solid rgba(210, 225, 216, 0.9) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: #4d5d53 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    box-shadow: 0 8px 22px rgba(20, 54, 34, 0.12) !important;
    transition: background 160ms ease, color 160ms ease, transform 160ms ease !important;
}

body .erdemir-welcome__close:hover {
    background: #0f8a47 !important;
    color: #ffffff !important;
    transform: rotate(90deg) !important;
}

body .erdemir-welcome__logo {
    width: 230px !important;
    height: 70px !important;
    margin: 0 0 22px !important;
    padding: 8px 20px !important;
    border: 2px solid rgba(15, 125, 66, 0.28) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    object-fit: contain !important;
    box-shadow: 0 14px 30px rgba(20, 54, 34, 0.08) !important;
}

body .erdemir-welcome__eyebrow {
    margin: 0 0 10px !important;
    color: #0f8a47 !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

body .erdemir-welcome h2 {
    max-width: 440px !important;
    margin: 0 !important;
    color: #14291d !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 36px !important;
    font-weight: 1000 !important;
    line-height: 1.12 !important;
}

body .erdemir-welcome__copy,
body .erdemir-welcome p.erdemir-welcome__copy {
    width: auto !important;
    max-width: 444px !important;
    margin: 17px 0 0 !important;
    color: #4d5b52 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.62 !important;
}

body .erdemir-welcome__benefits {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 11px 16px !important;
    margin: 24px 0 0 !important;
}

body .erdemir-welcome__benefits span {
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: #263b2e !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

body .erdemir-welcome__benefits span:first-child {
    grid-column: 1 / -1 !important;
}

body .erdemir-welcome__benefits i {
    width: 18px !important;
    height: 18px !important;
    position: relative !important;
    flex: 0 0 auto !important;
    border-radius: 50% !important;
    background: #e8f6ee !important;
}

body .erdemir-welcome__benefits i::after {
    content: "" !important;
    position: absolute !important;
    left: 5px !important;
    top: 4px !important;
    width: 8px !important;
    height: 5px !important;
    border-left: 2px solid #0f8a47 !important;
    border-bottom: 2px solid #0f8a47 !important;
    transform: rotate(-45deg) !important;
}

body .erdemir-welcome__actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-top: 28px !important;
}

body .erdemir-welcome__button {
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 1000 !important;
    text-decoration: none !important;
    transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease, color 160ms ease !important;
}

body .erdemir-welcome__button--primary {
    border: 1px solid #0d7a3e !important;
    background: #0f7f42 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(15, 127, 66, 0.22) !important;
}

body .erdemir-welcome__button--ghost {
    border: 1px solid #d4e3da !important;
    background: #ffffff !important;
    color: #0f7f42 !important;
    box-shadow: none !important;
}

body .erdemir-welcome__button:hover {
    transform: translateY(-1px) !important;
}

body .erdemir-welcome__button--primary:hover {
    background: #0b6f39 !important;
    box-shadow: 0 16px 28px rgba(15, 127, 66, 0.26) !important;
}

body .erdemir-welcome__button--ghost:hover {
    background: #f1faf4 !important;
    color: #0a6f37 !important;
}

body .erdemir-welcome__note {
    display: flex !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 1px solid #e4eee8 !important;
    color: #65756b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body .erdemir-welcome__note span {
    position: relative !important;
    padding-left: 12px !important;
}

body .erdemir-welcome__note span::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.58em !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: #d5aa35 !important;
}

@media (max-width: 760px) {
    body .erdemir-welcome {
        padding: 12px !important;
    }

    body .erdemir-welcome__panel {
        width: calc(100vw - 24px) !important;
        min-height: 0 !important;
        grid-template-columns: 1fr !important;
        border-radius: 20px !important;
    }

    body .erdemir-welcome__visual {
        min-height: 210px !important;
    }

    body .erdemir-welcome__visual img {
        min-height: 210px !important;
        object-position: center 46% !important;
    }

    body .erdemir-welcome__content {
        padding: 28px 22px 24px !important;
    }

    body .erdemir-welcome__logo {
        width: 206px !important;
        height: 62px !important;
        margin-bottom: 16px !important;
    }

    body .erdemir-welcome h2 {
        font-size: 27px !important;
        line-height: 1.14 !important;
    }

    body .erdemir-welcome__copy,
    body .erdemir-welcome p.erdemir-welcome__copy {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    body .erdemir-welcome__benefits {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body .erdemir-welcome__benefits span:first-child {
        grid-column: auto !important;
    }

    body .erdemir-welcome__actions {
        width: 100% !important;
        gap: 10px !important;
    }

    body .erdemir-welcome__button {
        width: 100% !important;
    }
}

/* Premium welcome popcart refinement. */
body .erdemir-welcome {
    padding: 24px !important;
}

body .erdemir-welcome__backdrop {
    background:
        linear-gradient(135deg, rgba(2, 24, 12, 0.76), rgba(8, 74, 39, 0.58)),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 52px) !important;
    backdrop-filter: blur(14px) saturate(1.08) !important;
}

body .erdemir-welcome__panel {
    width: min(980px, calc(100vw - 42px)) !important;
    min-height: 560px !important;
    grid-template-columns: 43% 57% !important;
    border: 1px solid rgba(229, 237, 231, 0.95) !important;
    border-radius: 22px !important;
    background: #fbfdfb !important;
    box-shadow:
        0 38px 90px rgba(2, 24, 12, 0.38),
        0 14px 34px rgba(2, 24, 12, 0.18) !important;
}

body .erdemir-welcome__panel::before {
    height: 7px !important;
    background: linear-gradient(90deg, #0b6e36, #149450 55%, #e0b441) !important;
}

body .erdemir-welcome__visual {
    min-height: 560px !important;
    background: #15351f !important;
}

body .erdemir-welcome__visual::before {
    content: "" !important;
    position: absolute !important;
    inset: 18px !important;
    z-index: 2 !important;
    border: 1px solid rgba(255, 255, 255, 0.32) !important;
    border-radius: 16px !important;
    pointer-events: none !important;
}

body .erdemir-welcome__visual::after {
    z-index: 1 !important;
    background:
        linear-gradient(180deg, rgba(7, 35, 18, 0.18), rgba(7, 35, 18, 0.66)),
        linear-gradient(90deg, rgba(7, 35, 18, 0.22), transparent 48%) !important;
}

body .erdemir-welcome__visual img {
    min-height: 560px !important;
    object-position: center !important;
    transform: scale(1.02) !important;
}

body .erdemir-welcome__visual-badge,
body .erdemir-welcome__visual-card {
    position: absolute !important;
    z-index: 3 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
}

body .erdemir-welcome__visual-badge {
    top: 32px !important;
    left: 32px !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    backdrop-filter: blur(8px) !important;
}

body .erdemir-welcome__visual-card {
    left: 32px !important;
    right: 32px !important;
    bottom: 32px !important;
    padding: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16) !important;
}

body .erdemir-welcome__visual-card strong,
body .erdemir-welcome__visual-card span {
    display: block !important;
}

body .erdemir-welcome__visual-card strong {
    font-size: 17px !important;
    font-weight: 1000 !important;
    line-height: 1.22 !important;
}

body .erdemir-welcome__visual-card span {
    margin-top: 7px !important;
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: 12.5px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
}

body .erdemir-welcome__content {
    padding: 48px 54px 42px !important;
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%) !important;
}

body .erdemir-welcome__logo {
    width: 220px !important;
    height: 66px !important;
    margin-bottom: 20px !important;
    border-color: rgba(15, 125, 66, 0.34) !important;
    box-shadow: 0 12px 26px rgba(12, 70, 37, 0.08) !important;
}

body .erdemir-welcome__eyebrow {
    min-height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    margin-bottom: 12px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #eef8f2 !important;
    color: #0d7b3f !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
}

body .erdemir-welcome h2 {
    max-width: 500px !important;
    color: #102719 !important;
    font-size: clamp(31px, 3vw, 42px) !important;
    line-height: 1.08 !important;
    text-wrap: balance !important;
}

body .erdemir-welcome__copy,
body .erdemir-welcome p.erdemir-welcome__copy {
    max-width: 500px !important;
    margin-top: 16px !important;
    color: #4a5d51 !important;
    font-size: 15.5px !important;
    line-height: 1.65 !important;
}

body .erdemir-welcome__proof {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 24px !important;
}

body .erdemir-welcome__proof span {
    min-height: 74px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 13px 14px !important;
    border: 1px solid #e1ece5 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 9px 20px rgba(20, 54, 34, 0.05) !important;
}

body .erdemir-welcome__proof b,
body .erdemir-welcome__proof em {
    display: block !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    letter-spacing: 0 !important;
}

body .erdemir-welcome__proof b {
    color: #0f7f42 !important;
    font-size: 18px !important;
    font-weight: 1000 !important;
    line-height: 1.1 !important;
}

body .erdemir-welcome__proof em {
    margin-top: 5px !important;
    color: #5a6a61 !important;
    font-size: 11.5px !important;
    font-style: normal !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
}

body .erdemir-welcome__benefits {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

body .erdemir-welcome__benefits span,
body .erdemir-welcome__benefits span:first-child {
    grid-column: auto !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    background: #f5faf7 !important;
    color: #26382d !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

body .erdemir-welcome__actions {
    margin-top: 26px !important;
}

body .erdemir-welcome__button {
    min-height: 50px !important;
    border-radius: 10px !important;
    padding: 0 25px !important;
    font-size: 14px !important;
}

body .erdemir-welcome__button--primary {
    background: linear-gradient(135deg, #0d7b3f, #128c4b) !important;
    border-color: #0b7139 !important;
}

body .erdemir-welcome__button--ghost {
    background: #ffffff !important;
}

body .erdemir-welcome__note {
    width: 100% !important;
    margin-top: 22px !important;
    padding-top: 18px !important;
}

body .erdemir-welcome__close {
    box-shadow: 0 10px 24px rgba(20, 54, 34, 0.14) !important;
}

@media (max-width: 860px) {
    body .erdemir-welcome__panel {
        grid-template-columns: 1fr !important;
        max-height: min(92vh, 840px) !important;
        overflow-y: auto !important;
    }

    body .erdemir-welcome__visual {
        min-height: 250px !important;
    }

    body .erdemir-welcome__visual img {
        min-height: 250px !important;
    }

    body .erdemir-welcome__content {
        padding: 30px 24px 26px !important;
    }

    body .erdemir-welcome__proof,
    body .erdemir-welcome__benefits {
        grid-template-columns: 1fr !important;
    }

    body .erdemir-welcome__proof span {
        min-height: 64px !important;
    }

    body .erdemir-welcome__visual-badge {
        top: 28px !important;
        left: 28px !important;
    }

    body .erdemir-welcome__visual-card {
        left: 28px !important;
        right: 28px !important;
        bottom: 28px !important;
    }
}

@media (max-width: 560px) {
    body .erdemir-welcome {
        padding: 10px !important;
    }

    body .erdemir-welcome__panel {
        width: calc(100vw - 20px) !important;
        border-radius: 18px !important;
    }

    body .erdemir-welcome__visual {
        min-height: 205px !important;
    }

    body .erdemir-welcome__visual img {
        min-height: 205px !important;
    }

    body .erdemir-welcome__visual::before {
        inset: 12px !important;
        border-radius: 13px !important;
    }

    body .erdemir-welcome__visual-badge {
        top: 22px !important;
        left: 22px !important;
    }

    body .erdemir-welcome__visual-card {
        left: 22px !important;
        right: 22px !important;
        bottom: 22px !important;
        padding: 14px !important;
    }

    body .erdemir-welcome__visual-card strong {
        font-size: 14px !important;
    }

    body .erdemir-welcome__visual-card span {
        font-size: 11.5px !important;
    }

    body .erdemir-welcome h2 {
        font-size: 27px !important;
    }

    body .erdemir-welcome__logo {
        width: 198px !important;
        height: 60px !important;
    }
}

/* Professional order tracking page. */
body .track {
    position: relative !important;
    isolation: isolate !important;
    padding: 66px 18px 86px !important;
    overflow: hidden !important;
    background:
        linear-gradient(180deg, rgba(247, 251, 248, 0.96) 0%, #ffffff 420px, #ffffff 100%),
        radial-gradient(circle at 12% 8%, rgba(15, 138, 71, 0.1), transparent 340px),
        radial-gradient(circle at 88% 0%, rgba(213, 170, 53, 0.1), transparent 360px) !important;
}

body .track::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 320px !important;
    z-index: -1 !important;
    background:
        linear-gradient(90deg, rgba(15, 138, 71, 0.055) 0 1px, transparent 1px),
        linear-gradient(0deg, rgba(15, 138, 71, 0.045) 0 1px, transparent 1px) !important;
    background-size: 46px 46px !important;
    mask-image: linear-gradient(180deg, #000 0%, transparent 100%) !important;
}

body .track__inner {
    width: min(100%, 1180px) !important;
}

body .track__head {
    max-width: 820px !important;
    margin: 0 auto 42px !important;
}

body .track__head::before {
    content: "ERDEMIR PEYNIRCILIK" !important;
    min-height: 30px !important;
    margin: 0 auto 14px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #d7eadf !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0f7f42 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    box-shadow: 0 8px 22px rgba(20, 54, 34, 0.05) !important;
}

body .track__title {
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 46px !important;
    font-weight: 1000 !important;
    line-height: 1.05 !important;
}

body .track__text {
    max-width: 700px !important;
    margin: 16px auto 0 !important;
    color: #596960 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
}

body .track__layout {
    grid-template-columns: 372px minmax(0, 1fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

body .track-panel {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid #dfeae3 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow:
        0 20px 48px rgba(20, 54, 34, 0.09),
        0 4px 12px rgba(20, 54, 34, 0.04) !important;
}

body .track-panel:first-child::before {
    content: "Siparis sorgulama" !important;
    display: block !important;
    padding: 20px 28px 0 !important;
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 21px !important;
    font-weight: 1000 !important;
    line-height: 1.2 !important;
}

body .track-panel:first-child::after {
    content: "Kodunuzu girin, siparis durumunu aninda gorun." !important;
    display: block !important;
    padding: 7px 28px 0 !important;
    color: #6a786f !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
}

body .track-form {
    padding: 24px 28px 26px !important;
    gap: 16px !important;
}

body .track-label {
    gap: 9px !important;
    color: #23382b !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

body .track-input {
    min-height: 54px !important;
    padding: 0 16px !important;
    border: 1px solid #d7e4dc !important;
    border-radius: 8px !important;
    background: #fbfdfb !important;
    color: #14291d !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease !important;
}

body .track-input::placeholder {
    color: #9ca9a1 !important;
    font-weight: 700 !important;
}

body .track-input:focus {
    border-color: #0f8a47 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(15, 138, 71, 0.1) !important;
}

body .track-button {
    min-height: 54px !important;
    margin-top: 4px !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #0d7b3f, #128c4b) !important;
    color: #ffffff !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 1000 !important;
    box-shadow: 0 14px 26px rgba(15, 127, 66, 0.2) !important;
    transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease !important;
}

body .track-button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 18px 30px rgba(15, 127, 66, 0.24) !important;
}

body .track-note {
    position: relative !important;
    padding: 18px 22px 20px 56px !important;
    border-top: 1px solid #e6eee9 !important;
    background: #f7fbf8 !important;
    color: #5c6b62 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.65 !important;
}

body .track-note::before {
    content: "" !important;
    position: absolute !important;
    left: 22px !important;
    top: 21px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: #eaf7ef !important;
    box-shadow: inset 0 0 0 6px #0f8a47 !important;
}

body .track-error {
    margin: 0 0 4px !important;
    padding: 13px 14px !important;
    border: 1px solid #f0c9c9 !important;
    border-radius: 8px !important;
    background: #fff7f7 !important;
    color: #a72d2d !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body .track-result {
    padding: 30px !important;
}

body .track-placeholder {
    min-height: 430px !important;
    padding: 46px !important;
    color: #5f7067 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.75 !important;
    background:
        radial-gradient(circle at 50% 34%, rgba(15, 138, 71, 0.08), transparent 170px),
        linear-gradient(180deg, #ffffff, #fbfdfb) !important;
}

body .track-placeholder::before {
    content: "" !important;
    width: 70px !important;
    height: 70px !important;
    margin: 0 auto 18px !important;
    display: block !important;
    border: 1px solid #d7eadf !important;
    border-radius: 50% !important;
    background:
        linear-gradient(#0f8a47 0 0) center 23px / 30px 3px no-repeat,
        linear-gradient(#0f8a47 0 0) center 34px / 40px 3px no-repeat,
        linear-gradient(#0f8a47 0 0) center 45px / 24px 3px no-repeat,
        #eef8f2 !important;
}

body .track-status-row {
    align-items: flex-start !important;
    margin-bottom: 24px !important;
    padding-bottom: 22px !important;
    border-bottom: 1px solid #e7eee9 !important;
}

body .track-order-title {
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 28px !important;
    font-weight: 1000 !important;
    line-height: 1.1 !important;
}

body .track-status {
    min-height: 32px !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
    box-shadow: none !important;
}

body .track-status--paid {
    background: #eaf7ef !important;
    color: #0b7a3d !important;
}

body .track-status--pending {
    background: #fff6df !important;
    color: #9c6700 !important;
}

body .track-status--failed {
    background: #fff0f0 !important;
    color: #a72d2d !important;
}

body .track-meta {
    gap: 12px !important;
    margin-bottom: 26px !important;
}

body .track-meta__item {
    padding: 16px !important;
    border: 1px solid #e3ede7 !important;
    border-radius: 8px !important;
    background: #fbfdfb !important;
}

body .track-meta__item span {
    color: #7a8880 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 11px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

body .track-meta__item strong {
    margin-top: 8px !important;
    color: #172d21 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.35 !important;
}

body .track-steps {
    position: relative !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin: 28px 0 !important;
    padding: 3px 0 3px 18px !important;
}

body .track-steps::before {
    content: "" !important;
    position: absolute !important;
    left: 34px !important;
    top: 18px !important;
    bottom: 18px !important;
    width: 2px !important;
    background: #dfeae4 !important;
}

body .track-step {
    position: relative !important;
    min-height: 86px !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    column-gap: 16px !important;
    align-items: flex-start !important;
    padding: 0 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body .track-step:last-child {
    min-height: 56px !important;
    padding-bottom: 0 !important;
}

body .track-step__number {
    position: relative !important;
    z-index: 1 !important;
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #dce9e2 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #87958c !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
}

body .track-step.is-done .track-step__number,
body .track-step.is-current .track-step__number {
    border-color: #0f8a47 !important;
    background: #0f8a47 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 6px rgba(15, 138, 71, 0.1) !important;
}

body .track-step strong {
    display: block !important;
    margin-top: 1px !important;
    color: #20372a !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 15px !important;
    font-weight: 1000 !important;
    line-height: 1.25 !important;
}

body .track-step small {
    grid-column: 2 !important;
    display: block !important;
    max-width: 560px !important;
    margin-top: 6px !important;
    color: #697970 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

body .track-step.is-current strong {
    color: #0f7f42 !important;
}

body .track-cargo {
    margin: 26px 0 !important;
    padding: 20px !important;
    border: 1px solid #cfe7d8 !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f6fbf8, #ffffff) !important;
}

body .track-cargo h3 {
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 18px !important;
    font-weight: 1000 !important;
}

body .track-cargo p {
    color: #5e6f66 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 750 !important;
}

body .track-cargo a {
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    background: #0f8a47 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
}

body .track-items {
    overflow: hidden !important;
    border: 1px solid #e5eee8 !important;
    border-radius: 8px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

body .track-items th {
    background: #f6faf7 !important;
    color: #6d7a72 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 11px !important;
    font-weight: 1000 !important;
    letter-spacing: 0 !important;
}

body .track-items td {
    color: #26392e !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
}

body .track-items th,
body .track-items td {
    padding: 14px 16px !important;
    border-bottom: 1px solid #e9f0ec !important;
}

body .track-items tr:last-child td {
    border-bottom: 0 !important;
}

@media (max-width: 980px) {
    body .track {
        padding: 46px 14px 66px !important;
    }

    body .track__layout {
        grid-template-columns: 1fr !important;
    }

    body .track-panel:first-child::before,
    body .track-panel:first-child::after {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    body .track-form {
        padding: 22px !important;
    }

    body .track-result {
        padding: 24px !important;
    }
}

@media (max-width: 620px) {
    body .track__title {
        font-size: 34px !important;
    }

    body .track__text {
        font-size: 14px !important;
    }

    body .track-status-row {
        gap: 12px !important;
    }

    body .track-order-title {
        font-size: 22px !important;
        overflow-wrap: anywhere !important;
    }

    body .track-meta {
        grid-template-columns: 1fr !important;
    }

    body .track-placeholder {
        min-height: 320px !important;
        padding: 32px 20px !important;
    }

    body .track-items {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }
}

/* Professional cart page refresh. */
body .cart-top {
    position: relative !important;
    z-index: 20 !important;
    border-bottom: 1px solid #e4eee8 !important;
    background: #ffffff !important;
    box-shadow: 0 12px 34px rgba(20, 54, 34, 0.06) !important;
}

body .cart-top__inner {
    width: min(100%, 1240px) !important;
    min-height: 96px !important;
    padding: 14px 18px !important;
}

body .cart-logo {
    width: 266px !important;
    height: 70px !important;
    padding: 8px 24px !important;
    border: 2px solid rgba(15, 125, 66, 0.32) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 30px rgba(15, 125, 66, 0.08) !important;
}

body .cart-logo img {
    transform: scale(1.18) !important;
}

body .cart-top__links {
    gap: 12px !important;
}

body .cart-top__link {
    min-height: 44px !important;
    padding: 0 18px !important;
    border: 1px solid #d9e8df !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #0e7c40 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 950 !important;
    box-shadow: 0 9px 20px rgba(20, 54, 34, 0.05) !important;
}

body .cart-top__link--dark {
    border-color: #0c753b !important;
    background: linear-gradient(135deg, #0d7b3f, #128c4b) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 26px rgba(15, 127, 66, 0.2) !important;
}

body .cart-shell {
    position: relative !important;
    isolation: isolate !important;
    padding: 56px 18px 90px !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(15, 138, 71, 0.1), transparent 340px),
        radial-gradient(circle at 88% 0%, rgba(213, 170, 53, 0.12), transparent 360px),
        linear-gradient(180deg, #fbfdf9 0%, #f8fbf7 360px, #ffffff 100%) !important;
}

body .cart-shell::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 360px !important;
    z-index: -1 !important;
    background:
        linear-gradient(90deg, rgba(15, 138, 71, 0.045) 0 1px, transparent 1px),
        linear-gradient(0deg, rgba(15, 138, 71, 0.035) 0 1px, transparent 1px) !important;
    background-size: 48px 48px !important;
    mask-image: linear-gradient(180deg, #000 0%, transparent 100%) !important;
}

body .cart-shell__inner {
    width: min(100%, 1240px) !important;
}

body .cart-hero {
    margin-bottom: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    grid-template-columns: minmax(0, 1fr) 370px !important;
    gap: 28px !important;
    align-items: center !important;
}

body .cart-eyebrow {
    min-height: 30px !important;
    margin-bottom: 14px !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #d7eadf !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0e7c40 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
    box-shadow: 0 8px 20px rgba(20, 54, 34, 0.05) !important;
}

body .cart-title {
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: clamp(38px, 4.2vw, 58px) !important;
    font-weight: 1000 !important;
    line-height: 1.02 !important;
}

body .cart-subtitle {
    max-width: 720px !important;
    color: #5b6c62 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
}

body .cart-steps {
    padding: 12px !important;
    border: 1px solid #dfeae3 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(20, 54, 34, 0.08) !important;
}

body .cart-step {
    min-height: 46px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    color: #53665a !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body .cart-step.is-active {
    background: #0f8a47 !important;
    color: #ffffff !important;
}

body .cart-step span {
    width: 30px !important;
    height: 30px !important;
    background: #edf8f1 !important;
    color: #0f8a47 !important;
}

body .cart-step.is-active span {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

body .cart-layout {
    grid-template-columns: minmax(0, 1fr) 390px !important;
    gap: 28px !important;
}

body .cart-panel,
body .cart-summary,
body .cart-service {
    border: 1px solid #dfeae3 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow:
        0 20px 48px rgba(20, 54, 34, 0.09),
        0 4px 12px rgba(20, 54, 34, 0.04) !important;
}

body .cart-panel__head,
body .cart-summary__head {
    min-height: 72px !important;
    padding: 22px 26px !important;
    border-bottom: 1px solid #e8f0eb !important;
}

body .cart-panel__title,
body .cart-summary__title {
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 22px !important;
    font-weight: 1000 !important;
}

body .cart-count {
    min-height: 28px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    background: #edf8f1 !important;
    color: #0d7b3f !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
}

body .cart-products {
    padding: 18px 22px 24px !important;
}

body .cart-product {
    position: relative !important;
    min-height: 154px !important;
    padding: 20px 62px 20px 18px !important;
    display: grid !important;
    grid-template-columns: 96px minmax(190px, 1fr) 118px 132px !important;
    gap: 18px !important;
    align-items: center !important;
    border: 1px solid #e4ede8 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(20, 54, 34, 0.06) !important;
    overflow: hidden !important;
}

body .cart-product + .cart-product {
    margin-top: 14px !important;
}

body .cart-product::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: linear-gradient(180deg, #0f8a47, #d5aa35) !important;
}

body .cart-product:hover {
    transform: translateY(-2px) !important;
    border-color: #cfe6d8 !important;
    box-shadow: 0 18px 38px rgba(20, 54, 34, 0.1) !important;
}

body .cart-product__image {
    width: 96px !important;
    height: 96px !important;
    padding: 0 !important;
    border: 1px solid #e2ebe6 !important;
    border-radius: 8px !important;
    background: #f7faf8 !important;
    object-fit: cover !important;
}

body .cart-product__name {
    display: block !important;
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 17px !important;
    font-weight: 1000 !important;
    line-height: 1.34 !important;
}

body .cart-product__meta {
    margin-top: 11px !important;
    gap: 7px !important;
}

body .cart-pill {
    min-height: 25px !important;
    padding: 0 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    background: #f2f6f3 !important;
    color: #66766d !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

body .cart-pill--green {
    background: #eaf7ef !important;
    color: #0d7b3f !important;
}

body .cart-price-block {
    gap: 7px !important;
    color: #75827a !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 11px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
}

body .cart-price-block strong {
    color: #132d20 !important;
    font-size: 16px !important;
    font-weight: 1000 !important;
    line-height: 1.15 !important;
}

body .cart-qty-form {
    width: 132px !important;
    gap: 9px !important;
}

body .cart-qty {
    height: 42px !important;
    grid-template-columns: 38px minmax(0, 1fr) 38px !important;
    border: 1px solid #d8e5dd !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body .cart-qty button {
    background: #f2f7f4 !important;
    color: #0f8a47 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 18px !important;
    font-weight: 1000 !important;
}

body .cart-qty input {
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 15px !important;
    font-weight: 1000 !important;
}

body .cart-update {
    min-height: 34px !important;
    border: 1px solid #d9e8df !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0e7c40 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
}

body .cart-line-total {
    justify-self: end !important;
    color: #0d7b3f !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 18px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body .cart-remove-form {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
}

body .cart-remove {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid #f0cdcd !important;
    border-radius: 50% !important;
    background: #fff8f8 !important;
    color: #b63131 !important;
    font-size: 18px !important;
    box-shadow: none !important;
}

body .cart-side {
    top: 18px !important;
    gap: 16px !important;
}

body .cart-summary {
    overflow: hidden !important;
}

body .cart-summary__head {
    background: #ffffff !important;
}

body .cart-summary__body {
    padding: 24px !important;
}

body .shipping-meter {
    margin-bottom: 20px !important;
    padding: 17px !important;
    border: 1px solid #d6e9de !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f6fbf8, #ffffff) !important;
}

body .shipping-meter__text {
    color: #263b2d !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body .shipping-meter__bar {
    height: 8px !important;
    background: #e4eee8 !important;
}

body .summary-row {
    padding: 11px 0 !important;
    color: #5d6e64 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

body .summary-row strong {
    color: #132d20 !important;
    font-weight: 1000 !important;
}

body .summary-row--grand {
    margin-top: 12px !important;
    padding-top: 20px !important;
    border-top: 1px solid #e2ece6 !important;
    color: #132d20 !important;
    font-size: 22px !important;
    font-weight: 1000 !important;
}

body .summary-row--grand strong {
    color: #0d7b3f !important;
    font-size: 24px !important;
}

body .cart-summary .cart-btn {
    min-height: 54px !important;
    margin-top: 14px !important;
    border-radius: 8px !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 1000 !important;
}

body .cart-summary .cart-btn--soft {
    border: 1px solid #d9e8df !important;
    background: #ffffff !important;
}

body .cart-summary .cart-btn--danger {
    border-color: #efcccc !important;
    color: #a72d2d !important;
}

body .cart-trust {
    margin-top: 18px !important;
    color: #65756b !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.55 !important;
}

body .cart-trust .cart-badges {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    justify-content: stretch !important;
}

body .cart-trust .cart-badge {
    width: auto !important;
    height: 34px !important;
    min-width: 0 !important;
    padding: 0 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #dfe8e3 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #0e7c40 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 10.5px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

body .cart-service {
    padding: 18px !important;
    gap: 13px !important;
}

body .cart-service__item {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 12px !important;
    border: 1px solid #e6eee9 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

body .cart-service__icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: #eaf7ef !important;
    color: #0d7b3f !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 1000 !important;
}

body .cart-service__item strong {
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 1000 !important;
}

body .cart-service__item span span {
    color: #65756b !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
}

body .cart-empty {
    padding: 64px 24px !important;
    background: linear-gradient(180deg, #ffffff, #fbfdfb) !important;
}

body .cart-empty__mark {
    border-color: #d6eadf !important;
    background: #eef8f2 !important;
}

/* Premium cart assurance card. */
body .cart-service {
    position: relative !important;
    padding: 22px !important;
    display: grid !important;
    gap: 12px !important;
    border: 1px solid #dfeae3 !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%) !important;
    box-shadow:
        0 18px 42px rgba(20, 54, 34, 0.08),
        0 4px 12px rgba(20, 54, 34, 0.04) !important;
}

body .cart-service::before {
    content: "Alisveris guvenceleri" !important;
    display: block !important;
    margin-bottom: 4px !important;
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 18px !important;
    font-weight: 1000 !important;
    line-height: 1.2 !important;
}

body .cart-service__item {
    position: relative !important;
    min-height: 78px !important;
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 15px !important;
    overflow: hidden !important;
    border: 1px solid #e3ede7 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 22px rgba(20, 54, 34, 0.045) !important;
}

body .cart-service__item::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 3px !important;
    background: linear-gradient(180deg, #0f8a47, #d5aa35) !important;
}

body .cart-service__icon {
    position: relative !important;
    width: 50px !important;
    height: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #cfe7d8 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #f5fbf7, #eaf7ef) !important;
    color: transparent !important;
    font-size: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body .cart-service__icon::before {
    content: "" !important;
    position: absolute !important;
    inset: 14px !important;
    border-radius: 50% !important;
    background: #0f8a47 !important;
    box-shadow: 0 7px 15px rgba(15, 138, 71, 0.22) !important;
}

body .cart-service__icon::after {
    content: "" !important;
    position: absolute !important;
    width: 12px !important;
    height: 7px !important;
    border-left: 3px solid #ffffff !important;
    border-bottom: 3px solid #ffffff !important;
    border-radius: 1px !important;
    transform: rotate(-45deg) translate(1px, -1px) !important;
}

body .cart-service__item > span:last-child {
    min-width: 0 !important;
    display: block !important;
}

body .cart-service__item strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 1000 !important;
    line-height: 1.2 !important;
}

body .cart-service__item span span {
    display: block !important;
    margin: 0 !important;
    color: #637369 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
}

/* Professional checkout page refresh. */
body .checkout-topline {
    background: linear-gradient(90deg, #073f25, #0f8a47 58%, #0b5e34) !important;
    box-shadow: inset 0 -1px rgba(255, 255, 255, 0.14) !important;
}

body .checkout-topline__inner {
    width: min(100%, 1240px) !important;
    min-height: 44px !important;
    padding: 8px 18px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: 900 !important;
}

body .checkout-topline__inner span {
    position: relative !important;
    gap: 9px !important;
}

body .checkout-topline__inner span::before {
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    flex: 0 0 auto !important;
    border-radius: 50% !important;
    background: #d5aa35 !important;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1) !important;
}

body .checkout-top {
    position: relative !important;
    z-index: 20 !important;
    border-bottom: 1px solid #e4eee8 !important;
    background: #ffffff !important;
    box-shadow: 0 12px 34px rgba(20, 54, 34, 0.06) !important;
}

body .checkout-top__inner {
    width: min(100%, 1240px) !important;
    min-height: 98px !important;
    padding: 14px 18px !important;
}

body .checkout-logo {
    width: 266px !important;
    height: 70px !important;
    padding: 8px 24px !important;
    border: 2px solid rgba(15, 125, 66, 0.32) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 30px rgba(15, 125, 66, 0.08) !important;
}

body .checkout-logo img {
    transform: scale(1.18) !important;
}

body .checkout-top__actions {
    gap: 12px !important;
}

body .checkout-top__phone {
    padding-right: 8px !important;
    color: #6b7a70 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

body .checkout-top__phone strong {
    color: #132d20 !important;
    font-size: 17px !important;
    font-weight: 1000 !important;
}

body .checkout-link,
body .checkout-secure {
    min-height: 44px !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 950 !important;
}

body .checkout-link {
    border: 1px solid #d9e8df !important;
    background: #ffffff !important;
    color: #0e7c40 !important;
    box-shadow: 0 9px 20px rgba(20, 54, 34, 0.05) !important;
}

body .checkout-secure {
    border: 1px solid #0c753b !important;
    background: linear-gradient(135deg, #0d7b3f, #128c4b) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 26px rgba(15, 127, 66, 0.2) !important;
}

body .checkout {
    position: relative !important;
    isolation: isolate !important;
    padding: 56px 18px 90px !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(15, 138, 71, 0.1), transparent 340px),
        radial-gradient(circle at 88% 0%, rgba(213, 170, 53, 0.12), transparent 360px),
        linear-gradient(180deg, #fbfdf9 0%, #f8fbf7 360px, #ffffff 100%) !important;
}

body .checkout::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 360px !important;
    z-index: -1 !important;
    background:
        linear-gradient(90deg, rgba(15, 138, 71, 0.045) 0 1px, transparent 1px),
        linear-gradient(0deg, rgba(15, 138, 71, 0.035) 0 1px, transparent 1px) !important;
    background-size: 48px 48px !important;
    mask-image: linear-gradient(180deg, #000 0%, transparent 100%) !important;
}

body .checkout__inner {
    width: min(100%, 1240px) !important;
}

body .checkout__head {
    margin-bottom: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    grid-template-columns: minmax(0, 1fr) 370px !important;
    gap: 28px !important;
    align-items: center !important;
}

body .checkout__eyebrow {
    min-height: 30px !important;
    margin-bottom: 14px !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #d7eadf !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0e7c40 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
    box-shadow: 0 8px 20px rgba(20, 54, 34, 0.05) !important;
}

body .checkout__title {
    max-width: 740px !important;
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: clamp(34px, 4vw, 54px) !important;
    font-weight: 1000 !important;
    line-height: 1.05 !important;
}

body .checkout__subtitle {
    max-width: 720px !important;
    color: #5b6c62 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
}

body .checkout-steps {
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid #dfeae3 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(20, 54, 34, 0.08) !important;
}

body .checkout-step {
    min-height: 46px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    color: #53665a !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body .checkout-step.is-active {
    background: #0f8a47 !important;
    color: #ffffff !important;
}

body .checkout-step span {
    width: 30px !important;
    height: 30px !important;
    background: #edf8f1 !important;
    color: #0f8a47 !important;
}

body .checkout-step.is-active span {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

body .checkout-form {
    grid-template-columns: minmax(0, 1fr) 392px !important;
    gap: 28px !important;
}

body .checkout-main {
    gap: 20px !important;
}

body .checkout-card,
body .checkout-summary {
    border: 1px solid #dfeae3 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow:
        0 20px 48px rgba(20, 54, 34, 0.09),
        0 4px 12px rgba(20, 54, 34, 0.04) !important;
}

body .checkout-card__head,
body .checkout-summary__head {
    min-height: 72px !important;
    padding: 22px 26px !important;
    border-bottom: 1px solid #e8f0eb !important;
    background: #ffffff !important;
}

body .checkout-card__title,
body .checkout-summary__title {
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 22px !important;
    font-weight: 1000 !important;
}

body .checkout-card__badge {
    min-height: 28px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    background: #edf8f1 !important;
    color: #0d7b3f !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
    box-shadow: none !important;
}

body .checkout-card__body {
    padding: 26px !important;
}

body .checkout-grid {
    gap: 17px !important;
}

body .checkout-field {
    gap: 8px !important;
}

body .checkout-label {
    color: #23382b !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
    letter-spacing: 0 !important;
}

body .checkout-input,
body .checkout-select,
body .checkout-textarea {
    min-height: 54px !important;
    padding: 0 16px !important;
    border: 1px solid #d7e4dc !important;
    border-radius: 8px !important;
    background: #fbfdfb !important;
    color: #14291d !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease !important;
}

body .checkout-input::placeholder {
    color: #9ca9a1 !important;
    font-weight: 700 !important;
}

body .checkout-textarea {
    min-height: 116px !important;
    padding-top: 14px !important;
}

body .checkout-input:focus,
body .checkout-select:focus,
body .checkout-textarea:focus {
    border-color: #0f8a47 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(15, 138, 71, 0.1) !important;
}

body .checkout-mini-note {
    position: relative !important;
    margin-top: 18px !important;
    padding: 14px 16px 14px 46px !important;
    border: 1px solid #d6e9de !important;
    border-radius: 8px !important;
    background: #f7fbf8 !important;
    color: #5c6b62 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12.8px !important;
    font-weight: 750 !important;
    line-height: 1.55 !important;
}

body .checkout-mini-note::before {
    content: "" !important;
    position: absolute !important;
    left: 16px !important;
    top: 17px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: #eaf7ef !important;
    box-shadow: inset 0 0 0 5px #0f8a47 !important;
}

body .checkout-error {
    padding: 16px 18px !important;
    border: 1px solid #f0c9c9 !important;
    border-radius: 8px !important;
    background: #fff7f7 !important;
    color: #a72d2d !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body .checkout-payment-layout {
    grid-template-columns: minmax(0, 1fr) 310px !important;
    gap: 22px !important;
}

body .checkout-card-visual {
    min-height: 218px !important;
    padding: 24px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 84% 18%, rgba(255, 255, 255, 0.25), transparent 76px),
        radial-gradient(circle at 10% 90%, rgba(213, 170, 53, 0.2), transparent 78px),
        linear-gradient(135deg, #082f1b 0%, #0d7b3f 58%, #109354 100%) !important;
    color: #ffffff !important;
    box-shadow:
        0 22px 46px rgba(15, 125, 66, 0.22),
        inset 0 1px rgba(255, 255, 255, 0.18) !important;
}

body .checkout-card-visual__chip {
    width: 48px !important;
    height: 36px !important;
    border-radius: 8px !important;
    background:
        linear-gradient(90deg, rgba(99, 63, 7, 0.12) 0 1px, transparent 1px),
        linear-gradient(0deg, rgba(99, 63, 7, 0.12) 0 1px, transparent 1px),
        linear-gradient(135deg, #f3d98c, #b7832a) !important;
    background-size: 12px 12px, 12px 12px, auto !important;
}

body .checkout-card-visual__brand {
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
}

body .checkout-card-visual__number {
    margin-top: 30px !important;
    font-family: "Courier New", monospace !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 1.8px !important;
}

body .checkout-card-visual__label {
    color: rgba(255, 255, 255, 0.66) !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 10px !important;
    font-weight: 1000 !important;
    letter-spacing: 0 !important;
}

body .checkout-card-visual__value {
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
}

body .checkout-summary {
    top: 18px !important;
    overflow: hidden !important;
}

body .checkout-summary__count {
    color: #66766d !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

body .checkout-summary__items {
    max-height: 350px !important;
    padding: 14px 18px !important;
}

body .checkout-item {
    padding: 14px !important;
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
    gap: 12px !important;
    border: 1px solid #e7efea !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(20, 54, 34, 0.04) !important;
}

body .checkout-item + .checkout-item {
    margin-top: 10px !important;
}

body .checkout-item__image {
    width: 58px !important;
    height: 58px !important;
    border: 1px solid #e2ebe6 !important;
    border-radius: 8px !important;
    background: #f7faf8 !important;
}

body .checkout-item__name {
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

body .checkout-item__qty {
    color: #718078 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
}

body .checkout-item__price {
    color: #0d7b3f !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
}

body .checkout-summary__totals {
    padding: 22px 24px 24px !important;
    border-top: 1px solid #e8f0eb !important;
}

body .checkout-summary-meter {
    margin-bottom: 18px !important;
    padding: 17px !important;
    border: 1px solid #d6e9de !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f6fbf8, #ffffff) !important;
}

body .checkout-summary-meter p {
    color: #263b2d !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body .checkout-summary-meter__bar {
    height: 8px !important;
    background: #e4eee8 !important;
}

body .checkout-total-row {
    padding: 11px 0 !important;
    color: #5d6e64 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

body .checkout-total-row strong {
    color: #132d20 !important;
    font-weight: 1000 !important;
}

body .checkout-total-row--grand {
    margin-top: 12px !important;
    padding-top: 20px !important;
    border-top: 1px solid #e2ece6 !important;
    color: #132d20 !important;
    font-size: 22px !important;
    font-weight: 1000 !important;
}

body .checkout-total-row--grand strong {
    color: #0d7b3f !important;
    font-size: 24px !important;
}

body .checkout-submit {
    min-height: 56px !important;
    margin-top: 18px !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #0d7b3f, #128c4b) !important;
    color: #ffffff !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 15px !important;
    font-weight: 1000 !important;
    box-shadow: 0 14px 26px rgba(15, 127, 66, 0.22) !important;
}

body .checkout-submit:hover {
    background: linear-gradient(135deg, #0b7139, #0f7f42) !important;
}

body .checkout-trust {
    margin-top: 18px !important;
    color: #65756b !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.55 !important;
}

body .checkout-badges {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
}

body .checkout-badge {
    height: 34px !important;
    padding: 0 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #dfe8e3 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #0e7c40 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 10.5px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
}

@media (max-width: 1080px) {
    body .checkout__head,
    body .checkout-form,
    body .checkout-payment-layout {
        grid-template-columns: 1fr !important;
    }

    body .checkout-summary {
        position: static !important;
    }
}

@media (max-width: 640px) {
    body .checkout {
        padding: 38px 12px 64px !important;
    }

    body .checkout-top__inner,
    body .checkout-top__actions,
    body .checkout-topline__inner {
        justify-content: center !important;
        text-align: center !important;
        flex-wrap: wrap !important;
    }

    body .checkout-logo {
        width: 236px !important;
    }

    body .checkout__title {
        font-size: 34px !important;
    }

    body .checkout-card__body,
    body .checkout-card__head,
    body .checkout-summary__head,
    body .checkout-summary__totals {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body .checkout-grid,
    body .checkout-grid--three {
        grid-template-columns: 1fr !important;
    }

    body .checkout-badges {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Professional shop page and product-card action refresh. */
body .erdemir-shop {
    position: relative !important;
    isolation: isolate !important;
    padding: 56px 18px 92px !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(15, 138, 71, 0.1), transparent 340px),
        radial-gradient(circle at 88% 0%, rgba(213, 170, 53, 0.11), transparent 360px),
        linear-gradient(180deg, #fbfdf9 0%, #f8fbf7 390px, #ffffff 100%) !important;
}

body .erdemir-shop::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 360px !important;
    z-index: -1 !important;
    background:
        linear-gradient(90deg, rgba(15, 138, 71, 0.045) 0 1px, transparent 1px),
        linear-gradient(0deg, rgba(15, 138, 71, 0.035) 0 1px, transparent 1px) !important;
    background-size: 48px 48px !important;
    mask-image: linear-gradient(180deg, #000 0%, transparent 100%) !important;
}

body .erdemir-shop__inner {
    width: min(100%, 1240px) !important;
}

body .erdemir-shop__hero {
    min-height: 320px !important;
    margin-bottom: 28px !important;
    padding: 42px !important;
    grid-template-columns: minmax(0, 1fr) 330px !important;
    border: 1px solid #dfeae3 !important;
    border-radius: 8px !important;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.78) 50%, rgba(255, 255, 255, 0.2) 100%),
        url('assets/slider/cheese-hero.png') center / cover no-repeat !important;
    box-shadow:
        0 24px 56px rgba(20, 54, 34, 0.12),
        0 6px 16px rgba(20, 54, 34, 0.05) !important;
}

body .erdemir-shop__eyebrow {
    min-height: 30px !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #d7eadf !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0e7c40 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
    box-shadow: 0 8px 20px rgba(20, 54, 34, 0.05) !important;
}

body .erdemir-shop__title {
    max-width: 720px !important;
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: clamp(38px, 4.6vw, 60px) !important;
    font-weight: 1000 !important;
    line-height: 1.03 !important;
}

body .erdemir-shop__intro {
    max-width: 720px !important;
    color: #5b6c62 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
}

body .erdemir-shop__stats {
    gap: 12px !important;
}

body .erdemir-shop__stat {
    min-height: 82px !important;
    padding: 17px !important;
    border: 1px solid rgba(223, 234, 227, 0.95) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 14px 30px rgba(20, 54, 34, 0.08) !important;
    backdrop-filter: blur(8px) !important;
}

body .erdemir-shop__stat strong {
    color: #0d7b3f !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 23px !important;
    font-weight: 1000 !important;
}

body .erdemir-shop__stat span {
    color: #5d6e64 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
}

body .erdemir-shop__toolbar {
    margin-bottom: 28px !important;
    padding: 16px !important;
    border: 1px solid #dfeae3 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(20, 54, 34, 0.08) !important;
}

body .erdemir-shop__search {
    min-height: 50px !important;
    border: 1px solid #d7e4dc !important;
    border-radius: 8px !important;
    background: #fbfdfb !important;
    color: #14291d !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

body .erdemir-shop__filter {
    min-height: 38px !important;
    padding: 0 14px !important;
    border: 1px solid #d9e8df !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #53665a !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

body .erdemir-shop__filter.is-active,
body .erdemir-shop__filter:hover,
body .erdemir-shop__filter:focus-visible {
    border-color: #0f8a47 !important;
    background: #0f8a47 !important;
    color: #ffffff !important;
}

body .erdemir-shop__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

body .erdemir-shop-card {
    min-height: 500px !important;
    border: 1px solid #e1eae5 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow:
        0 16px 38px rgba(20, 54, 34, 0.08),
        0 4px 12px rgba(20, 54, 34, 0.035) !important;
    overflow: hidden !important;
}

body .erdemir-shop-card:hover,
body .erdemir-shop-card:focus-within {
    transform: translateY(-4px) !important;
    border-color: #cfe6d8 !important;
    box-shadow:
        0 24px 54px rgba(20, 54, 34, 0.13),
        0 6px 16px rgba(20, 54, 34, 0.055) !important;
}

body .erdemir-shop-card__badge {
    top: 13px !important;
    right: 13px !important;
    min-height: 29px !important;
    padding: 0 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    background: #0f8a47 !important;
    color: #ffffff !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 11.5px !important;
    font-weight: 1000 !important;
    box-shadow: 0 10px 20px rgba(15, 138, 71, 0.18) !important;
}

body .erdemir-shop-card__image-link {
    height: 244px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f6faf7 100%) !important;
}

body .erdemir-shop-card__image {
    object-fit: cover !important;
}

body .erdemir-shop-card__body {
    padding: 18px 18px 16px !important;
}

body .erdemir-shop-card__category {
    margin-bottom: 8px !important;
    color: #0d7b3f !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
}

body .erdemir-shop-card__title {
    color: #132d20 !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 17px !important;
    font-weight: 1000 !important;
    line-height: 1.32 !important;
}

body .erdemir-shop-card__desc {
    min-height: 42px !important;
    color: #62746a !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.48 !important;
}

body .erdemir-shop-card__footer {
    padding-top: 17px !important;
    gap: 15px !important;
}

body .erdemir-shop-card__prices {
    min-height: 28px !important;
}

body .erdemir-shop-card__price {
    color: #0d7b3f !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 22px !important;
    font-weight: 1000 !important;
}

body .erdemir-shop-card__old {
    color: #a9b2ad !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body .erdemir-shop-card__actions {
    margin: 0 !important;
    padding: 12px 0 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(118px, 0.72fr) !important;
    gap: 10px !important;
    border-top: 1px solid #edf3ef !important;
}

body .erdemir-shop-card__detail,
body .erdemir-shop-card__cart {
    min-height: 44px !important;
    border-radius: 8px !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease !important;
}

body .erdemir-shop-card__detail {
    border: 1px solid #d9e8df !important;
    background: #ffffff !important;
    color: #0e7c40 !important;
}

body .erdemir-shop-card__detail::before {
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    margin-right: 8px !important;
    border-top: 2px solid currentColor !important;
    border-right: 2px solid currentColor !important;
    transform: rotate(45deg) !important;
}

body .erdemir-shop-card__cart {
    position: relative !important;
    gap: 8px !important;
    border: 1px solid #0d7b3f !important;
    background: linear-gradient(135deg, #0d7b3f, #128c4b) !important;
    color: transparent !important;
    font-size: 0 !important;
    overflow: hidden !important;
}

body .erdemir-shop-card__cart::before {
    content: "+" !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
}

body .erdemir-shop-card__cart::after {
    content: "Sepete Ekle" !important;
    color: #ffffff !important;
    font-size: 12.5px !important;
    font-weight: 1000 !important;
    white-space: nowrap !important;
}

body .erdemir-shop-card__detail:hover,
body .erdemir-shop-card__detail:focus-visible {
    border-color: #0f8a47 !important;
    background: #f1faf4 !important;
    color: #0d7b3f !important;
    transform: translateY(-1px) !important;
}

body .erdemir-shop-card__cart:hover,
body .erdemir-shop-card__cart:focus-visible,
body .erdemir-shop-card__cart.is-added {
    background: linear-gradient(135deg, #0b7139, #0f7f42) !important;
    border-color: #0b7139 !important;
    transform: translateY(-1px) !important;
}

body .erdemir-shop-card__cart.is-added::after {
    content: "Eklendi" !important;
}

@media (max-width: 1120px) {
    body .erdemir-shop__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 860px) {
    body .erdemir-shop__hero,
    body .erdemir-shop__toolbar {
        grid-template-columns: 1fr !important;
    }

    body .erdemir-shop__filters {
        justify-content: flex-start !important;
    }

    body .erdemir-shop__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    body .erdemir-shop {
        padding: 38px 12px 64px !important;
    }

    body .erdemir-shop__hero {
        min-height: 0 !important;
        padding: 28px 20px !important;
    }

    body .erdemir-shop__title {
        font-size: 34px !important;
    }

    body .erdemir-shop__grid {
        grid-template-columns: 1fr !important;
    }

    body .erdemir-shop-card {
        min-height: 0 !important;
    }

    body .erdemir-shop-card__actions {
        grid-template-columns: 1fr !important;
    }

    body .erdemir-shop-card__cart {
        justify-content: center !important;
    }
}

@media (max-width: 1120px) {
    body .cart-layout {
        grid-template-columns: 1fr !important;
    }

    body .cart-side {
        position: static !important;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr) !important;
        align-items: start !important;
    }
}

@media (max-width: 900px) {
    body .cart-hero {
        grid-template-columns: 1fr !important;
    }

    body .cart-product {
        grid-template-columns: 90px minmax(0, 1fr) 132px !important;
        padding-right: 58px !important;
    }

    body .cart-price-block,
    body .cart-line-total {
        grid-column: 2 / -1 !important;
        justify-self: start !important;
        text-align: left !important;
    }

    body .cart-qty-form {
        grid-column: 3 !important;
        grid-row: 1 / span 2 !important;
        align-self: center !important;
    }

    body .cart-side {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    body .cart-top__inner {
        justify-content: center !important;
    }

    body .cart-logo {
        width: 236px !important;
    }

    body .cart-top__links {
        width: 100% !important;
        justify-content: center !important;
    }

    body .cart-shell {
        padding: 38px 12px 64px !important;
    }

    body .cart-title {
        font-size: 36px !important;
    }

    body .cart-product {
        min-height: 0 !important;
        grid-template-columns: 82px minmax(0, 1fr) !important;
        gap: 14px !important;
        padding: 16px 52px 18px 14px !important;
    }

    body .cart-product__image {
        width: 82px !important;
        height: 82px !important;
    }

    body .cart-qty-form,
    body .cart-price-block,
    body .cart-line-total {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        justify-self: stretch !important;
        width: 100% !important;
    }

    body .cart-line-total {
        text-align: left !important;
        font-size: 20px !important;
    }

    body .cart-trust .cart-badges {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Final professional shop catalogue polish. */
body .erdemir-shop {
    width: 100% !important;
    margin: 0 !important;
    padding: 44px 16px 78px !important;
}

body .erdemir-shop__inner {
    width: min(100%, 1320px) !important;
    margin: 0 auto !important;
}

body .erdemir-shop__hero {
    min-height: 286px !important;
    margin-bottom: 22px !important;
    padding: 34px 38px !important;
    border-radius: 8px !important;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.86) 52%, rgba(244, 250, 246, 0.72) 100%),
        linear-gradient(135deg, #f8fbf6 0%, #ffffff 52%, #edf7f0 100%) !important;
    box-shadow: 0 22px 54px rgba(22, 49, 33, 0.09) !important;
}

body .erdemir-shop__hero::before {
    opacity: 0.5 !important;
    filter: saturate(0.95) !important;
}

body .erdemir-shop__title {
    max-width: 700px !important;
    color: #14281d !important;
    font-size: clamp(38px, 4.4vw, 62px) !important;
    line-height: 0.98 !important;
}

body .erdemir-shop__intro,
body .erdemir-shop__lead {
    max-width: 650px !important;
    color: #435348 !important;
    font-size: 16px !important;
    line-height: 1.68 !important;
}

body .erdemir-shop__toolbar {
    margin-bottom: 24px !important;
    padding: 16px !important;
    border: 1px solid #ddeae2 !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 16px 38px rgba(22, 49, 33, 0.07) !important;
}

body .erdemir-shop__search {
    min-height: 48px !important;
    border-radius: 8px !important;
    border-color: #d8e7de !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body .erdemir-shop__filter {
    min-height: 40px !important;
    border-radius: 8px !important;
    background: #f8fbf8 !important;
    color: #26362c !important;
}

body .erdemir-shop__filter.is-active,
body .erdemir-shop__filter:hover,
body .erdemir-shop__filter:focus-visible {
    border-color: #0f7d42 !important;
    background: #0f7d42 !important;
    color: #ffffff !important;
}

body .erdemir-shop__grid {
    gap: 22px !important;
}

body .erdemir-shop-card {
    min-height: 0 !important;
    border: 1px solid #dfe9e2 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 32px rgba(20, 42, 29, 0.08) !important;
}

body .erdemir-shop-card:hover,
body .erdemir-shop-card:focus-within {
    border-color: rgba(15, 125, 66, 0.35) !important;
    box-shadow: 0 22px 46px rgba(20, 42, 29, 0.14) !important;
    transform: translateY(-3px) !important;
}

body .erdemir-shop-card__badge {
    top: 12px !important;
    right: 12px !important;
    border-radius: 4px 4px 0 4px !important;
    background: #0f7d42 !important;
    box-shadow: 0 8px 20px rgba(15, 125, 66, 0.22) !important;
}

body .erdemir-shop-card__image-link {
    height: 248px !important;
    padding: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-bottom: 1px solid #edf2ee !important;
    background:
        radial-gradient(circle at 50% 24%, rgba(15, 125, 66, 0.08), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f8faf8 100%) !important;
}

body .erdemir-shop-card__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

body .erdemir-shop-card:hover .erdemir-shop-card__image {
    transform: scale(1.025) !important;
}

body .erdemir-shop-card__body {
    padding: 18px 18px 16px !important;
}

body .erdemir-shop-card__category {
    margin-bottom: 8px !important;
    color: #0d7b3f !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
}

body .erdemir-shop-card__title {
    min-height: 48px !important;
    color: #16291f !important;
    font-size: 18px !important;
    line-height: 1.34 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body .erdemir-shop-card__desc {
    min-height: 42px !important;
    color: #59645d !important;
    font-size: 13.5px !important;
    line-height: 1.52 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body .erdemir-shop-card__footer {
    padding-top: 16px !important;
    gap: 14px !important;
}

body .erdemir-shop-card__prices {
    min-height: 34px !important;
    padding-top: 12px !important;
    border-top: 1px solid #edf2ee !important;
}

body .erdemir-shop-card__price {
    color: #0c8542 !important;
    font-size: 22px !important;
    font-weight: 1000 !important;
}

body .erdemir-shop-card__old {
    color: #9ca7a0 !important;
}

body .erdemir-shop-card__actions {
    margin: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
}

body .erdemir-shop-card__detail,
body .erdemir-shop-card__cart {
    min-height: 43px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 15px !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body .erdemir-shop-card__detail {
    border: 1px solid #d8e7df !important;
    background: #ffffff !important;
    color: #0c7440 !important;
}

body .erdemir-shop-card__detail::before {
    content: none !important;
}

body .erdemir-shop-card__detail::after {
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    border-top: 2px solid currentColor !important;
    border-right: 2px solid currentColor !important;
    transform: rotate(45deg) !important;
}

body .erdemir-shop-card__cart {
    min-width: 132px !important;
    border: 1px solid #0d7b3f !important;
    background: linear-gradient(135deg, #0f7d42 0%, #075b31 100%) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    overflow: visible !important;
}

body .erdemir-shop-card__cart::before {
    content: "+" !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
}

body .erdemir-shop-card__cart::after {
    content: none !important;
}

body .erdemir-shop-card__detail:hover,
body .erdemir-shop-card__detail:focus-visible {
    border-color: #0f7d42 !important;
    background: #f2faf5 !important;
    color: #0a6537 !important;
    transform: translateY(-1px) !important;
}

body .erdemir-shop-card__cart:hover,
body .erdemir-shop-card__cart:focus-visible,
body .erdemir-shop-card__cart.is-added {
    border-color: #064c2a !important;
    background: linear-gradient(135deg, #0b6d3a 0%, #054a29 100%) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

body .erdemir-shop-card__cart.is-added::before {
    content: "OK" !important;
    font-size: 11px !important;
}

@media (max-width: 900px) {
    body .erdemir-shop {
        padding-top: 32px !important;
    }

    body .erdemir-shop__hero {
        padding: 28px 22px !important;
    }
}

@media (max-width: 560px) {
    body .erdemir-shop-card__image-link {
        height: 220px !important;
    }

    body .erdemir-shop-card__actions {
        grid-template-columns: 1fr !important;
    }

    body .erdemir-shop-card__cart {
        width: 100% !important;
    }
}

/* Final professional product detail page polish. */
body .erdemir-detail {
    width: 100% !important;
    margin: 0 !important;
    padding: 42px 16px 82px !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(15, 125, 66, 0.10), transparent 340px),
        radial-gradient(circle at 92% 4%, rgba(215, 173, 56, 0.12), transparent 300px),
        linear-gradient(180deg, #fbfdf9 0%, #f7faf6 420px, #ffffff 100%) !important;
}

body .erdemir-detail__inner {
    width: min(100%, 1320px) !important;
    margin: 0 auto !important;
}

body .erdemir-detail__back {
    min-height: 42px !important;
    margin-bottom: 22px !important;
    padding: 0 16px !important;
    border: 1px solid #d9e8df !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: #0d7b3f !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
    box-shadow: 0 10px 24px rgba(20, 42, 29, 0.06) !important;
}

body .erdemir-detail__back:hover,
body .erdemir-detail__back:focus-visible {
    border-color: #0f7d42 !important;
    background: #f3faf6 !important;
    transform: translateY(-1px) !important;
}

body .erdemir-detail__product {
    grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr) !important;
    gap: 28px !important;
    align-items: start !important;
}

body .erdemir-detail__media,
body .erdemir-detail__summary,
body .erdemir-detail__section,
body .erdemir-detail__empty {
    border: 1px solid #dfeae3 !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow:
        0 22px 54px rgba(20, 42, 29, 0.10),
        0 4px 14px rgba(20, 42, 29, 0.035) !important;
}

body .erdemir-detail__media {
    min-height: 620px !important;
    padding: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 34%, rgba(15, 125, 66, 0.09), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, #f6faf7 100%) !important;
}

body .erdemir-detail__media::before {
    content: "" !important;
    width: 78% !important;
    height: 18px !important;
    position: absolute !important;
    left: 11% !important;
    bottom: 28px !important;
    border-radius: 999px !important;
    background: radial-gradient(ellipse, rgba(20, 42, 29, 0.16), transparent 68%) !important;
    filter: blur(5px) !important;
    pointer-events: none !important;
}

body .erdemir-detail__gallery {
    width: 100% !important;
    min-height: 560px !important;
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: 16px !important;
}

body .erdemir-detail__main-image {
    min-height: 470px !important;
    display: grid !important;
    place-items: center !important;
}

body .erdemir-detail__image {
    width: 100% !important;
    height: 100% !important;
    max-height: 560px !important;
    position: relative !important;
    z-index: 1 !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: drop-shadow(0 20px 30px rgba(20, 42, 29, 0.13)) !important;
    transition: transform 260ms ease !important;
}

body .erdemir-detail__media:hover .erdemir-detail__image {
    transform: scale(1.018) !important;
}

body .erdemir-detail__thumbs {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(76px, 92px)) !important;
    gap: 10px !important;
    justify-content: center !important;
}

body .erdemir-detail__thumb {
    width: 86px !important;
    height: 72px !important;
    padding: 7px !important;
    border: 1px solid #dfeae3 !important;
    border-radius: 8px !important;
    display: grid !important;
    place-items: center !important;
    background: #ffffff !important;
    cursor: pointer !important;
    box-shadow: 0 8px 18px rgba(20, 42, 29, 0.06) !important;
    transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease !important;
}

body .erdemir-detail__thumb img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain !important;
}

body .erdemir-detail__thumb:hover,
body .erdemir-detail__thumb:focus-visible,
body .erdemir-detail__thumb.is-active {
    border-color: #0f7d42 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 24px rgba(15, 125, 66, 0.14) !important;
}

body .erdemir-detail__thumb.is-active {
    background: #f1faf5 !important;
}

body .erdemir-gallery-count {
    min-height: 26px !important;
    padding: 0 9px !important;
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;
    z-index: 3 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    background: rgba(15, 125, 66, 0.92) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    box-shadow: 0 10px 22px rgba(15, 125, 66, 0.18) !important;
}

body .erdemir-shop-card__image-link,
body .erdemir-discount-card__image-area,
body .erdemir-new-card__image-area,
body .erdemir-product-card__image-area,
body .kasar-product__image {
    position: relative !important;
}

body .erdemir-detail__discount {
    top: 18px !important;
    right: 18px !important;
    z-index: 2 !important;
    min-height: 31px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 4px 4px 0 4px !important;
    background: linear-gradient(135deg, #0f7d42, #075b31) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
}

body .erdemir-detail__summary {
    position: sticky !important;
    top: 16px !important;
    padding: 30px !important;
    overflow: visible !important;
}

body .erdemir-detail__category {
    margin-bottom: 14px !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(15, 125, 66, 0.12) !important;
    border-radius: 999px !important;
    background: #eef8f2 !important;
    color: #0d7b3f !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
}

body .erdemir-detail__title {
    color: #132d20 !important;
    font-size: clamp(34px, 3.5vw, 52px) !important;
    font-weight: 1000 !important;
    line-height: 1.04 !important;
}

body .erdemir-detail__desc {
    margin-top: 16px !important;
    color: #5a675f !important;
    font-size: 15.5px !important;
    font-weight: 750 !important;
    line-height: 1.72 !important;
}

body .erdemir-detail__price-row {
    margin-top: 24px !important;
    padding: 18px 0 16px !important;
    border-top: 1px solid #edf2ee !important;
    border-bottom: 1px solid #edf2ee !important;
}

body .erdemir-detail__price {
    color: #0c8542 !important;
    font-size: clamp(34px, 4vw, 46px) !important;
    font-weight: 1000 !important;
}

body .erdemir-detail__old {
    color: #9fa9a3 !important;
    font-size: 17px !important;
}

body .erdemir-detail__stock {
    width: max-content !important;
    max-width: 100% !important;
    min-height: 38px !important;
    margin-top: 16px !important;
    padding: 0 14px !important;
    border: 1px solid #dbece1 !important;
    border-radius: 999px !important;
    background: #f2faf5 !important;
    color: #173226 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body .erdemir-detail__stock-dot {
    width: 9px !important;
    height: 9px !important;
    background: #0f7d42 !important;
    box-shadow: 0 0 0 5px rgba(15, 125, 66, 0.12) !important;
}

body .erdemir-detail__buy {
    margin-top: 24px !important;
    padding: 14px !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    border: 1px solid #dfeae3 !important;
    border-radius: 8px !important;
    background: #f9fcfa !important;
}

body .erdemir-detail__qty {
    min-height: 52px !important;
    border: 1px solid #d6e5dc !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #14291d !important;
    font-size: 17px !important;
    font-weight: 1000 !important;
    box-shadow: none !important;
}

body .erdemir-detail__button {
    min-height: 52px !important;
    border: 1px solid #0d7b3f !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #0f7d42 0%, #075b31 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 1000 !important;
    box-shadow: 0 14px 28px rgba(15, 125, 66, 0.22) !important;
}

body .erdemir-detail__button::before {
    content: "+" !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

body .erdemir-detail__button:hover,
body .erdemir-detail__button:focus-visible,
body .erdemir-detail__button.is-added {
    border-color: #064c2a !important;
    background: linear-gradient(135deg, #0b6d3a 0%, #054a29 100%) !important;
    transform: translateY(-1px) !important;
}

body .erdemir-detail__trust {
    margin-top: 22px !important;
    gap: 10px !important;
}

body .erdemir-detail__trust-item {
    position: relative !important;
    min-height: 72px !important;
    padding: 14px 15px 14px 50px !important;
    border: 1px solid #e0ece4 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #5c6861 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
}

body .erdemir-detail__trust-item::before {
    content: "OK" !important;
    width: 28px !important;
    height: 28px !important;
    position: absolute !important;
    top: 16px !important;
    left: 14px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: #eef8f2 !important;
    color: #0d7b3f !important;
    font-size: 10px !important;
    font-weight: 1000 !important;
}

body .erdemir-detail__trust-item strong {
    margin-bottom: 4px !important;
    color: #14291d !important;
    font-size: 14px !important;
    font-weight: 1000 !important;
}

body .erdemir-detail__section {
    margin-top: 28px !important;
    overflow: hidden !important;
}

body .erdemir-detail__section-head {
    padding: 22px 26px !important;
    border-bottom: 1px solid #edf2ee !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%) !important;
}

body .erdemir-detail__section-title {
    color: #14291d !important;
    font-size: 24px !important;
    font-weight: 1000 !important;
}

body .erdemir-detail__content {
    padding: 24px 26px 28px !important;
    color: #59665f !important;
    font-size: 15.5px !important;
    font-weight: 750 !important;
    line-height: 1.78 !important;
}

body .erdemir-detail__features {
    margin-top: 20px !important;
    gap: 12px !important;
}

body .erdemir-detail__features li {
    min-height: 92px !important;
    padding: 17px !important;
    border: 1px solid #e0ece4 !important;
    border-radius: 8px !important;
    background: #f9fcfa !important;
    color: #4f5d54 !important;
}

body .erdemir-detail__features strong {
    color: #14291d !important;
    font-weight: 1000 !important;
}

body .erdemir-detail__related-grid {
    padding: 24px 26px 28px !important;
    gap: 18px !important;
}

body .erdemir-detail-related {
    border: 1px solid #dfe9e2 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 30px rgba(20, 42, 29, 0.07) !important;
}

body .erdemir-detail-related:hover,
body .erdemir-detail-related:focus-visible {
    border-color: rgba(15, 125, 66, 0.34) !important;
    box-shadow: 0 20px 40px rgba(20, 42, 29, 0.12) !important;
    transform: translateY(-3px) !important;
}

body .erdemir-detail-related__image {
    height: 178px !important;
    padding: 14px !important;
    object-fit: contain !important;
    background:
        radial-gradient(circle at 50% 32%, rgba(15, 125, 66, 0.07), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, #f8faf8 100%) !important;
    border-bottom: 1px solid #edf2ee !important;
}

body .erdemir-detail-related__body {
    padding: 14px 15px 16px !important;
}

body .erdemir-detail-related__name {
    min-height: 38px !important;
    color: #14291d !important;
    font-size: 14px !important;
    font-weight: 1000 !important;
    line-height: 1.34 !important;
}

body .erdemir-detail-related__price {
    margin-top: 9px !important;
    color: #0c8542 !important;
    font-size: 16px !important;
    font-weight: 1000 !important;
}

body .erdemir-detail__empty {
    padding: 58px 24px !important;
}

body .erdemir-detail__empty a {
    border-radius: 8px !important;
    background: linear-gradient(135deg, #0f7d42, #075b31) !important;
}

@media (max-width: 1080px) {
    body .erdemir-detail__product {
        grid-template-columns: 1fr !important;
    }

    body .erdemir-detail__summary {
        position: static !important;
    }

    body .erdemir-detail__media {
        min-height: 460px !important;
    }
}

@media (max-width: 720px) {
    body .erdemir-detail {
        padding: 30px 12px 64px !important;
    }

    body .erdemir-detail__media {
        min-height: 330px !important;
        padding: 16px !important;
    }

    body .erdemir-detail__gallery {
        min-height: 310px !important;
    }

    body .erdemir-detail__main-image {
        min-height: 230px !important;
    }

    body .erdemir-detail__thumbs {
        grid-template-columns: repeat(auto-fit, minmax(62px, 1fr)) !important;
    }

    body .erdemir-detail__thumb {
        width: 100% !important;
        height: 62px !important;
    }

    body .erdemir-detail__summary {
        padding: 22px !important;
    }

    body .erdemir-detail__buy,
    body .erdemir-detail__features,
    body .erdemir-detail__related-grid {
        grid-template-columns: 1fr !important;
    }

    body .erdemir-detail__button {
        width: 100% !important;
    }
}

/* Premium action buttons for home product carousel cards. */
body .erdemir-product-card__footer {
    margin: auto 18px 16px !important;
    padding-top: 15px !important;
    border-top: 1px solid #edf2ee !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-items: stretch !important;
}

body .erdemir-product-card__price {
    margin-left: 0 !important;
    color: #0c8542 !important;
    font-size: 20px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    text-align: right !important;
}

body .erdemir-product-card__actions {
    display: grid !important;
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr) !important;
    gap: 9px !important;
}

body .erdemir-product-card__detail,
body .erdemir-product-card__cart {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: auto !important;
    padding: 0 13px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease !important;
}

body .erdemir-product-card__detail {
    border: 1px solid #d8e7df !important;
    background: #ffffff !important;
    color: #0c7440 !important;
}

body .erdemir-product-card__detail::after {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-top: 2px solid currentColor !important;
    border-right: 2px solid currentColor !important;
    transform: rotate(45deg) !important;
}

body .erdemir-product-card__cart {
    border: 1px solid #0d7b3f !important;
    background: linear-gradient(135deg, #0f7d42 0%, #075b31 100%) !important;
    color: #ffffff !important;
}

body .erdemir-product-card__cart svg {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 auto !important;
    stroke: currentColor !important;
}

body .erdemir-product-card__cart span {
    display: inline !important;
    color: inherit !important;
    white-space: nowrap !important;
}

body .erdemir-product-card__detail:hover,
body .erdemir-product-card__detail:focus-visible {
    border-color: #0f7d42 !important;
    background: #f2faf5 !important;
    color: #0a6537 !important;
    transform: translateY(-1px) !important;
}

body .erdemir-product-card__cart:hover,
body .erdemir-product-card__cart:focus-visible,
body .erdemir-product-card__cart.is-added {
    border-color: #064c2a !important;
    background: linear-gradient(135deg, #0b6d3a 0%, #054a29 100%) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 520px) {
    body .erdemir-product-card__actions {
        grid-template-columns: 1fr !important;
    }
}

/* Product card ghost image hover and unified index buttons. */
body .erdemir-shop-card__image-link,
body .erdemir-product-card__image-area,
body .erdemir-discount-card__image-area,
body .erdemir-new-card__image-area,
body .kasar-product__image {
    position: relative !important;
    overflow: hidden !important;
}

body .erdemir-shop-card__image--ghost,
body .erdemir-product-card__image--ghost,
body .erdemir-discount-card__image--ghost,
body .erdemir-new-card__image--ghost,
body .kasar-product__ghost {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 100% !important;
    padding: inherit !important;
    object-fit: contain !important;
    object-position: center !important;
    opacity: 0 !important;
    transform: scale(1.04) translateY(8px) !important;
    filter: saturate(1.04) drop-shadow(0 18px 24px rgba(20, 42, 29, 0.14)) !important;
    transition: opacity 220ms ease, transform 260ms ease !important;
    pointer-events: none !important;
}

body .erdemir-shop-card:hover .erdemir-shop-card__image--ghost,
body .erdemir-shop-card:focus-within .erdemir-shop-card__image--ghost,
body .erdemir-product-card:hover .erdemir-product-card__image--ghost,
body .erdemir-product-card:focus-within .erdemir-product-card__image--ghost,
body .erdemir-discount-card:hover .erdemir-discount-card__image--ghost,
body .erdemir-discount-card:focus-within .erdemir-discount-card__image--ghost,
body .erdemir-new-card:hover .erdemir-new-card__image--ghost,
body .erdemir-new-card:focus-within .erdemir-new-card__image--ghost,
body .kasar-product:hover .kasar-product__ghost,
body .kasar-product:focus-within .kasar-product__ghost {
    opacity: 0.72 !important;
    transform: scale(1) translateY(0) !important;
}

body .erdemir-shop-card:hover .erdemir-shop-card__image:not(.erdemir-shop-card__image--ghost),
body .erdemir-product-card:hover .erdemir-product-card__image:not(.erdemir-product-card__image--ghost),
body .erdemir-discount-card:hover .erdemir-discount-card__image:not(.erdemir-discount-card__image--ghost),
body .erdemir-new-card:hover .erdemir-new-card__image:not(.erdemir-new-card__image--ghost),
body .kasar-product:hover .kasar-product__image > img:not(.kasar-product__ghost) {
    opacity: 0.42 !important;
    transform: scale(1.015) !important;
}

body .erdemir-discount-card__footer,
body .erdemir-new-card__footer {
    margin: auto 18px 16px !important;
    padding-top: 15px !important;
    border-top: 1px solid #edf2ee !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-items: stretch !important;
}

body .erdemir-discount-card__prices {
    margin-left: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: baseline !important;
    gap: 9px !important;
}

body .erdemir-new-card__price {
    margin-left: 0 !important;
    text-align: right !important;
}

body .erdemir-discount-card__actions,
body .erdemir-new-card__actions {
    display: grid !important;
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr) !important;
    gap: 9px !important;
}

body .erdemir-discount-card__detail,
body .erdemir-discount-card__cart,
body .erdemir-new-card__detail,
body .erdemir-new-card__cart {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: auto !important;
    padding: 0 13px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    font-family: var(--erd-font, "Poppins", Arial, sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease !important;
}

body .erdemir-discount-card__detail,
body .erdemir-new-card__detail {
    border: 1px solid #d8e7df !important;
    background: #ffffff !important;
    color: #0c7440 !important;
}

body .erdemir-discount-card__detail::after,
body .erdemir-new-card__detail::after {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-top: 2px solid currentColor !important;
    border-right: 2px solid currentColor !important;
    transform: rotate(45deg) !important;
}

body .erdemir-discount-card__cart,
body .erdemir-new-card__cart {
    border: 1px solid #0d7b3f !important;
    background: linear-gradient(135deg, #0f7d42 0%, #075b31 100%) !important;
    color: #ffffff !important;
}

body .erdemir-discount-card__cart svg,
body .erdemir-new-card__cart svg {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 auto !important;
    stroke: currentColor !important;
}

body .erdemir-discount-card__cart span,
body .erdemir-new-card__cart span {
    display: inline !important;
    color: inherit !important;
    white-space: nowrap !important;
}

body .erdemir-discount-card__detail:hover,
body .erdemir-discount-card__detail:focus-visible,
body .erdemir-new-card__detail:hover,
body .erdemir-new-card__detail:focus-visible {
    border-color: #0f7d42 !important;
    background: #f2faf5 !important;
    color: #0a6537 !important;
    transform: translateY(-1px) !important;
}

body .erdemir-discount-card__cart:hover,
body .erdemir-discount-card__cart:focus-visible,
body .erdemir-discount-card__cart.is-added,
body .erdemir-new-card__cart:hover,
body .erdemir-new-card__cart:focus-visible,
body .erdemir-new-card__cart.is-added {
    border-color: #064c2a !important;
    background: linear-gradient(135deg, #0b6d3a 0%, #054a29 100%) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 520px) {
    body .erdemir-discount-card__actions,
    body .erdemir-new-card__actions {
        grid-template-columns: 1fr !important;
    }
}

/* Floating mini cart preview. */
body .erdemir-cart-toast {
    position: fixed;
    top: auto;
    right: 24px;
    bottom: 24px;
    width: min(440px, calc(100vw - 32px));
    min-height: 0;
    padding: 0;
    display: block;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    z-index: 10030;
}

body .erdemir-cart-toast__fab {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #11884a, #075c32);
    color: #ffffff;
    box-shadow: 0 22px 42px rgba(5, 74, 38, .26);
    cursor: pointer;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

body .erdemir-cart-toast__fab:hover,
body .erdemir-cart-toast__fab:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 26px 50px rgba(5, 74, 38, .32);
    outline: none;
}

body .erdemir-cart-toast__fab svg {
    width: 25px;
    height: 25px;
}

body .erdemir-cart-toast__badge {
    position: absolute;
    top: -5px;
    right: -4px;
    min-width: 23px;
    height: 23px;
    padding: 0 7px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: #f7c64a;
    color: #143522;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 10px 20px rgba(143, 102, 0, .2);
}

body .erdemir-cart-toast__panel {
    position: relative;
    margin: 0 0 72px auto;
    padding: 15px 15px 14px;
    display: grid;
    grid-template-columns: 42px 68px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    border: 1px solid rgba(15, 138, 71, .16);
    border-radius: 18px;
    background:
        linear-gradient(140deg, rgba(255, 255, 255, .98), rgba(245, 250, 247, .98)),
        #ffffff;
    box-shadow: 0 28px 58px rgba(17, 38, 27, .18);
    opacity: 0;
    pointer-events: none;
    transform: translateY(14px) scale(.97);
    transform-origin: right bottom;
    transition: opacity 180ms ease, transform 180ms ease;
}

body .erdemir-cart-toast.is-visible .erdemir-cart-toast__panel {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

body .erdemir-cart-toast__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    border: 1px solid #e2ebe5;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #ffffff;
    color: #6b756e;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
}

body .erdemir-cart-toast__close:hover {
    color: #b42318;
    border-color: rgba(180, 35, 24, .2);
    background: #fff7f6;
}

body .erdemir-cart-toast__check {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #129250, #086333);
    color: #ffffff;
    font-size: 22px;
    font-weight: 900;
    box-shadow: 0 14px 24px rgba(15, 138, 71, .22);
}

body .erdemir-cart-toast__media {
    width: 68px;
    height: 68px;
    border: 1px solid #eef3ef;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: #f8fbf9;
    overflow: hidden;
}

body .erdemir-cart-toast__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body .erdemir-cart-toast__body {
    min-width: 0;
    padding-right: 26px;
}

body .erdemir-cart-toast__body strong,
body .erdemir-cart-toast__body span,
body .erdemir-cart-toast__body small {
    display: block;
    line-height: 1.25;
}

body .erdemir-cart-toast__body strong {
    color: #0c7e42;
    font-size: 13px;
    font-weight: 900;
}

body .erdemir-cart-toast__body span {
    margin-top: 4px;
    color: #17291f;
    font-size: 15px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body .erdemir-cart-toast__body small {
    margin-top: 4px;
    color: #65716a;
    font-size: 12px;
    font-weight: 800;
}

body .erdemir-cart-toast__actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: .85fr 1fr 1fr;
    gap: 9px;
}

body .erdemir-cart-toast__button {
    min-height: 42px;
    border: 0;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0c7e42;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 14px 24px rgba(15, 138, 71, .2);
    cursor: pointer;
}

body .erdemir-cart-toast__button--soft {
    border: 1px solid #dfe9e2;
    background: #ffffff;
    color: #0c7e42;
    box-shadow: none;
}

body .erdemir-cart-toast__details {
    grid-column: 1 / -1;
    max-height: min(360px, calc(100vh - 310px));
    overflow: auto;
    padding-top: 12px;
    border-top: 1px solid #edf3ef;
}

body .erdemir-cart-toast__detail-head {
    margin-bottom: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body .erdemir-cart-toast__detail-head strong {
    color: #17291f;
    font-size: 14px;
    font-weight: 1000;
}

body .erdemir-cart-toast__detail-head span {
    padding: 5px 9px;
    border-radius: 999px;
    background: #eef8f2;
    color: #0c7e42;
    font-size: 11px;
    font-weight: 900;
}

body .erdemir-cart-toast__items {
    display: grid;
    gap: 8px;
}

body .erdemir-cart-toast__item {
    min-width: 0;
    padding: 8px;
    border: 1px solid #edf3ef;
    border-radius: 12px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    background: #ffffff;
    color: inherit;
    text-decoration: none;
}

body .erdemir-cart-toast__item:hover {
    border-color: rgba(15, 138, 71, .3);
    background: #f8fcfa;
}

body .erdemir-cart-toast__item img {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    object-fit: cover;
    background: #f6f9f7;
}

body .erdemir-cart-toast__item span {
    min-width: 0;
}

body .erdemir-cart-toast__item strong,
body .erdemir-cart-toast__item small {
    display: block;
    line-height: 1.25;
}

body .erdemir-cart-toast__item strong {
    color: #17291f;
    font-size: 13px;
    font-weight: 1000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body .erdemir-cart-toast__item small {
    margin-top: 4px;
    color: #6b756e;
    font-size: 11px;
    font-weight: 800;
}

body .erdemir-cart-toast__item b {
    color: #0c7e42;
    font-size: 12px;
    font-weight: 1000;
    white-space: nowrap;
}

body .erdemir-cart-toast__totals {
    margin-top: 10px;
    padding: 10px;
    border-radius: 12px;
    display: grid;
    gap: 7px;
    background: #f6faf8;
}

body .erdemir-cart-toast__totals span,
body .erdemir-cart-toast__totals strong {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #5d6961;
    font-size: 12px;
    font-weight: 850;
}

body .erdemir-cart-toast__totals strong {
    padding-top: 8px;
    border-top: 1px solid #e1ebe5;
    color: #17291f;
    font-size: 14px;
    font-weight: 1000;
}

body .erdemir-cart-toast__totals b {
    color: #0c7e42;
    white-space: nowrap;
}

body .erdemir-cart-toast__loading,
body .erdemir-cart-toast__empty {
    padding: 12px;
    border-radius: 12px;
    background: #f6faf8;
    color: #65716a;
    font-size: 12px;
    font-weight: 850;
    text-align: center;
}

body .erdemir-cart-toast__button:hover,
body .erdemir-cart-toast__button:focus-visible {
    transform: translateY(-1px);
    outline: none;
}

@media (max-width: 680px) {
    body .erdemir-cart-toast {
        right: 14px;
        bottom: 14px;
        width: min(360px, calc(100vw - 28px));
    }

    body .erdemir-cart-toast__panel {
        grid-template-columns: 38px 58px minmax(0, 1fr);
        gap: 10px;
        margin-bottom: 66px;
        padding: 13px;
    }

    body .erdemir-cart-toast__media {
        width: 58px;
        height: 58px;
    }

    body .erdemir-cart-toast__actions {
        grid-template-columns: 1fr;
    }
}

/* Refined mini cart toast: lighter, thinner, more corporate. */
body .erdemir-cart-toast {
    right: 22px !important;
    bottom: 22px !important;
    width: min(438px, calc(100vw - 32px)) !important;
    font-family: var(--erd-font, "Plus Jakarta Sans", Arial, sans-serif) !important;
}

body .erdemir-cart-toast__panel {
    margin: 0 0 62px auto !important;
    padding: 12px !important;
    grid-template-columns: 38px 58px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    border: 1px solid rgba(12, 113, 58, 0.16) !important;
    border-radius: 20px !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 253, 250, 0.98) 100%) !important;
    box-shadow:
        0 22px 54px rgba(20, 42, 29, 0.16),
        0 1px 0 rgba(255, 255, 255, 0.95) inset !important;
    backdrop-filter: blur(12px) !important;
}

body .erdemir-cart-toast__panel::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 4px !important;
    border-radius: 20px 0 0 20px !important;
    background: linear-gradient(180deg, #0f8a47, #f2c84b) !important;
    opacity: 0.95 !important;
}

body .erdemir-cart-toast__check {
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, #149052 0%, #0a6d39 100%) !important;
    color: #ffffff !important;
    font-size: 20px !important;
    box-shadow: 0 14px 28px rgba(10, 109, 57, 0.22) !important;
}

body .erdemir-cart-toast__media {
    width: 58px !important;
    height: 58px !important;
    border-radius: 15px !important;
    border: 1px solid #e5eee8 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 20px rgba(20, 42, 29, 0.08) !important;
    overflow: hidden !important;
}

body .erdemir-cart-toast__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body .erdemir-cart-toast__body {
    padding-right: 28px !important;
}

body .erdemir-cart-toast__body strong {
    margin-bottom: 3px !important;
    color: #0b7a3e !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
}

body .erdemir-cart-toast__body span {
    margin-top: 0 !important;
    color: #12271b !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.22 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body .erdemir-cart-toast__body small {
    margin-top: 4px !important;
    color: #6b766f !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body .erdemir-cart-toast__close {
    top: 9px !important;
    right: 9px !important;
    width: 26px !important;
    height: 26px !important;
    border: 1px solid #dfe9e3 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #7a8580 !important;
    font-size: 17px !important;
    line-height: 1 !important;
    box-shadow: 0 6px 14px rgba(20, 42, 29, 0.06) !important;
}

body .erdemir-cart-toast__close:hover {
    color: #0b7a3e !important;
    border-color: #bddcca !important;
    background: #f3fbf6 !important;
}

body .erdemir-cart-toast__actions {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 0.82fr 1fr 1.12fr !important;
    gap: 9px !important;
    margin-top: 1px !important;
}

body .erdemir-cart-toast__button {
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: 0 10px 22px rgba(10, 109, 57, 0.16) !important;
}

body .erdemir-cart-toast__button--soft {
    border: 1px solid #d9e8df !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: #0b7a3e !important;
    box-shadow: none !important;
}

body .erdemir-cart-toast__button:hover,
body .erdemir-cart-toast__button:focus-visible {
    transform: translateY(-1px) !important;
}

body .erdemir-cart-toast__fab {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #14884b 0%, #075a31 100%) !important;
    box-shadow: 0 18px 38px rgba(5, 74, 38, 0.28) !important;
}

body .erdemir-cart-toast__fab svg {
    width: 23px !important;
    height: 23px !important;
}

body .erdemir-cart-toast__badge {
    top: -7px !important;
    right: -7px !important;
    min-width: 25px !important;
    height: 25px !important;
    border-radius: 999px !important;
    background: #ffd15c !important;
    color: #173026 !important;
    border: 2px solid #ffffff !important;
    font-size: 12px !important;
    box-shadow: 0 8px 18px rgba(20, 42, 29, 0.15) !important;
}

body .erdemir-cart-toast__details {
    margin-top: 2px !important;
    padding-top: 10px !important;
    border-top: 1px solid #edf3ef !important;
}

@media (max-width: 680px) {
    body .erdemir-cart-toast {
        right: 12px !important;
        bottom: 12px !important;
        width: min(404px, calc(100vw - 24px)) !important;
    }

    body .erdemir-cart-toast__panel {
        margin-bottom: 60px !important;
        grid-template-columns: 36px 54px minmax(0, 1fr) !important;
        gap: 9px !important;
        padding: 11px !important;
        border-radius: 18px !important;
    }

    body .erdemir-cart-toast__check {
        width: 36px !important;
        height: 36px !important;
        border-radius: 12px !important;
        font-size: 18px !important;
    }

    body .erdemir-cart-toast__media {
        width: 54px !important;
        height: 54px !important;
    }

    body .erdemir-cart-toast__actions {
        grid-template-columns: 0.78fr 1fr 1.12fr !important;
        gap: 7px !important;
    }

    body .erdemir-cart-toast__button {
        min-height: 36px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 380px) {
    body .erdemir-cart-toast__actions {
        grid-template-columns: 1fr !important;
    }
}

/* Premium payment logo strip for footer, cart and checkout. */
body .payment-logo-strip,
body .erdemir-footer__badges {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

body .payment-logo-strip {
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid #dfe9e3 !important;
    border-radius: 16px !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(247, 252, 249, 0.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

body .payment-logo-strip__item,
body .erdemir-footer__badge--image {
    width: 72px !important;
    min-width: 72px !important;
    height: 38px !important;
    padding: 6px 9px !important;
    border: 1px solid #d8e4dd !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(20, 42, 29, 0.055) !important;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important;
}

body .payment-logo-strip__item--wide,
body .erdemir-footer__badge--wide {
    width: 92px !important;
    min-width: 92px !important;
}

body .payment-logo-strip__item--ssl {
    width: 64px !important;
    min-width: 64px !important;
}

body .payment-logo-strip__item img,
body .erdemir-footer__badge--image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    filter: saturate(1.04) contrast(1.02) !important;
}

body .payment-logo-strip__item:hover,
body .erdemir-footer__badge--image:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(15, 125, 66, 0.28) !important;
    box-shadow: 0 12px 24px rgba(20, 42, 29, 0.09) !important;
}

body .cart-trust,
body .checkout-trust {
    margin-top: 18px !important;
    padding-top: 16px !important;
    border-top: 1px solid #edf3ef !important;
}

body .cart-trust > span,
body .checkout-trust > span {
    display: block !important;
    max-width: 310px !important;
    margin: 9px auto 0 !important;
    color: #6c7870 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

body .cart-trust .payment-logo-strip,
body .checkout-trust .payment-logo-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body .cart-trust .payment-logo-strip__item,
body .checkout-trust .payment-logo-strip__item {
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 7px 9px !important;
}

body .cart-trust .payment-logo-strip__item--wide,
body .checkout-trust .payment-logo-strip__item--wide {
    grid-column: span 2 !important;
}

body .cart-trust .payment-logo-strip__item--ssl,
body .checkout-trust .payment-logo-strip__item--ssl {
    width: auto !important;
    min-width: 0 !important;
}

body .erdemir-footer__badges {
    padding: 8px !important;
    border: 1px solid rgba(216, 228, 221, 0.82) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.84) !important;
    box-shadow: 0 12px 26px rgba(21, 35, 28, 0.055) !important;
}

body .erdemir-footer__badge--image {
    height: 36px !important;
    border-radius: 9px !important;
    box-shadow: 0 7px 16px rgba(21, 35, 28, 0.05) !important;
}

body .erdemir-footer__badge--wide {
    width: 90px !important;
    min-width: 90px !important;
}

@media (max-width: 520px) {
    body .cart-trust .payment-logo-strip,
    body .checkout-trust .payment-logo-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body .cart-trust .payment-logo-strip__item--wide,
    body .checkout-trust .payment-logo-strip__item--wide {
        grid-column: span 1 !important;
    }

    body .payment-logo-strip__item,
    body .erdemir-footer__badge--image {
        width: 68px !important;
        min-width: 68px !important;
        height: 36px !important;
    }
}

/* Professional typography reset: Bal & Kars Kaşarı edition. */
body,
body :where(a, button, input, select, textarea, label, p, span, strong, small, em, b, li, th, td, div) {
    font-family: var(--erd-font) !important;
    letter-spacing: 0 !important;
}

body :where(h1, h2, h3, .cart-title, .checkout-title, .erdemir-shop__title, .erdemir-detail__title, .erdemir-best-sellers__title, .erdemir-discounted-heading__title, .erdemir-new-arrivals__title, .erdemir-blog-section__title, .erdemir-blog-page__title, .erdemir-category-card__title, .erdemir-footer__script) {
    font-family: var(--erd-display) !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
}

body :where(.top-bar, .middle-header, .erdemir-mega-menu, .erdemir-shop-card, .erdemir-product-card, .erdemir-discount-card, .erdemir-new-card, .cart-panel, .checkout-panel, .erdemir-footer) {
    font-feature-settings: "kern" 1, "liga" 1;
}

body :where(.erdemir-shop-card__name, .erdemir-product-card__name, .erdemir-discount-card__name, .erdemir-new-card__name, .cart-product__name, .checkout-item__name) {
    font-weight: 800 !important;
}

body :where(.search-input, .erdemir-shop__search)::placeholder {
    color: #8a968f !important;
    font-weight: 650 !important;
}