/* QRMenuGate corporate landing refinements — Hub v2.5.1 */
.landing-v3 {
    --corporate-navy: #102a3a;
    --corporate-teal: #0f9f84;
    --corporate-text: #263b47;
    --corporate-muted: #6d7e87;
    --corporate-line: #dce5e7;
    --corporate-soft: #f5f8f8;
    background: #fff;
}

.landing-v3 .marketing-header {
    background: rgba(255, 255, 255, .98);
    box-shadow: none;
}

.landing-v3 .landing-brand > .landing-brand-mark {
    border-color: #d8e6e5;
    background: #fff;
    box-shadow: none;
}

.landing-v3 .marketing-primary {
    border-color: var(--corporate-teal);
    background: var(--corporate-teal);
    box-shadow: none;
}

.landing-v3 .marketing-primary:hover {
    border-color: #0b836d;
    background: #0b836d;
    box-shadow: none;
    transform: none;
}

.landing-v3 .marketing-secondary:hover {
    background: #f7fafa;
    transform: none;
}

.landing-v3 .marketing-hero {
    padding: 86px 0 92px;
    background: var(--corporate-soft);
}

.landing-v3 .marketing-hero::before {
    display: none;
}

.landing-v3 .marketing-hero-grid {
    grid-template-columns: minmax(0, .82fr) minmax(590px, 1.18fr);
    gap: 76px;
}

.landing-v3 .marketing-eyebrow {
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--corporate-teal);
    background: transparent;
    font-size: 10px;
    letter-spacing: .14em;
}

.landing-v3 .marketing-eyebrow i {
    width: 20px;
    height: 2px;
    border-radius: 0;
    background: var(--corporate-teal);
    box-shadow: none;
}

.landing-v3 .marketing-hero h1 {
    max-width: 600px;
    margin: 24px 0 22px;
    color: var(--corporate-navy);
    font-size: clamp(48px, 3.55vw, 62px);
    line-height: 1.05;
    letter-spacing: -.045em;
}

.landing-v3 .marketing-hero h1 em {
    color: var(--corporate-navy);
    background: none;
    -webkit-text-fill-color: initial;
}

.landing-v3 .marketing-hero-copy > p {
    max-width: 570px;
    color: var(--corporate-muted);
    font-size: 15px;
}

.landing-v3 .landing-hero-facts {
    border-color: #d5e0e2;
}

.landing-v3 .landing-hero-facts span + span {
    border-color: #d5e0e2;
}

.product-panel-preview {
    overflow: hidden;
    border: 1px solid #cfdcde;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 24px 55px rgba(16, 42, 58, .11);
}

.product-panel-preview > header {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    min-height: 48px;
    padding: 0 17px;
    border-bottom: 1px solid #e1e8ea;
    background: #fbfcfc;
}

.product-window-controls {
    display: flex;
    gap: 6px;
}

.product-window-controls i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #cbd6d9;
}

.product-panel-preview > header > small {
    color: #86959d;
    font-size: 8px;
    font-weight: 700;
}

.product-panel-preview > header > b {
    display: flex;
    align-items: center;
    justify-self: end;
    gap: 7px;
    color: #557068;
    font-size: 8px;
}

.product-panel-preview > header > b i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #21a582;
}

.product-panel-body {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    min-height: 462px;
}

.product-panel-body > aside {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 22px;
    padding: 20px 15px;
    border-right: 1px solid #e1e8ea;
    background: #fff;
}

.product-panel-body > aside span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    margin-bottom: 7px;
    border-radius: 10px;
    color: #fff;
    background: var(--corporate-navy);
    font-size: 12px;
    font-weight: 800;
}

.product-panel-body > aside i {
    width: 29px;
    height: 7px;
    border-radius: 2px;
    background: #e5ebed;
}

.product-panel-body > aside i.active {
    background: #94d9c9;
}

.product-panel-body > section {
    padding: 34px;
    background: #f6f8f9;
}

.product-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.product-panel-heading small,
.product-panel-heading strong {
    display: block;
}

.product-panel-heading small {
    color: var(--corporate-teal);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .13em;
}

.product-panel-heading strong {
    margin-top: 5px;
    color: var(--corporate-navy);
    font-size: 17px;
}

.product-panel-heading button {
    min-height: 34px;
    padding: 0 13px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    background: var(--corporate-teal);
    font-size: 8px;
    font-weight: 750;
}

.product-panel-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
    margin: 25px 0 15px;
}

.product-panel-stats article {
    padding: 17px;
    border: 1px solid #dce5e7;
    border-radius: 11px;
    background: #fff;
}

.product-panel-stats small,
.product-panel-stats b,
.product-panel-stats span {
    display: block;
}

.product-panel-stats small {
    color: #819098;
    font-size: 7px;
}

.product-panel-stats b {
    margin: 7px 0 4px;
    color: var(--corporate-navy);
    font-size: 20px;
}

.product-panel-stats span {
    color: #9aa6ac;
    font-size: 6px;
}

.product-panel-columns {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 11px;
}

.product-panel-categories,
.product-panel-status {
    overflow: hidden;
    border: 1px solid #dce5e7;
    border-radius: 11px;
    background: #fff;
}

.product-panel-categories > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 15px;
    border-bottom: 1px solid #e7edef;
}

.product-panel-categories > header b,
.product-panel-status > b {
    color: var(--corporate-navy);
    font-size: 9px;
}

.product-panel-categories > header small {
    color: #96a2a8;
    font-size: 6px;
}

.product-panel-categories p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 11px 15px;
}

.product-panel-categories p + p {
    border-top: 1px solid #edf1f2;
}

.product-panel-categories p span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-panel-categories p i {
    width: 23px;
    height: 23px;
    border-radius: 6px;
    background: #edf5f3;
}

.product-panel-categories p b {
    color: #526670;
    font-size: 7px;
}

.product-panel-categories p em {
    color: #8b999f;
    font-size: 6px;
    font-style: normal;
}

.product-panel-status {
    padding: 14px;
}

.product-panel-status > b {
    display: block;
    padding-bottom: 7px;
}

.product-panel-status > span {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 8px;
    padding: 10px 0;
    border-bottom: 1px solid #edf1f2;
}

.product-panel-status > span > i {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: #167e65;
    background: #e6f5f1;
    font-size: 8px;
    font-style: normal;
}

.product-panel-status small,
.product-panel-status strong {
    display: block;
}

.product-panel-status strong {
    color: #526670;
    font-size: 7px;
}

.product-panel-status small {
    color: #98a4a9;
    font-size: 6px;
    line-height: 1.5;
}

.product-panel-status a {
    display: block;
    padding-top: 13px;
    color: var(--corporate-teal);
    font-size: 7px;
    font-weight: 750;
    text-decoration: none;
}

.landing-v3 .marketing-proof {
    padding: 21px 0;
    background: #fff;
}

.landing-v3 .marketing-proof div div span::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--corporate-teal);
}

.landing-v3 .landing-themes {
    background: #fff;
}

.landing-v3 .landing-theme-card {
    border-color: var(--corporate-line);
    border-radius: 16px;
    box-shadow: none;
}

.landing-v3 .landing-theme-card:hover {
    box-shadow: none;
    transform: none;
}

.theme-sample {
    height: 340px;
    padding: 29px;
}

.theme-sample > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 21px;
    border-bottom: 1px solid currentColor;
}

.theme-sample > header small {
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .18em;
}

.theme-sample > header span {
    font-size: 7px;
    letter-spacing: .12em;
}

.theme-sample-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 26px 0 20px;
}

.theme-sample-title b {
    font-size: 26px;
    letter-spacing: -.035em;
}

.theme-sample-title i {
    font-size: 8px;
    font-style: normal;
}

.theme-sample > nav {
    display: flex;
    gap: 7px;
    margin-bottom: 13px;
}

.theme-sample > nav span {
    padding: 6px 8px;
    border: 1px solid currentColor;
    font-size: 6px;
    font-weight: 750;
}

.theme-sample > section {
    display: grid;
    gap: 8px;
}

.theme-sample > section article {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    align-items: center;
    gap: 11px;
    padding: 9px;
    border: 1px solid currentColor;
}

.theme-sample > section article > i {
    width: 48px;
    height: 45px;
    background: currentColor;
    opacity: .12;
}

.theme-sample > section b,
.theme-sample > section small {
    display: block;
}

.theme-sample > section b {
    font-size: 9px;
}

.theme-sample > section small {
    margin-top: 5px;
    font-size: 6px;
    opacity: .65;
}

.theme-sample > section em {
    font-size: 8px;
    font-style: normal;
    font-weight: 750;
}

.theme-sample-pop {
    color: #272331;
    background: #fff5e7;
}

.theme-sample-pop > header span {
    width: 50px;
    height: 10px;
    border-radius: 99px;
    background: #ef6268;
}

.theme-sample-pop > nav span:first-child {
    color: #fff;
    border-color: #ef6268;
    background: #ef6268;
}

.theme-sample-noir {
    color: #c9ad72;
    background: #0b0b0a;
}

.theme-sample-noir .theme-sample-title b,
.theme-sample-noir > section b {
    color: #f2ead8;
    font-family: Georgia, serif;
    font-weight: 500;
}

.theme-sample-noir > section article {
    border-color: rgba(201, 173, 114, .45);
}

.theme-sample-bistro {
    color: #314033;
    background: #e9ede4;
}

.theme-sample-bistro .theme-sample-title b,
.theme-sample-bistro > section b {
    font-family: Georgia, serif;
    font-weight: 500;
}

.landing-v3 .landing-theme-info {
    padding: 23px;
}

.landing-v3 .landing-theme-info > span {
    color: var(--corporate-teal);
    background: #edf6f4;
}

.landing-v3 .landing-theme-foot span {
    border-radius: 4px;
}

.landing-v3 .marketing-feature-grid article {
    border-color: var(--corporate-line);
    border-radius: 16px;
    box-shadow: none;
}

.landing-v3 .marketing-icon {
    border-radius: 8px;
}

.landing-v3 .marketing-icon.orange,
.landing-v3 .marketing-icon.rose,
.landing-v3 .marketing-icon.blue {
    color: var(--corporate-teal);
    background: #edf6f4;
}

.landing-v3 .allergen-showcase {
    background: var(--corporate-navy);
}

.landing-v3 .allergen-product-card {
    max-width: 500px;
    padding: 26px;
    border: 1px solid #d7e1e3;
    border-radius: 16px;
    box-shadow: none;
    transform: none;
}

.allergen-interface-card > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e2e8ea;
}

.allergen-interface-card > header small,
.allergen-interface-card > header h3 {
    display: block;
}

.allergen-interface-card > header small {
    color: var(--corporate-teal);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .13em;
}

.allergen-interface-card > header h3 {
    margin: 6px 0 0;
    color: var(--corporate-navy);
    font-size: 19px;
}

.allergen-interface-card > header > span {
    padding: 7px 10px;
    border-radius: 99px;
    color: #146e5a;
    background: #e7f5f1;
    font-size: 8px;
    font-weight: 750;
}

.allergen-interface-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    padding: 13px 15px;
    border: 1px solid #e0e7e9;
    border-radius: 9px;
    color: #6e7f87;
    background: #f8fafa;
    font-size: 9px;
}

.allergen-interface-row b {
    color: #1a775f;
    font-size: 8px;
}

.allergen-interface-card .nutrition-row span {
    padding: 11px;
    border: 1px solid #e0e7e9;
    background: #fff;
}

.allergen-interface-card > label {
    color: var(--corporate-navy);
    font-size: 9px;
}

.allergen-interface-card .allergen-pills span {
    color: #6f5c38;
    background: #f5f0e6;
}

.allergen-interface-note {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 21px;
    padding-top: 18px;
    border-top: 1px solid #e2e8ea;
}

.allergen-interface-note > i {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    color: #167e65;
    background: #e7f5f1;
    font-style: normal;
}

.allergen-interface-note b,
.allergen-interface-note small {
    display: block;
}

.allergen-interface-note b {
    color: var(--corporate-navy);
    font-size: 9px;
}

.allergen-interface-note small {
    margin-top: 4px;
    color: #84939a;
    font-size: 7px;
}

.landing-v3 .marketing-steps article,
.landing-v3 .marketing-pricing-grid article {
    border-color: var(--corporate-line);
    border-radius: 16px;
    box-shadow: none;
}

.landing-v3 .pricing-section {
    background: var(--corporate-soft);
}

.landing-v3 .marketing-pricing-grid article.popular {
    border-color: var(--corporate-teal);
    box-shadow: none;
}

.landing-v3 .marketing-pricing-grid article > em {
    background: var(--corporate-teal);
}

.landing-v3 .marketing-cta .marketing-container {
    border-radius: 16px;
    background: var(--corporate-navy);
}

.landing-v3 .marketing-cta .marketing-container::before {
    display: none;
}

.landing-v3 .marketing-footer {
    background: #f5f8f8;
}

@media (max-width: 1120px) {
    .landing-v3 .marketing-hero-grid {
        grid-template-columns: 1fr;
    }

    .product-panel-preview {
        width: min(760px, 100%);
        margin-inline: auto;
    }
}

@media (max-width: 760px) {
    .landing-v3 .marketing-hero {
        padding: 62px 0 70px;
    }

    .landing-v3 .marketing-hero h1 {
        font-size: clamp(39px, 11.5vw, 49px);
    }

    .product-panel-preview > header {
        grid-template-columns: 1fr auto;
    }

    .product-panel-preview > header > small {
        display: none;
    }

    .product-panel-body {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .product-panel-body > aside {
        display: none;
    }

    .product-panel-body > section {
        padding: 21px;
    }

    .product-panel-heading strong {
        font-size: 15px;
    }

    .product-panel-stats {
        gap: 7px;
        margin-top: 20px;
    }

    .product-panel-stats article {
        padding: 12px;
    }

    .product-panel-stats b {
        font-size: 17px;
    }

    .product-panel-stats span {
        display: none;
    }

    .product-panel-columns {
        grid-template-columns: 1fr;
    }

    .product-panel-status {
        display: none;
    }

    .theme-sample {
        height: 320px;
        padding: 23px;
    }

    .landing-v3 .allergen-product-card {
        padding: 20px;
    }
}

@media (max-width: 430px) {
    .product-panel-heading button {
        font-size: 0;
    }

    .product-panel-heading button::after {
        content: "+ Ürün";
        font-size: 8px;
    }

    .product-panel-stats small {
        min-height: 18px;
    }

    .product-panel-categories > header small {
        display: none;
    }
}