/**
 * Yaprak siteler — mobil sipariş formu sıkılaştırma
 * Desktop'a dokunmaz. max-width: 768px
 */

/* Paket / Teslimat / Ödeme adım göstergesi — gereksiz */
.progress-steps {
    display: none !important;
}

@media (max-width: 768px) {
    /* Çift tık ile yanlışlıkla zoom olmasın (pinch hâlâ mümkün olabilir) */
    html,
    body {
        touch-action: manipulation;
    }

    a,
    button,
    input,
    select,
    textarea,
    label,
    .package,
    .cargo-option,
    .payment-option,
    .variation-card,
    .variation-btn,
    .btn-cta,
    .order-sticky-bar,
    .submit-btn {
        touch-action: manipulation;
    }

    /* Cinsegra tarzı: header altı, native görsel üstü banner CTA */
    a.btn-cta:not(.banner-cta-card),
    .btn-cta:not(.banner-cta-card) {
        display: none !important;
    }

    .banner-cta-wrap {
        display: block;
        margin: 0 0 12px;
        padding: 0 2px;
    }

    .tiktok-verified-wrap {
        margin: 0 0 8px !important;
        padding: 0 2px;
    }

    .tiktok-verified-badge {
        padding: 9px 12px !important;
        border-radius: 12px !important;
        gap: 9px !important;
    }

    .tiktok-verified-icon {
        width: 34px !important;
        height: 34px !important;
        font-size: 16px !important;
    }

    .tiktok-verified-check {
        width: 16px !important;
        height: 16px !important;
        font-size: 16px !important;
    }

    .tiktok-verified-copy strong {
        font-size: 12px !important;
    }

    .tiktok-verified-copy span {
        font-size: 10px !important;
    }

    .banner-cta-card {
        padding: 12px 14px;
        background: linear-gradient(135deg, rgba(8, 124, 255, 0.1) 0%, rgba(0, 168, 255, 0.05) 100%);
        border: 1px solid rgba(8, 124, 255, 0.28);
        border-radius: 14px;
        box-shadow: 0 8px 22px rgba(47, 67, 47, 0.06);
        transition: border-color 0.2s ease, transform 0.2s ease;
        -webkit-tap-highlight-color: transparent;
    }

    .banner-cta-card:active {
        transform: scale(0.985);
        border-color: rgba(8, 124, 255, 0.5);
    }

    .banner-cta-icon {
        flex-shrink: 0;
        width: 42px;
        height: 42px;
        border-radius: 11px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #ed741c, #f08a3a);
        color: #fff;
        font-size: 16px;
        box-shadow: 0 4px 14px rgba(8, 124, 255, 0.28);
    }

    .banner-cta-copy {
        flex: 1;
        min-width: 0;
    }

    .banner-cta-title {
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.25;
        color: var(--primary, #0f172a);
    }

    .banner-cta-sub {
        display: block;
        margin-top: 3px;
        font-size: 11px;
        line-height: 1.35;
        font-weight: 600;
        color: #ed741c;
    }

    .banner-cta-go {
        flex-shrink: 0;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(8, 124, 255, 0.1);
        color: #ed741c;
        font-size: 12px;
    }

    /* ---- Hero sıkılaştırma ---- */
    .hero {
        gap: 14px;
        margin-bottom: 8px;
        padding-bottom: 0;
    }

    .hero-content h1,
    .hero-title {
        font-size: 22px !important;
        line-height: 1.2 !important;
        margin: 0 0 10px !important;
    }

    .hero-tagline {
        font-size: 12px !important;
        margin: 0 0 10px !important;
    }

    .hero-usp {
        padding: 10px 12px !important;
        margin-bottom: 10px !important;
        border-radius: 10px !important;
    }

    .hero-usp p {
        font-size: 13px !important;
        gap: 8px !important;
        line-height: 1.35 !important;
    }

    .hero-usp i {
        font-size: 16px !important;
    }

    .hero-desc {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin: 0 0 10px !important;
    }

    .hero-content > a.btn-cta {
        display: none !important;
    }

    /* Inline USP kutuları */
    .hero-content > div[style*="border-left"] {
        padding: 8px 12px !important;
        margin-bottom: 10px !important;
        border-radius: 10px !important;
    }

    .hero-content > div[style*="border-left"] p {
        font-size: 13px !important;
        gap: 8px !important;
        line-height: 1.35 !important;
    }

    .hero-content > div[style*="border-left"] p i {
        font-size: 15px !important;
    }

    .hero-content > div[style*="border-left"] p span {
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    .hero-content > p:not(.hero-note) {
        font-size: 13px;
        line-height: 1.4;
        margin: 0 0 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        overflow: hidden;
    }

    /* Fiyat + 4 rozet — sticky'de zaten var / özellik kartlarında tekrar */
    .hero .price-container,
    .hero-content .price-container,
    .hero .benefits,
    .hero-content .benefits {
        display: none !important;
    }

    .hero-note {
        display: none !important;
    }

    .campaign-note {
        padding: 10px 12px !important;
        margin: 8px 0 12px !important;
        gap: 10px !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        border-radius: 12px !important;
        align-items: flex-start;
    }

    .campaign-note i {
        font-size: 16px !important;
        margin-top: 2px;
    }

    .campaign-note .gift-highlight {
        font-size: 13px !important;
        text-shadow: none !important;
    }

    .hero-gif-preview {
        margin: 0 auto 12px !important;
        border-radius: 14px !important;
        box-shadow: 0 8px 20px rgba(47, 67, 47, 0.1) !important;
    }

    .hero-gif-preview video {
        width: 100%;
        height: auto;
        display: block;
    }

    /* ---- Hero galeri ---- */
    .hero-gallery {
        border-radius: 14px !important;
        box-shadow: 0 8px 20px rgba(47, 67, 47, 0.08) !important;
        margin-bottom: 0 !important;
    }

    .hero-gallery-track {
        aspect-ratio: 4 / 5 !important;
        max-height: none !important;
    }

    .hero-gallery-arrow {
        width: 32px !important;
        height: 32px !important;
    }

    .hero-gallery-arrow--prev {
        left: 8px !important;
    }

    .hero-gallery-arrow--next {
        right: 8px !important;
    }

    .hero-gallery-dots {
        padding: 8px 10px 4px !important;
    }

    .hero-gallery-thumbs {
        gap: 6px !important;
        padding: 4px 8px 8px !important;
    }

    .hero-gallery-thumb {
        width: 56px !important;
        border-radius: 8px !important;
        border-width: 2px !important;
        padding: 2px !important;
    }

    .hero-gallery-thumb img {
        border-radius: 5px !important;
    }

    .hero-gallery-thumb span {
        font-size: 8px !important;
        padding: 3px 2px 4px !important;
    }

    /* ---- Hero sade akış ---- */
    .hero--streamlined {
        gap: 8px !important;
        margin: 0 0 6px !important;
    }

    .hero-intro {
        padding: 0 8px !important;
        text-align: left !important;
    }

    .hero-intro .hero-desc {
        font-size: 13px !important;
        line-height: 1.5 !important;
        margin-bottom: 10px !important;
    }

    .hero-intro .hero-usp {
        margin-bottom: 10px !important;
    }

    .hero-intro .hero-usp p {
        font-size: 14px !important;
    }

    .hero-intro .hero-usp span {
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    .hero-intro .btn-cta {
        width: 100%;
        justify-content: center;
    }

    .hero-intro .hero-title,
    .hero-title {
        font-size: 20px !important;
        margin-bottom: 6px !important;
    }

    .hero-intro .hero-tagline,
    .hero-tagline {
        font-size: 11px !important;
    }

    .hero--streamlined .hero-gif-preview {
        margin: 0 8px !important;
    }

    .features-quick {
        margin: 0 8px 8px !important;
    }

    .features-quick .features-grid {
        gap: 8px !important;
    }

    .features-quick .feature-card {
        padding: 14px 12px !important;
        border-radius: 12px !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    .features-quick .feature-icon {
        width: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
    }

    .features-quick .feature-text h3 {
        font-size: 13px !important;
        margin-bottom: 4px !important;
    }

    .features-quick .feature-text p {
        font-size: 11px !important;
        line-height: 1.4 !important;
    }

    .order-section {
        margin-top: 4px !important;
    }

    .landing-problem-card {
        padding: 12px 10px !important;
        border-radius: 12px !important;
        box-shadow: none !important;
    }

    .landing-problem-card h3 {
        font-size: 12px !important;
    }

    .landing-problem-card p {
        font-size: 10px !important;
        line-height: 1.3 !important;
    }

    .landing-highlight-card {
        padding: 12px 10px !important;
    }

    .landing-highlight-stat {
        font-size: 1.35rem !important;
    }

    .landing-highlight-card h3 {
        font-size: 11px !important;
    }

    .landing-highlight-card p {
        font-size: 10px !important;
    }

    .landing-devices-grid.landing-grid-2,
    .use-cases-grid.landing-grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .landing-solution {
        margin: 12px 12px 14px !important;
        border-radius: 14px !important;
    }

    .landing-solution-inner {
        padding: 20px 14px !important;
    }

    .landing-solution-inner h2 {
        font-size: 1.25rem !important;
    }

    .landing-solution-inner > p {
        font-size: 12px !important;
    }

    .landing-solution-chips span {
        font-size: 10px !important;
        padding: 6px 10px !important;
    }

    .landing-split {
        margin: 10px 12px !important;
        padding: 14px !important;
        border-radius: 14px !important;
        box-shadow: none !important;
    }

    .landing-split-copy h2 {
        font-size: 1.1rem !important;
        margin-bottom: 8px !important;
    }

    .landing-split-copy p {
        font-size: 12px !important;
    }

    .landing-split-visual {
        min-height: 100px !important;
        padding: 14px !important;
    }

    .landing-stat-xl {
        font-size: 2rem !important;
    }

    .landing-devices-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    .landing-device-item {
        padding: 12px 8px !important;
        border-radius: 12px !important;
        box-shadow: none !important;
    }

    .landing-mid-cta {
        margin: 12px 12px 8px !important;
        padding: 16px 12px !important;
        border-radius: 14px !important;
    }

    .landing-mid-cta-meta {
        font-size: 11px !important;
        margin-bottom: 10px !important;
    }

    .landing-mid-cta .btn-cta {
        width: 100%;
        justify-content: center;
        padding: 13px 16px !important;
        font-size: 14px !important;
    }

    .hero-badge,
    .hero-sales-trust {
        margin-bottom: 10px !important;
    }

    .hero-sales-trust span {
        padding: 6px 10px !important;
        font-size: 11px !important;
    }

    /* ---- Öne çıkan özellikler: modern 2x2 ---- */
    .features-section {
        margin: 12px 12px 14px !important;
    }

    .features-section .section-title {
        font-size: 17px !important;
        margin-bottom: 6px !important;
    }

    .features-section .section-lead {
        font-size: 12px !important;
        margin: 0 auto 10px !important;
    }

    .features-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-auto-rows: 1fr !important;
        gap: 8px !important;
        margin: 10px 12px 14px !important;
        padding: 0 !important;
        align-items: stretch !important;
    }

    .feature-card {
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        padding: 10px !important;
        border-radius: 14px !important;
        box-shadow: none !important;
        border: 1px solid #e8edf3 !important;
        background: #fff !important;
        transform: none !important;
        min-width: 0;
        min-height: 112px !important;
        height: 100% !important;
        box-sizing: border-box !important;
    }

    .feature-card:hover {
        transform: none !important;
    }

    /* ---- Kullanım kartları: 2 sütun, eşit kutu ---- */
    .use-cases,
    .safe-everywhere {
        margin: 12px 12px 14px !important;
    }

    .use-cases .section-title,
    .safe-everywhere .section-title {
        font-size: 17px !important;
        margin-bottom: 6px !important;
    }

    .use-cases .section-lead,
    .safe-everywhere .section-lead {
        font-size: 12px !important;
        margin: 0 auto 10px !important;
        line-height: 1.35 !important;
    }

    .use-cases-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-auto-rows: 1fr !important;
        gap: 8px !important;
        align-items: stretch !important;
    }

    .use-case-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 12px 10px !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        transform: none !important;
        min-height: 0 !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    .use-case-card:hover {
        transform: none !important;
    }

    .use-case-icon {
        width: 32px !important;
        height: 32px !important;
        margin-bottom: 6px !important;
        font-size: 0.85rem !important;
        flex-shrink: 0 !important;
    }

    .use-case-card h3 {
        font-size: 12px !important;
        margin-bottom: 4px !important;
        line-height: 1.25 !important;
        width: 100% !important;
        overflow: visible !important;
        text-overflow: unset !important;
        display: block !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
    }

    .use-case-card p {
        font-size: 11px !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        width: 100% !important;
        overflow: visible !important;
        text-overflow: unset !important;
        display: block !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
        white-space: normal !important;
    }

    .safe-strip {
        gap: 6px !important;
        padding: 12px 8px !important;
        border-radius: 14px !important;
        grid-template-columns: repeat(5, 1fr) !important;
    }

    .safe-icon {
        width: 34px !important;
        height: 34px !important;
        font-size: 0.85rem !important;
    }

    .safe-item strong {
        font-size: 9px !important;
        letter-spacing: 0.04em !important;
    }

    .feature-icon {
        width: 34px !important;
        height: 34px !important;
        border-radius: 10px !important;
        font-size: 14px !important;
        flex-shrink: 0 !important;
    }

    .feature-text {
        min-width: 0;
        width: 100%;
        flex: 1 1 auto;
    }

    .feature-text h3 {
        font-size: 12px !important;
        line-height: 1.25 !important;
        margin: 0 0 4px !important;
        font-weight: 700;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .feature-text p {
        font-size: 10.5px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        color: #64748b !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* ---- Form genel ---- */
    #order-form,
    .order-section form {
        padding-bottom: 12px;
    }

    /* Form içindeki sipariş butonu her zaman görünsün */
    #order-form > #submit-btn.submit-btn {
        display: flex !important;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 0;
        padding: 13px 16px;
        font-size: 15px;
    }

    .order-section {
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 10px;
    }

    .packages {
        gap: 6px;
        margin-bottom: 12px;
    }

    /* ---- Adet / paket kartları ---- */
    .package {
        padding: 8px 10px;
        border-radius: 10px;
        gap: 4px 8px;
        transform: none !important;
    }

    .package.has-label {
        padding-top: 8px;
    }

    .package-label-stack {
        gap: 2px;
    }

    .package-label-stack .price-main {
        font-size: 14px;
        line-height: 1.1;
    }

    .package-label-stack .price-old {
        font-size: 10px;
        line-height: 1.1;
    }

    .package-ribbon,
    .package-discount,
    .package-ship-badge {
        font-size: 9px;
        padding: 2px 6px;
        line-height: 1.2;
    }

    .package-ship-badge i {
        font-size: 9px;
    }

    .package-content {
        gap: 8px;
        align-items: flex-start;
        padding-right: 0;
    }

    .package-radio {
        width: 18px;
        height: 18px;
        font-size: 10px;
        flex-shrink: 0;
        margin-top: 2px;
    }

    .package-details {
        min-width: 0;
        flex: 1;
    }

    .package-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        overflow: hidden;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.25;
        margin: 0 0 2px;
        color: var(--primary, #0f1f17);
    }

    .package-badge {
        display: none;
    }

    .package-desc,
    .package-list {
        display: none;
    }

    .package-meta {
        display: block !important;
        margin-top: 0;
        font-size: 11px;
        line-height: 1.2;
        color: #64748b;
    }

    .package-meta strong {
        font-size: 11px;
        font-weight: 600;
        color: #64748b;
    }

    .package-perk-tags {
        gap: 4px;
        margin-top: 0;
        padding-top: 6px;
    }

    .package-perk-tag {
        font-size: 9px;
        padding: 3px 6px;
        gap: 3px;
    }

    .package-perk-tag i {
        font-size: 9px;
    }

    .package:hover {
        transform: none;
    }

    /* ---- Varyasyon ---- */
    .variation-section {
        margin-bottom: 14px;
    }

    .variation-group {
        padding-top: 8px;
    }

    .variation-group-header {
        margin-bottom: 6px;
    }

    .variation-grid {
        gap: 6px;
    }

    .variation-card {
        padding: 6px;
        border-radius: 10px;
    }

    .variation-image-wrap {
        min-height: 78px;
    }

    .variation-image,
    .variation-image-placeholder {
        height: 78px;
        object-fit: contain;
        object-position: center center;
    }

    .variation-name {
        margin-top: 4px;
        font-size: 12px;
    }

    .variation-actions {
        margin-top: 4px;
        gap: 6px;
    }

    /* ---- Form alanları ---- */
    .form-grid {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 12px;
    }

    .form-group {
        margin-bottom: 0;
    }

    /* Label dışarıda yer kaplamasın — metin placeholder'a taşınır (JS) */
    .form-group > .form-label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    /* Açık Adres: label satırın/input'un dışında görünsün */
    .form-group.address-field-group > .form-label {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0 0 6px;
        overflow: visible;
        clip: auto;
        white-space: normal;
        border: 0;
        display: block;
        font-size: 13px;
        font-weight: 700;
        color: var(--primary, #0f172a);
        line-height: 1.3;
    }

    .form-input,
    .form-select,
    textarea.form-input {
        padding: 12px 12px 12px 40px;
        border-radius: 10px;
        font-size: 16px;
    }

    .form-select {
        padding-right: 40px;
    }

    .input-icon {
        left: 12px;
    }

    .input-wrapper.select-wrapper::after,
    .input-wrapper.datalist-wrapper::after {
        right: 14px;
    }

    textarea.form-input {
        min-height: 56px;
        padding-top: 12px;
        resize: vertical;
    }

    .form-input,
    .form-select,
    textarea.form-input {
        scroll-margin-bottom: 110px;
        scroll-margin-top: 16px;
    }

    .help-text,
    .cargo-note {
        display: none !important;
    }

    .address-format-note {
        display: flex !important;
        font-size: 11px !important;
        padding: 8px 10px !important;
        margin-top: 6px !important;
        line-height: 1.4 !important;
    }

    .city-district-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

    .city-district-grid .form-group > .form-label {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0 0 6px;
        overflow: visible;
        clip: auto;
        white-space: normal;
        border: 0;
        display: block;
        font-size: 13px;
        font-weight: 700;
        color: var(--primary, #0f172a);
        line-height: 1.3;
    }

    .error-text {
        font-size: 12px;
        margin-top: 4px;
    }

    /* ---- Kargo: yan yana iki kart ---- */
    .cargo-options.payment-options {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin-bottom: 10px;
    }

    .cargo-option.payment-option {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 8px 6px;
        text-align: center;
        min-height: 0;
    }

    .cargo-option::before {
        display: none;
    }

    .cargo-option .payment-icon {
        font-size: 14px;
        margin: 0;
        width: auto;
        height: auto;
        flex-shrink: 0;
    }

    .cargo-option .payment-name {
        font-size: 10px;
        font-weight: 600;
        line-height: 1.2;
    }

    .cargo-option-desc {
        display: none !important;
    }

    /* ---- Kapıda ödeme: kompakt yatay kart ---- */
    .payment-method-options.payment-options {
        gap: 8px;
        margin-bottom: 4px;
    }

    .payment-method-option.payment-option {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 8px 6px;
        border-radius: 10px;
        border-width: 1.5px;
    }

    .payment-method-option .payment-icon {
        font-size: 14px;
        margin: 0;
        flex-shrink: 0;
    }

    .payment-method-option .payment-name {
        font-size: 10px;
        line-height: 1.2;
        font-weight: 600;
    }

    h3.form-label:has(+ .payment-method-options) {
        margin: 6px 0 4px;
    }

    .payment-method-note {
        display: none !important;
    }

    h3.form-label {
        margin: 4px 0 6px;
        font-size: 13px;
    }

    /* Ödeme başlığı gereksiz — kutu zaten yazıyor */
    h3.form-label:has(+ .payment-box) {
        display: none;
    }

    .payment-box {
        margin-top: 4px;
        margin-bottom: 10px;
        border-radius: 12px;
        box-shadow: none;
    }

    .payment-box-header {
        padding: 10px 12px;
        gap: 8px;
    }

    .payment-box-icon {
        width: 28px;
        height: 28px;
        font-size: 13px;
        border-radius: 8px;
    }

    .payment-box-title {
        font-size: 13px;
        line-height: 1.3;
    }

    .payment-box-body {
        display: none;
    }

    #form-messages {
        margin: 0;
        font-size: 13px;
        min-height: 0;
    }

    #form-messages:empty,
    #form-messages:not([style*="block"]) {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
    }

    /* Sticky daha kısa — gereksiz boşluğu kes */
    .info-sections {
        margin: 16px 12px !important;
        gap: 10px !important;
        padding-bottom: 0 !important;
    }

    .info-sections--compact {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        margin-top: 12px !important;
    }

    .info-card--compact {
        padding: 12px 10px !important;
    }

    .info-card--compact h3 {
        font-size: 12px !important;
    }

    .info-card--compact li {
        font-size: 10px !important;
    }

    .info-card {
        padding: 14px !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        border: 1px solid #e8edf3;
    }

    .info-card h3 {
        font-size: 15px !important;
        margin-bottom: 8px !important;
    }

    .info-card li {
        margin-bottom: 6px !important;
        font-size: 12px;
        padding-left: 18px !important;
    }

    .footer {
        margin: 8px 0 0 !important;
        padding: 12px 12px calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .footer-links {
        gap: 8px !important;
        margin-bottom: 0 !important;
    }

    .order-section {
        margin-bottom: 12px !important;
    }

    /* ---- Beyaz sticky bar (modal footer) ---- */
    .order-sticky-bar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1200;
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
        background: #fff;
        border-top: 1px solid #e5e7eb;
        box-shadow: 0 -6px 20px rgba(15, 23, 42, 0.1);
    }

    .order-sticky-meta {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 6px;
    }

    .order-sticky-price-wrap {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
        gap: 6px;
        min-width: 0;
    }

    .order-sticky-price {
        font-size: 15px;
        font-weight: 800;
        color: var(--primary, #0f1f17);
        line-height: 1.2;
    }

    .order-sticky-old {
        font-size: 12px;
        font-weight: 600;
        color: #94a3b8;
        text-decoration: line-through;
        line-height: 1.2;
    }

    .order-sticky-discount {
        display: inline-flex;
        align-items: center;
        padding: 2px 6px;
        border-radius: 6px;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.2;
        color: #fff;
        background: var(--accent, #ed741c);
        white-space: nowrap;
    }

    .order-sticky-old[hidden],
    .order-sticky-discount[hidden] {
        display: none !important;
    }

    .order-sticky-ship {
        font-size: 11px;
        font-weight: 600;
        color: #ed741c;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .order-sticky-bar #submit-btn.submit-btn,
    .order-sticky-bar .submit-btn {
        position: static !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100%;
        padding: 12px 16px;
        margin: 0;
        border-radius: 12px;
        font-size: 15px;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
        transform: none !important;
    }

    .order-sticky-bar #submit-btn.submit-btn.ready-to-submit,
    .order-sticky-bar .submit-btn.ready-to-submit {
        transform: none !important;
        animation: none;
        box-shadow: 0 6px 18px rgba(5, 150, 105, 0.4);
    }

    /* Kargo zaten meta satırında — tekrarlayan alt yazıyı kaldır */
    .order-sticky-trust {
        display: none !important;
    }

    /* Son sipariş popup — sticky barın üstünde */
    .sales-popup {
        bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
        left: 12px !important;
        z-index: 1210 !important;
        max-width: min(320px, calc(100vw - 24px));
        padding: 10px 12px;
        gap: 10px;
    }

    .sales-popup .popup-image {
        width: 40px;
        height: 40px;
    }

    .whatsapp-float {
        bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .order-progress,
    .live-stats,
    .stats-bar {
        margin-bottom: 10px;
    }

    /* ---- Yorumlar: landing + modal sıkı ---- */
    .reviews-section {
        padding: 14px 12px !important;
        margin: 16px 0 !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        border: 1px solid #e5e7eb;
    }

    .reviews-header {
        margin-bottom: 10px !important;
        text-align: left !important;
    }

    .reviews-header h2 {
        font-size: 16px !important;
        margin-bottom: 4px !important;
        justify-content: flex-start !important;
        gap: 6px !important;
    }

    .reviews-header .stars-overview {
        font-size: 12px !important;
        margin-top: 0 !important;
    }

    .reviews-grid {
        gap: 8px !important;
        margin-bottom: 10px !important;
    }

    .review-card {
        padding: 8px 10px !important;
        border-radius: 8px !important;
        background: #fff !important;
        border: 1px solid #eef2f7 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .review-header {
        margin-bottom: 4px !important;
        align-items: center !important;
    }

    .reviewer-name {
        font-size: 13px !important;
        margin-bottom: 0 !important;
    }

    .review-date {
        font-size: 10px !important;
    }

    .review-stars {
        font-size: 11px !important;
    }

    .review-text {
        font-size: 12px !important;
        line-height: 1.4 !important;
        margin: 0 0 6px !important;
    }

    .review-images,
    .review-photos,
    .review-media {
        display: flex !important;
        flex-wrap: wrap !important;
        grid-template-columns: none !important;
        gap: 6px !important;
        margin-top: 4px !important;
    }

    .review-images img,
    .review-photos img,
    .review-media img,
    .review-image {
        width: 56px !important;
        height: 56px !important;
        max-width: 56px !important;
        border-radius: 6px !important;
        object-fit: cover !important;
        background: #f8fafc !important;
    }

    .reviews-show-more {
        margin-top: 8px !important;
    }

    .btn-show-all-reviews {
        padding: 10px 16px !important;
        font-size: 13px !important;
        border-radius: 10px !important;
        width: 100%;
        justify-content: center;
        box-shadow: none !important;
        transform: none !important;
    }

    /* Yorumlar modalı */
    .reviews-modal {
        padding: 8px !important;
        align-items: flex-end !important;
        z-index: 1300 !important;
    }

    .reviews-modal-content {
        max-height: min(88vh, calc(100vh - 16px)) !important;
        border-radius: 14px 14px 10px 10px !important;
        max-width: 100% !important;
    }

    .reviews-modal-header {
        padding: 10px 12px !important;
        border-bottom: 1px solid #e5e7eb !important;
    }

    .reviews-modal-header h3 {
        font-size: 15px !important;
        margin: 0 !important;
    }

    .reviews-modal-close {
        font-size: 18px !important;
        padding: 4px !important;
    }

    .reviews-modal-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 10px 12px !important;
    }

    .reviews-modal-footer {
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
        border-top: 1px solid #e5e7eb !important;
    }

    .btn-close-modal {
        width: 100%;
        justify-content: center;
        padding: 11px 16px !important;
        font-size: 14px !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        transform: none !important;
    }
}

/* Sipariş butonu — Masajaleti turuncu CTA */
.submit-btn,
#submit-btn.submit-btn,
.order-sticky-bar .submit-btn {
    background: linear-gradient(135deg, #c95012, #f08a3a) !important;
    box-shadow: 0 8px 22px rgba(8, 124, 255, 0.28) !important;
    border: none !important;
    color: #fff !important;
}

.submit-btn:hover,
#submit-btn.submit-btn:hover,
.order-sticky-bar .submit-btn:hover {
    background: linear-gradient(135deg, #ed741c, #e56b1f) !important;
    box-shadow: 0 10px 26px rgba(8, 124, 255, 0.36) !important;
}

.submit-btn.ready-to-submit,
#submit-btn.submit-btn.ready-to-submit {
    background: linear-gradient(135deg, #c95012, #ed741c) !important;
    animation: none !important;
    transform: none !important;
    box-shadow: 0 8px 24px rgba(8, 124, 255, 0.38) !important;
    border: none !important;
}

.payment-method-options {
    margin-bottom: 6px;
}

.payment-method-option {
    position: relative;
}

.payment-method-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.payment-method-note {
    margin: 0 0 10px;
    color: #64748b;
    font-size: 11px;
    line-height: 1.35;
    text-align: center;
}

.payment-method-note i {
    color: #ed741c;
    margin-right: 4px;
}