/*
YAKPAR GeneratePress child theme sales layer.
Keep this file lean: shared tokens, storefront layout, product flow, and form UI.
*/

:root {
    --yp-red: #ef2b32;
    --yp-red-dark: #d71920;
    --yp-green: #18a957;
    --yp-ink: #080a0d;
    --yp-text: #171b22;
    --yp-muted: #667080;
    --yp-line: #e8edf3;
    --yp-soft: #f6f8fb;
    --yp-card: #fff;
    --yp-radius: 8px;
    --yp-shadow: 0 10px 28px rgba(17, 24, 39, .045);
    --yp-container: 1240px;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: #fff;
    color: var(--yp-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0;
    overflow-x: hidden;
}

body,
button,
input,
select,
textarea {
    font-family: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.yp-product-card h3,
.yp-category span {
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: 0;
}

.yp-header > .site-logo,
.yp-header > .main-navigation,
.yp-header > .mobile-menu-control-wrapper {
    display: none !important;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
}

.yp-container {
    width: min(var(--yp-container), calc(100% - 72px));
    margin-inline: auto;
}

.yp-site-main {
    overflow: clip;
}

.yp-eyebrow {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--yp-red-dark);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.yp-button,
button.yp-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.yp-button:hover {
    transform: translateY(-1px);
}

.yp-button--red {
    background: var(--yp-red);
    color: #fff;
}

.yp-button--outline-red {
    background: #fff;
    border-color: rgba(239, 43, 50, .42);
    color: var(--yp-red-dark);
}

.yp-button--dark {
    background: var(--yp-ink);
    color: #fff;
}

.yp-button--ghost {
    background: #fff;
    border-color: var(--yp-line);
    color: var(--yp-ink);
}

.yp-button--full {
    width: 100%;
}

/* Header */
.yp-header--store {
    position: relative;
    z-index: 20;
    background: rgba(255, 255, 255, .97);
    border-bottom: 1px solid var(--yp-line);
    backdrop-filter: blur(14px);
}

.yp-store-nav {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    min-height: 58px;
}

.yp-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.yp-logo img {
    display: block;
    width: 148px;
}

.yp-primary-nav {
    min-width: 0;
}

.yp-primary-menu {
    display: flex;
    gap: 22px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.yp-primary-menu a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    color: var(--yp-text);
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

.yp-primary-menu li {
    position: relative;
}

.yp-primary-menu .sub-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 40;
    display: none;
    min-width: 210px;
    margin: 0;
    padding: 10px;
    list-style: none;
    border: 1px solid var(--yp-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(17, 24, 39, .14);
}

.yp-primary-menu li:hover > .sub-menu,
.yp-primary-menu li:focus-within > .sub-menu {
    display: block;
}

.yp-primary-menu .sub-menu a {
    justify-content: flex-start;
    width: 100%;
    min-height: 38px;
    padding: 0 10px;
    border-radius: 10px;
    font-size: 12px;
}

.yp-primary-menu .sub-menu a:hover {
    background: #f7f8fb;
}

.yp-store-actions {
    display: flex;
    gap: 14px;
    align-items: center;
}

.yp-store-action {
    position: relative;
    color: var(--yp-text);
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

.yp-store-action--whatsapp {
    color: var(--yp-green);
}

.yp-store-action--cart span {
    position: absolute;
    top: -12px;
    right: -13px;
    display: grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--yp-red);
    color: #fff;
    font-size: 11px;
}

.yp-commerce-bar {
    display: grid;
    grid-template-columns: 210px minmax(320px, 1fr) 132px 158px;
    gap: 16px;
    align-items: center;
    min-height: 66px;
    padding: 10px 12px;
    border: 1px solid var(--yp-line);
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(17, 24, 39, .035);
}

.yp-category-trigger,
.yp-header-search,
.yp-header-search input,
.yp-commerce-bar .yp-button {
    height: 42px;
}

.yp-category-trigger {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0 18px;
    border-radius: 6px;
    background: #111316;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.yp-category-trigger span,
.yp-category-trigger span::before,
.yp-category-trigger span::after {
    display: block;
    width: 16px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    content: "";
}

.yp-category-trigger span {
    position: relative;
}

.yp-category-trigger span::before,
.yp-category-trigger span::after {
    position: absolute;
    left: 0;
}

.yp-category-trigger span::before {
    top: -6px;
}

.yp-category-trigger span::after {
    top: 6px;
}

.yp-header-search {
    display: block;
}

.yp-header-search input,
.yp-big-search input,
.yp-big-search button,
.yp-filters select,
.yp-order-form input,
.yp-order-form textarea,
.yp-qty input {
    width: 100%;
    border: 1px solid var(--yp-line);
    border-radius: 7px;
    background: #fff;
    color: var(--yp-text);
    outline: 0;
}

.yp-header-search input {
    padding: 0 18px;
}

/* Front page */
.yp-showcase {
    padding: 28px 0 10px;
    background: linear-gradient(90deg, #fff 0%, #fff 52%, #f7f9fb 100%);
}

.yp-showcase__grid {
    display: grid;
    grid-template-columns: minmax(420px, .9fr) minmax(420px, 1.1fr);
    align-items: center;
    min-height: 320px;
}

.yp-showcase h1 {
    max-width: 620px;
    margin: 0 0 12px;
    color: #030507;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 760;
    letter-spacing: 0;
}

.yp-showcase h1 span {
    color: var(--yp-red-dark);
    white-space: nowrap;
}

.yp-showcase p {
    max-width: 520px;
    margin: 0 0 18px;
    color: #4e5967;
    font-size: 14px;
}

.yp-showcase__actions {
    display: flex;
    gap: 12px;
}

.yp-showcase__media {
    display: flex;
    justify-content: flex-end;
}

.yp-showcase__media img {
    width: min(520px, 100%);
    max-height: 310px;
    object-fit: contain;
}

.yp-showcase-trust {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    padding: 18px 0 28px;
}

.yp-showcase-trust article,
.yp-conversion-strip div {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 3px 12px;
    align-items: start;
}

.yp-showcase-trust article span,
.yp-conversion-strip span {
    grid-row: span 2;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(239, 43, 50, .35);
    border-radius: 999px;
    color: var(--yp-red);
}

.yp-showcase-trust article span::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: currentColor;
}

.yp-showcase-trust strong,
.yp-conversion-strip strong {
    color: var(--yp-text);
    font-size: 13px;
    line-height: 1.25;
}

.yp-showcase-trust p {
    margin: 0;
    color: var(--yp-muted);
    font-size: 11.5px;
    line-height: 1.35;
}

.yp-featured-store,
.yp-section {
    padding: 22px 0;
}

.yp-store-section-head,
.yp-section__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.yp-store-section-head h2,
.yp-section__head h2 {
    margin: 0;
    color: var(--yp-ink);
    font-size: 24px;
    line-height: 1.18;
}

.yp-store-section-head a,
.yp-section__head > a {
    color: var(--yp-red-dark);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.yp-featured-controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.yp-slider-button {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--yp-line);
    border-radius: 999px;
    background: #fff;
    color: var(--yp-ink);
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(17, 24, 39, .05);
}

.yp-slider-button:hover {
    border-color: rgba(239, 43, 50, .35);
    color: var(--yp-red-dark);
}

.yp-featured-carousel {
    overflow: hidden;
}

/* Product cards */
.yp-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.yp-product-grid--showcase {
    display: flex;
    grid-template-columns: none;
    gap: 16px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.yp-product-grid--showcase::-webkit-scrollbar {
    display: none;
}

.yp-product-grid--showcase .yp-product-card {
    flex: 0 0 calc((100% - 48px) / 4);
    scroll-snap-align: start;
}

.yp-product-card,
.yp-category,
.yp-brand-card,
.yp-fast-cta,
.yp-why-grid article,
.yp-audience-card,
.yp-dealer-card,
.yp-content,
.yp-filters,
.yp-order-list,
.yp-order-form,
.yp-buybox,
.yp-gallery,
.yp-tabs {
    border: 1px solid var(--yp-line);
    border-radius: var(--yp-radius);
    background: var(--yp-card);
    box-shadow: var(--yp-shadow);
}

.yp-product-card {
    overflow: hidden;
}

.yp-product-card__media {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / .72;
    padding: 14px;
    background: #fbfcfe;
    text-decoration: none;
}

.yp-product-card__media img {
    width: 100%;
    max-height: 175px;
    object-fit: contain;
}

.yp-product-card__body {
    padding: 14px;
}

.yp-product-card__topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
    color: var(--yp-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.yp-product-card h3 {
    min-height: 40px;
    margin: 0 0 12px;
    color: #111827;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.28;
}

.yp-product-card h3 a {
    text-decoration: none;
}

.yp-product-card__price {
    display: flex;
    align-items: baseline;
    gap: 7px;
    margin-bottom: 8px;
    color: var(--yp-red-dark);
    font-size: 16px;
    font-weight: 850;
}

.yp-product-card__price small {
    color: var(--yp-muted);
    font-size: 11px;
    font-weight: 700;
}

.yp-product-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--yp-muted);
    font-size: 12px;
}

.yp-stock-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--yp-green);
}

.yp-stock-badge {
    color: var(--yp-muted);
    font-size: 12px;
}

.yp-product-card__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.yp-product-card__actions .yp-button {
    min-height: 36px;
    padding-inline: 10px;
    font-size: 12px;
}

.yp-fast-cta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: center;
    padding: 22px 34px;
}

.yp-fast-cta__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 18px;
    align-items: center;
}

.yp-fast-cta__item strong {
    color: var(--yp-ink);
    font-size: 16px;
}

.yp-fast-cta__item p {
    margin: 0;
    color: var(--yp-muted);
    font-size: 13px;
}

.yp-fast-cta__item a {
    grid-column: 2;
    grid-row: 1 / span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 18px;
    border-radius: 7px;
    background: var(--yp-red-dark);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.yp-fast-cta__item--whatsapp a {
    background: #fff;
    border: 1px solid rgba(24, 169, 87, .45);
    color: var(--yp-green);
}

/* Category and content sections */
.yp-category-grid,
.yp-brand-grid,
.yp-audience-grid,
.yp-why-grid {
    display: grid;
    gap: 14px;
}

.yp-category-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.yp-category {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr) 16px;
    gap: 14px;
    align-items: center;
    min-height: 88px;
    padding: 14px;
    overflow: hidden;
    text-decoration: none;
}

.yp-category::after {
    content: "›";
    color: #b7bfca;
    font-size: 28px;
    line-height: 1;
}

.yp-category img {
    width: 68px;
    height: 68px;
    border-radius: 8px;
    object-fit: cover;
    background: var(--yp-soft);
}

.yp-category span {
    display: block;
    min-width: 0;
    color: var(--yp-text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    text-align: left;
    overflow-wrap: anywhere;
}

.yp-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.yp-brand-card {
    min-height: 178px;
    padding: 24px;
}

.yp-brand-card span {
    display: block;
    margin-bottom: 12px;
    color: var(--yp-ink);
    font-size: 28px;
    font-weight: 850;
    line-height: 1;
}

.yp-brand-card p {
    max-width: 650px;
    margin: 0 0 22px;
    color: var(--yp-muted);
    font-size: 14px;
}

.yp-brand-card a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 15px;
    border-radius: 7px;
    background: var(--yp-ink);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.yp-engineering {
    margin-top: 22px;
    padding: 38px 0;
    background: linear-gradient(180deg, #f7f9fc 0%, #eef2f7 100%);
}

.yp-engineering .yp-section__head {
    margin-bottom: 0;
}

.yp-engineering .yp-section__head p {
    max-width: 760px;
    margin: 8px 0 0;
    color: var(--yp-muted);
}

.yp-audience-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.yp-audience-card {
    min-height: 58px;
    padding: 16px;
    color: var(--yp-text);
    font-size: 13px;
    font-weight: 800;
}

.yp-why-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.yp-why-grid article {
    min-height: 132px;
    padding: 18px;
}

.yp-why-grid strong {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
}

.yp-why-grid p {
    margin: 0;
    color: var(--yp-muted);
    font-size: 12.5px;
}

.yp-dealer-band {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    margin: 24px auto;
    padding: 26px 32px;
    border-radius: 10px;
    background: var(--yp-ink);
    color: #fff;
}

.yp-dealer-band .yp-eyebrow {
    color: #ff555b;
}

.yp-dealer-band h2 {
    max-width: 780px;
    margin: 6px 0 8px;
    color: #fff;
    font-size: 22px;
    line-height: 1.22;
}

.yp-dealer-band p {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, .7);
    font-size: 13px;
}

.yp-final-sales-cta {
    padding: 30px 0;
    border-top: 1px solid var(--yp-line);
    background: #fff;
}

.yp-final-sales-cta .yp-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
}

.yp-final-sales-cta h2 {
    margin: 0;
    font-size: 22px;
    line-height: 1.25;
}

.yp-final-sales-cta .yp-container > div {
    display: flex;
    gap: 10px;
}

/* Archive */
.yp-archive-hero,
.yp-page-block {
    padding: 44px 0;
    background: var(--yp-soft);
    border-bottom: 1px solid var(--yp-line);
}

.yp-archive-hero h1,
.yp-page-block h1,
.yp-order-page h1,
.yp-dealer-page h1 {
    margin: 0 0 18px;
    color: var(--yp-ink);
    font-size: 34px;
    line-height: 1.1;
}

.yp-big-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 110px;
    gap: 10px;
    max-width: 780px;
}

.yp-big-search input,
.yp-big-search button {
    min-height: 44px;
    padding: 0 16px;
}

.yp-big-search button {
    background: var(--yp-ink);
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.yp-archive-quickcats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.yp-archive-quickcats a {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--yp-line);
    border-radius: 999px;
    background: #fff;
    color: var(--yp-text);
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
}

.yp-archive-layout {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 24px;
    padding: 32px 0 48px;
}

.yp-filters {
    align-self: start;
    padding: 20px;
}

.yp-filters h2 {
    margin: 0 0 16px;
    font-size: 18px;
}

.yp-filters label {
    display: block;
    margin-bottom: 14px;
    color: var(--yp-text);
    font-size: 13px;
    font-weight: 750;
}

.yp-filters select {
    height: 40px;
    margin-top: 6px;
    padding: 0 10px;
}

.yp-check {
    display: flex !important;
    gap: 8px;
    align-items: center;
}

.yp-archive-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    margin-bottom: 16px;
}

.yp-archive-toolbar strong {
    display: block;
    font-size: 18px;
}

.yp-archive-toolbar span {
    color: var(--yp-muted);
    font-size: 13px;
}

/* Single product */
.yp-product-detail {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) 420px;
    gap: 28px;
    padding: 36px 0 24px;
}

.yp-gallery {
    padding: 20px;
}

.yp-gallery > img {
    display: block;
    width: 100%;
    max-height: 520px;
    object-fit: contain;
}

.yp-product-detail__crumb {
    display: inline-flex;
    margin-bottom: 12px;
    color: var(--yp-red-dark);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.yp-gallery__thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.yp-gallery__thumbs button {
    width: 66px;
    height: 56px;
    padding: 4px;
    border: 1px solid var(--yp-line);
    border-radius: 7px;
    background: #fff;
    cursor: pointer;
}

.yp-gallery__thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yp-buybox {
    align-self: start;
    padding: 24px;
}

.yp-buybox h1 {
    margin: 0 0 10px;
    color: var(--yp-ink);
    font-size: 30px;
    line-height: 1.15;
}

.yp-buybox p {
    margin: 0 0 16px;
    color: var(--yp-muted);
}

.yp-buybox__promise {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 18px;
}

.yp-buybox__promise span {
    padding: 8px;
    border: 1px solid var(--yp-line);
    border-radius: 7px;
    background: #fbfcfe;
    color: var(--yp-muted);
    font-size: 11.5px;
    font-weight: 750;
}

.yp-buybox__row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 0;
    border-top: 1px solid var(--yp-line);
}

.yp-buybox__row strong {
    color: var(--yp-red-dark);
    font-size: 20px;
}

.yp-stock {
    color: var(--yp-green) !important;
}

.yp-qty {
    display: grid;
    gap: 6px;
    margin: 12px 0;
    font-weight: 750;
}

.yp-qty input {
    height: 42px;
    padding: 0 12px;
}

.yp-buybox .yp-button {
    margin-top: 8px;
}

.yp-buybox__microcopy {
    margin-top: 12px;
    color: var(--yp-muted);
    font-size: 12px;
}

.yp-conversion-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    padding: 16px 0 28px;
}

.yp-tabs {
    margin-bottom: 48px;
    padding: 20px;
}

.yp-tab-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}

.yp-tab-buttons button {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid var(--yp-line);
    border-radius: 7px;
    background: #fff;
    color: var(--yp-text);
    font-weight: 800;
    cursor: pointer;
}

.yp-tab-buttons .is-active {
    background: var(--yp-ink);
    color: #fff;
}

.yp-tab-panel {
    display: none;
}

.yp-tab-panel.is-active {
    display: block;
}

.yp-tab-panel pre {
    white-space: pre-wrap;
}

.yp-doc-list,
.yp-faq-list {
    display: grid;
    gap: 12px;
}

.yp-video-list {
    display: grid;
    gap: 16px;
}

/* Order and dealer */
.yp-order-page,
.yp-dealer-page {
    padding: 42px 0 56px;
}

.yp-order-page__head,
.yp-dealer-page__head {
    max-width: 920px;
    margin-bottom: 24px;
}

.yp-order-page__head p,
.yp-dealer-page__head p {
    color: var(--yp-muted);
    font-size: 15px;
}

.yp-order-steps {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.yp-order-steps span {
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--yp-soft);
    color: var(--yp-text);
    font-size: 12px;
    font-weight: 800;
}

.yp-order-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 24px;
}

.yp-order-list,
.yp-order-form {
    padding: 22px;
}

.yp-order-list h2,
.yp-order-form h2 {
    margin: 0 0 8px;
    font-size: 22px;
}

.yp-order-list p,
.yp-order-form p {
    color: var(--yp-muted);
}

.yp-order-form label {
    display: grid;
    gap: 6px;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 750;
}

.yp-order-form input,
.yp-order-form textarea {
    min-height: 40px;
    padding: 10px 12px;
}

.yp-order-form__trust {
    margin-top: 12px;
    color: var(--yp-muted);
    font-size: 12px;
}

.yp-order-item {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid var(--yp-line);
}

.yp-order-item strong,
.yp-order-item span {
    display: block;
}

.yp-order-item span {
    color: var(--yp-muted);
}

.yp-order-item__controls {
    display: flex;
    gap: 6px;
    align-items: center;
}

.yp-order-item__controls button {
    min-width: 28px;
    min-height: 28px;
    border: 1px solid var(--yp-line);
    border-radius: 6px;
    background: #fff;
}

.yp-order-total {
    margin: 16px 0;
    color: var(--yp-ink);
}

.yp-empty {
    grid-column: 1 / -1;
    padding: 22px;
    border: 1px dashed var(--yp-line);
    border-radius: var(--yp-radius);
    color: var(--yp-muted);
}

.yp-notice {
    margin-bottom: 18px;
    padding: 14px 16px;
    border-radius: var(--yp-radius);
    font-weight: 750;
}

.yp-notice--success {
    background: #eaf8ef;
    color: #126c39;
}

.yp-notice--error {
    background: #fff0f0;
    color: #a40f16;
}

.yp-login-panel {
    margin-top: 16px;
}

.yp-dealer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 28px;
}

.yp-dealer-card {
    padding: 20px;
}

.yp-dealer-card span {
    display: block;
    color: var(--yp-muted);
    font-size: 12px;
    font-weight: 800;
}

.yp-dealer-card strong {
    display: block;
    margin-top: 8px;
    color: var(--yp-ink);
    font-size: 24px;
}

.yp-order-history {
    color: var(--yp-muted);
}

/* Footer */
.yp-footer {
    margin-top: 0;
    padding: 52px 0 26px;
    background:
        radial-gradient(circle at 14% 0%, rgba(202, 151, 58, .16), transparent 34%),
        linear-gradient(135deg, #0b111c 0%, #111827 48%, #070b12 100%);
    color: #fff;
}

.yp-footer__top {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
    gap: 26px;
    align-items: stretch;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.yp-footer__brand {
    min-width: 0;
}

.yp-footer__logo-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin: 0 0 18px;
}

.yp-footer__logo {
    display: block;
    width: auto;
    max-width: 190px;
    max-height: 64px;
    object-fit: contain;
}

.yp-footer__brand p {
    max-width: 780px;
    margin: 0;
    color: rgba(255, 255, 255, .76);
    font-size: 14px;
    line-height: 1.78;
    overflow-wrap: anywhere;
}

.yp-footer__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.yp-footer__badges span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin: 0;
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    color: rgba(255, 255, 255, .82);
    font-size: 11.5px;
    font-weight: 750;
}

.yp-footer__cta-card {
    display: grid;
    align-content: center;
    gap: 10px;
    min-width: 0;
    padding: 20px;
    border: 1px solid rgba(202, 151, 58, .18);
    border-radius: 20px;
    background: rgba(255, 255, 255, .045);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.yp-footer__cta-card span {
    margin: 0;
    color: rgba(255, 255, 255, .62);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.yp-footer__cta-card strong {
    display: block;
    color: rgba(255, 255, 255, .92);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
}

.yp-footer__whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 36px;
    margin: 2px 0 0;
    padding: 8px 13px;
    border-radius: 999px;
    background: #fff;
    color: #111827 !important;
    font-size: 12px;
    font-weight: 760;
}

.yp-footer__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    padding-top: 30px;
}

.yp-footer__col,
.yp-footer-menu__list {
    min-width: 0;
}

.yp-footer h2 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.yp-footer a,
.yp-footer span {
    display: block;
    margin: 8px 0;
    color: rgba(255, 255, 255, .68);
    font-size: 13px;
    line-height: 1.5;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.yp-footer a:hover {
    color: #fff;
}

.yp-footer-menu__list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.yp-footer-menu__list a {
    margin: 0;
}

.yp-footer__contact span {
    max-width: 260px;
}
.yp-footer__contact a[href^="tel:"] {
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
}


.yp-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 24px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.yp-footer__bottom span {
    margin: 0;
    color: rgba(255, 255, 255, .52);
    font-size: 12px;
}

.yp-order-toast {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
    display: grid;
    gap: 4px;
    width: min(320px, calc(100vw - 32px));
    padding: 16px;
    border-radius: 10px;
    background: var(--yp-ink);
    color: #fff;
    box-shadow: 0 18px 48px rgba(17, 24, 39, .22);
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity .2s ease, transform .2s ease;
}

.yp-order-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.yp-order-toast span {
    color: rgba(255, 255, 255, .7);
}

.yp-order-toast a {
    color: #fff;
    font-weight: 800;
}

/* Responsive */
@media (max-width: 1180px) {
    .yp-container {
        width: min(var(--yp-container), calc(100% - 44px));
    }

    .yp-store-nav {
        grid-template-columns: 150px minmax(0, 1fr) auto;
    }

    .yp-primary-menu {
        gap: 14px;
    }

    .yp-commerce-bar {
        grid-template-columns: 190px minmax(240px, 1fr) 120px 142px;
    }

    .yp-product-grid--showcase {
        grid-template-columns: none;
    }

    .yp-product-grid--showcase .yp-product-card {
        flex-basis: calc((100% - 32px) / 3);
    }
}

@media (max-width: 900px) {
    .yp-container {
        width: calc(100% - 32px);
    }

    .yp-store-nav,
    .yp-commerce-bar,
    .yp-showcase__grid,
    .yp-fast-cta,
    .yp-archive-layout,
    .yp-product-detail,
    .yp-order-layout,
    .yp-dealer-band,
    .yp-final-sales-cta .yp-container,
    .yp-footer__intro {
        grid-template-columns: 1fr;
    }

    .yp-primary-nav {
        display: none;
    }

    .yp-store-actions {
        justify-content: end;
    }

    .yp-commerce-bar > * {
        width: 100%;
    }

    .yp-showcase {
        padding-top: 22px;
        background: #fff;
    }

    .yp-showcase h1 {
        max-width: 100%;
        font-size: 30px;
    }

    .yp-showcase h1 span {
        white-space: normal;
    }

    .yp-showcase__media {
        justify-content: center;
    }

    .yp-showcase__media img {
        width: min(420px, 100%);
    }

    .yp-showcase-trust,
    .yp-conversion-strip,
    .yp-category-grid,
    .yp-audience-grid,
    .yp-why-grid,
    .yp-footer__top {
        grid-template-columns: 1fr;
    }

    .yp-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yp-product-grid,
    .yp-product-grid--showcase {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yp-product-grid--showcase .yp-product-card {
        flex-basis: calc((100% - 16px) / 2);
    }

    .yp-store-section-head,
    .yp-section__head,
    .yp-archive-toolbar {
        align-items: start;
        flex-direction: column;
    }

    .yp-final-sales-cta .yp-container > div {
        justify-content: start;
    }
}

@media (max-width: 640px) {
    .yp-site-main,
    .yp-container,
    .yp-store-nav,
    .yp-commerce-bar,
    .yp-contact-hero__grid,
    .yp-contact-panel,
    .yp-contact-cards article,
    .yp-contact-route__grid article {
        min-width: 0;
        max-width: 100%;
    }

    .yp-header-search input,
    .yp-contact-hero p,
    .yp-contact-panel p,
    .yp-contact-route__grid p {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .yp-container {
        width: calc(100% - 28px);
    }

    .yp-store-nav {
        gap: 8px;
    }

    .yp-logo img {
        width: 132px;
    }

    .yp-store-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    .yp-store-action {
        overflow: hidden;
        font-size: 11px;
        text-align: center;
        text-overflow: clip;
    }

    .yp-store-action--cart {
        display: none;
    }

    .yp-commerce-bar {
        gap: 10px;
        padding: 10px;
    }

    .yp-showcase h1 {
        font-size: 27px;
    }

    .yp-showcase p {
        font-size: 13px;
    }

    .yp-showcase__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .yp-showcase__media img {
        width: min(330px, 100%);
        max-height: 230px;
    }

    .yp-showcase-trust,
    .yp-conversion-strip,
    .yp-category-grid,
    .yp-brand-grid,
    .yp-audience-grid,
    .yp-why-grid,
    .yp-product-grid,
    .yp-product-grid--showcase,
    .yp-dealer-grid,
    .yp-footer__grid {
        grid-template-columns: 1fr;
    }

    .yp-product-card__media {
        aspect-ratio: 1 / .5;
    }

    .yp-product-card__media img {
        max-height: 170px;
    }

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

    .yp-product-grid--showcase .yp-product-card {
        flex-basis: 100%;
    }

    .yp-product-card__actions .yp-button {
        width: 100%;
        min-height: 40px;
    }

    .yp-fast-cta {
        padding: 18px;
    }

    .yp-fast-cta__item {
        grid-template-columns: 1fr;
    }

    .yp-fast-cta__item a {
        grid-column: 1;
        grid-row: auto;
    }

    .yp-category {
        grid-template-columns: 64px minmax(0, 1fr) 14px;
        min-height: 78px;
        padding: 12px;
    }

    .yp-category img {
        width: 58px;
        height: 58px;
    }

    .yp-brand-card,
    .yp-buybox,
    .yp-gallery,
    .yp-tabs,
    .yp-order-list,
    .yp-order-form,
    .yp-filters {
        padding: 18px;
    }

    .yp-buybox h1,
    .yp-archive-hero h1,
    .yp-page-block h1,
    .yp-order-page h1,
    .yp-dealer-page h1 {
        font-size: 26px;
    }

    .yp-buybox__promise {
        grid-template-columns: 1fr;
    }

    .yp-big-search {
        grid-template-columns: 1fr;
    }

    .yp-final-sales-cta .yp-container > div {
        display: grid;
        grid-template-columns: 1fr;
    }

    .yp-footer {
        padding: 34px 0 42px;
    }
}

/* Final category card lock: handles both img and picture markup from WordPress. */
.yp-category {
    position: relative;
    grid-template-columns: 64px minmax(0, 1fr);
    padding: 14px 38px 14px 14px;
}

.yp-category::after {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

.yp-category picture,
.yp-category > img {
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 8px;
    background: var(--yp-soft);
}

.yp-category picture img,
.yp-category > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yp-category span {
    overflow-wrap: normal;
    word-break: normal;
}

/* About page */
.yp-about-hero {
    padding: 58px 0 44px;
    background: linear-gradient(90deg, #fff 0%, #fff 50%, #f7f9fb 100%);
    border-bottom: 1px solid var(--yp-line);
}

.yp-about-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, .98fr) minmax(360px, .72fr);
    gap: 42px;
    align-items: center;
}

.yp-about-hero h1 {
    max-width: 720px;
    margin: 0 0 16px;
    color: var(--yp-ink);
    font-size: 38px;
    line-height: 1.08;
    font-weight: 760;
}

.yp-about-hero p {
    max-width: 720px;
    margin: 0 0 22px;
    color: #4e5967;
    font-size: 15px;
    line-height: 1.65;
}

.yp-about-brand-panel {
    display: grid;
    gap: 16px;
    padding: 28px;
    border: 1px solid var(--yp-line);
    border-radius: var(--yp-radius);
    background: #080a0d;
    color: #fff;
    box-shadow: 0 18px 50px rgba(17, 24, 39, .12);
}

.yp-about-brand-panel span {
    color: rgba(255, 255, 255, .62);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.yp-about-brand-panel img {
    width: min(320px, 100%);
    height: auto;
}

.yp-about-brand-panel p {
    margin: 0;
    color: rgba(255, 255, 255, .76);
    font-size: 14px;
}

.yp-about-brand-panel a {
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

.yp-about-section {
    padding: 44px 0 24px;
}

.yp-about-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.yp-about-grid article,
.yp-about-split {
    border: 1px solid var(--yp-line);
    border-radius: var(--yp-radius);
    background: #fff;
    box-shadow: var(--yp-shadow);
}

.yp-about-grid article {
    min-height: 150px;
    padding: 22px;
}

.yp-about-grid h3,
.yp-about-split h2 {
    margin: 0 0 10px;
    color: var(--yp-ink);
    font-size: 17px;
    line-height: 1.25;
}

.yp-about-grid p,
.yp-about-split p {
    margin: 0;
    color: var(--yp-muted);
    font-size: 13px;
    line-height: 1.58;
}

.yp-about-split {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 24px;
    align-items: center;
    margin-bottom: 36px;
    padding: 28px;
}

/* Contact page */
.yp-contact-hero {
    overflow: hidden;
    padding: 58px 0 44px;
    background: linear-gradient(90deg, #fff 0%, #fff 50%, #f7f9fb 100%);
    border-bottom: 1px solid var(--yp-line);
}

.yp-contact-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .58fr);
    gap: 42px;
    align-items: center;
}

.yp-contact-hero h1 {
    max-width: 760px;
    margin: 0 0 16px;
    color: var(--yp-ink);
    font-size: 38px;
    line-height: 1.08;
    font-weight: 760;
    overflow-wrap: anywhere;
}

.yp-contact-hero p {
    max-width: 760px;
    margin: 0 0 22px;
    color: #4e5967;
    font-size: 15px;
    line-height: 1.65;
}

.yp-contact-panel {
    min-width: 0;
    display: grid;
    gap: 14px;
    padding: 28px;
    border: 1px solid var(--yp-line);
    border-radius: var(--yp-radius);
    background: #080a0d;
    color: #fff;
    box-shadow: 0 18px 50px rgba(17, 24, 39, .12);
}

.yp-contact-panel span,
.yp-contact-cards article span {
    color: var(--yp-red);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.yp-contact-panel__primary {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    color: #fff;
    font-family: inherit;
    font-size: clamp(19px, 2vw, 24px);
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -.02em;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.yp-contact-panel p {
    margin: 0;
    color: rgba(255, 255, 255, .74);
    font-size: 14px;
}

.yp-contact-panel a:not(.yp-contact-panel__primary) {
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

.yp-contact-section {
    padding: 36px 0 18px;
}

.yp-contact-cards,
.yp-contact-route__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.yp-contact-cards article,
.yp-contact-route__grid article {
    display: grid;
    gap: 10px;
    min-height: 150px;
    padding: 22px;
    border: 1px solid var(--yp-line);
    border-radius: var(--yp-radius);
    background: #fff;
    box-shadow: var(--yp-shadow);
}

.yp-contact-cards strong {
    color: var(--yp-ink);
    font-size: 17px;
    line-height: 1.25;
}

.yp-contact-cards a,
.yp-contact-route__grid a {
    align-self: end;
    color: var(--yp-red-dark);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

.yp-contact-route {
    padding: 24px 0 42px;
}

.yp-contact-route > div:first-child {
    margin-bottom: 16px;
}

.yp-contact-route h2 {
    margin: 0;
    color: var(--yp-ink);
    font-size: 25px;
    line-height: 1.18;
    overflow-wrap: anywhere;
}

.yp-contact-route__grid h3 {
    margin: 0;
    color: var(--yp-ink);
    font-size: 16px;
    line-height: 1.25;
}

.yp-contact-route__grid p {
    margin: 0;
    color: var(--yp-muted);
    font-size: 13px;
    line-height: 1.58;
}

@media (max-width: 900px) {
    .yp-about-hero__grid,
    .yp-contact-hero__grid,
    .yp-about-split {
        grid-template-columns: 1fr;
    }

    .yp-about-grid,
    .yp-contact-cards,
    .yp-contact-route__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .yp-featured-controls {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .yp-featured-controls a {
        margin-left: 6px;
        white-space: nowrap;
    }

    .yp-product-card__topline .yp-stock-badge {
        display: none;
    }

    .yp-about-hero {
        padding: 34px 0 28px;
    }

    .yp-about-hero h1,
    .yp-contact-hero h1 {
        font-size: 28px;
    }

    .yp-about-grid,
    .yp-contact-cards,
    .yp-contact-route__grid {
        grid-template-columns: 1fr;
    }

    .yp-contact-hero {
        padding: 34px 0 28px;
    }

    .yp-contact-hero h1,
    .yp-contact-hero p,
    .yp-contact-panel,
    .yp-contact-cards article,
    .yp-contact-route__grid article {
        width: calc(100vw - 28px);
        max-width: calc(100vw - 28px);
    }

    .yp-contact-panel__primary {
        font-size: 19px;
    }
}


/* Premium footer responsive lock */
@media (max-width: 900px) {
    .yp-footer__top {
        grid-template-columns: 1fr;
    }

    .yp-footer__cta-card {
        padding: 18px;
    }

    .yp-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .yp-footer {
        padding: 38px 0 24px;
    }

    .yp-footer__grid {
        grid-template-columns: 1fr;
    }

    .yp-footer__bottom {
        display: grid;
    }
}


/* YAKPAR premium footer + slim commerce bar fix */
.yp-commerce-bar {
    grid-template-columns: 170px minmax(260px, 1fr) 104px 136px;
    gap: 10px;
    min-height: 48px;
    margin-top: 0;
    padding: 7px 10px;
    border-color: rgba(17, 24, 39, .08);
    border-radius: 0 0 14px 14px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 10px 22px rgba(17, 24, 39, .045);
}

.yp-category-trigger,
.yp-header-search,
.yp-header-search input,
.yp-commerce-bar .yp-button {
    height: 34px;
    min-height: 34px;
}

.yp-category-trigger {
    gap: 9px;
    padding: 0 13px;
    border-radius: 8px;
    background: #15191f;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .01em;
}

.yp-category-trigger span,
.yp-category-trigger span::before,
.yp-category-trigger span::after {
    width: 13px;
    height: 1.5px;
}

.yp-category-trigger span::before { top: -5px; }
.yp-category-trigger span::after { top: 5px; }

.yp-header-search input {
    padding: 0 13px;
    border-radius: 8px;
    font-size: 12.5px;
    background: #f8fafc;
}

.yp-commerce-bar .yp-button {
    padding: 0 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 760;
    line-height: 34px;
}

.yp-footer {
    padding: 50px 0 24px;
    background:
        radial-gradient(circle at 12% 0%, rgba(184, 134, 11, .13), transparent 32%),
        linear-gradient(135deg, #f8f5ee 0%, #f3eee4 48%, #ebe3d5 100%);
    color: #15191f;
    border-top: 1px solid rgba(184, 134, 11, .18);
}

.yp-footer__top {
    border-bottom-color: rgba(17, 24, 39, .10);
}

.yp-footer__logo-link {
    padding: 8px 10px;
    border: 1px solid rgba(17, 24, 39, .07);
    border-radius: 14px;
    background: rgba(255, 255, 255, .62);
    box-shadow: 0 10px 24px rgba(17, 24, 39, .05);
}

.yp-footer__logo {
    max-width: 170px;
    max-height: 42px;
}

.yp-footer__brand p {
    max-width: 720px;
    color: rgba(17, 24, 39, .72);
    font-size: 13.5px;
    line-height: 1.72;
}

.yp-footer__badges span {
    border-color: rgba(184, 134, 11, .20);
    background: rgba(255, 255, 255, .55);
    color: rgba(17, 24, 39, .72);
}

.yp-footer__cta-card {
    border-color: rgba(184, 134, 11, .23);
    background: rgba(255, 255, 255, .66);
    box-shadow: 0 16px 34px rgba(17, 24, 39, .06), inset 0 1px 0 rgba(255, 255, 255, .75);
}

.yp-footer__cta-card span {
    color: rgba(17, 24, 39, .56);
}

.yp-footer__cta-card strong {
    color: #15191f;
    font-size: 15px;
    font-weight: 700;
}

.yp-footer__whatsapp {
    background: #15191f;
    color: #fff !important;
}

.yp-footer h2 {
    color: #15191f;
}

.yp-footer a,
.yp-footer span {
    color: rgba(17, 24, 39, .68);
}

.yp-footer a:hover {
    color: #b42324;
}

.yp-footer__contact a[href^="tel:"] {
    color: rgba(17, 24, 39, .68);
    font-size: 13px;
    font-weight: 500;
}

.yp-footer__bottom {
    border-top-color: rgba(17, 24, 39, .10);
}

.yp-footer__bottom span {
    color: rgba(17, 24, 39, .50);
}

@media (max-width: 1180px) {
    .yp-commerce-bar {
        grid-template-columns: 155px minmax(220px, 1fr) 96px 126px;
    }
}

@media (max-width: 900px) {
    .yp-commerce-bar {
        grid-template-columns: 1fr;
        border-radius: 14px;
    }
}

/* =========================================================
   YAKPAR Premium Page Unification v1.0.22
   Sadece görsel bütünlük: HTML yapısına dokunmaz.
   ========================================================= */
:root {
    --yp-premium-bg: #f7f3ea;
    --yp-premium-bg-2: #fbfaf7;
    --yp-premium-cream: #fffaf0;
    --yp-premium-gold: #b8860b;
    --yp-premium-gold-soft: rgba(184, 134, 11, .16);
    --yp-premium-red: #c1121f;
    --yp-premium-ink: #111419;
    --yp-premium-text: #222832;
    --yp-premium-muted: #6d7480;
    --yp-premium-line: rgba(17, 24, 39, .10);
    --yp-premium-shadow: 0 18px 52px rgba(17, 24, 39, .075);
    --yp-premium-shadow-soft: 0 10px 30px rgba(17, 24, 39, .055);
    --yp-premium-radius: 18px;
}

body {
    background: linear-gradient(180deg, #fff 0%, #fbfaf7 42%, #f7f3ea 100%);
    color: var(--yp-premium-text);
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

.yp-site-main {
    background:
        radial-gradient(circle at 12% 0%, rgba(184, 134, 11, .08), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(251,250,247,.96));
}

.yp-container {
    width: min(1240px, calc(100% - 64px));
}

.yp-eyebrow {
    padding: 7px 10px;
    border: 1px solid var(--yp-premium-gold-soft);
    border-radius: 999px;
    background: rgba(255, 250, 240, .88);
    color: #8a6508;
    font-size: 10.5px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.yp-section,
.yp-featured-store,
.yp-contact-section,
.yp-about-section,
.yp-order-page,
.yp-dealer-page {
    position: relative;
}

.yp-section__head,
.yp-store-section-head,
.yp-dealer-page__head,
.yp-order-page__head {
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 24px;
}

.yp-section__head h2,
.yp-store-section-head h2,
.yp-contact-hero h1,
.yp-about-hero h1,
.yp-archive-hero h1,
.yp-order-page h1,
.yp-dealer-page__head h1,
.yp-product-detail h1 {
    color: var(--yp-premium-ink);
    font-weight: 850;
    letter-spacing: -.035em;
    line-height: 1.04;
}

.yp-section__head p,
.yp-about-hero p,
.yp-contact-hero p,
.yp-archive-hero p,
.yp-order-page__head p,
.yp-dealer-page__head p,
.yp-product-detail p {
    color: var(--yp-premium-muted);
    line-height: 1.72;
}

.yp-button,
button.yp-button,
.yp-fast-cta__item a,
.yp-brand-card a,
.yp-about-brand-panel a,
.yp-featured-controls a {
    border-radius: 999px;
    font-weight: 800;
    letter-spacing: -.005em;
    box-shadow: none;
}

.yp-button--red,
.yp-fast-cta__item a,
.yp-brand-card a,
.yp-about-brand-panel a {
    background: linear-gradient(135deg, #d71920, #a90f19);
    color: #fff;
    border-color: rgba(255,255,255,.12);
}

.yp-button--outline-red,
.yp-button--ghost {
    background: rgba(255,255,255,.78);
    border-color: rgba(17, 24, 39, .12);
    color: var(--yp-premium-ink);
}

.yp-button:hover,
.yp-fast-cta__item a:hover,
.yp-brand-card a:hover,
.yp-about-brand-panel a:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(17, 24, 39, .11);
}

/* Header altındaki satış barı: premium, kompakt, header'dan büyük görünmez */
.yp-commerce-bar {
    max-width: 1180px;
    min-height: 46px;
    margin: 12px auto 0;
    padding: 8px;
    border: 1px solid rgba(17, 24, 39, .10);
    border-radius: 16px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 10px 28px rgba(17, 24, 39, .055);
    backdrop-filter: blur(12px);
}

.yp-category-trigger,
.yp-header-search,
.yp-commerce-bar .yp-button {
    min-height: 34px;
    border-radius: 12px;
    font-size: 12.5px;
}

.yp-header-search input {
    height: 34px;
    font-size: 12.5px;
}

.yp-category-trigger {
    background: #15191f;
    color: #fff;
    font-weight: 750;
}

/* Ana sayfa */
.yp-showcase {
    padding: 54px 0 34px;
    background:
        radial-gradient(circle at 80% 20%, rgba(193, 18, 31, .09), transparent 28%),
        radial-gradient(circle at 20% 0%, rgba(184, 134, 11, .12), transparent 32%),
        linear-gradient(180deg, #fff, #fbfaf7);
}

.yp-showcase__grid {
    border: 1px solid rgba(17, 24, 39, .08);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,250,240,.78));
    box-shadow: var(--yp-premium-shadow);
    overflow: hidden;
}

.yp-showcase__copy h1 {
    color: var(--yp-premium-ink);
    font-size: clamp(36px, 5vw, 68px);
    font-weight: 900;
    letter-spacing: -.055em;
    line-height: .98;
}

.yp-showcase__copy h1 span {
    color: var(--yp-premium-red);
}

.yp-showcase__copy p {
    max-width: 560px;
    color: var(--yp-premium-muted);
    font-size: 16px;
    line-height: 1.75;
}

.yp-showcase__media {
    position: relative;
    isolation: isolate;
}

.yp-showcase__media::before {
    content: "";
    position: absolute;
    inset: 12% 4% 8% 8%;
    z-index: -1;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(184, 134, 11, .22), transparent 68%);
    filter: blur(22px);
}

.yp-showcase-trust article,
.yp-product-card,
.yp-category,
.yp-brand-card,
.yp-fast-cta__item,
.yp-why-grid article,
.yp-audience-card,
.yp-dealer-band,
.yp-about-grid article,
.yp-about-split,
.yp-contact-cards article,
.yp-contact-panel,
.yp-contact-route__grid article,
.yp-order-list,
.yp-order-form,
.yp-login-panel,
.yp-dealer-card,
.yp-buybox,
.yp-gallery,
.yp-content,
.yp-tabs,
.yp-archive-toolbar,
.yp-archive-quickcats,
.yp-archive-hero,
.yp-contact-hero,
.yp-about-hero {
    border: 1px solid rgba(17, 24, 39, .085);
    border-radius: var(--yp-premium-radius);
    background: rgba(255, 255, 255, .88);
    box-shadow: var(--yp-premium-shadow-soft);
}

.yp-product-card,
.yp-category,
.yp-brand-card,
.yp-fast-cta__item,
.yp-why-grid article,
.yp-audience-card,
.yp-contact-cards article,
.yp-contact-route__grid article,
.yp-about-grid article,
.yp-dealer-card {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.yp-product-card:hover,
.yp-category:hover,
.yp-brand-card:hover,
.yp-fast-cta__item:hover,
.yp-why-grid article:hover,
.yp-audience-card:hover,
.yp-contact-cards article:hover,
.yp-contact-route__grid article:hover,
.yp-about-grid article:hover,
.yp-dealer-card:hover {
    transform: translateY(-2px);
    border-color: rgba(184, 134, 11, .23);
    box-shadow: 0 18px 42px rgba(17, 24, 39, .095);
}

.yp-product-card__media,
.yp-category img {
    background: linear-gradient(135deg, #f8f5ec, #ffffff);
}

.yp-product-card h3,
.yp-brand-card span,
.yp-why-grid strong,
.yp-fast-cta__item strong,
.yp-contact-cards strong,
.yp-about-grid h3,
.yp-dealer-card h2,
.yp-order-list h2,
.yp-order-form h2 {
    color: var(--yp-premium-ink);
    font-weight: 820;
    letter-spacing: -.02em;
}

.yp-product-card p,
.yp-brand-card p,
.yp-why-grid p,
.yp-fast-cta__item p,
.yp-contact-cards p,
.yp-about-grid p,
.yp-dealer-card p,
.yp-order-list p,
.yp-order-form p {
    color: var(--yp-premium-muted);
    line-height: 1.68;
}

/* Arşiv, kategori, ürün detay */
.yp-archive-hero,
.yp-contact-hero,
.yp-about-hero {
    margin-top: 24px;
    padding: clamp(28px, 4vw, 48px);
    background:
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,250,240,.82)),
        radial-gradient(circle at 92% 10%, rgba(184,134,11,.12), transparent 32%);
}

.yp-archive-quickcats {
    padding: 10px;
    background: rgba(255,255,255,.76);
}

.yp-archive-quickcats a {
    border-radius: 999px;
    background: #fff;
    border-color: rgba(17,24,39,.09);
    color: #252b34;
    font-weight: 700;
}

.yp-archive-toolbar {
    padding: 16px 18px;
    background: rgba(255,255,255,.82);
}

.yp-product-detail {
    align-items: start;
    padding-block: 30px;
}

.yp-gallery,
.yp-buybox,
.yp-content,
.yp-tabs {
    background: rgba(255,255,255,.9);
}

.yp-buybox__row,
.yp-buybox__promise,
.yp-order-form__trust,
.yp-check {
    border-radius: 14px;
    background: rgba(255,250,240,.72);
    border-color: rgba(184,134,11,.14);
}

.yp-stock-badge,
.yp-stock {
    border-radius: 999px;
    font-weight: 750;
}

/* İletişim ve formlar */
.yp-contact-panel__primary {
    border-radius: 18px;
    background: linear-gradient(135deg, #15191f, #262b34);
    color: #fff;
}

.yp-contact-panel__primary a,
.yp-contact-panel__primary strong,
.yp-contact-panel__primary span {
    color: #fff;
}

.yp-contact-panel a[href^="tel:"],
.yp-footer__contact a[href^="tel:"] {
    font-size: 14px;
    font-weight: 650;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
}

.yp-order-form input,
.yp-order-form textarea,
.yp-order-form select,
.yp-login-panel input,
.yp-login-panel textarea,
.yp-contact-panel input,
.yp-contact-panel textarea {
    border: 1px solid rgba(17,24,39,.12);
    border-radius: 14px;
    background: rgba(255,255,255,.92);
    color: var(--yp-premium-ink);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}

.yp-order-form input:focus,
.yp-order-form textarea:focus,
.yp-order-form select:focus,
.yp-login-panel input:focus,
.yp-login-panel textarea:focus,
.yp-contact-panel input:focus,
.yp-contact-panel textarea:focus {
    outline: none;
    border-color: rgba(184, 134, 11, .46);
    box-shadow: 0 0 0 4px rgba(184, 134, 11, .10);
}

/* Hakkımızda / bayi / sipariş */
.yp-about-brand-panel {
    border: 1px solid rgba(17,24,39,.09);
    border-radius: 22px;
    background: linear-gradient(135deg, #15191f, #242934);
    box-shadow: var(--yp-premium-shadow);
}

.yp-about-brand-panel p,
.yp-about-brand-panel span {
    color: rgba(255,255,255,.78);
}

.yp-about-brand-panel strong,
.yp-about-brand-panel h2 {
    color: #fff;
}

.yp-order-page__head,
.yp-dealer-page__head {
    padding: clamp(24px, 4vw, 42px);
    border: 1px solid rgba(17,24,39,.085);
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,250,240,.82));
    box-shadow: var(--yp-premium-shadow-soft);
}

.yp-order-steps span,
.yp-doc-list a,
.yp-tab-buttons button {
    border-radius: 999px;
    background: #fff;
    border-color: rgba(17,24,39,.10);
    color: var(--yp-premium-text);
    font-weight: 720;
}

.yp-tab-buttons button.is-active,
.yp-order-steps span.is-active {
    background: #15191f;
    color: #fff;
    border-color: #15191f;
}

/* Footer premium kontrast: logonun siyah detayları kaybolmasın */
.yp-footer {
    background:
        radial-gradient(circle at 18% 0%, rgba(184,134,11,.12), transparent 34%),
        linear-gradient(180deg, #fffaf0 0%, #f4ead7 100%);
}

.yp-footer__top,
.yp-footer__bottom {
    position: relative;
    z-index: 1;
}

.yp-footer__brand p {
    max-width: 520px;
}

.yp-footer__logo {
    width: auto;
    max-width: 158px;
    max-height: 40px;
    object-fit: contain;
}

/* Daha dengeli mobil ölçek */
@media (max-width: 900px) {
    .yp-container {
        width: min(100% - 28px, 1240px);
    }

    .yp-showcase {
        padding-top: 24px;
    }

    .yp-showcase__grid,
    .yp-archive-hero,
    .yp-contact-hero,
    .yp-about-hero,
    .yp-order-page__head,
    .yp-dealer-page__head {
        border-radius: 20px;
    }

    .yp-section__head,
    .yp-store-section-head,
    .yp-dealer-page__head,
    .yp-order-page__head {
        align-items: flex-start;
    }

    .yp-commerce-bar {
        margin-top: 8px;
        padding: 7px;
        border-radius: 14px;
    }

    .yp-category-trigger,
    .yp-header-search,
    .yp-commerce-bar .yp-button,
    .yp-header-search input {
        min-height: 34px;
        height: 34px;
        font-size: 12px;
    }

    .yp-footer__logo {
        max-width: 142px;
        max-height: 36px;
    }
}

/* =========================================================
   YAKPAR Premium Typography Pass v1.0.23
   Amaç: yapıyı bozmadan ağır/kalın başlık hissini azaltmak.
   ========================================================= */
:root {
    --yp-heading-weight: 600;
    --yp-heading-tight: -0.018em;
    --yp-body-line: 1.72;
    --yp-premium-shadow: 0 14px 34px rgba(17, 24, 39, .055);
    --yp-premium-line: rgba(17, 24, 39, .085);
}

body {
    font-size: 15px;
    line-height: var(--yp-body-line);
    color: #1f242c;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
.yp-showcase h1,
.yp-showcase h1 span,
.yp-store-section-head h2,
.yp-section__head h2,
.yp-archive-hero h1,
.yp-page-block h1,
.yp-order-page h1,
.yp-dealer-page h1,
.yp-buybox h1,
.yp-about-hero h1,
.yp-contact-hero h1,
.yp-about-split h2,
.yp-contact-route h2,
.yp-dealer-band h2,
.yp-final-sales-cta h2,
.yp-product-card h3,
.yp-footer h2 {
    font-weight: var(--yp-heading-weight) !important;
    letter-spacing: var(--yp-heading-tight);
    color: #11161d;
}

.yp-showcase h1,
.yp-archive-hero h1,
.yp-page-block h1,
.yp-order-page h1,
.yp-dealer-page h1,
.yp-buybox h1,
.yp-about-hero h1,
.yp-contact-hero h1 {
    font-size: clamp(32px, 4vw, 52px) !important;
    line-height: 1.12 !important;
    max-width: 880px;
}

.yp-store-section-head h2,
.yp-section__head h2,
.yp-about-split h2,
.yp-contact-route h2,
.yp-dealer-band h2,
.yp-final-sales-cta h2 {
    font-size: clamp(25px, 2.5vw, 34px) !important;
    line-height: 1.18 !important;
}

.yp-product-card h3,
.yp-filters h2,
.yp-order-list h2,
.yp-order-form h2 {
    font-weight: 600 !important;
    letter-spacing: -0.01em;
}

.yp-eyebrow,
.yp-category,
.yp-category span,
.yp-badge,
.yp-tag,
.yp-footer__badges span,
.yp-header-menu a,
.yp-category-trigger,
.yp-commerce-bar .yp-button,
.yp-button,
button.yp-button {
    font-weight: 600 !important;
    letter-spacing: .005em !important;
}

.yp-button,
button.yp-button {
    min-height: 38px;
    padding-inline: 16px;
    border-radius: 8px;
    box-shadow: none !important;
}

.yp-product-card,
.yp-card,
.yp-feature-card,
.yp-page-card,
.yp-buybox,
.yp-filters,
.yp-order-list,
.yp-order-form,
.yp-footer__cta-card {
    box-shadow: var(--yp-premium-shadow) !important;
    border-color: var(--yp-premium-line) !important;
}

.yp-product-card h3 {
    font-size: 18px !important;
    line-height: 1.3 !important;
}

.yp-product-card p,
.yp-section__head p,
.yp-store-section-head p,
.yp-page-block p,
.yp-about-hero p,
.yp-contact-hero p,
.yp-footer__brand p {
    font-weight: 400 !important;
    line-height: 1.72 !important;
    color: rgba(31, 36, 44, .72) !important;
}

/* Header altındaki ticaret barı: header'a rakip olmayacak ölçü */
.yp-commerce-bar {
    min-height: 48px !important;
    padding-block: 7px !important;
    border-bottom-color: rgba(17, 24, 39, .07) !important;
    background: rgba(255, 255, 255, .94) !important;
    backdrop-filter: blur(10px);
}

.yp-category-trigger {
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
}

.yp-header-search input {
    height: 34px !important;
    font-size: 12.5px !important;
    border-radius: 8px !important;
}

.yp-header-search input::placeholder {
    color: rgba(31, 36, 44, .48);
}

.yp-commerce-bar .yp-button {
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
}

/* Footer premium ama sakin */
.yp-footer h2 {
    font-size: 13px !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    letter-spacing: .01em !important;
    margin-bottom: 12px !important;
}

.yp-footer a,
.yp-footer span,
.yp-footer__contact a[href^="tel:"] {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

.yp-footer__cta-card strong {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

.yp-footer__whatsapp {
    font-size: 12.5px !important;
    font-weight: 600 !important;
}

@media (max-width: 768px) {
    body {
        font-size: 14.5px;
    }

    .yp-showcase h1,
    .yp-archive-hero h1,
    .yp-page-block h1,
    .yp-order-page h1,
    .yp-dealer-page h1,
    .yp-buybox h1,
    .yp-about-hero h1,
    .yp-contact-hero h1 {
        font-size: 31px !important;
        line-height: 1.14 !important;
    }

    .yp-store-section-head h2,
    .yp-section__head h2,
    .yp-about-split h2,
    .yp-contact-route h2,
    .yp-dealer-band h2,
    .yp-final-sales-cta h2 {
        font-size: 24px !important;
    }
}


/* =========================================================
   YAKPAR Unified Premium System v1.0.24
   Tek katman: tum sayfalarda ayni tipografi, kart, form, renk ve bosluk dili.
   ========================================================= */
:root {
    --yp-red: #d7262d;
    --yp-red-dark: #b91f25;
    --yp-gold: #b8860b;
    --yp-gold-soft: #f4ead3;
    --yp-ink: #101318;
    --yp-text: #252b34;
    --yp-muted: #6f7782;
    --yp-line: #e6e1d6;
    --yp-soft: #f7f3ea;
    --yp-soft-2: #fbfaf6;
    --yp-card: #ffffff;
    --yp-radius: 14px;
    --yp-radius-sm: 10px;
    --yp-shadow: 0 18px 44px rgba(16, 19, 24, .055);
    --yp-shadow-hover: 0 24px 60px rgba(16, 19, 24, .075);
    --yp-heading-weight: 560;
    --yp-control-weight: 540;
    --yp-container: 1200px;
}

html { scroll-behavior: smooth; }
body {
    background: linear-gradient(180deg, #fff 0%, var(--yp-soft-2) 54%, #fff 100%) !important;
    color: var(--yp-text) !important;
    font-size: 15px !important;
    line-height: 1.68 !important;
    letter-spacing: 0 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

.yp-container { width: min(var(--yp-container), calc(100% - 64px)) !important; }
.yp-site-main section,
.yp-section,
.yp-contact-section,
.yp-about-section,
.yp-featured-store,
.yp-engineering,
.yp-archive-products { position: relative; }

h1, h2, h3, h4, h5, h6,
.yp-showcase h1, .yp-showcase h1 span,
.yp-archive-hero h1, .yp-product-detail h1, .yp-buybox h1,
.yp-page-block h1, .yp-order-page h1, .yp-dealer-page h1,
.yp-about-hero h1, .yp-contact-hero h1,
.yp-store-section-head h2, .yp-section__head h2,
.yp-about-split h2, .yp-contact-route h2,
.yp-dealer-band h2, .yp-final-sales-cta h2,
.yp-product-card h3,
.yp-footer h2 {
    font-weight: var(--yp-heading-weight) !important;
    letter-spacing: -0.012em !important;
    color: var(--yp-ink) !important;
    text-transform: none !important;
}

.yp-showcase h1, .yp-archive-hero h1, .yp-product-detail h1, .yp-buybox h1,
.yp-page-block h1, .yp-order-page h1, .yp-dealer-page h1,
.yp-about-hero h1, .yp-contact-hero h1 {
    font-size: clamp(30px, 3.6vw, 46px) !important;
    line-height: 1.13 !important;
    margin-bottom: 16px !important;
}

.yp-store-section-head h2, .yp-section__head h2,
.yp-about-split h2, .yp-contact-route h2,
.yp-dealer-band h2, .yp-final-sales-cta h2 {
    font-size: clamp(23px, 2.2vw, 31px) !important;
    line-height: 1.18 !important;
    margin-bottom: 10px !important;
}

.yp-product-card h3,
.yp-card h3,
.yp-feature-card h3,
.yp-brand-card h3,
.yp-audience-card h3,
.yp-dealer-card h3,
.yp-contact-panel h3,
.yp-fast-cta__item strong {
    font-size: 17px !important;
    line-height: 1.32 !important;
    font-weight: 560 !important;
    letter-spacing: -0.006em !important;
}

p,
.yp-showcase p,
.yp-archive-hero p,
.yp-section__head p,
.yp-store-section-head p,
.yp-page-block p,
.yp-about-hero p,
.yp-contact-hero p,
.yp-product-card p,
.yp-buybox p,
.yp-footer__brand p {
    color: rgba(37, 43, 52, .74) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.72 !important;
}

.yp-eyebrow,
.yp-badge,
.yp-tag,
.yp-stock-badge,
.yp-product-card__topline,
.yp-category span,
.yp-product-card__meta,
.yp-buybox__microcopy,
.yp-product-detail__crumb,
.yp-footer__badges span {
    font-size: 11.5px !important;
    font-weight: 560 !important;
    letter-spacing: .02em !important;
    text-transform: none !important;
    color: var(--yp-red-dark) !important;
}

/* Header sabit kalır; sadece alt bar ve iç eleman dengesi */
.yp-header--store { background: rgba(255,255,255,.96) !important; border-bottom: 1px solid rgba(16,19,24,.08) !important; }
.yp-store-nav { min-height: 58px !important; }
.yp-primary-menu { gap: 20px !important; }
.yp-primary-menu a,
.yp-store-action {
    font-size: 13px !important;
    font-weight: 520 !important;
    letter-spacing: 0 !important;
}
.yp-commerce-bar {
    min-height: 44px !important;
    padding: 6px 0 !important;
    background: rgba(247,243,234,.72) !important;
    border-bottom: 1px solid rgba(16,19,24,.07) !important;
}
.yp-category-trigger,
.yp-header-search input,
.yp-commerce-bar .yp-button {
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
    font-weight: 520 !important;
}
.yp-header-search input { background: rgba(255,255,255,.92) !important; border-color: rgba(16,19,24,.09) !important; }

/* Ortak kart sistemi */
.yp-product-card,
.yp-brand-card,
.yp-audience-card,
.yp-dealer-card,
.yp-contact-panel,
.yp-buybox,
.yp-filters,
.yp-order-list,
.yp-order-form,
.yp-order-history,
.yp-login-panel,
.yp-page-block,
.yp-about-brand-panel,
.yp-footer__cta-card,
.yp-fast-cta__item,
.yp-category,
.yp-gallery,
.yp-tabs,
.yp-doc-list,
.yp-faq-list,
.yp-video-list__item {
    background: var(--yp-card) !important;
    border: 1px solid rgba(16,19,24,.08) !important;
    border-radius: var(--yp-radius) !important;
    box-shadow: var(--yp-shadow) !important;
}
.yp-product-card:hover,
.yp-category:hover,
.yp-brand-card:hover,
.yp-audience-card:hover,
.yp-fast-cta__item:hover {
    transform: translateY(-2px);
    box-shadow: var(--yp-shadow-hover) !important;
    border-color: rgba(184,134,11,.22) !important;
}

.yp-showcase,
.yp-archive-hero,
.yp-about-hero,
.yp-contact-hero,
.yp-order-page__head,
.yp-dealer-page__head,
.yp-final-sales-cta,
.yp-dealer-band,
.yp-conversion-strip {
    background: linear-gradient(135deg, #fffaf0 0%, #f7f3ea 45%, #fff 100%) !important;
    border-bottom: 1px solid rgba(16,19,24,.07) !important;
}

.yp-showcase__media,
.yp-product-card__media,
.yp-gallery,
.yp-category img {
    background: linear-gradient(180deg, #fbfaf6 0%, #f4ead3 100%) !important;
    border-color: rgba(16,19,24,.07) !important;
}

/* Butonlar tek dil */
.yp-button,
button.yp-button,
input[type="submit"],
button[type="submit"] {
    min-height: 38px !important;
    padding: 0 17px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 560 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}
.yp-button--red { background: var(--yp-red) !important; color: #fff !important; }
.yp-button--red:hover { background: var(--yp-red-dark) !important; }
.yp-button--dark { background: var(--yp-ink) !important; color: #fff !important; }
.yp-button--outline-red,
.yp-button--ghost {
    background: #fff !important;
    border-color: rgba(16,19,24,.12) !important;
    color: var(--yp-ink) !important;
}

/* Formlar / siparis / bayi / iletisim ortak */
input, select, textarea,
.yp-order-form input, .yp-order-form select, .yp-order-form textarea,
.yp-contact-panel input, .yp-contact-panel select, .yp-contact-panel textarea,
.yp-login-panel input, .yp-login-panel select, .yp-login-panel textarea,
.yp-big-search input {
    min-height: 42px !important;
    border: 1px solid rgba(16,19,24,.12) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--yp-text) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}
textarea { min-height: 118px !important; }
input:focus, select:focus, textarea:focus {
    border-color: rgba(184,134,11,.45) !important;
    outline: 3px solid rgba(184,134,11,.12) !important;
}
label { font-size: 13px !important; font-weight: 540 !important; color: var(--yp-ink) !important; }

/* Ürün kartı ve arşiv */
.yp-product-grid { gap: 18px !important; }
.yp-product-card { overflow: hidden; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.yp-product-card__body { padding: 18px !important; }
.yp-product-card__price { font-size: 16px !important; font-weight: 560 !important; color: var(--yp-ink) !important; }
.yp-stock { font-size: 12px !important; font-weight: 520 !important; }
.yp-archive-layout { gap: 24px !important; align-items: start; }
.yp-archive-toolbar { background: rgba(255,255,255,.82) !important; border: 1px solid rgba(16,19,24,.08) !important; border-radius: var(--yp-radius) !important; }

/* Footer tek premium zemin */
.yp-footer {
    background: linear-gradient(135deg, #f4ead3 0%, #fffaf0 54%, #ffffff 100%) !important;
    color: var(--yp-text) !important;
    border-top: 1px solid rgba(16,19,24,.08) !important;
}
.yp-footer__top,
.yp-footer__bottom { border-color: rgba(16,19,24,.08) !important; }
.yp-footer h2 {
    font-size: 13px !important;
    font-weight: 560 !important;
    color: var(--yp-ink) !important;
    margin-bottom: 12px !important;
}
.yp-footer a,
.yp-footer span,
.yp-footer p,
.yp-footer__contact a[href^="tel:"] {
    color: rgba(37,43,52,.76) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.72 !important;
}
.yp-footer a:hover { color: var(--yp-red-dark) !important; }
.yp-footer__cta-card { background: rgba(255,255,255,.72) !important; }
.yp-footer__cta-card strong { font-size: 14px !important; font-weight: 560 !important; color: var(--yp-ink) !important; }
.yp-footer__whatsapp { font-size: 12.5px !important; font-weight: 560 !important; }
.yp-footer__logo-link img { max-width: 156px !important; height: auto !important; display: block; }

/* Boşluk sistemi */
.yp-showcase,
.yp-archive-hero,
.yp-about-hero,
.yp-contact-hero { padding-block: clamp(44px, 6vw, 78px) !important; }
.yp-section,
.yp-contact-section,
.yp-about-section,
.yp-featured-store,
.yp-engineering,
.yp-archive-products { padding-block: clamp(42px, 5vw, 68px) !important; }
.yp-store-section-head,
.yp-section__head { margin-bottom: 24px !important; }

@media (max-width: 1024px) {
    .yp-container { width: min(100% - 40px, var(--yp-container)) !important; }
    .yp-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 768px) {
    body { font-size: 14.5px !important; }
    .yp-container { width: min(100% - 28px, var(--yp-container)) !important; }
    .yp-showcase h1, .yp-archive-hero h1, .yp-product-detail h1, .yp-buybox h1,
    .yp-page-block h1, .yp-order-page h1, .yp-dealer-page h1,
    .yp-about-hero h1, .yp-contact-hero h1 { font-size: 29px !important; }
    .yp-store-section-head h2, .yp-section__head h2,
    .yp-about-split h2, .yp-contact-route h2,
    .yp-dealer-band h2, .yp-final-sales-cta h2 { font-size: 23px !important; }
    .yp-product-grid { grid-template-columns: 1fr !important; }
    .yp-commerce-bar { min-height: auto !important; }
}

/* YAKPAR 1.0.25 - ACF marka alanları ve okunabilir teklif butonları */
.yp-footer__whatsapp,
.yp-footer__cta-card .yp-footer__whatsapp,
.yp-contact-panel a:not(.yp-contact-panel__primary),
.yp-contact-cards a,
.yp-contact-route__grid a {
    background: #f8fafc !important;
    color: #111827 !important;
    border: 1px solid rgba(17, 24, 39, .12) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .14) !important;
    text-shadow: none !important;
    font-weight: 650 !important;
}

.yp-footer__whatsapp:hover,
.yp-contact-panel a:not(.yp-contact-panel__primary):hover,
.yp-contact-cards a:hover,
.yp-contact-route__grid a:hover {
    background: #ffffff !important;
    color: #9f1239 !important;
    transform: translateY(-1px);
}

.yp-brand-card__logo {
    display: block;
    width: auto;
    max-width: 148px;
    max-height: 54px;
    margin: 0 0 14px;
    object-fit: contain;
}

.yp-brand-card:has(.yp-brand-card__logo) span {
    font-size: 13px;
    letter-spacing: .04em;
    color: rgba(17, 24, 39, .62);
}

@supports not selector(:has(*)) {
    .yp-brand-card__logo + span {
        font-size: 13px;
        letter-spacing: .04em;
        color: rgba(17, 24, 39, .62);
    }
}

/* YAKPAR 1.0.26 - bütünleşik premium içerik, hero ve marka alanı */
.yp-showcase__copy .yp-eyebrow{
    display:inline-flex;
    align-items:center;
    width:max-content;
    margin-bottom:14px;
    padding:7px 11px;
    border:1px solid rgba(17,24,39,.08);
    border-radius:999px;
    background:rgba(255,255,255,.72);
    color:#7a1b20 !important;
    font-size:12px;
    font-weight:560;
    letter-spacing:.02em;
}
.yp-showcase h1,
.yp-showcase__copy h1{
    max-width:680px !important;
    font-size:clamp(34px,3.8vw,52px) !important;
    font-weight:580 !important;
    line-height:1.08 !important;
    letter-spacing:-.026em !important;
    color:#111827 !important;
}
.yp-showcase h1 span,
.yp-showcase__copy h1 span{
    color:#b91c1c !important;
    font-weight:580 !important;
}
.yp-showcase__copy p{
    max-width:610px !important;
    font-size:15.5px !important;
    line-height:1.78 !important;
    color:#586170 !important;
}
.yp-showcase__grid{
    align-items:center !important;
}
.yp-brand-grid{
    align-items:stretch !important;
}
.yp-brand-card{
    min-height:190px !important;
    justify-content:flex-start !important;
    gap:12px !important;
}
.yp-brand-card__logo{
    width:auto !important;
    max-width:160px !important;
    height:46px !important;
    object-fit:contain !important;
    object-position:left center !important;
    margin-bottom:6px !important;
}
.yp-brand-card span,
.yp-brand-card h3{
    font-size:17px !important;
    font-weight:600 !important;
    letter-spacing:-.01em !important;
    color:#161b22 !important;
}
.yp-brand-card p{
    font-size:14px !important;
    line-height:1.68 !important;
    color:#5b6472 !important;
}
.yp-brand-card a{
    width:max-content !important;
    min-height:34px !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    font-size:12.5px !important;
    font-weight:560 !important;
}
.yp-fast-cta__item strong,
.yp-showcase-trust strong,
.yp-why-grid strong,
.yp-contact-route h3,
.yp-about-grid h3{
    font-weight:600 !important;
    letter-spacing:-.01em !important;
}
.yp-fast-cta__item p,
.yp-showcase-trust p,
.yp-why-grid p,
.yp-contact-route p,
.yp-about-grid p{
    line-height:1.68 !important;
}
.yp-order-page h1{
    font-size:clamp(30px,3.2vw,44px) !important;
    font-weight:580 !important;
}
@media (max-width:768px){
    .yp-showcase h1,
    .yp-showcase__copy h1{
        font-size:31px !important;
        line-height:1.12 !important;
    }
    .yp-showcase__copy p{
        font-size:14.5px !important;
    }
    .yp-brand-card__logo{
        max-width:145px !important;
        height:42px !important;
    }
}


/* YAKPAR 1.0.27 - premium hero metin alanı hizalama ve tipografi düzeltmesi */
.yp-showcase{
    padding: clamp(34px, 5vw, 68px) 0 clamp(22px, 3.5vw, 42px) !important;
    background:
        radial-gradient(circle at 88% 12%, rgba(184,134,11,.10), transparent 28%),
        linear-gradient(180deg, #fffaf1 0%, #ffffff 58%, #f8fafc 100%) !important;
}
.yp-showcase__grid{
    position: relative !important;
    grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr) !important;
    gap: clamp(22px, 4vw, 54px) !important;
    min-height: 0 !important;
    padding: clamp(26px, 4.2vw, 58px) !important;
    border: 1px solid rgba(17,24,39,.075) !important;
    border-radius: 30px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,250,238,.88)) !important;
    box-shadow: 0 22px 70px rgba(15,23,42,.075) !important;
    overflow: hidden !important;
}
.yp-showcase__copy{
    max-width: 640px !important;
    padding: 0 !important;
}
.yp-showcase__copy .yp-eyebrow{
    margin-bottom: 16px !important;
    padding: 7px 12px !important;
    background: rgba(255,255,255,.86) !important;
    border-color: rgba(127,29,29,.13) !important;
    color: #8f1d23 !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: .045em !important;
    text-transform: none !important;
}
.yp-showcase h1,
.yp-showcase__copy h1{
    max-width: 620px !important;
    margin: 0 0 16px !important;
    font-size: clamp(34px, 3.55vw, 49px) !important;
    font-weight: 580 !important;
    line-height: 1.12 !important;
    letter-spacing: -.028em !important;
    color: #111827 !important;
}
.yp-showcase__copy p{
    max-width: 590px !important;
    margin: 0 0 24px !important;
    color: #4f5b6b !important;
    font-size: 15.5px !important;
    line-height: 1.78 !important;
    letter-spacing: -.003em !important;
}
.yp-showcase__actions{
    gap: 10px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}
.yp-showcase__actions .yp-button{
    min-height: 42px !important;
    padding: 11px 17px !important;
    border-radius: 12px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: -.005em !important;
}
.yp-showcase__media{
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 300px !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 50% 58%, rgba(184,134,11,.18), transparent 52%),
        linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,.10)) !important;
}
.yp-showcase__media img{
    width: min(520px, 100%) !important;
    max-height: 330px !important;
    object-fit: contain !important;
}
.yp-showcase-trust{
    margin-top: 20px !important;
}
@media (max-width: 980px){
    .yp-showcase__grid{
        grid-template-columns: 1fr !important;
        padding: 26px !important;
    }
    .yp-showcase__media{
        min-height: 230px !important;
    }
}
@media (max-width: 768px){
    .yp-showcase{
        padding-top: 24px !important;
    }
    .yp-showcase__grid{
        width: min(100% - 28px, 1240px) !important;
        padding: 22px !important;
        border-radius: 22px !important;
    }
    .yp-showcase h1,
    .yp-showcase__copy h1{
        font-size: 29px !important;
        line-height: 1.15 !important;
    }
    .yp-showcase__copy p{
        font-size: 14.5px !important;
        line-height: 1.7 !important;
    }
}

/* =========================================================
   YAKPAR Premium Spacing Balance v1.0.28
   Amaç: sayfa yapısını bozmadan kolon/section boşluklarını dengelemek.
   ========================================================= */
:root{
    --yp-space-xs: 8px;
    --yp-space-sm: 12px;
    --yp-space-md: 18px;
    --yp-space-lg: 24px;
    --yp-space-xl: 36px;
    --yp-space-section: 48px;
    --yp-space-hero: 68px;
}

/* Genel bölüm ritmi */
.yp-section,
.yp-featured-store,
.yp-engineering,
.yp-section--audience,
.yp-section--why,
.yp-final-sales-cta,
.yp-dealer-band,
.yp-sales-band,
.yp-fast-cta,
.yp-showcase-trust{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.yp-section,
.yp-featured-store,
.yp-section--audience,
.yp-section--why{
    padding-top: var(--yp-space-section) !important;
    padding-bottom: var(--yp-space-section) !important;
}

.yp-showcase{
    padding-top: var(--yp-space-hero) !important;
    padding-bottom: 52px !important;
}

.yp-engineering,
.yp-final-sales-cta{
    padding-top: 52px !important;
    padding-bottom: 52px !important;
}

/* Kolonlar: fazla açılmış gridleri toparla */
.yp-showcase__grid,
.yp-category-grid,
.yp-brand-grid,
.yp-why-grid,
.yp-audience-grid,
.yp-fast-cta,
.yp-footer__grid,
.yp-contact-grid,
.yp-order-grid,
.yp-product-detail,
.yp-archive-layout,
.yp-product-grid{
    gap: var(--yp-space-lg) !important;
}

.yp-showcase__grid{
    align-items: center !important;
}

/* Hero metni: premium ama kompakt */
.yp-showcase__copy{
    max-width: 680px !important;
    padding: clamp(24px, 3vw, 34px) !important;
}

.yp-showcase__copy h1{
    margin-bottom: 14px !important;
    font-size: clamp(34px, 4vw, 52px) !important;
    line-height: 1.08 !important;
    font-weight: 600 !important;
    letter-spacing: -0.028em !important;
}

.yp-showcase__copy p{
    max-width: 620px !important;
    margin-bottom: 22px !important;
    line-height: 1.68 !important;
}

.yp-showcase__actions{
    gap: 12px !important;
}

/* Başlık blokları arasındaki gereksiz açıklığı azalt */
.yp-section__head,
.yp-store-section-head{
    gap: 18px !important;
    margin-bottom: 22px !important;
    align-items: end !important;
}

.yp-section__head h2,
.yp-store-section-head h2{
    margin-bottom: 0 !important;
    line-height: 1.18 !important;
}

.yp-section__head p{
    margin-top: 10px !important;
    max-width: 760px !important;
}

/* Kartlar: hava var ama boşluk abartılı değil */
.yp-category,
.yp-brand-card,
.yp-why-grid article,
.yp-audience-card,
.yp-fast-cta__item,
.yp-product-card,
.yp-contact-card,
.yp-order-card{
    padding: 20px !important;
}

.yp-showcase-trust{
    padding-top: 22px !important;
    padding-bottom: 28px !important;
    gap: 18px !important;
}

.yp-showcase-trust article{
    padding: 18px !important;
}

.yp-brand-card__logo{
    max-height: 54px !important;
    max-width: 170px !important;
    object-fit: contain !important;
    margin-bottom: 14px !important;
}

/* Footer daha sıkı ve okunur */
.yp-footer{
    padding-top: 46px !important;
}

.yp-footer__grid{
    row-gap: 26px !important;
    column-gap: 28px !important;
}

.yp-footer__brand p,
.yp-footer p,
.yp-footer li,
.yp-footer a{
    line-height: 1.6 !important;
}

.yp-footer__bottom{
    margin-top: 28px !important;
    padding-top: 18px !important;
}

/* Sayfa hero ve içerik alanları */
.yp-page-hero,
.yp-archive-hero,
.yp-product-hero{
    padding-top: 54px !important;
    padding-bottom: 48px !important;
}

.yp-page-content,
.yp-contact-section,
.yp-order-section{
    padding-top: 44px !important;
    padding-bottom: 48px !important;
}

/* Mobilde sıkışma olmadan daha kompakt */
@media (max-width: 900px){
    :root{
        --yp-space-section: 38px;
        --yp-space-hero: 46px;
        --yp-space-lg: 18px;
    }
    .yp-showcase__copy{
        padding: 22px !important;
    }
    .yp-section__head,
    .yp-store-section-head{
        align-items: start !important;
        margin-bottom: 18px !important;
    }
}

@media (max-width: 640px){
    .yp-section,
    .yp-featured-store,
    .yp-section--audience,
    .yp-section--why,
    .yp-engineering,
    .yp-final-sales-cta{
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }
    .yp-showcase{
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .yp-category,
    .yp-brand-card,
    .yp-why-grid article,
    .yp-audience-card,
    .yp-fast-cta__item,
    .yp-product-card,
    .yp-contact-card,
    .yp-order-card{
        padding: 17px !important;
    }
}


/* =========================================================
   YAKPAR v1.0.29 - gerçek kompakt premium spacing düzeltmesi
   Önceki katman bazı özel gridlerde etkisiz kalıyordu; bu katman
   ana sayfa, ürün, iletişim, sipariş ve footer gridlerini doğrudan hedefler.
   ========================================================= */
:root{
    --yp-container: 1180px !important;
    --yp-gap-xs: 8px !important;
    --yp-gap-sm: 12px !important;
    --yp-gap-md: 16px !important;
    --yp-gap-lg: 20px !important;
    --yp-gap-xl: 24px !important;
}

.yp-container{
    width: min(var(--yp-container), calc(100% - 48px)) !important;
}

/* Ana hero: geniş ama dağınık değil */
.yp-showcase{
    padding-top: 22px !important;
    padding-bottom: 8px !important;
}
.yp-showcase__grid{
    grid-template-columns: minmax(0, .96fr) minmax(360px, 1.04fr) !important;
    gap: 20px !important;
    min-height: 292px !important;
}
.yp-showcase h1{
    max-width: 570px !important;
    margin-bottom: 10px !important;
    font-size: clamp(30px, 3.2vw, 44px) !important;
    font-weight: 620 !important;
    line-height: 1.09 !important;
    letter-spacing: -0.025em !important;
}
.yp-showcase p{
    max-width: 560px !important;
    margin-bottom: 14px !important;
    line-height: 1.58 !important;
}
.yp-showcase__actions{
    gap: 10px !important;
}
.yp-showcase__media img{
    width: min(470px, 100%) !important;
    max-height: 282px !important;
}

/* Güven kutuları ve hızlı CTA arası boşluk */
.yp-showcase-trust{
    gap: 12px !important;
    padding-top: 14px !important;
    padding-bottom: 18px !important;
}
.yp-showcase-trust article{
    padding: 14px 12px !important;
}
.yp-fast-cta{
    gap: 14px !important;
    padding: 16px 22px !important;
    margin-top: 6px !important;
    margin-bottom: 10px !important;
}
.yp-fast-cta__item{
    gap: 3px 12px !important;
}

/* Tüm bölüm ritmi */
.yp-featured-store,
.yp-section,
.yp-section--audience,
.yp-section--why{
    padding-top: 18px !important;
    padding-bottom: 20px !important;
}
.yp-engineering{
    margin-top: 12px !important;
    padding-top: 28px !important;
    padding-bottom: 30px !important;
}
.yp-final-sales-cta{
    padding-top: 28px !important;
    padding-bottom: 30px !important;
}
.yp-store-section-head,
.yp-section__head{
    gap: 12px !important;
    margin-bottom: 12px !important;
}
.yp-section__head p,
.yp-store-section-head p{
    margin-top: 6px !important;
    line-height: 1.55 !important;
}

/* Gridler: gerçekten kompakt */
.yp-product-grid,
.yp-product-grid--showcase,
.yp-category-grid,
.yp-brand-grid,
.yp-audience-grid,
.yp-why-grid,
.yp-dealer-grid,
.yp-contact-grid,
.yp-order-grid,
.yp-product-layout,
.yp-related-grid{
    gap: 12px !important;
}

.yp-category{
    grid-template-columns: 62px minmax(0,1fr) 14px !important;
    gap: 10px !important;
    min-height: 76px !important;
    padding: 12px !important;
}
.yp-category img{
    width: 56px !important;
    height: 56px !important;
}
.yp-category span{
    font-weight: 620 !important;
}

.yp-brand-card{
    min-height: 138px !important;
    padding: 16px !important;
}
.yp-brand-card__logo{
    max-height: 46px !important;
    max-width: 150px !important;
    margin-bottom: 10px !important;
}
.yp-brand-card span{
    margin-bottom: 8px !important;
    font-size: 22px !important;
    font-weight: 640 !important;
}
.yp-brand-card p{
    margin-bottom: 14px !important;
    line-height: 1.55 !important;
}

.yp-product-card,
.yp-contact-card,
.yp-order-card,
.yp-why-grid article,
.yp-audience-card,
.yp-dealer-card{
    padding: 16px !important;
}
.yp-why-grid article{
    min-height: 112px !important;
}
.yp-audience-card{
    min-height: 48px !important;
}

.yp-dealer-band,
.yp-sales-band{
    gap: 16px !important;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    padding: 20px 24px !important;
}

/* Sayfa içleri */
.yp-page-hero,
.yp-archive-hero,
.yp-product-hero{
    padding-top: 38px !important;
    padding-bottom: 34px !important;
}
.yp-page-content,
.yp-contact-section,
.yp-order-section,
.yp-archive-layout,
.yp-products-section{
    padding-top: 28px !important;
    padding-bottom: 34px !important;
}

/* Footer: kolonlar açılıp saçılmasın */
.yp-footer{
    padding-top: 34px !important;
}
.yp-footer__brand-row{
    gap: 16px !important;
    padding-bottom: 22px !important;
}
.yp-footer__grid{
    grid-template-columns: 1.25fr .8fr .8fr .95fr !important;
    column-gap: 18px !important;
    row-gap: 18px !important;
    padding-top: 20px !important;
}
.yp-footer h2{
    margin-bottom: 9px !important;
    font-size: 12px !important;
    font-weight: 640 !important;
    letter-spacing: .035em !important;
}
.yp-footer a,
.yp-footer span,
.yp-footer p{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    line-height: 1.48 !important;
}
.yp-footer__bottom{
    margin-top: 18px !important;
    padding-top: 14px !important;
}

@media (max-width: 1100px){
    .yp-container{width:min(100% - 36px, var(--yp-container)) !important;}
    .yp-showcase__grid{grid-template-columns: 1fr !important; gap: 14px !important;}
    .yp-showcase__media{justify-content:center !important;}
    .yp-category-grid,.yp-audience-grid,.yp-why-grid{grid-template-columns: repeat(2,minmax(0,1fr)) !important;}
    .yp-footer__grid{grid-template-columns: repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width: 680px){
    .yp-container{width:min(100% - 28px, var(--yp-container)) !important;}
    .yp-showcase{padding-top: 20px !important; padding-bottom: 4px !important;}
    .yp-showcase__grid{min-height: 0 !important;}
    .yp-showcase h1{font-size: 30px !important;}
    .yp-showcase-trust,.yp-fast-cta,.yp-brand-grid,.yp-category-grid,.yp-audience-grid,.yp-why-grid,.yp-footer__grid{grid-template-columns:1fr !important;}
    .yp-featured-store,.yp-section,.yp-engineering,.yp-final-sales-cta{padding-top:24px !important; padding-bottom:24px !important;}
    .yp-fast-cta{padding:14px !important;}
    .yp-fast-cta__item{grid-template-columns:1fr !important;}
    .yp-fast-cta__item a{grid-column:auto !important; grid-row:auto !important; width:100% !important;}
}


/* =========================================================
   YAKPAR v1.0.30 - site geneli son kontrol düzeltmeleri
   Amaç: boşlukları tüm gerçek sınıflarda eşitlemek, footer üst alanını
   doğrudan hedeflemek, başlık/kolon ritmini bütün siteye yaymak.
   ========================================================= */
:root{
    --yp-section-y: 26px !important;
    --yp-section-y-lg: 36px !important;
    --yp-grid-gap: 14px !important;
    --yp-card-pad: 16px !important;
}

/* Sayfa iskeleti */
.yp-container{
    max-width: 1180px !important;
}
.yp-section,
.yp-featured-store,
.yp-section--audience,
.yp-section--why,
.yp-engineering,
.yp-final-sales-cta,
.yp-contact-section,
.yp-order-section,
.yp-products-section,
.yp-page-content{
    padding-top: var(--yp-section-y) !important;
    padding-bottom: var(--yp-section-y) !important;
}
.yp-page-hero,
.yp-archive-hero,
.yp-product-hero{
    padding-top: 40px !important;
    padding-bottom: 34px !important;
}

/* Ana sayfa hero: sola yapışık hissi ve büyük boşluk giderildi */
.yp-showcase{
    padding-top: 24px !important;
    padding-bottom: 12px !important;
}
.yp-showcase__grid{
    grid-template-columns: minmax(0, 1fr) minmax(330px, .94fr) !important;
    gap: 22px !important;
    min-height: 0 !important;
}
.yp-showcase__copy{
    padding: 22px !important;
    border: 1px solid rgba(18,24,38,.08) !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.78) !important;
    box-shadow: 0 18px 50px rgba(17,24,39,.06) !important;
}
.yp-showcase h1{
    max-width: 620px !important;
    font-size: clamp(30px, 3.15vw, 43px) !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.022em !important;
}
.yp-showcase p{
    max-width: 610px !important;
    font-size: 15px !important;
    line-height: 1.62 !important;
}
.yp-showcase__media img{
    max-height: 292px !important;
}

/* Tüm gridler aynı ritim */
.yp-showcase-trust,
.yp-fast-cta,
.yp-product-grid,
.yp-product-grid--showcase,
.yp-category-grid,
.yp-brand-grid,
.yp-audience-grid,
.yp-why-grid,
.yp-contact-grid,
.yp-order-grid,
.yp-product-layout,
.yp-related-grid,
.yp-dealer-grid{
    gap: var(--yp-grid-gap) !important;
}
.yp-store-section-head,
.yp-section__head{
    margin-bottom: 14px !important;
    gap: 14px !important;
}
.yp-store-section-head h2,
.yp-section__head h2,
.yp-page-hero h1,
.yp-archive-hero h1,
.yp-product-hero h1{
    font-weight: 600 !important;
    letter-spacing: -0.018em !important;
}

/* Kartlar */
.yp-product-card,
.yp-category,
.yp-brand-card,
.yp-contact-card,
.yp-order-card,
.yp-audience-card,
.yp-why-grid article,
.yp-dealer-card,
.yp-fast-cta,
.yp-dealer-band,
.yp-sales-band{
    padding: var(--yp-card-pad) !important;
}
.yp-brand-card{
    min-height: 0 !important;
}
.yp-brand-card span{
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Ürün arşivi ve kategori sayfaları */
.yp-archive-layout{
    gap: 16px !important;
    padding-top: 24px !important;
    padding-bottom: 30px !important;
}
.yp-filters,
.yp-result-head,
.yp-buybox,
.yp-product-tabs,
.yp-product-content-card{
    padding: 16px !important;
}

/* Footer: mevcut HTML sınıfları doğrudan hedeflendi */
.yp-footer{
    padding-top: 32px !important;
}
.yp-footer__top{
    grid-template-columns: minmax(0,1.35fr) minmax(260px,.65fr) !important;
    gap: 18px !important;
    padding-bottom: 20px !important;
}
.yp-footer__logo-link{
    margin-bottom: 12px !important;
}
.yp-footer__brand p{
    max-width: 660px !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
}
.yp-footer__badges{
    gap: 6px !important;
    margin-top: 12px !important;
}
.yp-footer__badges span{
    min-height: 26px !important;
    padding: 5px 9px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}
.yp-footer__cta-card{
    gap: 8px !important;
    padding: 16px !important;
    border-radius: 16px !important;
}
.yp-footer__cta-card strong{
    font-size: 15px !important;
    font-weight: 600 !important;
}
.yp-footer__whatsapp{
    min-height: 38px !important;
    padding: 9px 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
.yp-footer__grid{
    grid-template-columns: 1fr 1fr 1fr 1.1fr !important;
    gap: 16px !important;
    padding-top: 18px !important;
}
.yp-footer__bottom{
    margin-top: 14px !important;
}

@media (max-width: 1100px){
    .yp-showcase__grid{grid-template-columns:1fr !important;}
    .yp-showcase__copy{padding:20px !important;}
    .yp-footer__top{grid-template-columns:1fr !important;}
    .yp-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width: 680px){
    :root{--yp-section-y:24px !important; --yp-card-pad:14px !important;}
    .yp-container{width:min(100% - 28px, 1180px) !important;}
    .yp-showcase__copy{padding:17px !important; border-radius:18px !important;}
    .yp-showcase h1{font-size:29px !important;}
    .yp-footer__grid{grid-template-columns:1fr !important;}
}


/* =========================================================
   YAKPAR v1.0.36 - ürünler sayfası premium görünüm
   Ürün arşivi / kategori arşivi / ürün kartları tek dil.
   ========================================================= */
.yp-archive-hero{
    position: relative !important;
    overflow: hidden !important;
    padding: 46px 0 34px !important;
    border-bottom: 1px solid rgba(19,24,35,.08) !important;
    background:
        radial-gradient(circle at 12% 12%, rgba(190,31,36,.09), transparent 30%),
        linear-gradient(135deg, #fffaf1 0%, #f7f3ea 45%, #ffffff 100%) !important;
}
.yp-archive-hero::after{
    content:"";
    position:absolute;
    inset:auto -80px -110px auto;
    width:360px;
    height:220px;
    border-radius:999px;
    background:rgba(17,24,39,.045);
    pointer-events:none;
}
.yp-archive-hero .yp-container{
    position:relative;
    z-index:1;
    max-width:1180px !important;
}
.yp-archive-hero .yp-eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    min-height:28px !important;
    padding:0 12px !important;
    border:1px solid rgba(190,31,36,.18) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.76) !important;
    color:#a3161c !important;
    font-size:11px !important;
    font-weight:650 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
}
.yp-archive-hero h1{
    max-width:760px !important;
    margin:14px 0 10px !important;
    color:#151922 !important;
    font-size:clamp(30px,3.1vw,44px) !important;
    font-weight:600 !important;
    line-height:1.12 !important;
    letter-spacing:-.026em !important;
}
.yp-archive-lead{
    max-width:760px !important;
    margin:0 0 18px !important;
    color:#5f6673 !important;
    font-size:15.5px !important;
    line-height:1.68 !important;
}
.yp-archive-metrics{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin:0 0 18px !important;
}
.yp-archive-metrics span{
    display:inline-flex !important;
    align-items:center !important;
    min-height:30px !important;
    padding:0 12px !important;
    border:1px solid rgba(21,25,34,.09) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.72) !important;
    color:#3f4652 !important;
    font-size:12px !important;
    font-weight:560 !important;
}
.yp-big-search{
    max-width:860px !important;
    grid-template-columns:minmax(0,1fr) 118px !important;
    gap:8px !important;
    padding:8px !important;
    border:1px solid rgba(21,25,34,.10) !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.86) !important;
    box-shadow:0 18px 50px rgba(17,24,39,.08) !important;
}
.yp-big-search input,
.yp-big-search button{
    min-height:42px !important;
    border-radius:12px !important;
    border:0 !important;
}
.yp-big-search input{
    background:#f7f8fa !important;
    color:#151922 !important;
    font-size:14px !important;
}
.yp-big-search button{
    background:#151922 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:600 !important;
    letter-spacing:.01em !important;
}
.yp-archive-quickcats{
    gap:7px !important;
    margin-top:14px !important;
}
.yp-archive-quickcats a{
    min-height:30px !important;
    padding:0 11px !important;
    border-color:rgba(21,25,34,.10) !important;
    background:rgba(255,255,255,.70) !important;
    color:#4d5562 !important;
    font-size:12px !important;
    font-weight:520 !important;
    transition:background .18s ease, color .18s ease, border-color .18s ease !important;
}
.yp-archive-quickcats a:hover{
    border-color:rgba(190,31,36,.28) !important;
    background:#fff !important;
    color:#a3161c !important;
}
.yp-archive-layout{
    grid-template-columns:238px minmax(0,1fr) !important;
    gap:18px !important;
    padding-top:26px !important;
}
.yp-filters{
    position:sticky !important;
    top:94px !important;
    padding:16px !important;
    border-radius:18px !important;
    border-color:rgba(21,25,34,.09) !important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%) !important;
    box-shadow:0 14px 42px rgba(17,24,39,.06) !important;
}
.yp-filters h2{
    margin-bottom:14px !important;
    color:#151922 !important;
    font-size:16px !important;
    font-weight:600 !important;
    letter-spacing:-.01em !important;
}
.yp-filters label{
    margin-bottom:12px !important;
    color:#414956 !important;
    font-size:12.5px !important;
    font-weight:560 !important;
}
.yp-filters select{
    width:100% !important;
    height:38px !important;
    border-radius:10px !important;
    border-color:rgba(21,25,34,.12) !important;
    background:#fff !important;
    font-size:13px !important;
}
.yp-archive-toolbar{
    min-height:58px !important;
    margin-bottom:14px !important;
    padding:12px 14px !important;
    border:1px solid rgba(21,25,34,.08) !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.88) !important;
    box-shadow:0 12px 34px rgba(17,24,39,.045) !important;
}
.yp-archive-toolbar strong{
    color:#151922 !important;
    font-size:16px !important;
    font-weight:600 !important;
}
.yp-archive-toolbar span{
    margin-top:2px !important;
    color:#6b7280 !important;
    font-size:12.5px !important;
}
.yp-product-grid--archive{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
}
.yp-product-card{
    position:relative !important;
    border-radius:20px !important;
    border:1px solid rgba(21,25,34,.08) !important;
    background:#fff !important;
    box-shadow:0 14px 38px rgba(17,24,39,.055) !important;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.yp-product-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(190,31,36,.16) !important;
    box-shadow:0 20px 54px rgba(17,24,39,.09) !important;
}
.yp-product-card__media{
    aspect-ratio:1/.70 !important;
    padding:16px !important;
    background:linear-gradient(180deg,#fbfcfe 0%,#f4f6f9 100%) !important;
    border-bottom:1px solid rgba(21,25,34,.06) !important;
}
.yp-product-card__media img{
    max-height:172px !important;
    filter:drop-shadow(0 14px 20px rgba(17,24,39,.08)) !important;
}
.yp-product-card__body{
    padding:15px !important;
}
.yp-product-card__topline{
    margin-bottom:8px !important;
    font-size:10.5px !important;
    font-weight:600 !important;
    letter-spacing:.055em !important;
}
.yp-product-card__category{
    display:inline-flex !important;
    align-items:center !important;
    max-width:100% !important;
    min-height:24px !important;
    margin:0 0 8px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    background:#fff3f3 !important;
    color:#a3161c !important;
    font-size:11px !important;
    font-weight:560 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.yp-product-card h3{
    min-height:0 !important;
    margin:0 0 8px !important;
    color:#151922 !important;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.32 !important;
    letter-spacing:-.012em !important;
}
.yp-product-card h3 a{
    color:inherit !important;
}
.yp-product-card__summary{
    min-height:38px !important;
    margin:0 0 10px !important;
    color:#68717d !important;
    font-size:12.5px !important;
    line-height:1.5 !important;
}
.yp-product-card__price{
    margin-bottom:7px !important;
    color:#151922 !important;
    font-size:16px !important;
    font-weight:620 !important;
}
.yp-product-card__price small{
    color:#8a93a0 !important;
    font-size:10.5px !important;
    font-weight:520 !important;
}
.yp-product-card__meta{
    margin-bottom:12px !important;
    color:#66707d !important;
    font-size:12px !important;
}
.yp-stock-badge{
    padding:3px 8px !important;
    border-radius:999px !important;
    background:#eefaf1 !important;
    color:#287342 !important;
    font-size:11px !important;
    font-weight:560 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
}
.yp-product-card__actions{
    gap:8px !important;
}
.yp-product-card__actions .yp-button{
    min-height:38px !important;
    border-radius:12px !important;
    font-size:12px !important;
    font-weight:600 !important;
}
.yp-empty{
    padding:24px !important;
    border:1px solid rgba(21,25,34,.08) !important;
    border-radius:18px !important;
    background:#fff !important;
    color:#5f6673 !important;
}
@media (max-width: 1080px){
    .yp-product-grid--archive{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width: 860px){
    .yp-archive-layout{grid-template-columns:1fr !important;}
    .yp-filters{position:static !important;}
}
@media (max-width: 640px){
    .yp-archive-hero{padding:30px 0 24px !important;}
    .yp-big-search{grid-template-columns:1fr !important;}
    .yp-product-grid--archive{grid-template-columns:1fr !important;}
    .yp-archive-toolbar{align-items:flex-start !important; flex-direction:column !important;}
    .yp-archive-hero h1{font-size:28px !important;}
}

/* v1.0.37 - Hero product slider, duplicated search cleanup */
.yp-showcase__grid{
    grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr) !important;
    gap:28px !important;
}
.yp-showcase__media.yp-hero-product-slider{
    display:block !important;
    justify-self:end !important;
    width:min(430px,100%) !important;
}
.yp-hero-product-slider{
    border:1px solid rgba(21,25,34,.08);
    border-radius:24px;
    background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%);
    box-shadow:0 22px 60px rgba(17,24,39,.08);
    overflow:hidden;
}
.yp-hero-slider__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px 0;
}
.yp-hero-slider__head span{
    color:#7a4f0b;
    font-size:11px;
    font-weight:650;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.yp-hero-slider__head div{
    display:flex;
    gap:6px;
}
.yp-hero-slider__head button{
    width:30px;
    height:30px;
    border:1px solid rgba(21,25,34,.1);
    border-radius:999px;
    background:#fff;
    color:#151922;
    font-size:20px;
    line-height:1;
    cursor:pointer;
}
.yp-hero-slider__viewport{
    overflow:hidden;
}
.yp-hero-slider__track{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
}
.yp-hero-slider__track::-webkit-scrollbar{display:none;}
.yp-hero-slide{
    flex:0 0 100%;
    scroll-snap-align:start;
    padding:14px 16px 16px;
}
.yp-hero-slide__image{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:178px;
    border-radius:18px;
    background:linear-gradient(180deg,#f7f8fa 0%,#eef1f5 100%);
    text-decoration:none;
}
.yp-hero-slide__image img,
.yp-hero-slide--fallback img{
    width:100%;
    max-height:170px;
    object-fit:contain;
    filter:drop-shadow(0 18px 24px rgba(17,24,39,.1));
}
.yp-hero-slide__body{
    padding-top:14px;
}
.yp-hero-slide__label{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    margin-bottom:8px;
    padding:0 10px;
    border-radius:999px;
    background:#eefaf1;
    color:#287342;
    font-size:11px;
    font-weight:560;
}
.yp-hero-slide h3{
    margin:0 0 8px;
    color:#151922;
    font-size:18px;
    font-weight:610;
    line-height:1.25;
    letter-spacing:-.015em;
}
.yp-hero-slide h3 a{color:inherit;text-decoration:none;}
.yp-hero-slide p{
    min-height:40px;
    margin:0 0 12px;
    color:#626c78;
    font-size:13px;
    line-height:1.52;
}
.yp-hero-slide__bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-top:10px;
    border-top:1px solid rgba(21,25,34,.07);
}
.yp-hero-slide__bottom strong{
    color:#151922;
    font-size:16px;
    font-weight:650;
}
.yp-hero-slide__bottom a{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    background:#be1f24;
    color:#fff;
    font-size:12px;
    font-weight:620;
    text-decoration:none;
}
.yp-archive-hero--slider{
    padding:36px 0 !important;
}
.yp-archive-hero__grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,410px);
    gap:28px;
    align-items:center;
}
.yp-archive-hero__copy{
    max-width:760px;
}
.yp-archive-hero__slider{
    width:100%;
}
.yp-archive-hero .yp-archive-quickcats{
    margin-top:20px;
}
.yp-archive-hero .yp-big-search{
    display:none !important;
}
@media (max-width: 960px){
    .yp-showcase__grid,
    .yp-archive-hero__grid{
        grid-template-columns:1fr !important;
    }
    .yp-showcase__media.yp-hero-product-slider,
    .yp-archive-hero__slider{
        justify-self:stretch !important;
        width:100% !important;
        max-width:520px;
    }
}
@media (max-width: 640px){
    .yp-hero-slide__image{min-height:150px;}
    .yp-hero-slide__image img{max-height:145px;}
    .yp-hero-slide h3{font-size:16px;}
    .yp-hero-slide p{min-height:0;}
}


/* ==========================================================
   YAKPAR Contact Page Premium v1.0.38
   ========================================================== */
.yp-contact-premium-hero{
    margin-top:18px;
    padding:clamp(34px,5vw,58px) 0 30px;
    background:
        radial-gradient(circle at 88% 12%, rgba(184,134,11,.14), transparent 34%),
        linear-gradient(135deg,#fffaf0 0%,#ffffff 48%,#f5f7fa 100%);
    border-bottom:1px solid rgba(17,24,39,.08);
}
.yp-contact-premium-hero__grid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(300px,.52fr);
    gap:clamp(20px,3vw,34px);
    align-items:center;
}
.yp-contact-premium-hero__content{
    max-width:760px;
    padding:clamp(20px,3vw,34px);
    border:1px solid rgba(17,24,39,.08);
    border-radius:24px;
    background:rgba(255,255,255,.78);
    box-shadow:0 18px 55px rgba(17,24,39,.07);
    backdrop-filter:blur(10px);
}
.yp-contact-premium-hero h1{
    margin:8px 0 14px !important;
    color:#151922 !important;
    font-size:clamp(30px,3.25vw,44px) !important;
    line-height:1.13 !important;
    font-weight:600 !important;
    letter-spacing:-.018em !important;
    max-width:720px;
}
.yp-contact-premium-hero p{
    max-width:700px;
    margin:0 0 20px;
    color:#515b68;
    font-size:15px;
    line-height:1.72;
}
.yp-contact-premium-hero__actions,
.yp-contact-premium-panel__buttons,
.yp-contact-premium-cta__actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}
.yp-contact-premium-panel{
    position:relative;
    overflow:hidden;
    display:grid;
    gap:13px;
    padding:clamp(22px,2.5vw,30px);
    border:1px solid rgba(184,134,11,.22);
    border-radius:24px;
    background:linear-gradient(145deg,#151922 0%,#252b34 70%,#332716 100%);
    color:#fff;
    box-shadow:0 22px 60px rgba(17,24,39,.16);
}
.yp-contact-premium-panel::after{
    content:"";
    position:absolute;
    right:-70px;
    top:-70px;
    width:180px;
    height:180px;
    border-radius:999px;
    background:rgba(184,134,11,.18);
    filter:blur(4px);
}
.yp-contact-premium-panel > *{position:relative;z-index:1;}
.yp-contact-premium-panel span,
.yp-contact-premium-cards span,
.yp-contact-premium-cta span{
    color:#b8860b;
    font-size:11px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.yp-contact-premium-panel__phone{
    width:fit-content;
    max-width:100%;
    color:#fff !important;
    font-size:18px !important;
    font-weight:650 !important;
    line-height:1.2;
    letter-spacing:0 !important;
    font-variant-numeric:tabular-nums;
    text-decoration:none;
    overflow-wrap:anywhere;
}
.yp-contact-premium-panel p{
    margin:0;
    color:rgba(255,255,255,.76);
    font-size:14px;
    line-height:1.66;
}
.yp-contact-premium-panel__buttons a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:10px 14px;
    border-radius:999px;
    color:#fff !important;
    font-size:13px;
    font-weight:650;
    text-decoration:none;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
}
.yp-contact-premium-panel__buttons a:first-child{
    background:#c1121f;
    border-color:#c1121f;
}
.yp-contact-premium-cards{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    padding-top:26px;
    padding-bottom:20px;
}
.yp-contact-premium-cards article,
.yp-contact-premium-flow__grid article{
    display:grid;
    align-content:start;
    gap:9px;
    min-height:164px;
    padding:20px;
    border:1px solid rgba(17,24,39,.08);
    border-radius:20px;
    background:rgba(255,255,255,.92);
    box-shadow:0 16px 44px rgba(17,24,39,.055);
}
.yp-contact-premium-cards strong{
    color:#151922;
    font-size:15px;
    line-height:1.34;
    font-weight:600;
    overflow-wrap:anywhere;
}
.yp-contact-premium-cards p,
.yp-contact-premium-flow p{
    margin:0;
    color:#5f6874;
    font-size:13px;
    line-height:1.62;
}
.yp-contact-premium-cards a,
.yp-contact-premium-flow__grid a{
    align-self:end;
    margin-top:auto;
    color:#a20f18;
    font-size:13px;
    font-weight:650;
    text-decoration:none;
}
.yp-contact-premium-flow{
    padding-top:18px;
    padding-bottom:42px;
}
.yp-contact-premium-flow__head{
    max-width:820px;
    margin-bottom:18px;
}
.yp-contact-premium-flow__head h2{
    margin:8px 0 10px !important;
    color:#151922 !important;
    font-size:clamp(24px,2.4vw,32px) !important;
    line-height:1.18 !important;
    font-weight:600 !important;
    letter-spacing:-.012em !important;
}
.yp-contact-premium-flow__head p{
    max-width:720px;
    color:#5f6874;
    font-size:14px;
    line-height:1.68;
}
.yp-contact-premium-flow__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}
.yp-contact-premium-flow__grid article span{
    display:inline-flex;
    width:34px;
    height:34px;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:#a20f18;
    background:#fff4e0;
    border:1px solid rgba(184,134,11,.18);
    font-size:12px;
    font-weight:700;
}
.yp-contact-premium-flow__grid h3{
    margin:2px 0 0 !important;
    color:#151922 !important;
    font-size:16px !important;
    line-height:1.32 !important;
    font-weight:600 !important;
}
.yp-contact-premium-cta{
    padding:16px 0 48px;
}
.yp-contact-premium-cta__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:24px;
    border-radius:24px;
    background:linear-gradient(135deg,#151922,#242a34);
    box-shadow:0 18px 54px rgba(17,24,39,.14);
}
.yp-contact-premium-cta h2{
    max-width:700px;
    margin:6px 0 0 !important;
    color:#fff !important;
    font-size:clamp(22px,2.2vw,30px) !important;
    line-height:1.18 !important;
    font-weight:600 !important;
}
@media (max-width: 980px){
    .yp-contact-premium-hero__grid,
    .yp-contact-premium-cards,
    .yp-contact-premium-flow__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .yp-contact-premium-hero__content,
    .yp-contact-premium-panel{
        grid-column:1 / -1;
    }
}
@media (max-width: 680px){
    .yp-contact-premium-hero{
        margin-top:10px;
        padding-top:24px;
    }
    .yp-contact-premium-hero__grid,
    .yp-contact-premium-cards,
    .yp-contact-premium-flow__grid{
        grid-template-columns:1fr;
    }
    .yp-contact-premium-hero__content,
    .yp-contact-premium-panel,
    .yp-contact-premium-cards article,
    .yp-contact-premium-flow__grid article,
    .yp-contact-premium-cta__inner{
        border-radius:18px;
    }
    .yp-contact-premium-cta__inner{
        display:grid;
        padding:20px;
    }
    .yp-contact-premium-hero__actions .yp-button,
    .yp-contact-premium-cta__actions .yp-button{
        width:100%;
        justify-content:center;
    }
}


/* ==========================================================
   YAKPAR Contact Quick Sales Readability Fix v1.0.39
   Hızlı satış hattı alanında kontrast ve okunabilirlik düzeltmesi
   ========================================================== */
.yp-contact-premium-panel{
    background:linear-gradient(145deg,#ffffff 0%,#fffaf0 54%,#f4efe4 100%) !important;
    color:#151922 !important;
    border:1px solid rgba(184,134,11,.28) !important;
    box-shadow:0 20px 54px rgba(17,24,39,.10) !important;
}
.yp-contact-premium-panel::after{background:rgba(184,134,11,.10) !important;}
.yp-contact-premium-panel span{
    color:#8a5f00 !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.075em !important;
}
.yp-contact-premium-panel__phone{
    color:#151922 !important;
    font-size:17px !important;
    font-weight:650 !important;
    text-shadow:none !important;
}
.yp-contact-premium-panel p{
    color:#515b68 !important;
    font-size:14px !important;
    line-height:1.64 !important;
}
.yp-contact-premium-panel__buttons a{
    background:#ffffff !important;
    color:#151922 !important;
    border:1px solid rgba(17,24,39,.14) !important;
    box-shadow:0 8px 20px rgba(17,24,39,.06) !important;
    font-weight:650 !important;
}
.yp-contact-premium-panel__buttons a:first-child{
    background:#c1121f !important;
    color:#ffffff !important;
    border-color:#c1121f !important;
}
.yp-contact-premium-panel__buttons a:hover{transform:translateY(-1px);filter:brightness(.98);}
.yp-contact-premium-hero__actions .yp-button--red,
.yp-contact-premium-cta__actions .yp-button--red{
    color:#ffffff !important;
    background:#c1121f !important;
    border-color:#c1121f !important;
}
.yp-contact-premium-hero__actions .yp-button--outline-red{
    color:#9f111b !important;
    background:#ffffff !important;
    border-color:rgba(193,18,31,.35) !important;
}


/* ==========================================================
   YAKPAR Contact Hero Title Real Fix v1.0.40
   Bu alan onceki genel baslik class'larindan etkilenmiyordu.
   Dogrudan iletisim sayfasi hero icindeki span/h1 hedeflendi.
   ========================================================== */
body .yp-contact-premium-hero .yp-contact-premium-hero__content > .yp-eyebrow,
body .yp-contact-premium-hero .yp-eyebrow{
    display:inline-flex !important;
    width:auto !important;
    max-width:max-content !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 0 10px !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    background:#fff7e8 !important;
    border:1px solid rgba(184,134,11,.18) !important;
    color:#8a5f00 !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
}
body .yp-contact-premium-hero .yp-contact-premium-hero__content > h1,
body .yp-contact-premium-hero h1{
    margin:0 0 12px !important;
    max-width:680px !important;
    color:#151922 !important;
    font-size:clamp(28px,2.65vw,36px) !important;
    line-height:1.16 !important;
    font-weight:560 !important;
    letter-spacing:-.018em !important;
    text-transform:none !important;
}
body .yp-contact-premium-hero .yp-contact-premium-hero__content > p,
body .yp-contact-premium-hero p{
    max-width:660px !important;
    color:#556070 !important;
    font-size:15px !important;
    line-height:1.68 !important;
}
@media (max-width:680px){
    body .yp-contact-premium-hero .yp-contact-premium-hero__content > h1,
    body .yp-contact-premium-hero h1{
        font-size:25px !important;
        line-height:1.18 !important;
    }
}

/* ==========================================================
   YAKPAR v1.0.41 — Sitewide Premium Design System Lock
   Header, footer, hero, page, product, category, brand, form and CTA
   components share the same scale, spacing, border radius and tone.
   ========================================================== */
:root{
    --yp-red:#d71920;
    --yp-red-dark:#b9151b;
    --yp-gold:#b8860b;
    --yp-ink:#111827;
    --yp-text:#1f2937;
    --yp-muted:#667085;
    --yp-line:#e7ebf0;
    --yp-soft:#f6f7f9;
    --yp-card:#ffffff;
    --yp-radius:16px;
    --yp-radius-sm:12px;
    --yp-shadow:0 10px 28px rgba(17,24,39,.055);
    --yp-shadow-soft:0 6px 18px rgba(17,24,39,.045);
    --yp-container:1180px;
    --yp-space-section:44px;
    --yp-space-tight:24px;
}

body{
    background:#f7f8fa;
    color:var(--yp-text);
    font-size:15px;
    line-height:1.62;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

.yp-container{
    width:min(var(--yp-container), calc(100% - 48px));
}

h1,h2,h3,h4,h5,h6,
.yp-showcase h1,
.yp-contact-hero h1,
.yp-about-hero h1,
.yp-archive-hero h1,
.yp-taxonomy-hero h1,
.yp-single-hero h1,
.yp-section__head h2,
.yp-store-section-head h2{
    color:var(--yp-ink);
    font-weight:600 !important;
    letter-spacing:-.025em;
    text-wrap:balance;
}

.yp-eyebrow,
.yp-contact-panel span,
.yp-contact-cards article span,
.yp-product-card__topline,
.yp-footer__cta-card span{
    font-size:11px !important;
    font-weight:650 !important;
    letter-spacing:.09em !important;
    text-transform:uppercase;
}

.yp-button,
button.yp-button,
.yp-store-action,
.yp-primary-menu a{
    font-weight:600 !important;
    letter-spacing:-.005em;
}

.yp-button,
button.yp-button{
    min-height:40px;
    border-radius:999px;
    padding-inline:18px;
    box-shadow:none !important;
}

.yp-button--red{
    background:var(--yp-red-dark);
    color:#fff !important;
}

.yp-button--outline-red{
    background:#fff;
    border-color:rgba(185,21,27,.24);
    color:var(--yp-red-dark) !important;
}

.yp-button--dark{
    background:#111827;
    color:#fff !important;
}

/* Header remains compact but visually belongs to the same system. */
.yp-header--store{
    background:rgba(255,255,255,.98);
    border-bottom:1px solid var(--yp-line);
    box-shadow:0 4px 18px rgba(17,24,39,.035);
}

.yp-store-nav{
    grid-template-columns:170px minmax(0,1fr) auto;
    gap:16px;
    min-height:58px;
}

.yp-logo img{width:150px; max-height:48px; object-fit:contain;}
.yp-primary-menu{gap:20px;}
.yp-primary-menu a{font-size:13px; color:#202938;}
.yp-store-actions{gap:12px;}
.yp-store-action{font-size:12.5px; color:#273142;}

.yp-commerce-bar{
    min-height:50px !important;
    margin-bottom:0;
    padding:7px 9px !important;
    grid-template-columns:180px minmax(260px,1fr) 112px 142px;
    gap:10px !important;
    border-radius:14px;
    box-shadow:var(--yp-shadow-soft);
}

.yp-category-trigger,
.yp-header-search,
.yp-header-search input,
.yp-commerce-bar .yp-button{height:36px !important;}

.yp-category-trigger{
    padding-inline:14px;
    border-radius:999px;
    font-size:12.5px;
    font-weight:600 !important;
    background:#111827;
}

.yp-header-search input{
    border-radius:999px;
    padding-inline:16px;
    font-size:13px;
    background:#f9fafb;
}

/* Shared page/hero spacing and typography. */
.yp-showcase,
.yp-contact-hero,
.yp-about-hero,
.yp-archive-hero,
.yp-taxonomy-hero,
.yp-single-hero,
.yp-page-hero{
    padding:44px 0 38px !important;
    background:
        radial-gradient(circle at 88% 8%, rgba(184,134,11,.10), transparent 30%),
        linear-gradient(135deg,#fff 0%,#fff 55%,#f3f5f8 100%) !important;
    border-bottom:1px solid var(--yp-line);
}

.yp-showcase__grid,
.yp-contact-hero__grid,
.yp-about-hero__grid,
.yp-archive-hero__grid,
.yp-taxonomy-hero__grid,
.yp-single-hero__grid{
    gap:26px !important;
    align-items:center;
}

.yp-showcase h1,
.yp-contact-hero h1,
.yp-about-hero h1,
.yp-archive-hero h1,
.yp-taxonomy-hero h1,
.yp-single-hero h1,
.yp-page-hero h1{
    max-width:760px;
    margin:0 0 12px !important;
    font-size:clamp(30px,3.1vw,44px) !important;
    line-height:1.12 !important;
}

.yp-showcase p,
.yp-contact-hero p,
.yp-about-hero p,
.yp-archive-hero p,
.yp-taxonomy-hero p,
.yp-single-hero p,
.yp-page-hero p{
    max-width:690px;
    margin:0 0 18px !important;
    color:#526071;
    font-size:15px !important;
    line-height:1.68 !important;
}

.yp-showcase__actions,
.yp-hero-actions,
.yp-contact-hero .yp-showcase__actions{
    gap:10px !important;
    flex-wrap:wrap;
}

/* Section rhythm — compact, technical and consistent. */
.yp-featured-store,
.yp-section,
.yp-contact-section,
.yp-contact-route,
.yp-about-section,
.yp-archive-products,
.yp-taxonomy-products,
.yp-single-section,
.yp-order-section,
.yp-dealer-section{
    padding:var(--yp-space-section) 0 !important;
}

.yp-store-section-head,
.yp-section__head{
    margin-bottom:18px !important;
    gap:14px !important;
}

.yp-store-section-head h2,
.yp-section__head h2,
.yp-contact-route h2{
    font-size:clamp(22px,2.1vw,30px) !important;
    line-height:1.18 !important;
}

/* Grids and cards: one premium card language. */
.yp-product-grid,
.yp-category-grid,
.yp-brand-grid,
.yp-brands-grid,
.yp-contact-cards,
.yp-contact-route__grid,
.yp-about-grid,
.yp-why-grid,
.yp-audience-grid,
.yp-dealer-grid,
.yp-order-grid{
    gap:18px !important;
}

.yp-product-card,
.yp-category,
.yp-brand-card,
.yp-fast-cta,
.yp-why-grid article,
.yp-audience-card,
.yp-dealer-card,
.yp-content,
.yp-filters,
.yp-order-list,
.yp-order-form,
.yp-buybox,
.yp-gallery,
.yp-tabs,
.yp-contact-panel,
.yp-contact-cards article,
.yp-contact-route__grid article,
.yp-about-split,
.yp-hero-product-slider,
.yp-hero-product-card{
    border:1px solid var(--yp-line) !important;
    border-radius:var(--yp-radius) !important;
    background:#fff !important;
    box-shadow:var(--yp-shadow) !important;
}

.yp-product-card{overflow:hidden; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.yp-product-card:hover{transform:translateY(-2px); border-color:#dce2ea !important; box-shadow:0 14px 34px rgba(17,24,39,.075) !important;}

.yp-product-card__media{
    padding:16px !important;
    background:linear-gradient(180deg,#fbfcfd,#f4f6f8) !important;
}
.yp-product-card__body{padding:16px !important;}
.yp-product-card h3{
    min-height:0 !important;
    margin-bottom:10px !important;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
}
.yp-product-card__price{
    color:var(--yp-red-dark);
    font-size:15px !important;
    font-weight:650 !important;
}
.yp-product-card__meta,
.yp-product-card p{font-size:12.5px !important; line-height:1.55 !important; color:var(--yp-muted);}
.yp-product-card__actions{gap:8px !important;}
.yp-product-card__actions .yp-button{font-size:12.5px !important; min-height:36px !important;}

.yp-category,
.yp-brand-card,
.yp-contact-cards article,
.yp-contact-route__grid article{
    padding:20px !important;
}

/* Hero product slider belongs to hero, not as a separate design. */
.yp-hero-product-slider,
.yp-hero-product-card{
    padding:18px !important;
    background:linear-gradient(180deg,#fff,#f9fafb) !important;
}
.yp-hero-product-card h3,
.yp-hero-product-slider h3{font-size:17px !important;font-weight:600 !important;line-height:1.3 !important;}
.yp-hero-product-card p,
.yp-hero-product-slider p{font-size:13px !important;color:var(--yp-muted) !important;}

/* Contact page readable and calm. */
.yp-contact-panel{
    color:var(--yp-text) !important;
    padding:22px !important;
}
.yp-contact-panel__primary{
    color:var(--yp-ink) !important;
    font-size:18px !important;
    font-weight:650 !important;
    letter-spacing:0 !important;
}
.yp-contact-panel p{color:var(--yp-muted) !important;}
.yp-contact-panel a:not(.yp-contact-panel__primary){color:var(--yp-red-dark) !important;font-weight:650 !important;}
.yp-contact-cards strong{font-size:16px !important;font-weight:600 !important;}

/* Forms/filters use same radius and calm typography. */
.yp-header-search input,
.yp-big-search input,
.yp-big-search button,
.yp-filters select,
.yp-order-form input,
.yp-order-form textarea,
.yp-qty input,
input[type="text"],input[type="email"],input[type="tel"],input[type="search"],textarea,select{
    border-color:var(--yp-line) !important;
    border-radius:12px;
    font-size:14px;
}

/* Footer — same system, readable with black logo still visible on light card. */
.yp-footer{
    padding:44px 0 24px !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(184,134,11,.12), transparent 34%),
        linear-gradient(180deg,#f4f1e8 0%,#ece6d8 100%) !important;
    color:#1f2937 !important;
    border-top:1px solid #ded6c4;
}
.yp-footer__top{
    grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr) !important;
    gap:22px !important;
    padding-bottom:24px !important;
    border-bottom:1px solid rgba(17,24,39,.10) !important;
}
.yp-footer__logo{max-width:158px !important;max-height:52px !important;}
.yp-footer__brand p{
    max-width:720px !important;
    color:#4b5563 !important;
    font-size:13.5px !important;
    line-height:1.7 !important;
}
.yp-footer__badges{gap:7px !important;margin-top:14px !important;}
.yp-footer__badges span{
    border-color:rgba(17,24,39,.10) !important;
    background:rgba(255,255,255,.45) !important;
    color:#4b5563 !important;
    font-weight:600 !important;
}
.yp-footer__cta-card{
    padding:18px !important;
    border-color:rgba(17,24,39,.10) !important;
    background:rgba(255,255,255,.60) !important;
    box-shadow:var(--yp-shadow-soft) !important;
}
.yp-footer__cta-card span{color:#6b7280 !important;}
.yp-footer__cta-card strong{
    color:#111827 !important;
    font-size:15px !important;
    font-weight:600 !important;
}
.yp-footer__whatsapp{
    background:#111827 !important;
    color:#fff !important;
    font-weight:600 !important;
}
.yp-footer__grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:22px !important;
    padding-top:24px !important;
}
.yp-footer h2{
    color:#111827 !important;
    font-size:12px !important;
    font-weight:650 !important;
    letter-spacing:.08em !important;
    margin-bottom:10px !important;
}
.yp-footer a,
.yp-footer span{
    color:#4b5563 !important;
    font-size:13px !important;
    line-height:1.55 !important;
    margin:6px 0 !important;
}
.yp-footer a:hover{color:var(--yp-red-dark) !important;}
.yp-footer__contact a[href^="tel:"]{font-size:13px !important;font-weight:500 !important;color:#374151 !important;}
.yp-footer__bottom{
    margin-top:22px !important;
    padding-top:16px !important;
    border-top:1px solid rgba(17,24,39,.10) !important;
}
.yp-footer__bottom span{color:#6b7280 !important;font-size:12px !important;}

/* Archive/products composition. */
.yp-filters{padding:16px !important;}
.yp-big-search{gap:10px !important;}
.yp-archive-layout,
.yp-products-layout{gap:22px !important;}

@media (max-width: 1024px){
    .yp-container{width:min(var(--yp-container), calc(100% - 32px));}
    .yp-store-nav{grid-template-columns:150px 1fr;}
    .yp-primary-nav{order:3; grid-column:1 / -1; overflow-x:auto; padding-bottom:6px;}
    .yp-primary-menu{justify-content:flex-start; gap:18px;}
    .yp-commerce-bar{grid-template-columns:1fr 1fr;}
    .yp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .yp-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}

@media (max-width: 760px){
    :root{--yp-space-section:32px;}
    .yp-container{width:calc(100% - 28px);}
    .yp-showcase,.yp-contact-hero,.yp-about-hero,.yp-archive-hero,.yp-taxonomy-hero,.yp-single-hero,.yp-page-hero{padding:32px 0 28px !important;}
    .yp-showcase__grid,.yp-contact-hero__grid,.yp-about-hero__grid,.yp-archive-hero__grid,.yp-taxonomy-hero__grid,.yp-single-hero__grid{grid-template-columns:1fr !important;gap:18px !important;}
    .yp-showcase h1,.yp-contact-hero h1,.yp-about-hero h1,.yp-archive-hero h1,.yp-taxonomy-hero h1,.yp-single-hero h1,.yp-page-hero h1{font-size:28px !important;}
    .yp-commerce-bar{grid-template-columns:1fr !important; border-radius:14px;}
    .yp-category-trigger,.yp-header-search,.yp-header-search input,.yp-commerce-bar .yp-button{height:38px !important;}
    .yp-product-grid,.yp-category-grid,.yp-brand-grid,.yp-brands-grid,.yp-contact-cards,.yp-contact-route__grid,.yp-about-grid{grid-template-columns:1fr !important;}
    .yp-footer__top,.yp-footer__grid{grid-template-columns:1fr !important;}
}

/* =========================================================
   YAKPAR Professional Finish v1.0.48
   Amaç: ana sayfa hero, öne çıkan ürün kartları ve alt bölümleri
   daha sakin, bütünlüklü ve üretici satış sitesine uygun hale getirmek.
   ========================================================= */
:root{
    --yp-v1048-ink:#151922;
    --yp-v1048-text:#313846;
    --yp-v1048-muted:#697282;
    --yp-v1048-line:rgba(21,25,34,.09);
    --yp-v1048-red:#c1121f;
    --yp-v1048-red-dark:#9f0f19;
    --yp-v1048-cream:#fbf7ee;
    --yp-v1048-card:#ffffff;
    --yp-v1048-shadow:0 16px 36px rgba(21,25,34,.07);
}

/* Hero: daha kompakt, bağırmayan tipografi */
.yp-showcase{
    padding-block:clamp(34px,4.8vw,58px) clamp(28px,4vw,46px) !important;
    background:
        radial-gradient(circle at 86% 16%, rgba(193,18,31,.075), transparent 28%),
        linear-gradient(180deg,#fff,#fbf7ee) !important;
}
.yp-showcase__grid{
    display:grid !important;
    grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr) !important;
    gap:clamp(24px,3.2vw,42px) !important;
    align-items:center !important;
    padding:clamp(24px,3.4vw,42px) !important;
    border-radius:26px !important;
    border:1px solid var(--yp-v1048-line) !important;
    background:rgba(255,255,255,.88) !important;
    box-shadow:var(--yp-v1048-shadow) !important;
}
.yp-showcase__copy .yp-eyebrow{
    margin-bottom:12px !important;
    padding:6px 10px !important;
    font-size:11.5px !important;
    font-weight:600 !important;
    letter-spacing:.04em !important;
    color:#7a1a21 !important;
    background:#fff7ea !important;
    border:1px solid rgba(184,134,11,.18) !important;
}
.yp-showcase h1,
.yp-showcase__copy h1{
    max-width:640px !important;
    margin:0 0 14px !important;
    font-size:clamp(31px,3.35vw,46px) !important;
    line-height:1.11 !important;
    font-weight:600 !important;
    letter-spacing:-.028em !important;
    color:var(--yp-v1048-ink) !important;
}
.yp-showcase__copy p{
    max-width:600px !important;
    margin-bottom:18px !important;
    font-size:15px !important;
    line-height:1.72 !important;
    color:var(--yp-v1048-muted) !important;
}
.yp-showcase__actions{
    gap:10px !important;
    margin-top:0 !important;
}
.yp-showcase__actions .yp-button{
    min-height:38px !important;
    padding-inline:17px !important;
    font-size:13px !important;
    font-weight:600 !important;
    border-radius:11px !important;
}

/* Hero sağ ürün vitrini: ürün kartı gibi kalabalık değil, vitrin gibi */
.yp-hero-product-slider{
    min-height:0 !important;
    padding:18px !important;
    border:1px solid rgba(21,25,34,.08) !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,#fff,#f8f1e5) !important;
    box-shadow:0 12px 28px rgba(21,25,34,.055) !important;
}
.yp-hero-slider__head span{
    font-size:12px !important;
    font-weight:600 !important;
    letter-spacing:.02em !important;
    color:rgba(21,25,34,.68) !important;
}
.yp-hero-slide{
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid rgba(21,25,34,.07) !important;
    box-shadow:none !important;
}
.yp-hero-slide__image{
    min-height:170px !important;
    background:linear-gradient(180deg,#fbfaf6,#f4ead3) !important;
}
.yp-hero-slide__image img{
    max-height:220px !important;
    object-fit:contain !important;
}
.yp-hero-slide__body h3{
    font-size:18px !important;
    line-height:1.25 !important;
    font-weight:600 !important;
    letter-spacing:-.012em !important;
}
.yp-hero-slide__body p{
    font-size:13.5px !important;
    line-height:1.6 !important;
    color:var(--yp-v1048-muted) !important;
}
.yp-hero-slide__label{
    display:inline-flex !important;
    width:max-content !important;
    padding:5px 9px !important;
    border-radius:999px !important;
    background:#f3f6f2 !important;
    color:#315c31 !important;
    font-size:11.5px !important;
    font-weight:600 !important;
}
.yp-hero-slide__bottom strong{
    font-size:17px !important;
    font-weight:600 !important;
    letter-spacing:-.01em !important;
    color:var(--yp-v1048-ink) !important;
}
.yp-hero-slide__bottom a{
    font-size:12.5px !important;
    font-weight:600 !important;
    color:var(--yp-v1048-red) !important;
}

/* Güven satırı: dört büyük kart yerine sade premium mini bilgi */
.yp-showcase-trust{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    margin-top:18px !important;
}
.yp-showcase-trust article{
    min-height:auto !important;
    padding:14px 15px !important;
    border-radius:16px !important;
    background:#fff !important;
    border:1px solid rgba(21,25,34,.075) !important;
    box-shadow:0 8px 20px rgba(21,25,34,.045) !important;
}
.yp-showcase-trust article span{
    display:none !important;
}
.yp-showcase-trust strong{
    display:block !important;
    margin:0 0 4px !important;
    font-size:13.5px !important;
    line-height:1.3 !important;
    font-weight:600 !important;
    color:var(--yp-v1048-ink) !important;
}
.yp-showcase-trust p{
    margin:0 !important;
    font-size:12.6px !important;
    line-height:1.5 !important;
    color:var(--yp-v1048-muted) !important;
}

/* Ürün fiyatları: KDV metni yok, TL yerine ₺ simgesi */
.yp-product-card__price{
    margin-top:12px !important;
    font-size:21px !important;
    line-height:1.15 !important;
    font-weight:600 !important;
    letter-spacing:-.025em !important;
    color:var(--yp-v1048-ink) !important;
}
.yp-product-card__price small,
.yp-product-card__meta{
    display:none !important;
}
.yp-product-card__topline .yp-stock-badge{
    font-size:11.5px !important;
    font-weight:600 !important;
    padding:5px 8px !important;
}
.yp-product-card__body{
    padding:17px !important;
}
.yp-product-card h3{
    font-size:17px !important;
    line-height:1.28 !important;
    font-weight:600 !important;
    letter-spacing:-.012em !important;
}
.yp-product-card__summary{
    font-size:13.5px !important;
    line-height:1.55 !important;
}
.yp-product-card__actions{
    gap:8px !important;
    margin-top:14px !important;
}
.yp-product-card__actions .yp-button{
    min-height:36px !important;
    font-size:12.5px !important;
    font-weight:600 !important;
    border-radius:10px !important;
}

/* Markalarımız / Neden YAKPAR / Satın alma akışı */
.yp-brand-grid,
.yp-why-grid,
.yp-audience-grid{
    gap:16px !important;
}
.yp-brand-card,
.yp-why-grid article,
.yp-audience-card{
    border-radius:18px !important;
    border:1px solid rgba(21,25,34,.075) !important;
    background:#fff !important;
    box-shadow:0 10px 24px rgba(21,25,34,.045) !important;
}
.yp-brand-card{
    min-height:178px !important;
    padding:20px !important;
}
.yp-brand-card__logo{
    max-width:150px !important;
    height:42px !important;
    object-fit:contain !important;
    object-position:left center !important;
}
.yp-brand-card span,
.yp-brand-card h3,
.yp-why-grid strong{
    font-size:16px !important;
    line-height:1.3 !important;
    font-weight:600 !important;
    letter-spacing:-.01em !important;
    color:var(--yp-v1048-ink) !important;
}
.yp-brand-card p,
.yp-why-grid p{
    font-size:13.7px !important;
    line-height:1.62 !important;
    color:var(--yp-v1048-muted) !important;
}
.yp-audience-card{
    padding:13px 15px !important;
    font-size:13.5px !important;
    font-weight:500 !important;
    color:var(--yp-v1048-text) !important;
}
.yp-section--audience{
    border-radius:24px !important;
    background:linear-gradient(135deg,#171b23,#252b36) !important;
    padding:clamp(28px,4vw,42px) !important;
    color:#fff !important;
}
.yp-section--audience .yp-eyebrow,
.yp-section--audience h2{
    color:#fff !important;
}
.yp-section--audience .yp-audience-card{
    background:rgba(255,255,255,.08) !important;
    color:rgba(255,255,255,.88) !important;
    border-color:rgba(255,255,255,.10) !important;
    box-shadow:none !important;
}
.yp-section--why .yp-section__head h2,
.yp-section--audience .yp-section__head h2,
.yp-section .yp-section__head h2,
.yp-store-section-head h2{
    font-size:clamp(24px,2.4vw,32px) !important;
    line-height:1.18 !important;
    font-weight:600 !important;
    letter-spacing:-.018em !important;
}
.yp-section__head .yp-eyebrow,
.yp-store-section-head .yp-eyebrow{
    font-size:11.5px !important;
    font-weight:600 !important;
    letter-spacing:.06em !important;
}

/* Header alt bar daha küçük ve sakin */
.yp-commerce-bar{
    min-height:42px !important;
    margin-top:9px !important;
    padding:6px !important;
    border-radius:14px !important;
}
.yp-category-trigger,
.yp-header-search,
.yp-commerce-bar .yp-button,
.yp-header-search input{
    min-height:31px !important;
    height:31px !important;
    font-size:12px !important;
    border-radius:9px !important;
}

@media (max-width:1024px){
    .yp-showcase__grid{
        grid-template-columns:1fr !important;
    }
    .yp-showcase-trust{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media (max-width:640px){
    .yp-showcase__grid{
        padding:20px !important;
        border-radius:20px !important;
    }
    .yp-showcase h1,
    .yp-showcase__copy h1{
        font-size:28px !important;
        line-height:1.14 !important;
    }
    .yp-showcase__copy p{
        font-size:14px !important;
    }
    .yp-showcase-trust{
        grid-template-columns:1fr !important;
    }
    .yp-hero-slide__image{
        min-height:140px !important;
    }
}


/* v1.0.49 final audit: footer support + compact premium rhythm */
.yp-footer__top--clean{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(220px,320px) !important;
    gap:24px !important;
    align-items:start !important;
}
.yp-footer__support{
    background:rgba(255,255,255,.68) !important;
    border:1px solid rgba(21,25,34,.08) !important;
    border-radius:18px !important;
    padding:18px !important;
    box-shadow:0 12px 28px rgba(21,25,34,.045) !important;
}
.yp-footer__support span{
    display:block !important;
    margin-bottom:10px !important;
    font-size:11.5px !important;
    font-weight:600 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:#6b7280 !important;
}
.yp-footer__support a{
    display:block !important;
    margin:6px 0 0 !important;
    color:#151922 !important;
    font-size:14px !important;
    font-weight:560 !important;
    text-decoration:none !important;
}
.yp-footer__cta-card{display:none !important;}
.yp-showcase h1,.yp-showcase__copy h1{
    font-size:clamp(30px,3.1vw,43px) !important;
    line-height:1.13 !important;
    font-weight:600 !important;
    letter-spacing:-.026em !important;
}
.yp-showcase__copy p{
    max-width:640px !important;
    font-size:clamp(14.5px,1.25vw,16.2px) !important;
    line-height:1.68 !important;
}
@media (max-width:900px){
    .yp-footer__top--clean{grid-template-columns:1fr !important;}
}

/* YAKPAR 1.0.50 - marka logolu ürün kartları ve ana sayfa premium toparlama */
.yp-product-card__topline--brand{
    align-items:center !important;
    gap:10px !important;
    min-height:28px !important;
}
.yp-product-brand{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:26px !important;
    max-width:112px !important;
    padding:4px 8px !important;
    border:1px solid rgba(18,24,33,.08) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.82) !important;
    color:#262b34 !important;
    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:.02em !important;
    overflow:hidden !important;
}
.yp-product-brand--logo{
    padding:4px 9px !important;
    background:linear-gradient(180deg,#fff,#faf7f1) !important;
}
.yp-product-brand img{
    display:block !important;
    max-width:82px !important;
    max-height:18px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
}
.yp-product-card__topline--brand .yp-stock-badge{
    margin-left:auto !important;
    white-space:nowrap !important;
}

.yp-showcase-trust{
    gap:14px !important;
    margin-top:20px !important;
    margin-bottom:34px !important;
}
.yp-showcase-trust article{
    position:relative !important;
    min-height:130px !important;
    padding:18px 18px 17px !important;
    border-radius:18px !important;
    border:1px solid rgba(24,28,37,.07) !important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfaf7 100%) !important;
    box-shadow:0 12px 28px rgba(24,28,37,.045) !important;
    overflow:hidden !important;
}
.yp-showcase-trust article:before{
    content:"" !important;
    position:absolute !important;
    inset:0 auto 0 0 !important;
    width:3px !important;
    background:linear-gradient(180deg,#c91f2d,#b58a35) !important;
    opacity:.85 !important;
}
.yp-showcase-trust article span{
    width:7px !important;
    height:7px !important;
    margin-bottom:12px !important;
    border-radius:999px !important;
    background:#c91f2d !important;
    box-shadow:0 0 0 5px rgba(201,31,45,.08) !important;
}
.yp-showcase-trust strong{
    display:block !important;
    margin-bottom:7px !important;
    font-size:14px !important;
    line-height:1.28 !important;
    font-weight:600 !important;
    letter-spacing:-.01em !important;
    color:#1f2530 !important;
}
.yp-showcase-trust p{
    margin:0 !important;
    font-size:12.8px !important;
    line-height:1.58 !important;
    color:#68707d !important;
}

.yp-section--audience{
    background:linear-gradient(180deg,#fff 0%,#faf8f4 100%) !important;
    color:#1f2530 !important;
    border:1px solid rgba(24,28,37,.07) !important;
    box-shadow:0 14px 34px rgba(24,28,37,.045) !important;
}
.yp-section--audience .yp-eyebrow{
    color:#b6252f !important;
}
.yp-section--audience h2{
    color:#1f2530 !important;
}
.yp-section--audience .yp-audience-card{
    background:#fff !important;
    color:#3a414d !important;
    border-color:rgba(24,28,37,.075) !important;
    box-shadow:0 8px 20px rgba(24,28,37,.035) !important;
}
.yp-why-grid article{
    padding:20px !important;
    min-height:148px !important;
}
.yp-why-grid strong{
    display:block !important;
    margin-bottom:7px !important;
}
.yp-brand-card{
    justify-content:flex-start !important;
}
.yp-brand-card__logo{
    margin-bottom:14px !important;
    filter:none !important;
}

@media (max-width: 768px){
    .yp-product-brand img{max-width:72px !important;max-height:16px !important;}
    .yp-showcase-trust article{min-height:auto !important;}
}

/* YAKPAR 1.0.51 - final premium cleanup: trust cards, brand badges, product cards */
.yp-eyebrow,
.yp-button,
.yp-category-trigger,
.yp-header-search input,
.yp-section__head a,
.yp-store-section-head a{
    font-weight:600 !important;
}

.yp-showcase-trust{
    gap:14px !important;
    margin-top:18px !important;
    margin-bottom:32px !important;
}
.yp-showcase-trust article{
    min-height:112px !important;
    padding:17px 18px !important;
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid rgba(18,24,33,.075) !important;
    box-shadow:0 8px 22px rgba(18,24,33,.038) !important;
}
.yp-showcase-trust article:before{
    width:2px !important;
    background:linear-gradient(180deg,#c91f2d,#b88a35) !important;
    opacity:.72 !important;
}
.yp-showcase-trust article span{
    display:block !important;
    width:8px !important;
    height:8px !important;
    margin:0 0 12px !important;
    border-radius:999px !important;
    background:rgba(201,31,45,.9) !important;
    box-shadow:0 0 0 5px rgba(201,31,45,.075) !important;
}
.yp-showcase-trust strong{
    margin:0 0 6px !important;
    font-size:14px !important;
    line-height:1.28 !important;
    font-weight:600 !important;
    color:#1c2430 !important;
}
.yp-showcase-trust p{
    max-width:32ch !important;
    font-size:12.7px !important;
    line-height:1.55 !important;
    color:#68717f !important;
}

.yp-product-card{
    overflow:hidden !important;
}
.yp-product-card__media{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:190px !important;
    padding:18px !important;
    background:linear-gradient(180deg,#fbfaf7,#f3ead9) !important;
}
.yp-product-card__media > img{
    max-height:165px !important;
    width:100% !important;
    object-fit:contain !important;
}
.yp-product-brand--media{
    position:absolute !important;
    top:12px !important;
    left:12px !important;
    z-index:2 !important;
    min-height:26px !important;
    max-width:112px !important;
    padding:4px 8px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.88) !important;
    border:1px solid rgba(18,24,33,.08) !important;
    box-shadow:0 8px 18px rgba(18,24,33,.07) !important;
}
.yp-product-brand--media img{
    max-width:80px !important;
    max-height:17px !important;
}
.yp-product-card__topline--brand,
.yp-product-card__topline .yp-stock-badge,
.yp-product-card .yp-stock-badge{
    display:none !important;
}
.yp-product-card__category{
    display:inline-flex !important;
    width:max-content !important;
    margin-bottom:9px !important;
    padding:5px 9px !important;
    border-radius:999px !important;
    background:#f7f2e8 !important;
    color:#8a6725 !important;
    font-size:11.5px !important;
    font-weight:600 !important;
    line-height:1 !important;
    text-decoration:none !important;
}
.yp-product-card h3{
    margin:0 0 8px !important;
    font-size:16.5px !important;
    line-height:1.3 !important;
    font-weight:600 !important;
    letter-spacing:-.01em !important;
    color:#18202b !important;
}
.yp-product-card__summary{
    margin:0 !important;
    min-height:42px !important;
    color:#667180 !important;
    font-size:13.2px !important;
    line-height:1.55 !important;
}
.yp-product-card__badges{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    margin-top:12px !important;
}
.yp-product-card__badges span{
    display:inline-flex !important;
    align-items:center !important;
    min-height:24px !important;
    padding:4px 8px !important;
    border-radius:999px !important;
    background:#f5f6f8 !important;
    color:#4d5663 !important;
    border:1px solid rgba(18,24,33,.06) !important;
    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:500 !important;
}
.yp-product-card__price{
    margin-top:13px !important;
    font-size:20px !important;
    font-weight:600 !important;
    color:#151b24 !important;
    letter-spacing:-.02em !important;
}
.yp-product-card__actions{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
}
.yp-product-card__actions .yp-button{
    min-height:36px !important;
    border-radius:10px !important;
    font-size:12.5px !important;
    font-weight:600 !important;
}

.yp-contact-premium-flow__grid article > span{
    display:inline-flex !important;
    width:10px !important;
    height:10px !important;
    border-radius:999px !important;
    background:#c91f2d !important;
    box-shadow:0 0 0 6px rgba(201,31,45,.08) !important;
    color:transparent !important;
    font-size:0 !important;
    margin-bottom:14px !important;
}
.yp-contact-premium-flow__grid article h3{
    font-size:17px !important;
    font-weight:600 !important;
    letter-spacing:-.01em !important;
}
.yp-contact-premium-flow__grid article p{
    font-size:13.7px !important;
    line-height:1.62 !important;
}

@media (max-width:1024px){
    .yp-product-card__media{min-height:170px !important;}
    .yp-product-card__media > img{max-height:145px !important;}
}
@media (max-width:640px){
    .yp-showcase-trust{grid-template-columns:1fr !important;}
    .yp-showcase-trust p{max-width:none !important;}
    .yp-product-card__summary{min-height:auto !important;}
}


/* v1.0.52 - Hero slider "İncele" button contrast fix */
.yp-hero-slide__bottom a,
.yp-hero-slide__bottom a:visited{
    background:#be1f24 !important;
    color:#ffffff !important;
    border:1px solid #be1f24 !important;
    box-shadow:0 8px 18px rgba(190,31,36,.16) !important;
}
.yp-hero-slide__bottom a:hover,
.yp-hero-slide__bottom a:focus{
    background:#9f171d !important;
    color:#ffffff !important;
    border-color:#9f171d !important;
    text-decoration:none !important;
}
.yp-hero-slide__bottom a:focus-visible{
    outline:2px solid rgba(190,31,36,.28) !important;
    outline-offset:3px !important;
}