:root {
    --emerald: #006B3F;
    --emerald-dark: #004F30;
    --gold: #D4AF37;
    --gold-soft: #F4E6B4;
    --ink: #10251A;
    --muted: #657568;
    --ivory: #FAF8EF;
    --white: #FFFFFF;
    --line: #E7E2D2;
    --shadow: 0 18px 45px rgba(16, 37, 26, 0.10);
    --radius: 22px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Manrope", Arial, sans-serif;
    color: var(--ink);
    background: var(--ivory);
}

body.menu-open {
    overflow: hidden;
}

img {
    max-width: 100%;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
select,
textarea {
    font: inherit;
}

.container {
    width: min(1240px, calc(100% - 32px));
    margin: 0 auto;
}

.top-line {
    background: var(--emerald-dark);
    color: var(--gold-soft);
    font-size: 13px;
    font-weight: 700;
}

.top-line-inner {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
}

.top-line span {
    position: relative;
}

.top-line span:not(:last-child)::after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gold);
    position: absolute;
    right: -17px;
    top: 50%;
    transform: translateY(-50%);
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(250, 248, 239, 0.94);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(212, 175, 55, 0.24);
}

.header-inner {
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 900;
    font-size: 19px;
    color: var(--emerald-dark);
    min-width: 200px;
}

.brand img {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.main-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 1;
}

.main-nav > a,
.nav-dropdown > a {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 999px;
    color: var(--ink);
    font-size: 14px;
    font-weight: 800;
    transition: .2s ease;
}

.main-nav a:hover,
.main-nav a.active,
.nav-dropdown:hover > a {
    color: var(--emerald);
    background: rgba(0, 107, 63, 0.08);
}

.nav-dropdown {
    position: relative;
}

.nav-dropdown-menu {
    position: absolute;
    top: 48px;
    left: 0;
    width: 230px;
    background: var(--white);
    box-shadow: var(--shadow);
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 10px;
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
    transition: .2s ease;
}

.nav-dropdown:hover .nav-dropdown-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.nav-dropdown-menu a {
    display: block;
    padding: 11px 14px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.icon-button,
.mobile-menu-button {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(0, 107, 63, 0.16);
    border-radius: 50%;
    background: var(--white);
    color: var(--emerald-dark);
    display: grid;
    place-items: center;
    cursor: pointer;
    position: relative;
    transition: .2s ease;
}

.icon-button:hover,
.mobile-menu-button:hover {
    background: var(--emerald);
    color: var(--white);
}

.cart-icon strong {
    min-width: 19px;
    height: 19px;
    border-radius: 999px;
    background: var(--gold);
    color: var(--ink);
    font-size: 11px;
    display: grid;
    place-items: center;
    position: absolute;
    right: -3px;
    top: -3px;
}

.mobile-menu-button {
    display: none;
}

.search-overlay {
    position: fixed;
    inset: 0;
    background: rgba(16, 37, 26, 0.58);
    z-index: 100;
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding-top: 9vh;
}

.search-overlay.active {
    display: flex;
}

.search-panel {
    width: min(760px, calc(100% - 32px));
    background: var(--white);
    border-radius: 26px;
    box-shadow: var(--shadow);
    padding: 34px;
    position: relative;
}

.search-panel h3 {
    margin: 0 0 18px;
    font-size: 26px;
}

.search-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 0;
    background: rgba(0, 107, 63, 0.1);
    color: var(--emerald);
    cursor: pointer;
}

.search-line {
    display: flex;
    gap: 10px;
}

.search-line input,
.search-line button,
.filter-form input,
.filter-form select,
.filter-form button,
.order-form input,
.order-form textarea,
.order-form select,
.payment-form input,
.payment-form textarea,
.payment-form select,
.track-card input,
.contact-form-card input,
.contact-form-card textarea,
.detail-order-form input,
.detail-order-form textarea,
.detail-order-form select {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--white);
    min-height: 52px;
    padding: 0 16px;
    color: var(--ink);
    outline: none;
    transition: .2s ease;
}

.search-line input:focus,
.filter-form input:focus,
.filter-form select:focus,
.order-form input:focus,
.order-form textarea:focus,
.order-form select:focus,
.payment-form input:focus,
.payment-form textarea:focus,
.payment-form select:focus,
.track-card input:focus,
.contact-form-card input:focus,
.contact-form-card textarea:focus,
.detail-order-form input:focus,
.detail-order-form textarea:focus,
.detail-order-form select:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.16);
}

.search-line input {
    flex: 1;
}

.search-line button,
.filter-form button {
    border: 0;
    background: var(--emerald);
    color: var(--white);
    font-weight: 900;
    padding: 0 24px;
    cursor: pointer;
}

.flash {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 14px;
    font-weight: 800;
}

.flash.success {
    background: rgba(0, 107, 63, 0.12);
    color: var(--emerald-dark);
}

.flash.error {
    background: rgba(176, 47, 47, 0.12);
    color: #9B1C1C;
}

.hero-section {
    padding: 28px 0 16px;
}

.hero-slider {
    position: relative;
    border-radius: 34px;
    overflow: hidden;
    min-height: 520px;
    box-shadow: var(--shadow);
    background: var(--emerald-dark);
}

.hero-slide {
    position: absolute;
    inset: 0;
    padding: 70px;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transform: scale(1.03);
    transition: opacity .7s ease, transform 1.1s ease;
}

.hero-slide.active {
    opacity: 1;
    transform: scale(1);
}

.hero-content {
    width: min(560px, 100%);
    color: var(--white);
}

.hero-content span,
.section-head span,
.instagram-copy span,
.page-hero span,
.listing-box span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--gold);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.hero-content h1 {
    margin: 12px 0 16px;
    font-size: clamp(38px, 5vw, 68px);
    line-height: .98;
    letter-spacing: -.04em;
}

.hero-content p {
    margin: 0 0 28px;
    max-width: 520px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 18px;
    line-height: 1.7;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    padding: 0 24px;
    border-radius: 999px;
    font-weight: 900;
    border: 1px solid transparent;
    cursor: pointer;
    transition: .2s ease;
}

.btn.full {
    width: 100%;
}

.btn-gold {
    background: var(--gold);
    color: var(--ink);
}

.btn-gold:hover {
    background: var(--white);
    color: var(--emerald-dark);
}

.btn-emerald {
    background: var(--emerald);
    color: var(--white);
}

.btn-emerald:hover {
    background: var(--gold);
    color: var(--ink);
}

.btn-outline {
    border-color: rgba(0, 107, 63, 0.25);
    color: var(--emerald-dark);
    background: var(--white);
}

.btn-outline:hover {
    border-color: var(--gold);
    background: var(--gold-soft);
}

.hero-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: var(--emerald-dark);
    cursor: pointer;
    z-index: 3;
}

.hero-arrow.prev {
    left: 22px;
}

.hero-arrow.next {
    right: 22px;
}

.hero-dots {
    position: absolute;
    left: 70px;
    bottom: 38px;
    display: flex;
    gap: 8px;
    z-index: 5;
}

.hero-dots button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, 0.55);
    cursor: pointer;
}

.hero-dots button.active {
    width: 28px;
    border-radius: 999px;
    background: var(--gold);
}

.category-strip,
.banner-section,
.products-section,
.advantages-section,
.instagram-section,
.payment-section,
.checkout-section,
.track-section,
.contact-section,
.category-page-section,
.content-section,
.product-detail-section,
.detail-content-section,
.success-section,
.map-section {
    padding: 56px 0;
}

.section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 28px;
}

.section-head.compact {
    align-items: center;
    margin-bottom: 18px;
}

.section-head h2 {
    margin: 6px 0 0;
    font-size: clamp(28px, 3vw, 42px);
    letter-spacing: -.04em;
}

.section-head a {
    font-weight: 900;
    color: var(--emerald);
}

.category-slider {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 148px;
    gap: 18px;
    overflow-x: auto;
    padding: 10px 2px 18px;
    scrollbar-width: thin;
}

.category-pill {
    min-height: 174px;
    background: var(--white);
    border: 1px solid rgba(212, 175, 55, 0.26);
    border-radius: 28px;
    padding: 14px;
    display: grid;
    place-items: center;
    text-align: center;
    box-shadow: 0 10px 26px rgba(16, 37, 26, 0.06);
    transition: .2s ease;
}

.category-pill:hover {
    transform: translateY(-4px);
    border-color: var(--gold);
}

.category-pill img {
    width: 112px;
    height: 112px;
    object-fit: cover;
    border-radius: 24px;
    background: var(--gold-soft);
}

.category-pill strong {
    font-size: 14px;
}

.banner-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.promo-card {
    min-height: 250px;
    border-radius: 28px;
    padding: 30px;
    color: var(--white);
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: .2s ease;
}

.promo-card:hover {
    transform: translateY(-4px);
}

.promo-card span {
    color: var(--gold);
    font-weight: 900;
    font-size: 13px;
    text-transform: uppercase;
}

.promo-card h3 {
    margin: 8px 0;
    font-size: 28px;
}

.promo-card p {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, 0.85);
}

.promo-card em {
    font-style: normal;
    font-weight: 900;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.product-grid.small-gap {
    gap: 20px;
}

.product-card {
    background: var(--white);
    border: 1px solid rgba(16, 37, 26, 0.08);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(16, 37, 26, 0.06);
    transition: .24s ease;
    display: flex;
    flex-direction: column;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow);
}

.product-image {
    height: 265px;
    position: relative;
    overflow: hidden;
    background: #F2EFE4;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s ease;
}

.product-card:hover .product-image img {
    transform: scale(1.05);
}

.product-image span {
    position: absolute;
    left: 14px;
    bottom: 14px;
    background: var(--emerald);
    color: var(--white);
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 900;
}

.product-body {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.product-body small {
    color: var(--emerald);
    font-weight: 900;
}

.product-body p {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
}

.product-body h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
    min-height: 48px;
}

.product-price {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 4px 0 8px;
}

.product-price strong {
    font-size: 23px;
    color: var(--ink);
    letter-spacing: -.03em;
}

.product-price del {
    color: var(--muted);
}

.add-cart {
    width: 100%;
    min-height: 44px;
    border: 0;
    border-radius: 12px;
    background: var(--emerald);
    color: var(--white);
    font-weight: 900;
    cursor: pointer;
    transition: .2s ease;
}

.add-cart:hover {
    background: var(--gold);
    color: var(--ink);
}

.ivory {
    background: rgba(255, 255, 255, 0.42);
}

.advantages-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.advantage-card {
    background: var(--white);
    border-radius: 24px;
    padding: 28px;
    border: 1px solid rgba(212, 175, 55, 0.25);
    box-shadow: 0 12px 30px rgba(16, 37, 26, 0.06);
}

.advantage-card i {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: rgba(0, 107, 63, 0.1);
    color: var(--emerald);
    display: grid;
    place-items: center;
    font-size: 23px;
}

.advantage-card h3 {
    margin: 18px 0 8px;
}

.advantage-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}

.instagram-panel {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 34px;
    background: var(--emerald-dark);
    border-radius: 34px;
    color: var(--white);
    padding: 42px;
    box-shadow: var(--shadow);
}

.instagram-copy h2 {
    margin: 12px 0;
    font-size: clamp(30px, 4vw, 48px);
    letter-spacing: -.04em;
}

.instagram-copy p {
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.8;
    margin-bottom: 26px;
}

.instagram-grid,
.footer-instagram-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.instagram-grid img,
.footer-instagram-grid img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 18px;
}

.page-hero,
.listing-hero {
    padding: 54px 0 20px;
}

.page-hero .container,
.listing-box {
    background: var(--white);
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 30px;
    padding: 42px;
    box-shadow: 0 10px 30px rgba(16, 37, 26, 0.06);
}

.compact-page .container {
    padding: 34px 42px;
}

.page-hero h1,
.listing-box h1 {
    margin: 8px 0 10px;
    font-size: clamp(34px, 4vw, 54px);
    letter-spacing: -.05em;
}

.page-hero p {
    max-width: 780px;
    margin: 0;
    color: var(--muted);
    line-height: 1.8;
}

.listing-box {
    display: grid;
    grid-template-columns: .7fr 1.3fr;
    align-items: center;
    gap: 26px;
}

.filter-form {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}

.listing-products {
    padding-top: 32px;
}

.empty-state,
.success-card,
.track-card {
    background: var(--white);
    border-radius: 30px;
    padding: 52px;
    text-align: center;
    box-shadow: var(--shadow);
    border: 1px solid rgba(16, 37, 26, 0.08);
}

.empty-state.small {
    padding: 34px;
}

.empty-state i,
.success-card > i,
.track-card > i {
    font-size: 54px;
    color: var(--emerald);
}

.empty-state h2,
.success-card h1,
.track-card h1 {
    margin: 16px 0 8px;
}

.product-detail-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 34px;
    align-items: start;
}

.product-gallery,
.product-info-panel,
.detail-content-box,
.checkout-card,
.payment-card,
.contact-info-card,
.contact-form-card,
.content-card,
.map-box {
    background: var(--white);
    border: 1px solid rgba(16, 37, 26, 0.08);
    border-radius: 30px;
    box-shadow: 0 12px 30px rgba(16, 37, 26, 0.06);
}

.product-gallery,
.product-info-panel,
.detail-content-box,
.checkout-card,
.payment-card,
.contact-info-card,
.contact-form-card,
.content-card {
    padding: 26px;
}

.main-product-image {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    background: #F2EFE4;
}

.main-product-image img {
    width: 100%;
    height: 560px;
    object-fit: cover;
}

.main-product-image span {
    position: absolute;
    left: 18px;
    bottom: 18px;
    background: var(--emerald);
    color: var(--white);
    padding: 10px 15px;
    border-radius: 999px;
    font-weight: 900;
}

.thumb-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin-top: 14px;
}

.thumb-row button {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--white);
    padding: 4px;
    cursor: pointer;
}

.thumb-row img {
    width: 100%;
    height: 80px;
    border-radius: 12px;
    object-fit: cover;
}

.product-info-panel h1 {
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.05;
    margin: 12px 0;
    letter-spacing: -.04em;
}

.breadcrumb-mini {
    color: var(--emerald);
    font-weight: 900;
}

.detail-code {
    color: var(--muted);
}

.detail-price {
    display: flex;
    align-items: baseline;
    gap: 14px;
    margin: 18px 0;
}

.detail-price strong {
    font-size: 42px;
    color: var(--emerald-dark);
}

.detail-price del {
    color: var(--muted);
    font-size: 20px;
}

.detail-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.detail-badges span {
    background: rgba(0, 107, 63, 0.08);
    color: var(--emerald-dark);
    border-radius: 999px;
    padding: 9px 12px;
    font-weight: 800;
    font-size: 13px;
}

.detail-description {
    color: var(--muted);
    line-height: 1.8;
}

.detail-order-form {
    display: grid;
    gap: 14px;
}

.detail-order-form label,
.order-form label,
.payment-form label,
.track-card label,
.contact-form-card label {
    display: grid;
    gap: 8px;
    color: var(--ink);
    font-weight: 800;
}

.detail-order-form textarea,
.order-form textarea,
.payment-form textarea,
.contact-form-card textarea {
    min-height: 116px;
    padding-top: 14px;
    resize: vertical;
}

.field-grid.two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.detail-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.detail-content-box {
    line-height: 1.9;
    color: var(--muted);
}

.checkout-grid,
.payment-grid,
.contact-grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 28px;
    align-items: start;
}

.payment-grid {
    grid-template-columns: .95fr 1.05fr;
}

.checkout-card.wide {
    min-width: 0;
}

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

.cart-item {
    display: grid;
    grid-template-columns: 96px 1fr 92px 110px;
    align-items: center;
    gap: 16px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 18px;
}

.cart-item img {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: 16px;
}

.cart-item h3 {
    margin: 0 0 6px;
}

.cart-item p {
    margin: 0 0 6px;
    color: var(--muted);
}

.cart-item input {
    min-height: 44px;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 0 10px;
}

.cart-actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 20px;
}

.summary-card {
    position: sticky;
    top: 120px;
}

.summary-line,
.summary-total,
.summary-product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid var(--line);
}

.summary-total {
    border-bottom: 0;
    font-size: 22px;
}

.order-form,
.payment-form,
.contact-form-card {
    display: grid;
    gap: 16px;
}

.bank-box {
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 22px;
    margin-top: 18px;
    background: #FFFEFA;
}

.bank-box h3 {
    margin: 0 0 16px;
    color: var(--emerald);
    font-size: 24px;
}

.bank-box div {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 16px;
    margin-bottom: 12px;
}

.bank-box span {
    color: var(--muted);
    font-weight: 800;
}

.bank-box button {
    min-height: 42px;
    padding: 0 15px;
    border-radius: 12px;
    border: 1px solid var(--emerald);
    background: var(--white);
    color: var(--emerald);
    font-weight: 900;
    cursor: pointer;
}

.form-hint {
    margin: -4px 0 0;
    color: var(--muted);
    font-size: 13px;
}

.track-card {
    width: min(820px, 100%);
    margin: 0 auto;
}

.track-card form {
    display: grid;
    gap: 16px;
    text-align: left;
    margin-top: 24px;
}

.track-start {
    display: grid;
    gap: 12px;
    justify-content: center;
    margin-top: 26px;
}

.track-card.result {
    width: min(1040px, 100%);
    text-align: left;
}

.timeline {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin: 28px 0;
}

.timeline-step {
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 16px;
    display: grid;
    gap: 8px;
    color: var(--muted);
}

.timeline-step.done {
    background: rgba(0, 107, 63, 0.08);
    color: var(--emerald-dark);
    border-color: rgba(0, 107, 63, 0.18);
}

.order-result-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.order-result-grid > div {
    background: var(--ivory);
    border-radius: 18px;
    padding: 20px;
}

.contact-info-card {
    background: var(--emerald-dark);
    color: var(--white);
}

.contact-info-card p {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.8;
}

.contact-info-card div,
.contact-info-card a {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    font-weight: 800;
}

.contact-info-card i {
    color: var(--gold);
}

.map-box {
    overflow: hidden;
    padding: 0;
}

.map-box iframe {
    width: 100%;
    height: 420px;
    border: 0;
    display: block;
}

.category-page-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.category-page-card {
    background: var(--white);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(16, 37, 26, 0.06);
    border: 1px solid rgba(16, 37, 26, 0.08);
    transition: .2s ease;
}

.category-page-card:hover {
    transform: translateY(-4px);
}

.category-page-card img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.category-page-card div {
    padding: 22px;
}

.category-page-card h2 {
    margin: 0 0 10px;
}

.category-page-card p {
    color: var(--muted);
    line-height: 1.7;
}

.category-page-card span {
    color: var(--emerald);
    font-weight: 900;
}

.content-card {
    line-height: 1.9;
    font-size: 17px;
    color: var(--muted);
}

.success-card {
    width: min(760px, 100%);
    margin: 0 auto;
}

.success-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 22px;
}

.site-footer {
    background: var(--ink);
    color: var(--white);
    margin-top: 46px;
}

.footer-top {
    display: grid;
    grid-template-columns: 1.4fr .7fr .7fr .9fr;
    gap: 34px;
    padding: 58px 0 34px;
}

.footer-brand img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin-bottom: 16px;
}

.footer-brand h3,
.footer-column h4,
.footer-instagram h4 {
    margin: 0 0 14px;
}

.footer-brand p,
.footer-column a,
.contact-list p,
.footer-instagram a {
    color: rgba(255, 255, 255, 0.72);
}

.footer-brand p {
    line-height: 1.8;
}

.instagram-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--gold);
    font-weight: 900;
}

.footer-column {
    display: grid;
    align-content: start;
    gap: 10px;
}

.footer-column a:hover {
    color: var(--gold);
}

.contact-list p {
    margin: 0;
    display: flex;
    gap: 10px;
}

.footer-instagram {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 28px;
    align-items: center;
    padding: 0 0 38px;
}

.footer-instagram-grid {
    grid-template-columns: repeat(6, 1fr);
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom-inner {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    color: rgba(255, 255, 255, 0.66);
    font-size: 14px;
}

.whatsapp-float {
    position: fixed;
    right: 22px;
    bottom: 22px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #25D366;
    color: var(--white);
    display: grid;
    place-items: center;
    font-size: 29px;
    z-index: 80;
    box-shadow: 0 18px 34px rgba(37, 211, 102, .35);
}

@media (max-width: 1120px) {
    .main-nav {
        position: fixed;
        inset: 0 0 0 auto;
        width: min(360px, 86vw);
        background: var(--white);
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        padding: 96px 22px 22px;
        box-shadow: -20px 0 50px rgba(16, 37, 26, .14);
        transform: translateX(110%);
        transition: .25s ease;
        z-index: 70;
    }

    .main-nav.active {
        transform: translateX(0);
    }

    .main-nav > a,
    .nav-dropdown > a {
        border-radius: 14px;
        min-height: 48px;
    }

    .nav-dropdown-menu {
        position: static;
        opacity: 1;
        transform: none;
        pointer-events: auto;
        width: 100%;
        box-shadow: none;
        border: 0;
        padding: 0 0 8px 18px;
    }

    .mobile-menu-button {
        display: grid;
        z-index: 90;
    }

    .header-actions {
        margin-left: auto;
    }

    .product-grid,
    .advantages-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .banner-grid,
    .category-page-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .listing-box,
    .instagram-panel,
    .product-detail-grid,
    .checkout-grid,
    .payment-grid,
    .contact-grid,
    .footer-top,
    .footer-instagram {
        grid-template-columns: 1fr;
    }

    .filter-form {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 760px) {
    .container {
        width: min(100% - 22px, 1240px);
    }

    .top-line-inner {
        gap: 16px;
        font-size: 11px;
        flex-wrap: wrap;
        padding: 8px 0;
    }

    .top-line span::after {
        display: none;
    }

    .header-inner {
        min-height: 74px;
    }

    .brand {
        min-width: auto;
        font-size: 15px;
    }

    .brand img {
        width: 46px;
        height: 46px;
    }

    .header-actions .icon-button:first-child,
    .header-actions .icon-button:last-child {
        display: none;
    }

    .hero-slider {
        min-height: 510px;
        border-radius: 24px;
    }

    .hero-slide {
        padding: 34px 24px 70px;
        align-items: flex-end;
    }

    .hero-arrow {
        display: none;
    }

    .hero-dots {
        left: 24px;
        bottom: 28px;
    }

    .section-head {
        display: block;
    }

    .product-grid,
    .advantages-grid,
    .banner-grid,
    .category-page-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .product-image {
        height: 210px;
    }

    .product-body {
        padding: 14px;
    }

    .product-body h3 {
        font-size: 15px;
        min-height: 42px;
    }

    .product-price strong {
        font-size: 19px;
    }

    .promo-card {
        min-height: 220px;
        padding: 22px;
    }

    .filter-form,
    .field-grid.two,
    .timeline,
    .order-result-grid,
    .footer-instagram-grid,
    .thumb-row {
        grid-template-columns: 1fr;
    }

    .page-hero .container,
    .listing-box,
    .instagram-panel,
    .empty-state,
    .success-card,
    .track-card {
        padding: 26px;
        border-radius: 24px;
    }

    .main-product-image img {
        height: 420px;
    }

    .cart-item {
        grid-template-columns: 82px 1fr;
    }

    .cart-item input,
    .cart-item > span {
        grid-column: 2;
    }

    .cart-actions,
    .success-actions,
    .detail-buttons {
        flex-direction: column;
    }

    .footer-bottom-inner {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 18px 0;
    }
}

@media (max-width: 460px) {
    .product-grid,
    .advantages-grid,
    .banner-grid,
    .category-page-grid {
        grid-template-columns: 1fr;
    }

    .product-image {
        height: 280px;
    }
}

.top-line {
    overflow: hidden;
    position: relative;
}

.announcement-ticker {
    width: 100%;
    overflow: hidden;
    min-height: 38px;
    display: flex;
    align-items: center;
}

.announcement-track {
    width: max-content;
    display: flex;
    align-items: center;
    animation: ariaAnnouncementTicker 26s linear infinite;
    will-change: transform;
}

.announcement-group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 42px;
    padding-right: 42px;
}

.announcement-group span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .01em;
}

.announcement-group span i {
    color: var(--gold);
    font-size: 11px;
}

@keyframes ariaAnnouncementTicker {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.header-inner {
    min-height: 96px;
    gap: 18px;
}

.brand {
    min-width: 138px;
    width: 138px;
    justify-content: flex-start;
}

.brand img {
    width: 126px;
    height: 78px;
    object-fit: contain;
}

.main-nav {
    gap: 2px;
}

.main-nav > a,
.nav-dropdown > a {
    padding-inline: 10px;
    font-size: 13px;
}

.nav-dropdown > a i {
    font-size: 9px;
    margin-left: 5px;
    transition: transform .2s ease;
}

.nav-dropdown {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: -10px;
}

.nav-dropdown::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 14px;
}

.nav-dropdown-menu {
    top: calc(100% + 8px);
    z-index: 100;
    width: 258px;
    padding: 12px;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(16, 37, 26, .16);
}

.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown.open .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.nav-dropdown:hover > a i,
.nav-dropdown.open > a i,
.nav-dropdown:focus-within > a i {
    transform: rotate(180deg);
}

.header-whatsapp {
    color: #128C4A;
}

.search-kicker,
.section-kicker,
.form-eyebrow,
.contact-kicker {
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 900;
    font-size: 12px;
}

.category-slider-wrap {
    position: relative;
    padding-bottom: 12px;
}

.category-slider-wrap::before,
.category-slider-wrap::after {
    position: absolute;
    bottom: -2px;
    color: var(--emerald);
    font-size: 22px;
    line-height: 1;
    z-index: 2;
    pointer-events: none;
}

.category-slider-wrap::before {
    content: "❦";
    left: 0;
}

.category-slider-wrap::after {
    content: "❧";
    right: 0;
}

.category-slider {
    scroll-behavior: smooth;
    scrollbar-color: var(--emerald) rgba(212, 175, 55, .22);
    scrollbar-width: thin;
    cursor: grab;
    padding-bottom: 24px;
}

.category-slider.is-dragging {
    cursor: grabbing;
    user-select: none;
    scroll-behavior: auto;
}

.category-slider::-webkit-scrollbar {
    height: 12px;
}

.category-slider::-webkit-scrollbar-track {
    background: linear-gradient(90deg, rgba(0,107,63,.08), rgba(212,175,55,.24), rgba(0,107,63,.08));
    border-radius: 999px;
    border: 4px solid var(--ivory);
}

.category-slider::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, var(--emerald-dark), var(--emerald));
    border-radius: 999px;
    border: 2px solid var(--gold-soft);
}

.category-slider::-webkit-scrollbar-thumb:hover {
    background: var(--gold);
}

.category-pill {
    position: relative;
    overflow: hidden;
}

.category-pill::after {
    content: "";
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    right: -24px;
    top: -24px;
    background: rgba(212, 175, 55, .16);
}

.product-card {
    border-color: rgba(0, 107, 63, .11);
}

.product-body {
    gap: 9px;
}

.product-short-description {
    min-height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}

.whatsapp-order-button {
    width: 100%;
    min-height: 46px;
    border-radius: 13px;
    background: #118B50;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-size: 13px;
    font-weight: 900;
    margin-top: auto;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.whatsapp-order-button:hover {
    background: #0B7040;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(17, 139, 80, .22);
}

.whatsapp-order-button i {
    font-size: 18px;
}

.instagram-content {
    min-width: 0;
}

.instagram-grid a {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
}

.instagram-grid a > span {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(0, 79, 48, .68);
    opacity: 0;
    transition: .2s ease;
    font-size: 26px;
}

.instagram-grid a:hover > span {
    opacity: 1;
}

.instagram-live-widget {
    min-height: 220px;
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    padding: 12px;
}

.modern-listing-box {
    grid-template-columns: 1fr .9fr;
}

.modern-listing-box p {
    margin: 8px 0 0;
    color: var(--muted);
    font-weight: 700;
}

.listing-hero-note {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 22px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(0,107,63,.08), rgba(212,175,55,.13));
    border: 1px solid rgba(0,107,63,.12);
}

.listing-hero-note > i {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: #118B50;
    color: #fff;
    font-size: 25px;
}

.listing-hero-note div {
    display: grid;
    gap: 5px;
}

.listing-hero-note strong {
    font-size: 16px;
}

.listing-hero-note span {
    color: var(--muted);
    line-height: 1.55;
    font-size: 13px;
}

.catalog-shell {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.catalog-sidebar {
    position: sticky;
    top: 124px;
}

.filter-panel {
    background: #fff;
    border: 1px solid rgba(0, 107, 63, .11);
    border-radius: 26px;
    padding: 22px;
    box-shadow: 0 14px 34px rgba(16, 37, 26, .07);
}

.filter-panel-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--line);
    margin-bottom: 18px;
}

.filter-panel-head span {
    color: var(--emerald);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.filter-panel-head h2 {
    margin: 5px 0 0;
    font-size: 20px;
    letter-spacing: -.03em;
}

.filter-panel-head > i {
    color: var(--gold);
    font-size: 22px;
}

.advanced-filter-form {
    display: grid;
    gap: 15px;
}

.filter-field {
    display: grid;
    gap: 7px;
}

.filter-field > span {
    font-size: 12px;
    font-weight: 900;
    color: var(--ink);
}

.filter-field input,
.filter-field select,
.price-input-wrap {
    width: 100%;
    min-height: 48px;
    border: 1px solid #D9E0DB;
    border-radius: 13px;
    background: #FCFDFB;
    color: var(--ink);
    outline: none;
}

.filter-field input,
.filter-field select {
    padding: 0 13px;
}

.filter-field input:focus,
.filter-field select:focus,
.price-input-wrap:focus-within {
    border-color: var(--emerald);
    box-shadow: 0 0 0 4px rgba(0,107,63,.08);
}

.input-icon-wrap {
    position: relative;
}

.input-icon-wrap > i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--emerald);
    z-index: 1;
}

.input-icon-wrap input {
    width: 100%;
    padding-left: 40px !important;
}

.filter-price-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.price-input-wrap {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.price-input-wrap input {
    border: 0;
    border-radius: 0;
    box-shadow: none !important;
    min-width: 0;
}

.price-input-wrap b {
    padding: 0 12px;
    color: var(--emerald);
}

.filter-submit,
.filter-reset {
    width: 100%;
    min-height: 48px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 900;
}

.filter-submit {
    border: 0;
    background: var(--emerald);
    color: #fff;
    cursor: pointer;
}

.filter-submit:hover {
    background: var(--emerald-dark);
}

.filter-reset {
    border: 1px solid rgba(0,107,63,.17);
    color: var(--emerald);
    background: rgba(0,107,63,.04);
}

.catalog-content {
    min-width: 0;
}

.catalog-toolbar {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid rgba(0,107,63,.1);
    border-radius: 20px;
}

.catalog-toolbar > div:first-child {
    display: grid;
    gap: 3px;
}

.catalog-toolbar strong {
    font-size: 16px;
}

.catalog-toolbar > div:first-child span {
    color: var(--muted);
    font-size: 13px;
}

.active-filter-chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.active-filter-chips span {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(0,107,63,.08);
    color: var(--emerald-dark);
    font-size: 11px;
    font-weight: 900;
}

.catalog-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.whatsapp-order-panel {
    margin-top: 24px;
    padding: 22px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(17,139,80,.1), rgba(212,175,55,.14));
    border: 1px solid rgba(17,139,80,.18);
    display: grid;
    gap: 18px;
}

.whatsapp-order-panel span {
    color: var(--emerald);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.whatsapp-order-panel h2 {
    margin: 5px 0 7px;
    font-size: 23px;
    letter-spacing: -.03em;
}

.whatsapp-order-panel p {
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}

.whatsapp-detail-button {
    background: #118B50;
    color: #fff;
    width: 100%;
    justify-content: center;
    font-size: 16px;
}

.whatsapp-detail-button:hover {
    background: #0B7040;
    color: #fff;
}

.product-service-list {
    display: grid;
    gap: 12px;
    margin-top: 18px;
}

.product-service-list > div {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 16px;
}

.product-service-list i {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    color: var(--emerald);
    background: rgba(0,107,63,.08);
}

.product-service-list span {
    display: grid;
    gap: 2px;
    color: var(--muted);
    font-size: 12px;
}

.product-service-list strong {
    color: var(--ink);
    font-size: 13px;
}

.contact-left-stack {
    display: grid;
    gap: 22px;
}

.contact-map-card {
    background: #fff;
    border: 1px solid rgba(16, 37, 26, .08);
    border-radius: 30px;
    box-shadow: 0 12px 30px rgba(16, 37, 26, .06);
    overflow: hidden;
}

.contact-map-card iframe {
    display: block;
    width: 100%;
    height: 330px;
    border: 0;
}

.contact-info-card h2 {
    margin: 8px 0 10px;
    font-size: 28px;
}

.contact-form-card > p {
    margin: -8px 0 6px;
    color: var(--muted);
    line-height: 1.7;
}

.modern-track-card {
    width: min(720px, 100%);
}

.track-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 16px;
    border-radius: 22px;
    background: linear-gradient(135deg, var(--emerald), var(--emerald-dark));
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 28px;
    box-shadow: 0 14px 30px rgba(0,107,63,.2);
}

.advanced-order-result {
    width: min(1120px, 100%);
    padding: 30px;
}

.order-result-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--line);
}

.order-result-header span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.order-result-header h1 {
    margin: 5px 0;
    font-size: 30px;
}

.order-result-header p {
    margin: 0;
    color: var(--muted);
}

.order-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 11px 14px;
    border-radius: 999px;
    background: rgba(0,107,63,.08);
    color: var(--emerald-dark);
    font-weight: 900;
}

.order-status-badge i {
    font-size: 9px;
    color: var(--emerald);
}

.advanced-timeline {
    position: relative;
    grid-template-columns: repeat(5, 1fr);
    margin: 30px 0;
    gap: 0;
}

.advanced-timeline::before {
    content: "";
    position: absolute;
    left: 9%;
    right: 9%;
    top: 17px;
    height: 2px;
    background: #DDE4DF;
}

.advanced-timeline .timeline-step {
    border: 0;
    background: transparent;
    padding: 0 8px;
    border-radius: 0;
    text-align: center;
    justify-items: center;
    position: relative;
    z-index: 1;
}

.timeline-dot {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #E5EAE7;
    color: #AAB5AE;
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px #D8DFDB;
}

.timeline-step.done .timeline-dot {
    background: var(--emerald);
    color: #fff;
    box-shadow: 0 0 0 1px rgba(0,107,63,.25);
}

.advanced-timeline .timeline-step span {
    font-size: 12px;
    font-weight: 900;
    line-height: 1.4;
}

.advanced-order-grid {
    align-items: stretch;
}

.order-items-panel,
.delivery-panel {
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 20px;
    background: #FCFDFB;
}

.result-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.result-panel-head h3 {
    margin: 0;
}

.result-panel-head span,
.result-panel-head i {
    color: var(--emerald);
    font-size: 12px;
    font-weight: 900;
}

.tracked-order-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 0;
    border-top: 1px solid var(--line);
}

.tracked-order-item > div {
    display: grid;
    gap: 3px;
}

.tracked-order-item > div:last-child {
    text-align: right;
}

.tracked-order-item span,
.delivery-panel p {
    color: var(--muted);
    font-size: 13px;
}

.delivery-panel > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--emerald-dark);
    font-weight: 800;
}

.order-total-line {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-total-line strong {
    color: var(--emerald);
    font-size: 21px;
}

.order-support-bar {
    margin-top: 20px;
    border-radius: 18px;
    background: var(--emerald-dark);
    color: #fff;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.order-support-bar > div {
    display: flex;
    align-items: center;
    gap: 13px;
}

.order-support-bar i {
    font-size: 26px;
    color: #7BE6A6;
}

.order-support-bar span {
    display: grid;
    gap: 2px;
    color: rgba(255,255,255,.75);
    font-size: 12px;
}

.order-support-bar strong {
    color: #fff;
    font-size: 13px;
}

.order-support-bar a {
    flex-shrink: 0;
    padding: 10px 14px;
    border-radius: 12px;
    background: #fff;
    color: var(--emerald-dark);
    font-weight: 900;
}

.order-cancelled-note {
    margin: 24px 0;
    padding: 16px 18px;
    border-radius: 16px;
    background: #FFF1F1;
    color: #A12626;
    font-weight: 900;
}

@media (max-width: 1180px) {
    .catalog-shell {
        grid-template-columns: 260px minmax(0, 1fr);
    }

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

    .brand {
        width: 112px;
        min-width: 112px;
    }

    .brand img {
        width: 104px;
    }
}

@media (max-width: 900px) {
    .catalog-shell {
        grid-template-columns: 1fr;
    }

    .catalog-sidebar {
        position: static;
    }

    .modern-listing-box {
        grid-template-columns: 1fr;
    }

    .advanced-timeline {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .advanced-timeline::before {
        display: none;
    }

    .advanced-timeline .timeline-step {
        grid-template-columns: 36px 1fr;
        justify-items: start;
        text-align: left;
        align-items: center;
    }
}

@media (max-width: 760px) {
    .announcement-track {
        animation-duration: 20s;
    }

    .announcement-group {
        gap: 28px;
        padding-right: 28px;
    }

    .header-inner {
        min-height: 82px;
    }

    .brand {
        width: 92px;
        min-width: 92px;
    }

    .brand img {
        width: 88px;
        height: 62px;
    }

    .header-actions .icon-button:first-child {
        display: grid;
    }

    .main-nav {
        padding-top: 92px;
    }

    .nav-dropdown {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .nav-dropdown-menu {
        position: static;
        opacity: 1;
        transform: none;
        pointer-events: auto;
        width: 100%;
        box-shadow: none;
        border: 0;
        background: transparent;
        padding: 4px 0 8px 14px;
    }

    .category-slider {
        grid-auto-columns: 130px;
        gap: 12px;
    }

    .category-pill {
        min-height: 158px;
        border-radius: 22px;
    }

    .category-pill img {
        width: 98px;
        height: 98px;
    }

    .product-grid,
    .catalog-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .product-short-description {
        display: none;
    }

    .whatsapp-order-button {
        min-height: 44px;
        padding-inline: 8px;
        font-size: 11px;
        line-height: 1.25;
        text-align: center;
    }

    .catalog-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .active-filter-chips {
        justify-content: flex-start;
    }

    .filter-price-grid {
        grid-template-columns: 1fr;
    }

    .listing-hero-note {
        padding: 16px;
    }

    .instagram-panel {
        padding: 26px;
    }

    .instagram-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .contact-map-card iframe {
        height: 280px;
    }

    .order-result-header,
    .order-support-bar {
        align-items: flex-start;
        flex-direction: column;
    }

    .advanced-order-result {
        padding: 20px;
    }

    .advanced-order-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .header-actions .icon-button:last-child {
        display: grid;
    }
}

.top-line {
    width: 100%;
    overflow: hidden;
}

.announcement-ticker {
    width: 100vw;
    overflow: hidden;
}

.announcement-track {
    width: max-content;
    min-width: 200vw;
    animation: ariaAnnouncementTicker 30s linear infinite;
    transform: translate3d(0, 0, 0);
}

.announcement-group {
    width: 100vw;
    min-width: 100vw;
    padding: 0 clamp(18px, 4vw, 72px);
    gap: clamp(24px, 5vw, 88px);
    justify-content: space-around;
}

@keyframes ariaAnnouncementTicker {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-50%, 0, 0);
    }
}

.live-search-status {
    min-height: 24px;
    margin: 15px 2px 10px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
}

.live-search-status.is-empty {
    color: #8A4F20;
}

.live-search-results {
    display: grid;
    gap: 9px;
    max-height: min(56vh, 520px);
    overflow-y: auto;
    padding-right: 4px;
}

.live-search-item {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) auto 32px;
    align-items: center;
    gap: 14px;
    min-height: 82px;
    padding: 8px 10px 8px 8px;
    border: 1px solid rgba(0, 107, 63, .11);
    border-radius: 18px;
    background: #fff;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.live-search-item:hover {
    transform: translateY(-2px);
    border-color: rgba(212, 175, 55, .7);
    box-shadow: 0 12px 28px rgba(16, 37, 26, .08);
}

.live-search-item img {
    width: 68px;
    height: 68px;
    object-fit: cover;
    border-radius: 14px;
    background: var(--ivory);
}

.live-search-item-copy {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.live-search-item-copy small {
    color: var(--emerald);
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-search-item-copy strong {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-search-item > b {
    color: var(--ink);
    white-space: nowrap;
    font-size: 15px;
}

.live-search-item > i {
    color: var(--gold);
}

.category-slider-wrap {
    padding-bottom: 0;
}

.category-slider-wrap::before,
.category-slider-wrap::after {
    display: none;
}

.category-slider {
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 10px;
    overscroll-behavior-inline: contain;
}

.category-slider::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.category-vine-rail {
    --vine-progress: 0%;
    position: relative;
    height: 42px;
    margin: 2px 4px 0;
    overflow: hidden;
    pointer-events: none;
}

.category-vine-rail::before {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 4px;
    bottom: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='36' viewBox='0 0 260 36'%3E%3Cpath d='M0 20 C34 2 64 34 100 17 S166 4 204 19 S238 30 260 14' fill='none' stroke='%23006B3F' stroke-width='2.2' stroke-linecap='round' opacity='.78'/%3E%3Cpath d='M56 18 C48 6 41 8 40 17 C47 20 52 21 56 18 Z M120 17 C128 5 136 8 136 17 C130 21 125 21 120 17 Z M190 17 C181 5 175 8 176 17 C182 21 187 21 190 17 Z M226 18 C234 7 241 9 241 17 C236 20 231 21 226 18 Z' fill='%23D4AF37' opacity='.72'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-size: 260px 36px;
    animation: ariaVineFlow 18s linear infinite;
}

.category-vine-rail::after {
    content: "";
    position: absolute;
    left: 4%;
    right: 4%;
    top: 50%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 107, 63, .22), transparent);
}

.vine-leaf {
    position: absolute;
    width: 15px;
    height: 9px;
    border-radius: 100% 0 100% 0;
    background: var(--emerald);
    z-index: 2;
    animation: ariaLeafSway 2.8s ease-in-out infinite alternate;
}

.vine-leaf.leaf-one {
    left: 16%;
    top: 7px;
    transform: rotate(-28deg);
}

.vine-leaf.leaf-two {
    left: 37%;
    top: 24px;
    transform: rotate(136deg);
    animation-delay: -.8s;
}

.vine-leaf.leaf-three {
    left: 67%;
    top: 6px;
    transform: rotate(-18deg);
    animation-delay: -1.3s;
}

.vine-leaf.leaf-four {
    left: 84%;
    top: 24px;
    transform: rotate(142deg);
    animation-delay: -1.9s;
}

.vine-runner {
    position: absolute;
    left: clamp(20px, var(--vine-progress), calc(100% - 20px));
    top: 50%;
    z-index: 4;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid rgba(212, 175, 55, .58);
    box-shadow: 0 8px 20px rgba(16, 37, 26, .13);
    transition: left .12s linear;
}

.vine-runner i {
    position: absolute;
    color: var(--emerald);
    font-size: 14px;
}

.vine-runner i:first-child {
    transform: translate(-5px, -3px) rotate(-34deg);
}

.vine-runner i:last-child {
    color: var(--gold);
    transform: translate(6px, 4px) rotate(42deg);
}

.category-drag-hint {
    margin: 0;
    text-align: center;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}

.category-drag-hint i {
    color: var(--gold);
    margin-right: 5px;
}

@keyframes ariaVineFlow {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: 260px;
    }
}

@keyframes ariaLeafSway {
    from {
        margin-top: -2px;
    }
    to {
        margin-top: 3px;
    }
}

.instagram-section {
    background: linear-gradient(180deg, rgba(255,255,255,.58), rgba(244,230,180,.18));
}

.instagram-profile-showcase {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    margin-bottom: 26px;
    padding: 24px;
    border: 1px solid rgba(0, 107, 63, .11);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(16, 37, 26, .07);
}

.instagram-profile-mark {
    width: 76px;
    height: 76px;
    display: grid;
    place-items: center;
    border-radius: 24px;
    background: var(--emerald-dark);
    color: var(--gold);
    font-size: 34px;
}

.instagram-profile-copy {
    min-width: 0;
}

.instagram-profile-copy > span {
    color: var(--gold);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.instagram-profile-copy h2 {
    margin: 5px 0 5px;
    font-size: clamp(28px, 4vw, 46px);
    letter-spacing: -.05em;
}

.instagram-profile-copy p {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.instagram-embed-stage {
    min-width: 0;
}

.instagram-official-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
}

.instagram-official-grid .instagram-media {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.instagram-fallback-feed {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.instagram-feed-item,
.instagram-center-profile {
    min-height: 230px;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border: 1px solid rgba(0, 107, 63, .10);
}

.instagram-feed-item img {
    width: 100%;
    height: 100%;
    min-height: 230px;
    object-fit: cover;
    transition: transform .4s ease;
}

.instagram-feed-item > span {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(0, 79, 48, .64);
    color: #fff;
    opacity: 0;
    transition: opacity .2s ease;
    font-size: 28px;
}

.instagram-feed-item:hover img {
    transform: scale(1.055);
}

.instagram-feed-item:hover > span {
    opacity: 1;
}

.instagram-center-profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 22px;
    color: #fff;
    background: var(--emerald-dark);
}

.instagram-center-profile i {
    color: var(--gold);
    font-size: 42px;
    margin-bottom: 12px;
}

.instagram-center-profile strong {
    font-size: 20px;
}

.instagram-center-profile span {
    margin-top: 7px;
    color: rgba(255,255,255,.75);
    font-size: 13px;
}

.instagram-feed-note {
    margin-top: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}

.instagram-feed-note i {
    color: var(--gold);
}

@media (max-width: 900px) {
    .instagram-official-grid,
    .instagram-fallback-feed {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .announcement-track {
        animation-duration: 24s;
    }

    .announcement-group {
        gap: 34px;
        justify-content: flex-start;
    }

    .search-panel {
        padding: 24px 16px 18px;
        border-radius: 22px;
    }

    .search-line {
        flex-direction: column;
    }

    .search-line button {
        min-height: 48px;
    }

    .live-search-item {
        grid-template-columns: 58px minmax(0, 1fr) auto;
        gap: 10px;
    }

    .live-search-item img {
        width: 58px;
        height: 58px;
    }

    .live-search-item > b {
        font-size: 13px;
    }

    .live-search-item > i {
        display: none;
    }

    .category-drag-hint {
        display: none;
    }

    .category-vine-rail {
        height: 34px;
    }

    .vine-runner {
        width: 34px;
        height: 34px;
    }

    .instagram-profile-showcase {
        grid-template-columns: 58px minmax(0, 1fr);
        padding: 18px;
    }

    .instagram-profile-mark {
        width: 58px;
        height: 58px;
        border-radius: 18px;
        font-size: 27px;
    }

    .instagram-profile-showcase .btn {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 520px) {
    .instagram-official-grid,
    .instagram-fallback-feed {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .instagram-feed-item,
    .instagram-center-profile,
    .instagram-feed-item img {
        min-height: 170px;
    }
}


/* Aria v4: kesintisiz duyuru bandı ve resmi Instagram profil gömme alanı */
.top-line,
.announcement-ticker {
    width: 100%;
    max-width: none;
    overflow: hidden;
}

.announcement-track {
    width: max-content;
    min-width: 0;
    display: flex;
    align-items: center;
    animation: ariaAnnouncementTickerV4 58s linear infinite;
    will-change: transform;
}

.announcement-group {
    width: max-content;
    min-width: max-content;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    padding: 0 18px 0 0;
}

.announcement-group span {
    gap: 7px;
}

@keyframes ariaAnnouncementTickerV4 {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

.category-drag-hint {
    display: none !important;
}

.instagram-profile-embed-wrap {
    width: min(100%, 580px);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.instagram-profile-embed-wrap .instagram-media,
.instagram-profile-embed {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 540px !important;
    margin: 0 auto !important;
}

@media (max-width: 760px) {
    .announcement-track {
        animation-duration: 44s;
    }

    .announcement-group {
        gap: 14px;
        padding-right: 14px;
    }

    .instagram-profile-showcase {
        margin-bottom: 18px;
    }
}

.instagram-botanical-section {
    position: relative;
    overflow: hidden;
    padding: clamp(56px, 7vw, 96px) 0;
    background:
        radial-gradient(circle at 14% 18%, rgba(212, 175, 55, .12), transparent 26%),
        radial-gradient(circle at 86% 78%, rgba(0, 107, 63, .10), transparent 28%),
        linear-gradient(180deg, #fffef9 0%, #faf8ef 50%, #fffefb 100%);
}

.instagram-botanical-container {
    max-width: 1480px;
}

.instagram-botanical-shell {
    position: relative;
    isolation: isolate;
    padding: clamp(42px, 5vw, 78px) clamp(18px, 5vw, 72px) clamp(36px, 5vw, 66px);
    border: 1px solid rgba(212, 175, 55, .38);
    border-radius: 42px;
    background:
        linear-gradient(rgba(255,255,255,.82), rgba(255,255,255,.82)),
        radial-gradient(circle at 50% 0%, rgba(212,175,55,.12), transparent 38%);
    box-shadow: 0 30px 80px rgba(16, 37, 26, .09), inset 0 0 0 5px rgba(255,255,255,.62);
}

.instagram-botanical-shell::before,
.instagram-botanical-shell::after {
    content: "";
    position: absolute;
    left: 7%;
    right: 7%;
    height: 1px;
    z-index: -1;
    background: linear-gradient(90deg, transparent, rgba(212,175,55,.88) 16%, rgba(212,175,55,.38) 50%, rgba(212,175,55,.88) 84%, transparent);
}

.instagram-botanical-shell::before {
    top: 24px;
}

.instagram-botanical-shell::after {
    bottom: 24px;
}

.instagram-botanical-heading {
    position: relative;
    z-index: 4;
    max-width: 900px;
    margin: 0 auto 34px;
    text-align: center;
}

.instagram-botanical-heading > span:not(.instagram-gold-ornament) {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--emerald-dark);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .28em;
    text-transform: uppercase;
}

.instagram-botanical-heading h2 {
    margin: 0;
    color: var(--emerald-dark);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(34px, 5vw, 64px);
    font-weight: 500;
    line-height: 1.04;
    letter-spacing: -.035em;
}

.instagram-botanical-heading p {
    max-width: 760px;
    margin: 16px auto 0;
    color: #7b6951;
    font-size: clamp(14px, 1.45vw, 17px);
    line-height: 1.75;
}

.instagram-gold-ornament {
    position: relative;
    display: block;
    width: 280px;
    height: 28px;
    margin: 0 auto 12px;
}

.instagram-gold-ornament::before,
.instagram-gold-ornament::after {
    content: "";
    position: absolute;
    top: 13px;
    width: 112px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold));
}

.instagram-gold-ornament::before {
    left: 0;
}

.instagram-gold-ornament::after {
    right: 0;
    transform: scaleX(-1);
}

.instagram-gold-ornament {
    background:
        radial-gradient(circle at center, var(--gold) 0 3px, transparent 4px),
        linear-gradient(45deg, transparent 45%, var(--gold) 46% 54%, transparent 55%) center / 18px 18px no-repeat;
}

.instagram-botanical-frame {
    position: relative;
    z-index: 3;
    width: min(100%, 1260px);
    margin: 0 auto;
    padding: 18px 18px 28px;
    border: 1px solid rgba(212,175,55,.72);
    border-radius: 34px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 24px 55px rgba(16,37,26,.10), inset 0 0 0 6px rgba(250,248,239,.86);
}

.instagram-botanical-frame::before,
.instagram-botanical-frame::after {
    content: "";
    position: absolute;
    width: 86px;
    height: 86px;
    pointer-events: none;
}

.instagram-botanical-frame::before {
    top: 8px;
    left: 8px;
    border-top: 2px solid rgba(212,175,55,.8);
    border-left: 2px solid rgba(212,175,55,.8);
    border-radius: 20px 0 0 0;
}

.instagram-botanical-frame::after {
    right: 8px;
    bottom: 8px;
    border-right: 2px solid rgba(212,175,55,.8);
    border-bottom: 2px solid rgba(212,175,55,.8);
    border-radius: 0 0 20px 0;
}

.instagram-profile-showcase-wide {
    position: relative;
    z-index: 2;
    grid-template-columns: 80px minmax(0,1fr) auto;
    margin: 0;
    padding: 22px 24px 18px;
    border: 0;
    border-radius: 24px 24px 18px 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,248,239,.70));
    box-shadow: none;
}

.instagram-profile-showcase-wide .instagram-profile-mark {
    border: 2px solid rgba(212,175,55,.76);
    background: linear-gradient(145deg, var(--emerald-dark), #007c4a);
    box-shadow: 0 10px 24px rgba(0,107,63,.17), inset 0 0 0 4px rgba(255,255,255,.09);
}

.instagram-profile-showcase-wide .instagram-profile-copy > span {
    color: var(--gold);
}

.instagram-profile-showcase-wide .instagram-profile-copy h3 {
    margin: 4px 0 4px;
    color: var(--emerald-dark);
    font-size: clamp(22px, 2.6vw, 34px);
    line-height: 1;
}

.instagram-profile-showcase-wide .instagram-profile-copy p {
    color: #7c6b55;
}

.instagram-follow-button {
    min-height: 50px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid rgba(212,175,55,.42);
    border-radius: 999px;
    background: linear-gradient(135deg, #005f38, #0a7f4f);
    color: #fff;
    font-weight: 800;
    box-shadow: 0 12px 25px rgba(0,107,63,.20);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.instagram-follow-button:hover {
    color: #fff;
    border-color: var(--gold);
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(0,107,63,.25);
}

.instagram-follow-button .fa-arrow-right {
    color: var(--gold);
    transition: transform .25s ease;
}

.instagram-follow-button:hover .fa-arrow-right {
    transform: translateX(4px);
}

.instagram-embed-card {
    position: relative;
    z-index: 2;
    margin-top: 2px;
    padding: clamp(16px, 2.5vw, 28px);
    overflow: hidden;
    border: 1px solid rgba(212,175,55,.45);
    border-radius: 26px;
    background:
        linear-gradient(rgba(255,255,255,.94), rgba(255,255,255,.94)),
        radial-gradient(circle at 50% 0%, rgba(0,107,63,.11), transparent 50%);
}

.instagram-profile-embed-wrap {
    width: min(100%, 760px);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.instagram-profile-embed-wrap .instagram-media,
.instagram-profile-embed {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 720px !important;
    margin: 0 auto !important;
}

.instagram-profile-embed-wrap iframe {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 auto !important;
    border-radius: 18px !important;
}

.instagram-frame-badge {
    position: absolute;
    left: 50%;
    bottom: -25px;
    z-index: 5;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    transform: translateX(-50%);
    border: 1px solid rgba(212,175,55,.78);
    border-radius: 50%;
    background: #fffdf7;
    color: var(--emerald-dark);
    box-shadow: 0 10px 25px rgba(16,37,26,.10), inset 0 0 0 5px rgba(212,175,55,.08);
}

.instagram-frame-badge i {
    font-size: 22px;
    animation: ariaInstagramSeedling 3.6s ease-in-out infinite;
}

.instagram-bottom-link {
    position: relative;
    z-index: 4;
    width: fit-content;
    max-width: 100%;
    margin: 42px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--emerald-dark);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(15px, 1.8vw, 20px);
    text-align: center;
}

.instagram-bottom-link > i:first-child {
    color: var(--emerald);
    font-size: 23px;
}

.instagram-bottom-link > i:last-child {
    color: var(--gold);
    font-size: 14px;
    transition: transform .25s ease;
}

.instagram-bottom-link:hover {
    color: var(--emerald);
}

.instagram-bottom-link:hover > i:last-child {
    transform: translateX(4px);
}

.instagram-vine {
    position: absolute;
    z-index: 1;
    width: 210px;
    height: 430px;
    pointer-events: none;
    opacity: .98;
}

.instagram-vine::before {
    content: "";
    position: absolute;
    inset: 18px 76px 28px 78px;
    border-left: 4px solid #2e773d;
    border-radius: 55% 0 0 55%;
    transform: rotate(-14deg);
    box-shadow: -5px 0 0 rgba(212,175,55,.18);
}

.instagram-vine-left {
    left: -34px;
    top: 8px;
    transform: rotate(-10deg);
}

.instagram-vine-right {
    right: -36px;
    bottom: -8px;
    transform: scaleX(-1) rotate(-10deg);
}

.instagram-leaf {
    position: absolute;
    width: 48px;
    height: 28px;
    border-radius: 100% 0 100% 0;
    background: linear-gradient(135deg, #0a6b3f, #5d9b4f);
    box-shadow: inset 4px 4px 10px rgba(255,255,255,.12), 0 7px 13px rgba(16,37,26,.12);
    transform-origin: 100% 50%;
    animation: ariaInstagramLeaf 4.8s ease-in-out infinite alternate;
}

.instagram-leaf::after {
    content: "";
    position: absolute;
    left: 7px;
    right: 7px;
    top: 13px;
    height: 1px;
    background: rgba(255,255,255,.34);
    transform: rotate(-12deg);
}

.instagram-vine .leaf-a { left: 48px; top: 38px; transform: rotate(20deg); }
.instagram-vine .leaf-b { left: 92px; top: 102px; transform: rotate(148deg) scale(.9); animation-delay: -.8s; }
.instagram-vine .leaf-c { left: 30px; top: 170px; transform: rotate(4deg) scale(1.08); animation-delay: -1.6s; }
.instagram-vine .leaf-d { left: 96px; top: 250px; transform: rotate(156deg) scale(.82); animation-delay: -2.4s; }
.instagram-vine .leaf-e { left: 40px; top: 338px; transform: rotate(12deg) scale(.96); animation-delay: -3.2s; }

.instagram-daisy {
    position: absolute;
    z-index: 2;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    pointer-events: none;
    filter: drop-shadow(0 9px 10px rgba(16,37,26,.12));
    animation: ariaInstagramDaisy 6s ease-in-out infinite;
}

.instagram-daisy::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
        radial-gradient(ellipse at 50% 9%, #fff 0 23%, transparent 24%),
        radial-gradient(ellipse at 79% 21%, #fff 0 22%, transparent 23%),
        radial-gradient(ellipse at 91% 50%, #fff 0 23%, transparent 24%),
        radial-gradient(ellipse at 79% 79%, #fff 0 22%, transparent 23%),
        radial-gradient(ellipse at 50% 91%, #fff 0 23%, transparent 24%),
        radial-gradient(ellipse at 21% 79%, #fff 0 22%, transparent 23%),
        radial-gradient(ellipse at 9% 50%, #fff 0 23%, transparent 24%),
        radial-gradient(ellipse at 21% 21%, #fff 0 22%, transparent 23%);
}

.instagram-daisy i {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 21px;
    height: 21px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle at 38% 34%, #f7da6b, #d4af37 72%);
    box-shadow: inset -3px -3px 5px rgba(120,83,0,.12);
}

.instagram-daisy-one {
    left: 34px;
    top: 112px;
}

.instagram-daisy-two {
    right: 58px;
    bottom: 72px;
    width: 52px;
    height: 52px;
    animation-delay: -2.4s;
}

.instagram-daisy-three {
    left: 17%;
    bottom: 36px;
    width: 34px;
    height: 34px;
    animation-delay: -4.1s;
}

.instagram-sparkle {
    position: absolute;
    z-index: 1;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 0 6px rgba(212,175,55,.08), 0 0 18px rgba(212,175,55,.8);
    pointer-events: none;
    animation: ariaInstagramSparkle 3s ease-in-out infinite;
}

.sparkle-one { left: 12%; top: 31%; }
.sparkle-two { right: 15%; top: 22%; animation-delay: -1s; }
.sparkle-three { right: 25%; bottom: 13%; animation-delay: -2s; }

@keyframes ariaInstagramLeaf {
    0% { margin-top: -2px; filter: brightness(.96); }
    100% { margin-top: 4px; filter: brightness(1.06); }
}

@keyframes ariaInstagramDaisy {
    0%, 100% { transform: translateY(0) rotate(-4deg); }
    50% { transform: translateY(-7px) rotate(5deg); }
}

@keyframes ariaInstagramSparkle {
    0%, 100% { opacity: .35; transform: scale(.72); }
    50% { opacity: 1; transform: scale(1.18); }
}

@keyframes ariaInstagramSeedling {
    0%, 100% { transform: rotate(-5deg) scale(1); }
    50% { transform: rotate(6deg) scale(1.08); }
}

@media (max-width: 980px) {
    .instagram-botanical-shell {
        border-radius: 32px;
    }

    .instagram-vine {
        opacity: .55;
        transform: scale(.82) rotate(-10deg);
    }

    .instagram-vine-right {
        transform: scaleX(-1) scale(.82) rotate(-10deg);
    }

    .instagram-profile-showcase-wide {
        grid-template-columns: 70px minmax(0,1fr);
    }

    .instagram-profile-showcase-wide .instagram-follow-button {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 760px) {
    .instagram-botanical-section {
        padding: 34px 0;
    }

    .instagram-botanical-shell {
        padding: 34px 12px 34px;
        border-radius: 24px;
    }

    .instagram-botanical-heading {
        margin-bottom: 22px;
    }

    .instagram-gold-ornament {
        width: 210px;
    }

    .instagram-gold-ornament::before,
    .instagram-gold-ornament::after {
        width: 78px;
    }

    .instagram-botanical-frame {
        padding: 8px 8px 22px;
        border-radius: 24px;
    }

    .instagram-profile-showcase-wide {
        grid-template-columns: 58px minmax(0,1fr);
        gap: 13px;
        padding: 16px 12px 14px;
    }

    .instagram-profile-showcase-wide .instagram-profile-mark {
        width: 58px;
        height: 58px;
    }

    .instagram-profile-showcase-wide .instagram-profile-copy h3 {
        font-size: 21px;
    }

    .instagram-embed-card {
        padding: 8px;
        border-radius: 18px;
    }

    .instagram-vine {
        width: 150px;
        height: 320px;
        opacity: .28;
    }

    .instagram-daisy-one {
        left: -3px;
        top: 92px;
        width: 46px;
        height: 46px;
    }

    .instagram-daisy-two {
        right: 4px;
        bottom: 58px;
        width: 40px;
        height: 40px;
    }

    .instagram-daisy-three {
        display: none;
    }

    .instagram-bottom-link {
        gap: 7px;
        margin-top: 38px;
    }
}

@media (max-width: 480px) {
    .instagram-botanical-heading > span:not(.instagram-gold-ornament) {
        letter-spacing: .18em;
    }

    .instagram-botanical-heading h2 {
        font-size: 32px;
    }

    .instagram-profile-showcase-wide .instagram-profile-copy > span {
        font-size: 10px;
    }

    .instagram-profile-showcase-wide .instagram-profile-copy p {
        font-size: 12px;
    }

    .instagram-bottom-link > i:last-child {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .instagram-leaf,
    .instagram-daisy,
    .instagram-sparkle,
    .instagram-frame-badge i {
        animation: none !important;
    }
}

:root {
    --emerald: #075c3b;
    --emerald-dark: #033b27;
    --emerald-deep: #021e15;
    --gold: #d6ad4b;
    --gold-bright: #f2d57e;
    --gold-soft: #f4e8bd;
    --ink: #101713;
    --muted: #6f766f;
    --ivory: #fbf8ee;
    --cream: #f5efdf;
    --black: #080b09;
    --white: #ffffff;
    --line: rgba(214, 173, 75, .26);
    --shadow: 0 22px 52px rgba(4, 24, 16, .12);
    --radius: 22px;
}

body {
    background: #fffdf8;
    color: var(--ink);
    padding-bottom: 0;
}

body.search-open,
body.menu-open {
    overflow: hidden;
}

.container {
    width: min(1280px, calc(100% - 34px));
}

.top-line {
    background: linear-gradient(90deg, #021d14 0%, #075c3b 52%, #021d14 100%);
    color: #fff2c7;
    border-bottom: 1px solid rgba(214, 173, 75, .22);
    overflow: hidden;
}

.announcement-ticker {
    min-height: 34px;
    width: 100%;
    overflow: hidden;
}

.announcement-track {
    display: flex;
    width: max-content;
    min-width: max-content;
    animation: ariaAnnouncementTicker 32s linear infinite;
    will-change: transform;
}

.announcement-group {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content !important;
    min-width: max-content !important;
    gap: 30px !important;
    padding: 0 30px 0 0 !important;
    justify-content: flex-start !important;
}

.announcement-group span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .01em;
}

.announcement-group span i {
    color: var(--gold-bright);
    font-size: 10px;
}

@keyframes ariaAnnouncementTicker {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-50%, 0, 0);
    }
}

.site-header.aria-luxury-header {
    position: sticky;
    top: 0;
    z-index: 90;
    background: rgba(255, 253, 248, .98);
    border-bottom: 1px solid rgba(214, 173, 75, .28);
    box-shadow: 0 7px 26px rgba(4, 24, 16, .06);
    backdrop-filter: blur(18px);
}

.aria-luxury-header .header-inner {
    min-height: 92px;
    gap: 24px;
}

.aria-luxury-header .brand {
    width: 150px;
    min-width: 150px;
    display: flex;
    align-items: center;
}

.aria-luxury-header .brand img {
    width: 138px;
    height: 74px;
    object-fit: contain;
    filter: drop-shadow(0 8px 14px rgba(4, 24, 16, .08));
}

.aria-luxury-header .main-nav {
    gap: 4px;
}

.aria-luxury-header .main-nav > a,
.aria-luxury-header .nav-dropdown > a {
    min-height: 44px;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 13px;
    color: #13251c;
}

.aria-luxury-header .main-nav a:hover,
.aria-luxury-header .main-nav a.active,
.aria-luxury-header .nav-dropdown:hover > a,
.aria-luxury-header .nav-dropdown.open > a {
    color: var(--emerald-dark);
    background: rgba(7, 92, 59, .08);
}

.aria-luxury-header .nav-dropdown-menu {
    top: 43px;
    width: 250px;
    padding: 10px;
    background: #fffef9;
    border: 1px solid rgba(214, 173, 75, .32);
    box-shadow: 0 24px 52px rgba(4, 24, 16, .14);
}

.aria-luxury-header .nav-dropdown:hover .nav-dropdown-menu,
.aria-luxury-header .nav-dropdown.open .nav-dropdown-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.aria-luxury-header .nav-dropdown-menu a:hover {
    background: rgba(214, 173, 75, .12);
    color: var(--emerald-dark);
}

.aria-luxury-header .header-actions {
    gap: 9px;
}

.aria-luxury-header .icon-button,
.aria-luxury-header .mobile-menu-button {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(214, 173, 75, .48);
    background: #fffdf8;
    color: var(--emerald-dark);
    box-shadow: 0 7px 18px rgba(4, 24, 16, .06);
}

.aria-luxury-header .icon-button:hover,
.aria-luxury-header .mobile-menu-button:hover {
    background: var(--emerald-dark);
    color: var(--gold-bright);
    border-color: var(--gold);
}

.mobile-search-shell {
    display: none;
}

.mobile-menu-backdrop {
    position: fixed;
    inset: 0;
    z-index: 78;
    background: rgba(0, 0, 0, .64);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
}

.mobile-menu-backdrop.active {
    opacity: 1;
    pointer-events: auto;
}

.search-overlay {
    background: rgba(2, 17, 12, .82);
    backdrop-filter: blur(12px);
    z-index: 130;
}

.search-panel {
    border: 1px solid rgba(214, 173, 75, .42);
    background: #fffdf8;
    box-shadow: 0 32px 90px rgba(0, 0, 0, .36);
}

.search-kicker {
    color: var(--gold);
}

.search-panel h3 {
    font-family: "Cormorant Garamond", Georgia, serif;
    color: var(--emerald-dark);
    font-size: clamp(30px, 4vw, 42px);
}

.search-line input {
    border-color: rgba(214, 173, 75, .48);
    background: #fff;
}

.search-line button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #064c32, #08714a);
    color: #fff7dc;
}

.aria-home-hero {
    padding: 18px 0 12px;
    background: linear-gradient(180deg, #fffdf8 0%, #f7f0df 100%);
}

.aria-home-hero .hero-slider {
    min-height: 500px;
    border-radius: 28px;
    border: 1px solid rgba(214, 173, 75, .44);
    box-shadow: 0 28px 70px rgba(3, 35, 23, .18);
    background: #07150f;
}

.aria-home-hero .hero-slider::before,
.aria-home-hero .hero-slider::after {
    content: "";
    position: absolute;
    z-index: 6;
    pointer-events: none;
}

.aria-home-hero .hero-slider::before {
    inset: 12px;
    border: 1px solid rgba(242, 213, 126, .28);
    border-radius: 20px;
}

.aria-home-hero .hero-slider::after {
    width: 120px;
    height: 120px;
    right: 4%;
    bottom: -38px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(214, 173, 75, .26), transparent 66%);
    filter: blur(5px);
}

.aria-home-hero .hero-slide {
    min-height: 500px;
    padding: 64px 78px;
    background-position: center;
    background-size: cover;
}

.aria-home-hero .hero-content {
    max-width: 520px;
    position: relative;
    z-index: 8;
}

.aria-home-hero .hero-content > span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid rgba(242, 213, 126, .56);
    border-radius: 999px;
    background: rgba(5, 47, 31, .68);
    color: #fff0be;
    backdrop-filter: blur(8px);
}

.aria-home-hero .hero-content h1 {
    margin: 16px 0 12px;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(54px, 6vw, 84px);
    line-height: .94;
    color: #fff9ea;
    text-shadow: 0 6px 24px rgba(0, 0, 0, .32);
}

.aria-home-hero .hero-content p {
    max-width: 470px;
    color: rgba(255, 255, 255, .86);
    font-size: 16px;
    line-height: 1.75;
}

.aria-home-hero .btn-gold {
    min-height: 48px;
    padding: 0 22px;
    background: linear-gradient(135deg, #e7c66f, #b98d2f);
    color: #102016;
    border: 1px solid #ffe8a6;
    box-shadow: 0 13px 32px rgba(0, 0, 0, .22);
}

.aria-home-hero .hero-arrow {
    width: 46px;
    height: 46px;
    z-index: 10;
    border: 1px solid rgba(242, 213, 126, .64);
    background: rgba(3, 35, 23, .78);
    color: #ffe8a6;
}

.aria-home-hero .hero-dots {
    z-index: 10;
}

.aria-home-hero .hero-dots button {
    background: rgba(255, 255, 255, .46);
}

.aria-home-hero .hero-dots button.active {
    width: 28px;
    background: var(--gold-bright);
}

.aria-home-categories {
    padding: 34px 0 28px;
    background: #fffdf8;
    position: relative;
    overflow: hidden;
}

.aria-home-categories::before,
.aria-home-categories::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(7, 92, 59, .08), transparent 68%);
    pointer-events: none;
}

.aria-home-categories::before {
    left: -120px;
    top: -80px;
}

.aria-home-categories::after {
    right: -120px;
    bottom: -110px;
}

.category-section-head {
    margin-bottom: 18px;
}

.category-section-head h2,
.aria-featured-products .section-head h2,
.aria-new-products .section-head h2 {
    font-family: "Cormorant Garamond", Georgia, serif;
    color: var(--emerald-dark);
}

.category-slider-wrap {
    position: relative;
    padding-bottom: 18px;
}

.category-slider {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(132px, 1fr);
    gap: 14px;
    overflow-x: auto;
    padding: 4px 2px 16px;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
}

.category-slider::-webkit-scrollbar {
    display: none;
}

.category-slider.is-dragging {
    cursor: grabbing;
}

.category-pill {
    min-height: 170px;
    padding: 10px 10px 14px;
    border-radius: 24px;
    border: 1px solid rgba(214, 173, 75, .36);
    background: linear-gradient(180deg, #fffefb, #f7f0de);
    box-shadow: 0 14px 28px rgba(3, 35, 23, .08);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.category-pill:nth-child(3n + 2) {
    background: linear-gradient(180deg, #f4f9f4, #e9f1e8);
}

.category-pill:nth-child(3n + 3) {
    background: linear-gradient(180deg, #fffaf0, #f3e6c8);
}

.category-pill:hover {
    transform: translateY(-7px);
    border-color: rgba(214, 173, 75, .8);
    box-shadow: 0 22px 42px rgba(3, 35, 23, .14);
}

.category-image-shell {
    width: 100%;
    height: 112px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 18px;
    background: radial-gradient(circle at 50% 40%, rgba(255, 255, 255, .96), rgba(244, 232, 189, .52));
    box-shadow: inset 0 0 0 1px rgba(214, 173, 75, .18);
}

.category-pill img {
    width: 106px;
    height: 106px;
    object-fit: cover;
    border-radius: 16px;
    filter: drop-shadow(0 13px 10px rgba(3, 35, 23, .20));
    transform: perspective(500px) rotateX(2deg) translateY(-1px) scale(1.03);
    transition: transform .3s ease, filter .3s ease;
}

.category-pill:hover img {
    transform: perspective(500px) rotateX(0) translateY(-5px) scale(1.08);
    filter: drop-shadow(0 18px 14px rgba(3, 35, 23, .26));
}

.category-pill strong {
    margin-top: 10px;
    text-align: center;
    color: #173226;
    font-size: 13px;
    line-height: 1.35;
}

.category-vine-rail {
    height: 12px;
    bottom: 0;
    border: 0;
    background: transparent;
    overflow: visible;
}

.category-vine-rail::before {
    height: 4px;
    top: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #174f36, #d6ad4b, #174f36);
    box-shadow: 0 0 0 1px rgba(7, 92, 59, .08), 0 3px 10px rgba(7, 92, 59, .14);
}

.category-vine-rail::after {
    content: "✿";
    width: 34px;
    height: 34px;
    top: -12px;
    left: clamp(0px, var(--vine-progress, 0%), calc(100% - 34px));
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #fffdf6;
    border: 1px solid rgba(214, 173, 75, .68);
    color: #d6ad4b;
    box-shadow: 0 7px 18px rgba(3, 35, 23, .15);
    transition: left .12s linear;
}

.vine-leaf,
.vine-runner {
    opacity: .92;
}

.aria-showcase-section {
    padding: 22px 0 26px;
    background: linear-gradient(180deg, #fffdf8 0%, #f5efdf 100%);
}

.home-slider-shell {
    position: relative;
}

.home-scroll-track {
    display: flex;
    overflow-x: auto;
    gap: 16px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
    padding: 4px 2px 12px;
}

.home-scroll-track::-webkit-scrollbar {
    display: none;
}

.home-scroll-track.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
}

.banner-track .promo-card {
    flex: 0 0 calc((100% - 32px) / 3);
    min-width: 0;
    min-height: 310px;
    scroll-snap-align: start;
}

.promo-card {
    position: relative;
    border-radius: 26px;
    overflow: hidden;
    padding: 30px;
    border: 1px solid rgba(214, 173, 75, .54);
    box-shadow: 0 20px 46px rgba(3, 35, 23, .16);
    background-position: center;
    background-size: cover;
    transition: transform .3s ease, box-shadow .3s ease;
}

.promo-card::before {
    content: "";
    position: absolute;
    inset: 10px;
    border: 1px solid rgba(242, 213, 126, .30);
    border-radius: 18px;
    pointer-events: none;
}

.promo-card::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    right: -30px;
    bottom: -30px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(214, 173, 75, .26), transparent 68%);
    filter: blur(4px);
}

.promo-card:hover {
    transform: translateY(-6px) perspective(800px) rotateX(1deg);
    box-shadow: 0 28px 60px rgba(3, 35, 23, .22);
}

.promo-card > * {
    position: relative;
    z-index: 2;
}

.promo-card span {
    color: var(--gold-bright);
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.promo-card h3 {
    margin: 11px 0 9px;
    max-width: 280px;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(30px, 3vw, 42px);
    line-height: .98;
    color: #fff7df;
}

.promo-card p {
    max-width: 300px;
    color: rgba(255, 255, 255, .84);
    line-height: 1.65;
}

.promo-card em {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: #ffedae;
    font-style: normal;
    font-weight: 900;
}

.home-slider-arrow {
    position: absolute;
    top: 50%;
    z-index: 8;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(214, 173, 75, .62);
    background: rgba(2, 30, 21, .92);
    color: #ffe6a0;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .20);
    cursor: pointer;
    transform: translateY(-50%);
    transition: transform .2s ease, background .2s ease;
}

.home-slider-arrow:hover {
    background: #a77b25;
    color: #fff;
    transform: translateY(-50%) scale(1.08);
}

.home-slider-prev {
    left: -18px;
}

.home-slider-next {
    right: -18px;
}

.aria-advantages-slider-section {
    padding: 18px 0 30px;
    background: #f5efdf;
}

.advantages-track {
    gap: 12px;
}

.advantages-track .advantage-card {
    flex: 0 0 calc((100% - 36px) / 4);
    min-width: 0;
    scroll-snap-align: start;
}

.advantage-card {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 132px;
    padding: 20px 18px;
    border: 1px solid rgba(214, 173, 75, .42);
    border-radius: 22px;
    background: linear-gradient(145deg, #062d20, #074d34 62%, #031c14);
    color: #fff8e5;
    box-shadow: 0 16px 32px rgba(3, 35, 23, .16);
}

.advantage-card .advantage-icon {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    border: 1px solid rgba(242, 213, 126, .56);
    background: linear-gradient(145deg, rgba(242, 213, 126, .18), rgba(0, 0, 0, .16));
    color: #f4ce68;
    font-size: 24px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 10px 20px rgba(0, 0, 0, .16);
}

.advantage-card h3 {
    margin: 0 0 6px;
    color: #ffedb8;
    font-size: 15px;
}

.advantage-card p {
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    line-height: 1.55;
}

.aria-featured-products,
.aria-new-products {
    padding: 42px 0 48px;
}

.aria-featured-products {
    background: linear-gradient(180deg, #0a100d 0%, #101713 100%);
}

.aria-featured-products .section-head > div > span,
.aria-featured-products .section-head > a {
    color: #e8c970;
}

.aria-featured-products .section-head h2 {
    color: #fff9ea;
}

.aria-new-products {
    background: #fffaf0;
}

.product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.product-card {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(214, 173, 75, .30);
    background: #fff;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .12);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.product-card:hover {
    transform: translateY(-7px);
    border-color: rgba(214, 173, 75, .72);
    box-shadow: 0 24px 54px rgba(0, 0, 0, .18);
}

.product-image {
    height: 248px;
    background: radial-gradient(circle at 50% 40%, #fff 0%, #f2ead7 100%);
    overflow: hidden;
}

.product-image::after {
    content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    bottom: 5px;
    height: 18px;
    border-radius: 50%;
    background: rgba(4, 24, 16, .18);
    filter: blur(12px);
    pointer-events: none;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 16px 12px rgba(3, 35, 23, .20));
    transform: perspective(700px) translateZ(0) scale(1.02);
}

.product-card:hover .product-image img {
    transform: perspective(700px) translateZ(18px) scale(1.07);
}

.product-image .product-badge,
.product-image > span {
    z-index: 3;
    left: 10px;
    top: 10px;
    bottom: auto;
    min-height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    background: rgba(3, 59, 39, .94);
    color: #fff3c8;
    border: 1px solid rgba(214, 173, 75, .54);
    font-size: 9px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
}

.product-body {
    padding: 16px;
}

.product-body small {
    color: var(--emerald);
    font-size: 10px;
    font-weight: 800;
}

.product-body .product-code {
    margin: 8px 0 5px;
    color: #868b86;
    font-size: 10px;
}

.product-body h3 {
    min-height: 42px;
    margin: 0 0 8px;
    color: #142119;
    font-size: 15px;
    line-height: 1.4;
}

.product-short-description {
    min-height: 36px;
    margin: 0 0 8px;
    color: #727972;
    font-size: 11px;
    line-height: 1.5;
}

.product-price {
    min-height: 34px;
    margin: 0 0 10px;
}

.product-price strong {
    color: var(--emerald-dark);
    font-size: 20px;
}

.whatsapp-order-button {
    min-height: 44px;
    border-radius: 11px;
    background: linear-gradient(135deg, #075b3b, #0a784e);
    color: #fff;
    border: 1px solid rgba(214, 173, 75, .32);
    box-shadow: 0 9px 20px rgba(7, 92, 59, .18);
}

.whatsapp-order-button:hover {
    background: linear-gradient(135deg, #a87821, #d2a643);
    color: #0f1d14;
}

.instagram-botanical-section {
    background: linear-gradient(180deg, #fffaf0 0%, #f4ecd8 100%);
}

.instagram-botanical-shell {
    box-shadow: 0 30px 70px rgba(3, 35, 23, .14);
}

.site-footer {
    background: #06130e;
    color: rgba(255, 255, 255, .78);
    border-top: 1px solid rgba(214, 173, 75, .28);
}

.footer-brand img {
    width: 150px;
    max-height: 82px;
    object-fit: contain;
    border-radius: 16px;
}

.footer-column h4 {
    color: #f2d57e;
}

.footer-column a:hover,
.instagram-link:hover {
    color: #f2d57e;
}

.footer-bottom {
    background: #020a07;
    border-top: 1px solid rgba(214, 173, 75, .18);
}

.mobile-bottom-nav {
    display: none;
}

@media (max-width: 1120px) {
    .aria-luxury-header .brand {
        width: 126px;
        min-width: 126px;
    }

    .aria-luxury-header .brand img {
        width: 118px;
    }

    .aria-luxury-header .main-nav {
        z-index: 82;
    }

    .banner-track .promo-card {
        flex-basis: calc((100% - 16px) / 2);
    }

    .advantages-track .advantage-card {
        flex-basis: calc((100% - 12px) / 2);
    }

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

@media (max-width: 760px) {
    body {
        padding-bottom: 78px;
        background: #fffdf8;
    }

    .container {
        width: min(100% - 20px, 1280px);
    }

    .top-line {
        position: relative;
        z-index: 95;
    }

    .announcement-ticker {
        min-height: 34px;
    }

    .announcement-track {
        animation-duration: 24s;
    }

    .announcement-group {
        gap: 22px !important;
        padding-right: 22px !important;
    }

    .announcement-group span {
        font-size: 11px;
    }

    .site-header.aria-luxury-header {
        background: linear-gradient(135deg, #050a07 0%, #08261a 55%, #020604 100%);
        border-bottom: 1px solid rgba(214, 173, 75, .42);
        box-shadow: 0 12px 28px rgba(0, 0, 0, .26);
    }

    .aria-luxury-header .header-inner {
        min-height: 84px;
        position: relative;
        padding: 0 2px;
    }

    .aria-luxury-header .brand {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 112px;
        min-width: 112px;
        z-index: 2;
    }

    .aria-luxury-header .brand img {
        width: 112px;
        height: 66px;
        border-radius: 15px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    }

    .aria-luxury-header .mobile-menu-button {
        display: grid;
        width: 44px;
        height: 44px;
        z-index: 90;
        border-color: rgba(214, 173, 75, .56);
        background: rgba(255, 255, 255, .05);
        color: #f4d879;
        box-shadow: none;
    }

    .aria-luxury-header .header-actions {
        margin-left: auto;
        z-index: 4;
    }

    .aria-luxury-header .desktop-search-button {
        display: none !important;
    }

    .aria-luxury-header .header-whatsapp {
        display: grid !important;
        width: 44px;
        height: 44px;
        border-color: rgba(214, 173, 75, .56);
        background: rgba(255, 255, 255, .05);
        color: #39d477;
        box-shadow: none;
    }

    .aria-luxury-header .main-nav {
        position: fixed;
        inset: 0 auto 0 0;
        width: min(340px, 88vw);
        height: 100dvh;
        padding: 108px 18px 28px;
        background: linear-gradient(180deg, #06130e 0%, #082d20 56%, #020806 100%);
        border-right: 1px solid rgba(214, 173, 75, .35);
        box-shadow: 26px 0 60px rgba(0, 0, 0, .42);
        transform: translateX(-106%);
        transition: transform .28s ease;
        z-index: 88;
        overflow-y: auto;
    }

    .aria-luxury-header .main-nav.active {
        transform: translateX(0);
    }

    .aria-luxury-header .main-nav > a,
    .aria-luxury-header .nav-dropdown > a {
        min-height: 50px;
        padding: 0 14px;
        color: #fff7df;
        background: rgba(255, 255, 255, .035);
        border: 1px solid rgba(214, 173, 75, .15);
        border-radius: 12px;
    }

    .aria-luxury-header .main-nav a:hover,
    .aria-luxury-header .main-nav a.active,
    .aria-luxury-header .nav-dropdown > a:hover {
        color: #ffdfa0;
        background: rgba(214, 173, 75, .12);
    }

    .aria-luxury-header .nav-dropdown-menu {
        display: grid;
        position: static;
        width: 100%;
        padding: 8px 0 8px 12px;
        background: transparent;
        border: 0;
        box-shadow: none;
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }

    .aria-luxury-header .nav-dropdown-menu a {
        color: rgba(255, 255, 255, .78);
        border-left: 1px solid rgba(214, 173, 75, .32);
        border-radius: 0 10px 10px 0;
    }

    .mobile-search-shell {
        display: block;
        padding: 0 10px 10px;
    }

    .mobile-search-trigger {
        width: 100%;
        min-height: 48px;
        padding: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 52px;
        align-items: center;
        text-align: left;
        border: 1px solid rgba(214, 173, 75, .68);
        border-radius: 12px;
        overflow: hidden;
        background: #fffdf9;
        color: #8a8f8a;
        box-shadow: 0 10px 20px rgba(0, 0, 0, .16);
        cursor: pointer;
    }

    .mobile-search-trigger span {
        padding: 0 14px;
        font-size: 13px;
    }

    .mobile-search-trigger i {
        height: 100%;
        display: grid;
        place-items: center;
        background: #075c3b;
        color: #f5d67a;
        font-size: 18px;
    }

    .search-overlay {
        align-items: flex-start;
        padding-top: 4vh;
    }

    .search-panel {
        width: calc(100% - 18px);
        max-height: 92vh;
        overflow-y: auto;
        padding: 24px 14px 18px;
        border-radius: 18px;
    }

    .search-panel h3 {
        padding-right: 40px;
        font-size: 30px;
    }

    .search-line {
        gap: 6px;
    }

    .search-line button {
        width: 52px;
        padding: 0;
    }

    .search-line button span {
        display: none;
    }

    .live-search-item {
        grid-template-columns: 58px minmax(0, 1fr) auto;
        gap: 9px;
        min-height: 72px;
    }

    .live-search-item img {
        width: 58px;
        height: 58px;
    }

    .live-search-item > i {
        display: none;
    }

    .live-search-item b {
        font-size: 12px;
    }

    .aria-home-hero {
        padding: 0;
        background: #fff;
    }

    .home-hero-container {
        width: 100%;
    }

    .aria-home-hero .hero-slider {
        min-height: 290px;
        border-radius: 0;
        border: 0;
        box-shadow: none;
    }

    .aria-home-hero .hero-slider::before {
        inset: 8px;
        border-radius: 12px;
    }

    .aria-home-hero .hero-slide {
        min-height: 290px;
        padding: 34px 30px 54px;
        align-items: center;
        background-position: center;
    }

    .aria-home-hero .hero-content {
        max-width: 72%;
    }

    .aria-home-hero .hero-content > span {
        min-height: 24px;
        padding: 0 9px;
        font-size: 9px;
    }

    .aria-home-hero .hero-content h1 {
        margin: 10px 0 8px;
        font-size: clamp(34px, 10vw, 48px);
    }

    .aria-home-hero .hero-content p {
        margin: 0 0 14px;
        font-size: 12px;
        line-height: 1.55;
    }

    .aria-home-hero .btn-gold {
        min-height: 38px;
        padding: 0 14px;
        border-radius: 9px;
        font-size: 11px;
    }

    .aria-home-hero .hero-arrow {
        display: grid;
        width: 34px;
        height: 34px;
        font-size: 11px;
    }

    .aria-home-hero .hero-arrow.prev {
        left: 8px;
    }

    .aria-home-hero .hero-arrow.next {
        right: 8px;
    }

    .aria-home-hero .hero-dots {
        left: 50%;
        bottom: 13px;
        transform: translateX(-50%);
    }

    .aria-home-categories {
        padding: 20px 0 14px;
    }

    .category-section-head {
        display: none;
    }

    .category-slider-wrap {
        padding-bottom: 15px;
    }

    .category-slider {
        grid-auto-columns: 104px;
        gap: 10px;
        padding: 3px 0 12px;
    }

    .category-pill {
        min-height: 132px;
        padding: 8px 7px 10px;
        border-radius: 20px;
    }

    .category-image-shell {
        height: 88px;
        border-radius: 16px;
    }

    .category-pill img {
        width: 84px;
        height: 84px;
        border-radius: 14px;
    }

    .category-pill strong {
        margin-top: 7px;
        font-size: 11px;
    }

    .category-vine-rail {
        height: 8px;
    }

    .category-vine-rail::after {
        width: 28px;
        height: 28px;
        top: -10px;
        font-size: 12px;
    }

    .aria-showcase-section {
        padding: 8px 0 18px;
    }

    .home-scroll-track {
        gap: 10px;
        padding: 2px 0 10px;
    }

    .banner-track .promo-card {
        flex: 0 0 88%;
        min-height: 240px;
        padding: 24px 22px;
        border-radius: 20px;
    }

    .promo-card h3 {
        font-size: 34px;
        max-width: 230px;
    }

    .promo-card p {
        max-width: 240px;
        font-size: 12px;
    }

    .home-slider-arrow {
        width: 34px;
        height: 34px;
        font-size: 11px;
    }

    .home-slider-prev {
        left: -6px;
    }

    .home-slider-next {
        right: -6px;
    }

    .aria-advantages-slider-section {
        padding: 7px 0 22px;
    }

    .advantages-track .advantage-card {
        flex: 0 0 82%;
    }

    .advantage-card {
        min-height: 112px;
        padding: 16px;
        border-radius: 18px;
    }

    .advantage-card .advantage-icon {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
        font-size: 21px;
    }

    .aria-featured-products,
    .aria-new-products {
        padding: 28px 0 34px;
    }

    .section-head {
        margin-bottom: 16px;
    }

    .section-head h2,
    .category-section-head h2 {
        margin-top: 3px;
        font-size: 30px;
    }

    .section-head > a {
        display: inline-flex;
        margin-top: 5px;
        font-size: 11px;
    }

    .product-grid,
    .product-grid.small-gap,
    .catalog-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .product-card {
        border-radius: 15px;
    }

    .product-image {
        height: 168px;
    }

    .product-image .product-badge,
    .product-image > span {
        left: 7px;
        top: 7px;
        min-height: 22px;
        padding: 0 7px;
        font-size: 8px;
    }

    .product-body {
        padding: 10px;
    }

    .product-body small {
        font-size: 8px;
    }

    .product-body .product-code {
        margin: 6px 0 4px;
        font-size: 8px;
    }

    .product-body h3 {
        min-height: 36px;
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 1.42;
    }

    .product-short-description {
        display: none;
    }

    .product-price {
        min-height: 26px;
        margin-bottom: 6px;
    }

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

    .product-price del {
        font-size: 10px;
    }

    .whatsapp-order-button {
        min-height: 38px;
        padding: 0 6px;
        border-radius: 9px;
        gap: 5px;
        font-size: 9px;
        line-height: 1.2;
        text-align: center;
    }

    .whatsapp-order-button i {
        font-size: 15px;
    }

    .instagram-botanical-section {
        padding: 24px 0 28px;
    }

    .instagram-botanical-container {
        width: calc(100% - 12px);
    }

    .instagram-botanical-shell {
        padding: 28px 8px 30px;
        border-radius: 22px;
    }

    .instagram-botanical-heading h2 {
        font-size: 31px;
    }

    .instagram-botanical-heading p {
        font-size: 12px;
    }

    .instagram-profile-showcase-wide {
        grid-template-columns: 54px minmax(0, 1fr);
        padding: 13px 10px;
    }

    .instagram-follow-button {
        min-height: 42px;
        font-size: 11px;
    }

    .site-footer {
        padding-bottom: 16px;
    }

    .footer-top {
        padding-top: 34px;
    }

    .whatsapp-float {
        display: none;
    }

    .mobile-bottom-nav {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 120;
        height: 72px;
        padding: 0 4px env(safe-area-inset-bottom);
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        align-items: center;
        background: linear-gradient(180deg, rgba(4, 52, 35, .98), rgba(2, 29, 20, .99));
        border-top: 1px solid rgba(214, 173, 75, .52);
        box-shadow: 0 -10px 28px rgba(0, 0, 0, .22);
    }

    .mobile-bottom-nav > a {
        min-width: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        color: rgba(255, 255, 255, .78);
        font-size: 9px;
        font-weight: 800;
    }

    .mobile-bottom-nav > a i {
        color: #f4d06d;
        font-size: 17px;
    }

    .mobile-bottom-nav > a.active {
        color: #ffe89d;
    }

    .mobile-bottom-nav > a.active i {
        color: #ffe89d;
    }

    .mobile-bottom-nav .mobile-bottom-whatsapp {
        position: relative;
        transform: translateY(-12px);
    }

    .mobile-bottom-nav .mobile-bottom-whatsapp i {
        width: 58px;
        height: 58px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: linear-gradient(145deg, #0d7b50, #05452f);
        border: 2px solid #e5bd5d;
        color: #fff;
        font-size: 29px;
        box-shadow: 0 9px 24px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 255, 255, .16);
    }

    .mobile-bottom-nav .mobile-bottom-whatsapp span {
        margin-top: -1px;
        color: #ffe79a;
    }
}

@media (max-width: 430px) {
    .aria-home-hero .hero-slider,
    .aria-home-hero .hero-slide {
        min-height: 270px;
    }

    .aria-home-hero .hero-content {
        max-width: 76%;
    }

    .aria-home-hero .hero-content h1 {
        font-size: 36px;
    }

    .category-slider {
        grid-auto-columns: 96px;
    }

    .category-pill {
        min-height: 124px;
    }

    .category-image-shell {
        height: 80px;
    }

    .category-pill img {
        width: 77px;
        height: 77px;
    }

    .banner-track .promo-card {
        flex-basis: 92%;
        min-height: 226px;
    }

    .product-image {
        height: 154px;
    }

    .whatsapp-order-button span {
        max-width: 92px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .announcement-track,
    .instagram-leaf,
    .instagram-daisy,
    .instagram-sparkle,
    .instagram-frame-badge i {
        animation: none !important;
    }

    .home-scroll-track,
    .category-slider {
        scroll-behavior: auto;
    }
}


.aria-home-hero {
    padding: 14px 0 18px;
    background: #fffdf8;
}

.aria-home-hero .hero-slider {
    min-height: 430px;
    border-radius: 20px;
    border: 1px solid rgba(180, 139, 45, .28);
    background: #f7f1e3;
    box-shadow: 0 18px 42px rgba(24, 45, 34, .11);
}

.aria-home-hero .hero-slider::before {
    inset: 8px;
    border-radius: 14px;
    border-color: rgba(214, 173, 75, .22);
}

.aria-home-hero .hero-slider::after {
    display: none;
}

.aria-home-hero .hero-slide {
    min-height: 430px;
    padding: 52px 64px;
    background-position: center;
    background-size: cover;
}

.aria-home-hero .hero-content {
    max-width: 470px;
    padding: 26px 28px 28px;
    border: 1px solid rgba(214, 173, 75, .30);
    border-radius: 18px;
    background: rgba(255, 253, 248, .72);
    box-shadow: 0 14px 34px rgba(19, 45, 31, .10);
    backdrop-filter: blur(8px);
}

.aria-home-hero .hero-content > span {
    min-height: 26px;
    padding: 0 10px;
    background: rgba(0, 107, 63, .08);
    border-color: rgba(0, 107, 63, .18);
    color: #8b671f;
    font-size: 10px;
}

.aria-home-hero .hero-content h1 {
    margin: 10px 0 10px;
    max-width: 420px;
    color: #123d2b;
    font-size: clamp(44px, 5.2vw, 68px);
    line-height: .96;
    text-shadow: none;
}

.aria-home-hero .hero-content p {
    max-width: 400px;
    margin-bottom: 18px;
    color: #465b50;
    font-size: 15px;
    line-height: 1.65;
}

.aria-home-hero .btn-gold {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 10px;
    background: #075c3b;
    border: 1px solid rgba(214, 173, 75, .58);
    color: #fff8e7;
    box-shadow: 0 10px 22px rgba(0, 76, 47, .18);
}

.aria-home-hero .btn-gold:hover {
    background: #0a7149;
    color: #fff;
}

.aria-home-hero .hero-arrow {
    width: 38px;
    height: 38px;
    border-color: rgba(214, 173, 75, .50);
    background: rgba(255, 253, 248, .90);
    color: #075c3b;
    box-shadow: 0 8px 20px rgba(19, 45, 31, .12);
}

.aria-home-hero .hero-dots button {
    background: rgba(7, 92, 59, .20);
}

.aria-home-hero .hero-dots button.active {
    background: #075c3b;
}

.aria-showcase-section {
    padding: 20px 0 24px;
    background: #fffdf8;
}

.home-slider-shell-banners {
    padding: 0 30px;
}

.banner-track {
    gap: 14px;
    padding: 2px 0 8px;
}

.banner-track .promo-card {
    flex: 0 0 calc((100% - 14px) / 2);
    min-height: 238px;
    scroll-snap-align: start;
}

.promo-card {
    padding: 24px 26px;
    border-radius: 18px;
    border: 1px solid rgba(214, 173, 75, .38);
    box-shadow: 0 12px 28px rgba(3, 35, 23, .12);
}

.promo-card::before {
    inset: 7px;
    border-radius: 13px;
    border-color: rgba(242, 213, 126, .22);
}

.promo-card::after {
    width: 84px;
    height: 84px;
}

.promo-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 17px 34px rgba(3, 35, 23, .16);
}

.promo-card span {
    font-size: 10px;
    letter-spacing: .10em;
}

.promo-card h3 {
    margin: 8px 0 7px;
    max-width: 250px;
    font-size: clamp(27px, 2.5vw, 36px);
    line-height: 1;
}

.promo-card p {
    max-width: 270px;
    font-size: 13px;
    line-height: 1.55;
}

.promo-card em {
    margin-top: 10px;
    font-size: 13px;
}

.home-slider-shell-banners .home-slider-arrow {
    width: 38px;
    height: 38px;
    background: #fffdf8;
    color: #075c3b;
    border-color: rgba(214, 173, 75, .60);
    box-shadow: 0 8px 20px rgba(3, 35, 23, .13);
}

.home-slider-shell-banners .home-slider-prev {
    left: 0;
}

.home-slider-shell-banners .home-slider-next {
    right: 0;
}

.aria-advantages-slider-section {
    padding: 4px 0 28px;
    background: #fffdf8;
}

.home-slider-shell-advantages .home-slider-arrow {
    display: none;
}

.advantages-track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    overflow: visible;
    padding: 0;
    cursor: default;
    scroll-snap-type: none;
}

.advantages-track .advantage-card {
    min-width: 0;
    min-height: 96px;
}

.advantage-card {
    gap: 12px;
    min-height: 96px;
    padding: 14px 14px;
    border-radius: 14px;
    border: 1px solid rgba(7, 92, 59, .12);
    background: #fff;
    color: #173226;
    box-shadow: 0 8px 22px rgba(3, 35, 23, .07);
}

.advantage-card .advantage-icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(214, 173, 75, .45);
    background: #f8f2e3;
    color: #075c3b;
    font-size: 18px;
    box-shadow: none;
}

.advantage-card h3 {
    margin: 0 0 4px;
    color: #173226;
    font-size: 14px;
}

.advantage-card p {
    color: #6d786f;
    font-size: 11px;
    line-height: 1.45;
}

@media (max-width: 1120px) {
    .banner-track .promo-card {
        flex-basis: 72%;
    }

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

@media (max-width: 760px) {
    .aria-home-hero {
        padding: 0 0 12px;
    }

    .aria-home-hero .hero-slider {
        min-height: 270px;
        border-radius: 0;
        border: 0;
        box-shadow: none;
    }

    .aria-home-hero .hero-slider::before {
        display: none;
    }

    .aria-home-hero .hero-slide {
        min-height: 270px;
        padding: 24px 18px 44px;
        align-items: flex-end;
        background-position: center;
    }

    .aria-home-hero .hero-content {
        width: min(78%, 330px);
        max-width: 330px;
        padding: 15px 16px 16px;
        border-radius: 14px;
        background: rgba(255, 253, 248, .84);
        backdrop-filter: blur(6px);
    }

    .aria-home-hero .hero-content > span {
        min-height: 20px;
        padding: 0 7px;
        font-size: 8px;
    }

    .aria-home-hero .hero-content h1 {
        margin: 7px 0 5px;
        font-size: clamp(29px, 9vw, 40px);
    }

    .aria-home-hero .hero-content p {
        margin: 0 0 9px;
        font-size: 11px;
        line-height: 1.45;
    }

    .aria-home-hero .btn-gold {
        min-height: 34px;
        padding: 0 11px;
        font-size: 10px;
    }

    .aria-home-hero .hero-arrow {
        width: 31px;
        height: 31px;
        font-size: 10px;
    }

    .aria-home-hero .hero-dots {
        bottom: 9px;
    }

    .aria-showcase-section {
        padding: 8px 0 16px;
    }

    .home-slider-shell-banners {
        padding: 0 10px;
    }

    .banner-track {
        gap: 10px;
    }

    .banner-track .promo-card {
        flex: 0 0 88%;
        min-height: 198px;
        padding: 20px 18px;
        border-radius: 16px;
    }

    .promo-card h3 {
        max-width: 210px;
        font-size: 29px;
    }

    .promo-card p {
        max-width: 220px;
        font-size: 11px;
    }

    .home-slider-shell-banners .home-slider-arrow {
        width: 32px;
        height: 32px;
    }

    .aria-advantages-slider-section {
        padding: 2px 0 18px;
    }

    .advantages-track {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding: 0 1px 6px;
        cursor: grab;
    }

    .advantages-track .advantage-card {
        flex: 0 0 78%;
        min-height: 86px;
        scroll-snap-align: start;
    }

    .advantage-card {
        min-height: 86px;
        padding: 12px;
        border-radius: 13px;
    }

    .advantage-card .advantage-icon {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        border-radius: 11px;
        font-size: 17px;
    }
}


/* Aria v8 */
.announcement-ticker {
    display: block;
    width: 100%;
    overflow: hidden;
}

.announcement-track {
    display: flex;
    align-items: center;
    width: max-content;
    min-width: max-content;
    animation: ariaTickerV8 18s linear infinite !important;
    animation-play-state: running !important;
    will-change: transform;
}

.announcement-group {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content !important;
    min-width: max-content !important;
    gap: 18px !important;
    padding: 0 18px 0 0 !important;
}

.announcement-group span {
    flex: 0 0 auto;
    white-space: nowrap;
}

@keyframes ariaTickerV8 {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

.nav-dropdown-toggle,
.mobile-menu-close {
    display: none;
}

.advantage-card {
    align-items: center;
}

.advantage-card .advantage-icon {
    display: grid !important;
    place-items: center !important;
    align-self: center;
    line-height: 1;
}

.advantage-card .advantage-icon i {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    line-height: 1;
    transform: none;
}

.mobile-filter-toggle {
    display: none;
}

@media (max-width: 760px) {
    .announcement-track {
        animation-duration: 13s !important;
    }

    .announcement-group {
        gap: 14px !important;
        padding-right: 14px !important;
    }

    .announcement-group span {
        font-size: 10px;
    }

    .site-header.aria-luxury-header {
        position: sticky;
        top: 0;
    }

    .aria-luxury-header .main-nav {
        display: flex;
        flex-direction: column;
        height: 100dvh;
        max-height: 100dvh;
        overflow-y: auto !important;
        overflow-x: hidden;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
        padding-top: 82px;
    }

    .mobile-menu-close {
        display: grid;
        place-items: center;
        position: absolute;
        top: 18px;
        right: 18px;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        border: 1px solid rgba(214, 173, 75, .55);
        background: rgba(255, 255, 255, .06);
        color: #ffe7a1;
        font-size: 18px;
        cursor: pointer;
    }

    .aria-luxury-header .nav-dropdown {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
    }

    .aria-luxury-header .nav-dropdown > a {
        width: 100%;
        padding-right: 58px;
    }

    .aria-luxury-header .nav-dropdown > a .desktop-dropdown-chevron {
        display: none;
    }

    .nav-dropdown-toggle {
        display: grid;
        place-items: center;
        position: absolute;
        top: 5px;
        right: 5px;
        z-index: 3;
        width: 40px;
        height: 40px;
        border: 0;
        border-left: 1px solid rgba(214, 173, 75, .18);
        border-radius: 10px;
        background: rgba(214, 173, 75, .08);
        color: #ffe6a0;
        cursor: pointer;
    }

    .nav-dropdown-toggle i {
        transition: transform .22s ease;
    }

    .nav-dropdown.open .nav-dropdown-toggle i {
        transform: rotate(180deg);
    }

    .aria-luxury-header .nav-dropdown-menu {
        display: none !important;
        position: static;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        padding: 0 0 0 12px;
        margin: 0;
        opacity: 0;
        transform: none;
        pointer-events: none;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .aria-luxury-header .nav-dropdown.open .nav-dropdown-menu {
        display: grid !important;
        max-height: none;
        overflow: visible;
        padding: 7px 0 9px 12px;
        opacity: 1;
        pointer-events: auto;
    }

    .aria-luxury-header .nav-dropdown-menu a {
        min-height: 42px;
        display: flex;
        align-items: center;
        padding: 7px 12px;
    }

    .mobile-search-shell {
        padding-bottom: 12px;
    }

    .aria-home-hero {
        padding: 10px 0 14px !important;
        background: #fffdf8;
    }

    .aria-home-hero .hero-slider,
    .aria-home-hero .hero-slide {
        min-height: 310px !important;
    }

    .aria-home-hero .hero-slider {
        width: calc(100% - 20px);
        margin: 0 auto;
        border-radius: 18px !important;
        border: 1px solid rgba(214, 173, 75, .32) !important;
        overflow: hidden;
        box-shadow: 0 12px 28px rgba(4, 31, 20, .12) !important;
    }

    .aria-home-hero .hero-slide {
        padding: 34px 18px 48px !important;
        align-items: center !important;
        background-position: center center !important;
    }

    .aria-home-hero .hero-content {
        width: min(76%, 320px) !important;
        max-width: 320px !important;
        margin-top: 10px;
        padding: 15px 16px 16px !important;
    }

    .aria-home-hero .hero-content h1 {
        font-size: clamp(29px, 9vw, 39px) !important;
        line-height: .98 !important;
    }

    .aria-showcase-section {
        padding: 8px 0 18px !important;
    }

    .home-slider-shell-banners {
        padding: 0 !important;
    }

    .home-slider-shell-banners .home-slider-arrow {
        display: none !important;
    }

    .banner-track {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100%;
        overflow: visible !important;
        padding: 0 !important;
        scroll-snap-type: none !important;
        cursor: default !important;
    }

    .banner-track .promo-card {
        width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        min-height: 210px !important;
        padding: 22px 20px !important;
        scroll-snap-align: none !important;
    }

    .advantages-track {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 9px !important;
        overflow: visible !important;
        padding: 0 !important;
        cursor: default !important;
    }

    .advantages-track .advantage-card {
        min-width: 0 !important;
        min-height: 116px !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
        gap: 8px !important;
        padding: 12px 10px !important;
        text-align: center;
    }

    .advantage-card .advantage-icon {
        flex: 0 0 42px !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 auto !important;
    }

    .advantage-card h3 {
        margin: 0 0 3px !important;
        font-size: 12px !important;
    }

    .advantage-card p {
        margin: 0;
        font-size: 10px !important;
        line-height: 1.42 !important;
    }

    .catalog-section {
        padding-top: 14px;
    }

    .catalog-shell {
        display: block !important;
    }

    .catalog-sidebar {
        position: static !important;
        width: 100%;
        margin-bottom: 14px;
    }

    .mobile-filter-toggle {
        width: 100%;
        min-height: 54px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 0 16px;
        border-radius: 15px;
        border: 1px solid rgba(214, 173, 75, .40);
        background: linear-gradient(135deg, #063924, #075c3b);
        color: #fff8e6;
        font-size: 13px;
        font-weight: 800;
        box-shadow: 0 10px 24px rgba(2, 46, 29, .13);
        cursor: pointer;
    }

    .mobile-filter-toggle > span {
        display: inline-flex;
        align-items: center;
        gap: 9px;
    }

    .mobile-filter-toggle > i {
        color: #f0cf75;
        transition: transform .22s ease;
    }

    .mobile-filter-toggle.is-active > i {
        transform: rotate(180deg);
    }

    .filter-panel {
        display: none;
        margin-top: 10px;
        padding: 16px !important;
        border-radius: 18px !important;
        box-shadow: 0 12px 30px rgba(3, 35, 23, .08) !important;
    }

    .filter-panel.is-mobile-open {
        display: block;
    }

    .filter-panel-head {
        margin-bottom: 14px !important;
        padding-bottom: 13px !important;
    }

    .filter-panel-head h2 {
        font-size: 18px !important;
    }

    .advanced-filter-form {
        gap: 12px !important;
    }

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

    .filter-field input,
    .filter-field select,
    .price-input-wrap {
        min-height: 45px !important;
        border-radius: 11px !important;
    }

    .filter-field input,
    .filter-field select {
        font-size: 13px;
    }

    .filter-submit,
    .filter-reset {
        min-height: 46px !important;
    }

    .catalog-toolbar {
        min-height: 0 !important;
        margin-bottom: 14px !important;
        padding: 13px 14px !important;
        border-radius: 15px !important;
    }

    .catalog-toolbar strong {
        font-size: 14px !important;
    }

    .active-filter-chips {
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        padding-bottom: 3px;
    }

    .active-filter-chips span {
        flex: 0 0 auto;
    }

    .category-page-section {
        padding: 18px 0 28px;
    }

    .category-page-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    .category-page-card {
        border-radius: 16px !important;
    }

    .category-page-card img {
        height: 140px !important;
    }

    .category-page-card div {
        padding: 12px !important;
    }

    .category-page-card h2 {
        margin-bottom: 5px !important;
        font-size: 15px;
        line-height: 1.15;
    }

    .category-page-card p {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin: 0 0 8px;
        font-size: 10px;
        line-height: 1.45;
    }

    .category-page-card span {
        font-size: 10px;
    }
}

@media (max-width: 430px) {
    .filter-price-grid {
        grid-template-columns: 1fr !important;
    }

    .category-page-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .category-page-card img {
        height: 126px !important;
    }

    .banner-track .promo-card {
        min-height: 196px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .announcement-track {
        animation: ariaTickerV8 18s linear infinite !important;
    }
}

/* Aria v9 mobile hero + filters + visual refinements */
.announcement-track {
    animation-duration: 38s !important;
}

.announcement-group {
    gap: 26px !important;
    padding-right: 26px !important;
}

.announcement-group span {
    font-weight: 700;
}

.aria-featured-products {
    background: linear-gradient(180deg, #fffdf8 0%, #edf6ef 14%, #1a3528 55%, #07130e 100%);
}

.aria-featured-products .section-head,
.aria-featured-products .product-grid {
    position: relative;
    z-index: 1;
}

.aria-featured-products::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top center, rgba(214, 173, 75, .14), transparent 40%), linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
    pointer-events: none;
}

.category-vine-rail {
    position: relative;
}

.category-vine-rail .vine-runner {
    width: 44px;
    justify-content: center;
}

.category-vine-rail .vine-runner i + i {
    display: none !important;
}

.aria-home-hero {
    padding: 12px 0 18px;
}

.aria-home-hero .hero-slider {
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
}

.aria-home-hero .hero-slide {
    transition: opacity .35s ease;
}

.hero-slider.is-dragging {
    cursor: grabbing;
}

.home-slider-shell-banners[data-horizontal-slider][data-auto-slider='true'] .banner-track {
    scroll-behavior: smooth;
}

.aria-showcase-section .promo-card {
    background-color: #0b3f2b;
}

.aria-showcase-section .promo-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(214, 173, 75, .16), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,0) 50%);
    pointer-events: none;
}

.advantages-track .advantage-card {
    align-items: center;
}

.advantages-track .advantage-card > div {
    width: 100%;
}

.mobile-filter-toggle {
    display: none;
}

@media (max-width: 760px) {
    .announcement-track {
        animation-duration: 30s !important;
    }

    .announcement-group {
        gap: 18px !important;
        padding-right: 18px !important;
    }

    .announcement-group span {
        font-size: 10px;
    }

    .aria-home-hero {
        padding: 8px 0 14px !important;
    }

    .aria-home-hero .hero-slider,
    .aria-home-hero .hero-slide {
        min-height: 286px !important;
        height: 286px !important;
    }

    .aria-home-hero .hero-slider {
        width: calc(100% - 16px);
        margin: 0 auto;
        border-radius: 16px !important;
    }

    .aria-home-hero .hero-slide {
        padding: 16px 14px 42px !important;
        align-items: flex-start !important;
        background-position: center right !important;
        background-size: cover !important;
    }

    .aria-home-hero .hero-content {
        width: min(68%, 250px) !important;
        max-width: 250px !important;
        margin-top: 10px !important;
        padding: 12px 13px 14px !important;
        border-radius: 14px !important;
        background: rgba(255, 252, 245, .88) !important;
        backdrop-filter: blur(7px);
    }

    .aria-home-hero .hero-content > span {
        min-height: 18px !important;
        font-size: 8px !important;
        padding: 0 6px !important;
    }

    .aria-home-hero .hero-content h1 {
        margin: 6px 0 5px !important;
        font-size: clamp(23px, 7vw, 34px) !important;
        line-height: 1.02 !important;
    }

    .aria-home-hero .hero-content p {
        margin: 0 0 10px !important;
        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    .aria-home-hero .btn-gold {
        min-height: 34px !important;
        padding: 0 12px !important;
        font-size: 11px !important;
        border-radius: 10px !important;
    }

    .aria-home-hero .hero-arrow {
        display: none !important;
    }

    .aria-home-hero .hero-dots {
        bottom: 10px !important;
    }

    .category-slider-wrap {
        overflow: hidden;
    }

    .category-vine-rail {
        margin-top: 10px;
    }

    .category-vine-rail .vine-runner {
        width: 38px;
        height: 38px;
        left: calc(var(--vine-progress, 0%) - 19px);
    }

    .banner-track {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .banner-track .promo-card {
        min-height: 184px !important;
        padding: 18px 16px !important;
        border-radius: 16px !important;
    }

    .banner-track .promo-card h3 {
        max-width: 200px;
        font-size: 24px !important;
        line-height: 1.02;
    }

    .banner-track .promo-card p {
        max-width: 215px;
        font-size: 11px !important;
    }

    .home-slider-shell-advantages .home-slider-arrow {
        display: none !important;
    }

    .advantages-track {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        overflow: visible !important;
    }

    .advantages-track .advantage-card {
        min-height: 120px !important;
        padding: 12px 10px !important;
        border-radius: 16px !important;
    }

    .advantages-track .advantage-card > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .advantage-card .advantage-icon {
        width: 42px !important;
        height: 42px !important;
        margin: 0 auto !important;
    }

    .advantage-card h3 {
        font-size: 12px !important;
        line-height: 1.25;
    }

    .advantage-card p {
        font-size: 10px !important;
        line-height: 1.4;
    }

    .catalog-layout {
        gap: 14px !important;
    }

    .mobile-filter-toggle {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 50px;
        margin-bottom: 10px;
        padding: 0 16px;
        border: 1px solid rgba(214, 173, 75, .34);
        border-radius: 16px;
        background: linear-gradient(135deg, #062e21, #0e5c3e);
        color: #fff6df;
        font-weight: 700;
        box-shadow: 0 12px 28px rgba(7, 41, 28, .12);
    }

    .mobile-filter-toggle > span {
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }

    .mobile-filter-toggle > i {
        color: #f2d58a;
        transition: transform .22s ease;
    }

    .mobile-filter-toggle.is-active > i {
        transform: rotate(180deg);
    }

    .filter-panel {
        display: none;
        margin-top: 0 !important;
        padding: 14px !important;
        border-radius: 18px !important;
    }

    .filter-panel.is-mobile-open {
        display: block !important;
    }

    .advanced-filter-form {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px !important;
    }

    .advanced-filter-form > .full,
    .advanced-filter-form > .filter-price-grid,
    .advanced-filter-form > .filter-submit,
    .advanced-filter-form > .filter-reset {
        grid-column: 1 / -1;
    }

    .filter-price-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .filter-field span {
        font-size: 11px;
    }

    .filter-field input,
    .filter-field select,
    .price-input-wrap {
        min-height: 44px !important;
        font-size: 13px !important;
    }

    .filter-submit,
    .filter-reset {
        min-height: 46px;
        border-radius: 13px;
    }

    .catalog-toolbar {
        gap: 10px;
        align-items: flex-start;
    }

    .active-filter-chips {
        gap: 8px;
    }

    .active-filter-chips span {
        font-size: 11px;
    }
}


/* Aria v11 hero matches reference slider more closely */
.aria-home-hero.aria-hero-kurtkoy-style {
    padding: 0 0 20px !important;
    background: #fffdf8;
}

.aria-home-hero.aria-hero-kurtkoy-style .home-hero-full {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slider {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 480px !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: #edf0ee;
    overflow: hidden;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slider::before,
.aria-home-hero.aria-hero-kurtkoy-style .hero-slider::after {
    display: none !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide {
    min-height: 480px !important;
    padding: 40px 90px 78px !important;
    align-items: flex-start !important;
    justify-content: center !important;
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-content {
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    backdrop-filter: none !important;
    text-align: center;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-content > span {
    display: inline-flex;
    min-height: auto !important;
    margin-bottom: 8px;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #f7f3e7 !important;
    font-size: 28px !important;
    font-weight: 600;
    font-family: 'Cormorant Garamond', serif;
    line-height: 1.1;
    text-shadow: 0 2px 8px rgba(0,0,0,.18);
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-content h1 {
    max-width: none !important;
    margin: 0 auto 12px !important;
    color: #fffef8 !important;
    font-size: clamp(56px, 7vw, 86px) !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    line-height: .95 !important;
    text-transform: uppercase;
    text-shadow: 0 2px 14px rgba(0,0,0,.24);
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-content p {
    max-width: 720px !important;
    margin: 0 auto 18px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.22);
}

.aria-home-hero.aria-hero-kurtkoy-style .btn-gold {
    min-height: 46px !important;
    padding: 0 22px !important;
    border-radius: 10px !important;
    background: #0b6c45 !important;
    border: 1px solid rgba(214, 173, 75, .56) !important;
    color: #fffdf4 !important;
    box-shadow: 0 12px 22px rgba(4, 38, 24, .20) !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-arrow {
    display: grid !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255,255,255,.45) !important;
    background: rgba(255,255,255,.10) !important;
    backdrop-filter: blur(4px);
    color: #fff !important;
    box-shadow: none !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-arrow.prev {
    left: 28px !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-arrow.next {
    right: 28px !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-dots {
    left: 50% !important;
    right: auto !important;
    bottom: 18px !important;
    transform: translateX(-50%) !important;
    display: inline-flex !important;
    align-items: center;
    gap: 10px !important;
    width: auto !important;
    justify-content: center !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-dots button {
    width: 34px !important;
    height: 4px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.52) !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-dots button.active {
    background: #ffffff !important;
}

@media (max-width: 760px) {
    .aria-home-hero.aria-hero-kurtkoy-style {
        padding: 0 0 14px !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-slider {
        width: 100% !important;
        min-height: 250px !important;
        height: 250px !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide {
        min-height: 250px !important;
        height: 250px !important;
        padding: 20px 18px 42px !important;
        align-items: flex-start !important;
        background-position: center center !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content {
        width: 100% !important;
        max-width: 100% !important;
        text-align: left;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content > span {
        display: block;
        margin-bottom: 4px;
        font-size: 18px !important;
        text-align: left;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content h1 {
        margin: 0 0 8px !important;
        font-size: clamp(26px, 8vw, 42px) !important;
        line-height: 1.02 !important;
        text-align: left;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content p {
        max-width: 60%;
        margin: 0 0 12px !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
        text-align: left;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .btn-gold {
        min-height: 36px !important;
        padding: 0 14px !important;
        font-size: 11px !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-arrow {
        width: 38px !important;
        height: 38px !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-arrow.prev {
        left: 10px !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-arrow.next {
        right: 10px !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-dots {
        bottom: 12px !important;
        gap: 7px !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-dots button {
        width: 22px !important;
        height: 3px !important;
    }
}

/* Aria v12 reference footer */
.aria-reference-footer {
    margin-top: 46px;
    padding: 0;
    background: #f7f8fa;
    color: #4e565d;
    border-top: 1px solid #eceff2;
}

.footer-reference-grid {
    display: grid;
    grid-template-columns: 1.35fr .78fr .84fr 1.45fr;
    gap: 48px;
    padding: 56px 0 46px;
    align-items: start;
}

.footer-reference-brand img {
    width: 168px;
    height: 82px;
    object-fit: contain;
    margin: 0 0 18px;
}

.footer-reference-description {
    max-width: 360px;
    margin: 0 0 24px;
    color: #606a72;
    font-size: 14px;
    line-height: 1.75;
}

.footer-reference-contact-list {
    display: grid;
    gap: 11px;
}

.footer-reference-contact-list p {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
    margin: 0;
    color: #5d666e;
    font-size: 14px;
    line-height: 1.55;
}

.footer-reference-contact-list i {
    margin-top: 3px;
    color: #0a6a46;
    text-align: center;
}

.footer-reference-contact-list a {
    color: inherit;
}

.footer-reference-column h4,
.footer-whatsapp-card h4 {
    position: relative;
    margin: 0 0 22px;
    color: #20272c;
    font-size: 17px;
    font-weight: 800;
}

.footer-reference-column h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 38px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #0a6a46, #d4af37);
}

.footer-reference-links {
    display: grid;
    gap: 10px;
}

.footer-reference-links a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #5d666e;
    font-size: 14px;
    line-height: 1.4;
    transition: color .2s ease, transform .2s ease;
}

.footer-reference-links a i {
    font-size: 9px;
    color: #8a949d;
}

.footer-reference-links a:hover {
    color: #0a6a46;
    transform: translateX(3px);
}

.footer-whatsapp-card {
    padding: 22px;
    border: 1px solid rgba(0, 107, 63, .14);
    border-radius: 12px;
    background: linear-gradient(145deg, #eefaf3 0%, #e8f7ee 100%);
}

.footer-whatsapp-card h4 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.footer-whatsapp-card h4 i {
    color: #20bf6b;
    font-size: 24px;
}

.footer-whatsapp-card > p {
    margin: 0 0 16px;
    color: #5f696f;
    font-size: 13px;
    line-height: 1.6;
}

.footer-whatsapp-button {
    width: 100%;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 14px;
    border-radius: 8px;
    background: #22c96b;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 8px 20px rgba(34, 201, 107, .18);
}

.footer-whatsapp-button:hover {
    background: #10ae57;
    color: #fff;
}

.footer-working-hours {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 8px;
    background: #fff;
    color: #5c656d;
}

.footer-working-hours > i {
    font-size: 17px;
    color: #7d8790;
}

.footer-working-hours span {
    display: grid;
    gap: 2px;
}

.footer-working-hours small,
.footer-working-hours strong {
    font-size: 12px;
    line-height: 1.25;
}

.footer-working-hours strong {
    color: #2d3439;
}

.footer-social-buttons {
    display: flex;
    gap: 10px;
    margin-top: 16px;
}

.footer-social-buttons a {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #0a6a46;
    box-shadow: 0 4px 14px rgba(18, 42, 31, .08);
}

.footer-social-buttons a:hover {
    background: #0a6a46;
    color: #fff;
}

.footer-reference-bottom {
    border-top: 1px solid #e2e6e9;
    background: #fff;
}

.footer-reference-bottom-inner {
    min-height: 72px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 24px;
    align-items: center;
    color: #79828a;
    font-size: 13px;
}

.footer-reference-bottom-logo img {
    width: 150px;
    height: 54px;
    object-fit: contain;
}

.footer-reference-instagram {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0a6a46;
    font-weight: 700;
}

.footer-back-to-top {
    position: fixed;
    right: 20px;
    bottom: 22px;
    z-index: 110;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #0a6a46, #064a33);
    border: 1px solid rgba(212, 175, 55, .42);
    color: #fff;
    box-shadow: 0 10px 24px rgba(6, 74, 51, .22);
}

.footer-back-to-top:hover {
    color: #fff;
    transform: translateY(-2px);
}

@media (max-width: 1050px) {
    .footer-reference-grid {
        grid-template-columns: 1.2fr 1fr 1fr;
        gap: 34px;
    }

    .footer-whatsapp-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .aria-reference-footer {
        margin-top: 28px;
        padding-bottom: 74px;
    }

    .footer-reference-grid {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 34px 16px 28px;
    }

    .footer-reference-brand {
        text-align: center;
    }

    .footer-reference-brand img {
        width: 156px;
        height: 76px;
        margin-bottom: 12px;
    }

    .footer-reference-description {
        margin-left: auto;
        margin-right: auto;
        font-size: 13px;
    }

    .footer-reference-contact-list {
        max-width: 360px;
        margin: 0 auto;
        text-align: left;
    }

    .footer-reference-column {
        padding-top: 2px;
    }

    .footer-reference-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 14px;
    }

    .footer-whatsapp-card {
        grid-column: auto;
        padding: 18px;
    }

    .footer-reference-bottom-inner {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 16px;
        text-align: center;
    }

    .footer-reference-bottom-logo {
        grid-row: 1;
    }

    .footer-reference-bottom-logo img {
        width: 138px;
        height: 48px;
    }

    .footer-reference-instagram {
        justify-self: center;
    }

    .footer-back-to-top {
        display: none;
    }
}


/* Aria v12.1 hero blank-space and floating-button fixes */
.aria-home-hero.aria-hero-kurtkoy-style .hero-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active {
    z-index: 2;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-arrow,
.aria-home-hero.aria-hero-kurtkoy-style .hero-dots {
    z-index: 5;
}

.whatsapp-float {
    right: 20px !important;
    bottom: 82px !important;
}

.footer-back-to-top {
    right: 20px !important;
    bottom: 22px !important;
}

@media (max-width: 760px) {
    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
}


.aria-home-hero.aria-hero-kurtkoy-style .hero-slider {
    height: clamp(420px, 45vw, 720px) !important;
    min-height: 420px !important;
    max-height: 720px !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide {
    padding: clamp(34px, 4vw, 64px) clamp(44px, 6vw, 110px) 76px !important;
    align-items: center !important;
    justify-content: center !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-content {
    width: min(100%, 1160px) !important;
    max-width: 1160px !important;
    min-height: 0 !important;
    max-height: calc(100% - 28px);
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-content h1 {
    width: 100%;
    max-width: 1120px !important;
    margin: 0 auto 10px !important;
    font-size: var(--hero-title-size, 72px) !important;
    line-height: .96 !important;
    text-wrap: balance;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-content p {
    margin: 0 auto 14px !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .btn-gold {
    flex: 0 0 auto;
    margin-top: 0 !important;
}

.category-vine-rail::after {
    display: none !important;
    content: none !important;
}

.category-vine-rail .vine-runner {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    top: -14px !important;
    left: clamp(0px, var(--vine-progress, 0%), calc(100% - 40px)) !important;
    border-radius: 50%;
    background: #fffdf6;
    border: 1px solid rgba(214, 173, 75, .68);
    color: #0f6b43;
    box-shadow: 0 7px 18px rgba(3, 35, 23, .15);
    transition: left .12s linear;
    opacity: 1 !important;
}

.category-vine-rail .vine-runner i {
    font-size: 15px;
}

@media (max-width: 760px) {
    .aria-home-hero.aria-hero-kurtkoy-style .hero-slider {
        height: 250px !important;
        min-height: 250px !important;
        max-height: 250px !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide {
        padding: 18px 16px 42px !important;
        align-items: center !important;
        background-size: cover !important;
        background-position: center center !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content {
        width: 100% !important;
        max-width: 100% !important;
        max-height: calc(100% - 16px);
        align-items: flex-start;
        justify-content: center;
        text-align: left;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content h1 {
        max-width: 78% !important;
        margin: 0 0 7px !important;
        font-size: var(--hero-title-size-mobile, 34px) !important;
        line-height: 1 !important;
        text-align: left !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content p {
        max-width: 68% !important;
        margin: 0 0 9px !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-arrow {
        display: none !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-dots {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        justify-content: center !important;
    }

    .category-vine-rail .vine-runner {
        width: 36px !important;
        height: 36px !important;
        top: -12px !important;
        left: clamp(0px, var(--vine-progress, 0%), calc(100% - 36px)) !important;
    }
}


/* Aria v12.3 - banner slider fixed */
.home-slider-shell-banners {
    overflow: hidden;
}

.home-slider-shell-banners .banner-track {
    display: flex !important;
    align-items: stretch;
    gap: 14px !important;
    width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 0 8px !important;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior-inline: contain;
    cursor: grab;
}

.home-slider-shell-banners .banner-track::-webkit-scrollbar {
    display: none;
}

.home-slider-shell-banners .banner-track.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
    scroll-behavior: auto;
}

.home-slider-shell-banners .banner-track .promo-card {
    flex: 0 0 calc((100% - 14px) / 2) !important;
    min-width: calc((100% - 14px) / 2) !important;
    width: auto !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.home-slider-shell-banners .banner-track .is-banner-clone {
    pointer-events: auto;
}

@media (max-width: 760px) {
    .home-slider-shell-banners {
        overflow: visible;
    }

    .home-slider-shell-banners .banner-track {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        overflow: visible !important;
        padding: 0 !important;
        scroll-snap-type: none !important;
        cursor: default !important;
    }

    .home-slider-shell-banners .banner-track .promo-card {
        width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        scroll-snap-align: none !important;
    }

    .home-slider-shell-banners .banner-track .is-banner-clone {
        display: none !important;
    }
}


/* Aria v12.4 - clickable vertical promo cards */
.home-slider-shell-banners .banner-track {
    align-items: flex-start !important;
    gap: 16px !important;
    padding: 4px 0 10px !important;
}

.home-slider-shell-banners .banner-track .promo-card {
    flex: 0 0 calc((100% - 32px) / 3) !important;
    min-width: calc((100% - 32px) / 3) !important;
    width: auto !important;
    min-height: 0 !important;
    aspect-ratio: 2 / 3;
    padding: 28px 24px !important;
    border-radius: 20px !important;
    background-size: cover !important;
    background-position: center center !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    text-decoration: none !important;
}

.home-slider-shell-banners .banner-track .promo-card::before,
.home-slider-shell-banners .banner-track .promo-card::after {
    pointer-events: none !important;
}

.home-slider-shell-banners .banner-track .promo-card h3 {
    max-width: 90%;
    font-size: clamp(28px, 2.4vw, 42px) !important;
    line-height: 1.02 !important;
}

.home-slider-shell-banners .banner-track .promo-card p {
    max-width: 86%;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.home-slider-shell-banners .banner-track .promo-card em {
    margin-top: auto;
}

.home-slider-shell-banners .banner-track .is-banner-clone {
    pointer-events: auto !important;
    cursor: pointer !important;
}

@media (max-width: 980px) and (min-width: 761px) {
    .home-slider-shell-banners .banner-track .promo-card {
        flex-basis: calc((100% - 16px) / 2) !important;
        min-width: calc((100% - 16px) / 2) !important;
    }
}

@media (max-width: 760px) {
    .home-slider-shell-banners .banner-track {
        gap: 14px !important;
    }

    .home-slider-shell-banners .banner-track .promo-card {
        width: min(100%, 360px) !important;
        min-width: 0 !important;
        max-width: 360px;
        margin-inline: auto;
        aspect-ratio: 2 / 3;
        min-height: 0 !important;
        padding: 24px 20px !important;
    }

    .home-slider-shell-banners .banner-track .promo-card h3 {
        font-size: 30px !important;
    }
}


/* Aria v12.5 - promo banners restored to landscape cards */
.home-slider-shell-banners .banner-track {
    align-items: stretch !important;
    gap: 16px !important;
    padding: 4px 0 10px !important;
}

.home-slider-shell-banners .banner-track .promo-card {
    flex: 0 0 calc((100% - 32px) / 3) !important;
    min-width: calc((100% - 32px) / 3) !important;
    width: auto !important;
    aspect-ratio: auto !important;
    min-height: 280px !important;
    padding: 26px 24px !important;
    border-radius: 20px !important;
    background-size: cover !important;
    background-position: center center !important;
}

.home-slider-shell-banners .banner-track .promo-card h3 {
    max-width: 82% !important;
    font-size: clamp(28px, 2.6vw, 40px) !important;
    line-height: 1.02 !important;
}

.home-slider-shell-banners .banner-track .promo-card p {
    max-width: 78% !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

@media (max-width: 980px) and (min-width: 761px) {
    .home-slider-shell-banners .banner-track .promo-card {
        flex-basis: calc((100% - 16px) / 2) !important;
        min-width: calc((100% - 16px) / 2) !important;
        min-height: 260px !important;
    }
}

@media (max-width: 760px) {
    .home-slider-shell-banners .banner-track {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    .home-slider-shell-banners .banner-track .promo-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 210px !important;
        aspect-ratio: auto !important;
        margin: 0 !important;
        padding: 22px 20px !important;
    }

    .home-slider-shell-banners .banner-track .promo-card h3 {
        max-width: 74% !important;
        font-size: 28px !important;
    }

    .home-slider-shell-banners .banner-track .promo-card p {
        max-width: 76% !important;
        font-size: 11px !important;
    }
}

/* Aria v24 - full-width hero and refined category cards */
.aria-home-hero.aria-hero-kurtkoy-style {
    padding: 0 0 18px !important;
    background: #f5f7f4 !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .home-hero-full,
.aria-home-hero.aria-hero-kurtkoy-style .hero-slider {
    width: 100% !important;
    max-width: 100% !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slider {
    height: clamp(470px, 44vw, 760px) !important;
    min-height: 470px !important;
    max-height: 760px !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #e8ece7 !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide {
    min-height: 470px !important;
    padding: clamp(34px, 4vw, 62px) clamp(26px, 5vw, 84px) 72px !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(11, 26, 18, .06) 0%, rgba(11, 26, 18, .14) 100%),
        radial-gradient(circle at center, rgba(255,255,255,.02) 0%, rgba(255,255,255,0) 58%);
    pointer-events: none;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-content {
    position: relative;
    z-index: 2;
    width: min(100%, 1120px) !important;
    max-width: 1120px !important;
    padding-inline: 8px;
    text-align: center;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-content > span,
.aria-home-hero.aria-hero-kurtkoy-style .hero-content h1,
.aria-home-hero.aria-hero-kurtkoy-style .hero-content p {
    text-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-content > span {
    margin: 0 auto 8px !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-content h1 {
    max-width: 980px !important;
    margin: 0 auto 12px !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-content p {
    max-width: 760px !important;
    margin: 0 auto 22px !important;
}

.aria-home-categories .container {
    max-width: 1420px !important;
}

.category-slider-wrap {
    position: relative;
    padding: 10px 14px 28px !important;
    border-radius: 36px;
    background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(247,244,232,.8));
}

.category-slider {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 20px !important;
    overflow-x: auto !important;
    padding: 4px 4px 6px !important;
    scroll-behavior: smooth;
}

.category-slider::-webkit-scrollbar {
    display: none;
}

.category-pill {
    flex: 0 0 auto;
    width: 152px !important;
    min-width: 152px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none;
    position: relative;
    transition: transform .28s ease;
}

.category-pill:hover {
    transform: translateY(-5px);
}

.category-pill::before {
    content: "";
    position: absolute;
    inset: 14px 6px 34px;
    border-radius: 34px;
    background: radial-gradient(circle at top right, rgba(255,255,255,.52), rgba(255,255,255,0) 42%), linear-gradient(160deg, rgba(15, 104, 61, .14), rgba(212, 175, 55, .10));
    box-shadow: 0 18px 30px rgba(15, 37, 26, .12);
    opacity: .92;
    z-index: 0;
}

.category-pill::after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 4px;
    bottom: 46px;
    border-radius: 38px;
    border: 1px solid rgba(99, 138, 86, .22);
    pointer-events: none;
    z-index: 1;
}

.category-image-shell {
    position: relative;
    z-index: 2;
    display: block;
    width: 124px;
    height: 124px;
    margin: 0 auto;
    border-radius: 32px;
    overflow: hidden;
    background: linear-gradient(160deg, #f5eabf 0%, #f6f0d0 22%, #f7e7b8 100%);
    box-shadow: 0 12px 24px rgba(14, 46, 29, .16), inset 0 1px 0 rgba(255,255,255,.88);
}

.category-image-shell::before,
.category-image-shell::after {
    content: "";
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 50% 20% 60% 16%;
    background: linear-gradient(145deg, rgba(36, 128, 79, .95), rgba(8, 89, 52, .88));
    box-shadow: 0 6px 14px rgba(0, 0, 0, .18);
    z-index: 3;
    opacity: .92;
    pointer-events: none;
    animation: categoryLeafFloat 6.5s ease-in-out infinite;
}

.category-image-shell::before {
    left: -10px;
    top: -6px;
    --leaf-rotate: -16deg;
    transform: rotate(-16deg);
}

.category-image-shell::after {
    right: -8px;
    bottom: 6px;
    width: 30px;
    height: 30px;
    --leaf-rotate: 24deg;
    transform: rotate(24deg);
    animation-delay: -2.2s;
}

.category-image-shell img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block;
    transition: transform .35s ease;
}

.category-pill:hover .category-image-shell img {
    transform: scale(1.05);
}

.category-pill strong {
    position: relative;
    z-index: 2;
    display: block;
    margin-top: 12px !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #203227 !important;
    text-align: center;
}

.category-vine-rail {
    position: relative;
    margin-top: 20px !important;
    height: 28px !important;
    border: none !important;
    background: transparent !important;
}

.category-vine-rail::before {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    top: 12px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(34, 111, 70, .35), rgba(27, 129, 73, .92), rgba(217, 177, 70, .78));
    box-shadow: 0 0 0 1px rgba(51, 109, 68, .08), 0 8px 18px rgba(11, 74, 48, .12);
}

.category-vine-rail::after {
    display: none !important;
}

.category-vine-rail .vine-runner {
    top: -1px !important;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: linear-gradient(145deg, #fff7dc, #f0e0aa);
    border: 2px solid rgba(184, 147, 54, .64);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 20px rgba(14, 46, 29, .16);
}

.category-vine-rail .vine-runner i {
    color: #0b804f !important;
    font-size: 16px;
    text-shadow: 0 2px 5px rgba(255,255,255,.35);
}

.vine-leaf {
    width: 18px !important;
    height: 30px !important;
    border-radius: 50% 8% 50% 8% !important;
    background: linear-gradient(150deg, rgba(39, 134, 83, .95), rgba(8, 85, 47, .9)) !important;
    box-shadow: 0 7px 12px rgba(9, 39, 24, .18);
    opacity: .98;
    animation: categoryLeafFloat 5.8s ease-in-out infinite;
}

.vine-leaf.leaf-one { left: 17%; top: 2px; --leaf-rotate: -22deg; transform: rotate(-22deg); }
.vine-leaf.leaf-two { left: 38%; top: 7px; --leaf-rotate: 16deg; transform: rotate(16deg); animation-delay: -.9s; }
.vine-leaf.leaf-three { left: 61%; top: 3px; --leaf-rotate: -16deg; transform: rotate(-16deg); animation-delay: -1.8s; }
.vine-leaf.leaf-four { left: 82%; top: 8px; --leaf-rotate: 20deg; transform: rotate(20deg); animation-delay: -2.7s; }

@keyframes categoryLeafFloat {
    0%, 100% { transform: translateY(0) rotate(var(--leaf-rotate, 0deg)); }
    50% { transform: translateY(-6px) rotate(calc(var(--leaf-rotate, 0deg) + 4deg)); }
}

@media (max-width: 900px) {
    .aria-home-hero.aria-hero-kurtkoy-style .hero-slider {
        height: clamp(300px, 62vw, 460px) !important;
        min-height: 300px !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide {
        min-height: 300px !important;
        padding: 28px 20px 54px !important;
        background-position: center center !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content h1 {
        font-size: var(--hero-title-size-mobile, 34px) !important;
        line-height: 1.02 !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content p {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    .category-slider-wrap {
        padding: 8px 2px 24px !important;
        border-radius: 28px;
    }

    .category-slider {
        justify-content: flex-start !important;
        gap: 16px !important;
        padding-inline: 12px !important;
    }

    .category-pill {
        width: 124px !important;
        min-width: 124px !important;
    }

    .category-image-shell {
        width: 102px;
        height: 102px;
        border-radius: 28px;
    }

    .category-pill strong {
        font-size: 16px !important;
        margin-top: 10px !important;
    }
}


/* Aria v24.1 - category images fully visible, animated rail removed */
.category-slider-wrap {
    padding-bottom: 12px !important;
}

.category-image-shell {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: linear-gradient(145deg, #fffdf7, #f4eedf) !important;
    padding: 6px !important;
}

.category-image-shell::before,
.category-image-shell::after {
    display: none !important;
}

.category-image-shell img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 25px !important;
    transform: none !important;
}

.category-pill:hover .category-image-shell img {
    transform: scale(1.025) !important;
}

.category-vine-rail {
    display: none !important;
}

@media (max-width: 900px) {
    .category-slider-wrap {
        padding-bottom: 10px !important;
    }
}

/* Aria v26 - category image cleanup, hero mobile readability, product images fully visible */
.category-slider-wrap {
    padding-bottom: 2px !important;
}

.category-pill {
    width: 168px !important;
    min-width: 168px !important;
}

.category-pill::before,
.category-pill::after {
    display: none !important;
}

.category-image-shell {
    width: 148px !important;
    height: 148px !important;
    padding: 0 !important;
    border-radius: 30px !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    overflow: hidden !important;
}

.category-image-shell img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 30px !important;
    background: transparent !important;
}

.category-vine-rail {
    display: none !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slider {
    height: clamp(390px, 35vw, 580px) !important;
    min-height: 390px !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-content h1 {
    color: #ffffff !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-content p,
.aria-home-hero.aria-hero-kurtkoy-style .hero-content > span {
    color: #f4f7f2 !important;
}

.product-image {
    height: 310px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at 50% 38%, #fff 0%, #f6f1e3 100%) !important;
}

.product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
    padding: 10px !important;
}

.product-card:hover .product-image img {
    transform: scale(1.03) !important;
}

.product-image::after {
    display: none !important;
}

@media (max-width: 900px) {
    .category-slider {
        gap: 12px !important;
    }

    .category-pill {
        width: 136px !important;
        min-width: 136px !important;
    }

    .category-image-shell {
        width: 118px !important;
        height: 118px !important;
        border-radius: 26px !important;
    }

    .category-image-shell img {
        border-radius: 26px !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-slider {
        height: clamp(260px, 68vw, 380px) !important;
        min-height: 260px !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide {
        padding: 18px 14px 48px !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content {
        max-width: calc(100% - 24px) !important;
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto !important;
        padding: 14px 12px !important;
        border-radius: 18px !important;
        background: linear-gradient(180deg, rgba(10, 36, 24, .42), rgba(10, 36, 24, .22)) !important;
        backdrop-filter: blur(3px);
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content > span,
    .aria-home-hero.aria-hero-kurtkoy-style .hero-content h1,
    .aria-home-hero.aria-hero-kurtkoy-style .hero-content p {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content > span {
        font-size: 11px !important;
        padding: 7px 12px !important;
        margin-bottom: 8px !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content h1 {
        font-size: clamp(24px, 7vw, 34px) !important;
        line-height: 1.08 !important;
        max-width: 95% !important;
        margin-bottom: 8px !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content p {
        font-size: 13px !important;
        line-height: 1.45 !important;
        max-width: 94% !important;
        margin-bottom: 14px !important;
        color: #ffffff !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content .btn {
        margin: 0 auto !important;
    }

    .product-image {
        height: 210px !important;
    }
}


/* Aria v27 - category cards frameless larger images, mobile header instagram */
.category-slider-wrap {
    padding-bottom: 6px !important;
}

.category-slider {
    gap: 24px !important;
}

.category-pill {
    width: 176px !important;
    min-width: 176px !important;
}

.category-image-shell {
    width: 156px !important;
    height: 156px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.category-image-shell img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.category-pill:hover .category-image-shell img {
    transform: scale(1.03) !important;
}

.category-pill strong {
    margin-top: 10px !important;
}

@media (max-width: 900px) {
    .category-slider {
        gap: 14px !important;
        padding-inline: 8px !important;
    }

    .category-pill {
        width: 144px !important;
        min-width: 144px !important;
    }

    .category-image-shell {
        width: 126px !important;
        height: 126px !important;
    }
}

/* Aria v32 - category listing images fully visible */
.category-page-card {
    overflow: hidden !important;
}

.category-page-card img {
    width: 100% !important;
    height: 280px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    padding: 10px !important;
    background: #fffdf8 !important;
}

@media (max-width: 760px) {
    .category-page-card img {
        height: 180px !important;
        padding: 6px !important;
    }
}

@media (max-width: 430px) {
    .category-page-card img {
        height: 160px !important;
    }
}


/* Aria v33 - restore preferred header, remove Instagram daisies, remove featured green */
.site-utility-bar {
    background: #fff;
    border-bottom: 1px solid #ece9df;
    color: #4f5b55;
    font-size: 12px;
}

.site-utility-inner {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.site-utility-contact,
.site-utility-links {
    display: flex;
    align-items: center;
    gap: 14px;
}

.site-utility-contact a,
.site-utility-links a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #4f5b55;
    font-weight: 700;
    text-decoration: none;
}

.site-utility-contact a:hover,
.site-utility-links a:hover {
    color: #0a6b46;
}

.site-utility-contact i {
    color: #0a6b46;
    font-size: 11px;
}

.top-line {
    min-height: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    background: linear-gradient(90deg, #042a1c 0%, #0b6a46 50%, #042a1c 100%) !important;
}

.announcement-ticker,
.announcement-track,
.announcement-group,
.announcement-group span {
    min-height: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
}

.announcement-track {
    animation-duration: 48s !important;
}

.announcement-group span {
    line-height: 1 !important;
}

.aria-luxury-header .header-inner {
    min-height: 86px !important;
    gap: 24px !important;
}

.header-wide-search {
    flex: 1;
    min-width: 280px;
    max-width: 720px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 0 0 18px;
    border: 1px solid #d9dedb;
    border-radius: 8px;
    background: #fff;
    color: #8b948f;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(10, 55, 37, .03);
}

.header-wide-search > span {
    font-size: 13px;
    font-weight: 600;
}

.header-wide-search > i {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    margin-left: auto;
    background: #0b6a46;
    color: #fff;
    font-size: 16px;
}

.header-wide-search:hover {
    border-color: rgba(11, 106, 70, .42);
}

.header-instagram-desktop {
    display: none;
}

.header-category-strip {
    position: relative;
    z-index: 12;
    background: #fff;
    border-top: 1px solid #ebe9df;
    border-bottom: 1px solid #e4e8e3;
}

.header-category-strip-inner {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: auto;
    scrollbar-width: none;
}

.header-category-strip-inner::-webkit-scrollbar {
    display: none;
}

.header-category-link {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 22px;
    color: #203227;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    border-right: 1px solid #eef0ec;
}

.header-category-link:first-child {
    border-left: 1px solid #eef0ec;
}

.header-category-link:hover {
    background: #f7faf7;
    color: #0a6b46;
}

.header-category-icon {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    border-radius: 50%;
    border: 1px solid rgba(214, 173, 75, .45);
    background: #fbf7e9;
    color: #0a6b46;
}

.header-category-icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.mobile-drawer-search,
.mobile-nav-primary,
.mobile-nav-category-group,
.mobile-nav-bottom-links,
.mobile-menu-contact {
    display: none;
}

@media (min-width: 761px) {
    .aria-luxury-header .header-inner {
        justify-content: flex-start !important;
    }

    .aria-luxury-header .brand {
        flex: 0 0 214px !important;
        width: 214px !important;
        min-width: 214px !important;
    }

    .aria-luxury-header .brand img {
        width: 204px !important;
        height: 104px !important;
        object-fit: contain !important;
    }

    .aria-luxury-header .main-nav {
        display: none !important;
    }

    .aria-luxury-header .header-actions {
        display: none !important;
    }

    .header-instagram-desktop {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        flex: 0 0 48px;
        border: 1px solid rgba(11, 106, 70, .16);
        border-radius: 10px;
        background: #fff;
        color: #0b6a46;
        font-size: 21px;
        box-shadow: 0 2px 8px rgba(10, 55, 37, .04);
        transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
    }

    .header-instagram-desktop:hover {
        transform: translateY(-2px);
        background: #0b6a46;
        color: #fff;
        border-color: #0b6a46;
    }
}

/* Instagram section: remove the daisy-like floating icons only. */
.instagram-daisy,
.instagram-daisy-one,
.instagram-daisy-two,
.instagram-daisy-three {
    display: none !important;
}

/* Popular products: remove the heavy green background. */
.aria-featured-products {
    position: relative;
    background: #fffdf8 !important;
}

.aria-featured-products::before {
    display: none !important;
    content: none !important;
}

.aria-featured-products .section-head > div > span,
.aria-featured-products .section-head > a {
    color: #0b6a46 !important;
}

.aria-featured-products .section-head h2 {
    color: #183126 !important;
}

@media (max-width: 760px) {
    .site-utility-bar {
        display: none !important;
    }

    .top-line,
    .announcement-ticker,
    .announcement-track,
    .announcement-group,
    .announcement-group span {
        min-height: 36px !important;
        height: 36px !important;
    }

    .announcement-track {
        animation-duration: 36s !important;
    }

    .header-wide-search,
    .header-instagram-desktop,
    .header-category-strip {
        display: none !important;
    }

    .aria-luxury-header .main-nav {
        width: min(360px, 88vw) !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        padding: 74px 14px 118px !important;
        z-index: 1003 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        background: linear-gradient(180deg, #06130e 0%, #082d20 56%, #020806 100%) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .aria-luxury-header .main-nav:not(.active) {
        transform: translateX(-106%) !important;
    }

    .aria-luxury-header .main-nav.active {
        transform: translateX(0) !important;
    }

    .mobile-menu-backdrop {
        z-index: 1000 !important;
        background: rgba(2, 12, 8, .72) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .mobile-menu-backdrop.active {
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body.menu-open .site-header.aria-luxury-header {
        z-index: 1001 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .mobile-drawer-search {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 48px;
        margin: 0 0 10px;
        padding: 0 0 0 15px;
        border: 1px solid rgba(214,173,75,.28);
        border-radius: 12px;
        background: #fffdf8;
        color: #66736d;
        overflow: hidden;
        cursor: pointer;
    }

    .mobile-drawer-search span {
        font-size: 13px;
        font-weight: 700;
    }

    .mobile-drawer-search i {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        margin-left: auto;
        background: #0a6b46;
        color: #fff;
    }

    .mobile-nav-primary,
    .mobile-nav-category-group,
    .mobile-nav-bottom-links {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    .mobile-nav-primary > a,
    .mobile-nav-category-group > a,
    .mobile-nav-bottom-links > a {
        width: 100% !important;
    }

    .mobile-nav-category-group {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid rgba(214, 173, 75, .18);
    }

    .mobile-nav-section-title {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0 0 7px;
        color: #f0d277;
        font-size: 11px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .06em;
    }

    .mobile-nav-primary > a,
    .mobile-nav-category-group > a,
    .mobile-nav-bottom-links > a {
        min-height: 50px !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 0 12px !important;
        border: 1px solid rgba(214, 173, 75, .14) !important;
        border-radius: 13px !important;
        background: rgba(255,255,255,.045) !important;
        color: #f8f2df !important;
    }

    .mobile-nav-category-icon {
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        flex: 0 0 34px;
        border-radius: 10px;
        background: rgba(214, 173, 75, .11);
        color: #f4d981;
        border: 1px solid rgba(214, 173, 75, .20);
    }

    .mobile-nav-category-icon img {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }

    .mobile-nav-bottom-links {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid rgba(214, 173, 75, .18);
    }

    .mobile-menu-contact {
        display: grid !important;
        gap: 8px;
        margin-top: 12px !important;
        padding: 12px 0 0 !important;
        border-top: 1px solid rgba(214, 173, 75, .18);
    }

    .mobile-menu-contact a {
        min-height: 46px !important;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 0 14px;
        border-radius: 12px;
        background: #fff;
        color: #65716a;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }

    .mobile-menu-contact a i {
        color: #0a6b46;
    }
}

/* Aria V34 - projects, quote, FAQ and home sliders */
.home-product-slider,
.home-projects-slider,
.faq-home-slider {
    position: relative;
}

.home-product-track,
.home-projects-track,
.faq-chip-track {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding: 8px 2px 18px;
}

.home-product-track::-webkit-scrollbar,
.home-projects-track::-webkit-scrollbar,
.faq-chip-track::-webkit-scrollbar {
    display: none;
}

.home-product-track .product-card {
    flex: 0 0 calc((100% - 54px) / 4);
    min-width: calc((100% - 54px) / 4);
    scroll-snap-align: start;
}

.home-product-slider .home-slider-arrow,
.home-projects-slider .home-slider-arrow,
.faq-home-slider .home-slider-arrow {
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}

.home-product-slider .home-slider-prev,
.home-projects-slider .home-slider-prev,
.faq-home-slider .home-slider-prev {
    left: -20px;
}

.home-product-slider .home-slider-next,
.home-projects-slider .home-slider-next,
.faq-home-slider .home-slider-next {
    right: -20px;
}

.home-about-promo-section {
    padding: 34px 0 42px;
}

.home-about-promo-card {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
    gap: 26px;
    padding: 18px;
    border-radius: 28px;
    background: #074f54;
    box-shadow: 0 18px 46px rgba(4, 55, 45, .16);
    overflow: hidden;
}

.home-about-promo-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px 24px 30px;
    color: #fff;
}

.home-about-promo-copy > span {
    color: #56cfe1;
    font-size: clamp(24px, 2.8vw, 44px);
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    line-height: 1;
}

.home-about-promo-copy h2 {
    margin: 6px 0 18px;
    color: #fff;
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1.05;
}

.home-about-promo-copy p {
    margin: 0;
    max-width: 780px;
    color: rgba(255,255,255,.9);
    font-size: 15px;
    line-height: 1.8;
}

.home-about-promo-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.home-about-promo-actions .btn {
    min-width: 170px;
    justify-content: center;
    border-radius: 10px;
    font-weight: 800;
}

.home-promo-projects {
    background: #49bed0;
    color: #fff;
}

.home-promo-quote {
    background: #b9d25e;
    color: #20350a;
}

.home-about-promo-media {
    min-height: 300px;
    overflow: hidden;
    border-radius: 22px;
    background: rgba(255,255,255,.08);
}

.home-about-promo-media img {
    width: 100%;
    height: 100%;
    min-height: 300px;
    display: block;
    object-fit: cover;
}

.home-projects-section {
    padding: 42px 0;
    background: #fff;
}

.home-projects-section .section-head p {
    max-width: 820px;
    margin: 8px 0 0;
    color: #6f7d74;
    font-size: 14px;
}

.home-project-card {
    flex: 0 0 calc((100% - 72px) / 5);
    min-width: calc((100% - 72px) / 5);
    overflow: hidden;
    border: 1px solid #dfe8d7;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(17, 49, 34, .06);
    color: #24362b;
    text-decoration: none;
    scroll-snap-align: start;
    transition: transform .25s ease, box-shadow .25s ease;
}

.home-project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 34px rgba(17, 49, 34, .12);
}

.home-project-card-media {
    position: relative;
    height: 190px;
    overflow: hidden;
    background: #eef3ea;
}

.home-project-card-media img,
.home-project-card-media > span {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    object-fit: cover;
}

.home-project-card-media > span {
    color: #0b6b46;
    font-size: 42px;
}

.home-project-video-icon {
    position: absolute;
    right: 12px;
    bottom: 12px;
    color: #fff;
    font-size: 34px;
    filter: drop-shadow(0 6px 12px rgba(0,0,0,.26));
}

.home-project-card-body {
    padding: 16px;
    text-align: center;
}

.home-project-card-body h3 {
    margin: 0 0 9px;
    font-size: 15px;
    line-height: 1.35;
}

.home-project-card-body p {
    margin: 0;
    color: #8b928d;
    font-size: 12px;
}

.faq-strip-section {
    padding: 34px 0 40px;
    background: #fff;
}

.home-faq-section {
    border-top: 1px solid #edf1ed;
}

.faq-chip-track {
    gap: 10px;
    padding: 4px 2px 10px;
}

.faq-chip {
    flex: 0 0 270px;
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 999px;
    background: #edf6f6;
    color: #56747a;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    transition: transform .2s ease, background .2s ease, color .2s ease;
}

.faq-chip:hover {
    transform: translateY(-2px);
    background: #e1f0e8;
    color: #0b6b46;
}

.faq-chip i {
    flex: 0 0 auto;
    color: #6a9ca1;
    font-size: 18px;
}

.quote-page-section {
    padding: 24px 0 46px;
    background: #fff;
}

.quote-intro-bar {
    margin-bottom: 18px;
    padding: 12px 16px;
    border-left: 3px solid #0b6b46;
    background: #f1f8fa;
    color: #65767b;
    font-size: 13px;
}

.quote-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 28px;
    align-items: stretch;
}

.quote-visual-card {
    position: relative;
    min-height: 650px;
    overflow: hidden;
    border-radius: 24px;
    background: #e8efe9;
}

.quote-visual-card img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    object-fit: cover;
}

.quote-visual-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2,20,13,.08), rgba(2,20,13,.46));
}

.quote-visual-overlay {
    position: absolute;
    z-index: 2;
    left: 28px;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
}

.quote-visual-overlay span {
    font-size: 18px;
    font-weight: 700;
}

.quote-visual-overlay h1 {
    max-width: 520px;
    margin: 12px auto 0;
    color: #fff;
    font-size: clamp(38px, 4.6vw, 66px);
    line-height: 1.02;
    text-shadow: 0 10px 28px rgba(0,0,0,.28);
}

.quote-form-card {
    padding: 8px 0 0;
}

.quote-form-heading > span {
    color: #0b6b46;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.quote-form-heading h2 {
    margin: 5px 0 8px;
    font-size: clamp(28px, 3vw, 40px);
}

.quote-form-heading p {
    margin: 0 0 18px;
    color: #718078;
}

.quote-form {
    display: grid;
    gap: 12px;
}

.quote-form label {
    display: grid;
    gap: 6px;
    color: #24362b;
    font-size: 13px;
    font-weight: 800;
}

.quote-form input,
.quote-form select,
.quote-form textarea {
    width: 100%;
    min-height: 46px;
    border: 1px solid #d4ddd6;
    border-radius: 8px;
    background: #fff;
    padding: 10px 12px;
    color: #213229;
    font: inherit;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.quote-form textarea {
    min-height: 120px;
    resize: vertical;
}

.quote-form input:focus,
.quote-form select:focus,
.quote-form textarea:focus {
    border-color: #0b6b46;
    box-shadow: 0 0 0 3px rgba(11,107,70,.1);
}

.quote-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.quote-security-row {
    display: grid;
    grid-template-columns: auto auto 92px;
    align-items: center;
    justify-content: start;
    gap: 10px;
    margin-top: 4px;
}

.quote-security-row > span {
    color: #23352a;
    font-size: 13px;
    font-weight: 800;
}

.quote-security-row strong {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    border-radius: 8px;
    background: #4ec2d4;
    color: #fff;
}

.quote-submit-button {
    justify-self: start;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 4px;
    padding: 0 22px;
    border: 0;
    border-radius: 9px;
    background: #0b6b46;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.quote-form-message {
    margin-bottom: 14px;
    padding: 12px 14px;
    border-radius: 8px;
    font-weight: 700;
}

.quote-form-message.error {
    background: #fff0ec;
    color: #a1422e;
}

.content-list-page,
.projects-page-section,
.faq-detail-page,
.project-detail-page {
    padding: 38px 0 64px;
}

.page-title-shell {
    max-width: 860px;
    margin: 0 auto 34px;
    text-align: center;
}

.page-title-shell > span {
    color: #0b6b46;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.page-title-shell h1 {
    margin: 8px 0 12px;
    font-size: clamp(36px, 5vw, 62px);
}

.page-title-shell p {
    margin: 0;
    color: #6f7d74;
    line-height: 1.75;
}

.faq-list-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.faq-list-card {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 18px;
    padding: 14px;
    border: 1px solid #e1e9e3;
    border-radius: 18px;
    background: #fff;
    color: #26382d;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(20,58,39,.05);
}

.faq-list-card > img {
    width: 150px;
    height: 140px;
    object-fit: cover;
    border-radius: 14px;
}

.faq-list-card > div > i {
    color: #0b6b46;
}

.faq-list-card h2 {
    margin: 8px 0 7px;
    font-size: 20px;
}

.faq-list-card p {
    margin: 0 0 10px;
    color: #718078;
    font-size: 13px;
    line-height: 1.55;
}

.faq-list-card span {
    color: #0b6b46;
    font-weight: 800;
}

.faq-detail-layout {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 30px;
    align-items: start;
}

.faq-sidebar {
    position: sticky;
    top: 20px;
    padding: 16px;
    border-radius: 16px;
    background: #f6f7f6;
}

.faq-sidebar h2 {
    margin: 0 0 12px;
    font-size: 18px;
}

.faq-sidebar nav {
    display: grid;
}

.faq-sidebar a {
    padding: 12px 10px;
    border-bottom: 1px dashed #d4dad4;
    color: #637168;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.faq-sidebar a.active,
.faq-sidebar a:hover {
    background: #93c800;
    color: #fff;
}

.faq-detail-article {
    min-width: 0;
}

.content-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: #8a968f;
    font-size: 12px;
}

.content-breadcrumb a {
    color: #0b6b46;
    text-decoration: none;
}

.faq-detail-article h1,
.project-detail-head h1 {
    margin: 0 0 18px;
    font-size: clamp(34px, 5vw, 60px);
    line-height: 1.04;
}

.faq-detail-image {
    width: min(100%, 520px);
    max-height: 520px;
    float: left;
    margin: 0 24px 18px 0;
    object-fit: contain;
    border-radius: 16px;
    background: #f7f8f6;
}

.faq-detail-content {
    color: #435048;
    font-size: 15px;
    line-height: 1.85;
    white-space: normal;
}

.projects-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.project-card {
    overflow: hidden;
    border: 1px solid #dce8d5;
    border-radius: 16px;
    background: #fff;
    color: #2e3d33;
    text-decoration: none;
    box-shadow: 0 10px 26px rgba(18,53,34,.06);
    transition: transform .25s ease, box-shadow .25s ease;
}

.project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 36px rgba(18,53,34,.12);
}

.project-card-media {
    position: relative;
    height: 290px;
    overflow: hidden;
    background: #edf2eb;
}

.project-card-media img,
.project-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    object-fit: cover;
}

.project-placeholder {
    color: #0b6b46;
    font-size: 48px;
}

.project-video-badge {
    position: absolute;
    right: 14px;
    bottom: 14px;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.9);
    color: #0b6b46;
}

.project-card-body {
    padding: 16px;
    text-align: center;
}

.project-card-body h2 {
    margin: 0 0 8px;
    font-size: 17px;
}

.project-card-body span {
    color: #8b928d;
    font-size: 12px;
}

.project-detail-head {
    max-width: 880px;
    margin-bottom: 24px;
}

.project-detail-head > span {
    color: #0b6b46;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.project-detail-head p {
    color: #647169;
    line-height: 1.8;
}

.project-gallery {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
}

.project-gallery-stage {
    position: relative;
    height: min(72vh, 760px);
    min-height: 420px;
    overflow: hidden;
    border-radius: 24px;
    background: #eef1ed;
    box-shadow: 0 18px 44px rgba(15,52,33,.12);
}

.project-gallery-slide {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease;
}

.project-gallery-slide.active {
    opacity: 1;
    visibility: visible;
}

.project-gallery-slide img,
.project-gallery-slide video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    background: #0a1510;
}

.project-gallery-arrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    transform: translateY(-50%);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 50%;
    background: rgba(255,255,255,.88);
    color: #0b6b46;
    box-shadow: 0 8px 22px rgba(0,0,0,.16);
    cursor: pointer;
}

.project-gallery-arrow.prev { left: 16px; }
.project-gallery-arrow.next { right: 16px; }

.project-gallery-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}

.project-gallery-dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #c4cec8;
    cursor: pointer;
}

.project-gallery-dots button.active {
    background: #0b6b46;
}

.empty-content-card,
.empty-state-page .container {
    padding: 52px 24px;
    border-radius: 18px;
    background: #f6f8f5;
    text-align: center;
}

.empty-content-card i {
    color: #0b6b46;
    font-size: 44px;
}

@media (max-width: 1100px) {
    .home-product-track .product-card {
        flex-basis: calc((100% - 36px) / 3);
        min-width: calc((100% - 36px) / 3);
    }

    .home-project-card {
        flex-basis: calc((100% - 54px) / 4);
        min-width: calc((100% - 54px) / 4);
    }
}

@media (max-width: 900px) {
    .home-product-track .product-card {
        flex-basis: calc((100% - 18px) / 2);
        min-width: calc((100% - 18px) / 2);
    }

    .home-project-card {
        flex-basis: calc((100% - 36px) / 3);
        min-width: calc((100% - 36px) / 3);
    }

    .home-about-promo-card,
    .quote-layout,
    .faq-detail-layout {
        grid-template-columns: 1fr;
    }

    .faq-sidebar {
        position: static;
    }

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

@media (max-width: 760px) {
    .home-product-slider .home-slider-arrow,
    .home-projects-slider .home-slider-arrow,
    .faq-home-slider .home-slider-arrow {
        display: none !important;
    }

    .home-product-track,
    .home-projects-track,
    .faq-chip-track {
        gap: 12px;
        padding-right: 18px;
    }

    .home-product-track .product-card {
        flex: 0 0 82%;
        min-width: 82%;
    }

    .home-project-card {
        flex: 0 0 78%;
        min-width: 78%;
    }

    .home-about-promo-card {
        gap: 14px;
        padding: 12px;
        border-radius: 20px;
    }

    .home-about-promo-copy {
        padding: 22px 16px 14px;
    }

    .home-about-promo-actions {
        flex-direction: column;
    }

    .home-about-promo-actions .btn {
        width: 100%;
    }

    .home-about-promo-media,
    .home-about-promo-media img {
        min-height: 230px;
    }

    .home-project-card-media {
        height: 220px;
    }

    .faq-chip {
        flex-basis: 82%;
        min-width: 82%;
    }

    .quote-page-section {
        padding-top: 12px;
    }

    .quote-layout {
        gap: 20px;
    }

    .quote-visual-card {
        min-height: 420px;
    }

    .quote-form-row,
    .projects-grid,
    .faq-list-grid {
        grid-template-columns: 1fr;
    }

    .quote-security-row {
        grid-template-columns: 1fr auto 84px;
    }

    .faq-list-card {
        grid-template-columns: 108px minmax(0, 1fr);
    }

    .faq-list-card > img {
        width: 108px;
        height: 120px;
    }

    .faq-detail-image {
        width: 100%;
        float: none;
        margin: 0 0 18px;
    }

    .project-card-media {
        height: 250px;
    }

    .project-gallery-stage {
        height: min(68vh, 560px);
        min-height: 320px;
        border-radius: 16px;
    }

    .project-gallery-arrow {
        width: 42px;
        height: 42px;
    }
}

/* Aria V35 - FAQ autoplay, vine projects button, original quote form, voice search and bank page fixes */
.header-projects-vine-button {
    display: none;
}

@media (min-width: 761px) {
    .header-projects-vine-button {
        position: relative;
        min-height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        flex: 0 0 auto;
        padding: 0 18px 0 16px;
        overflow: visible;
        border: 1px solid rgba(11, 106, 70, .34);
        border-radius: 999px;
        background:
            radial-gradient(circle at 12% 15%, rgba(212, 175, 55, .18), transparent 34%),
            linear-gradient(135deg, #fffdf7 0%, #f8f1d9 100%);
        color: #0a6b46;
        text-decoration: none;
        font-size: 13px;
        font-weight: 900;
        box-shadow: 0 7px 18px rgba(9, 75, 48, .10), inset 0 0 0 1px rgba(255,255,255,.72);
        transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
    }

    .header-projects-vine-button::before,
    .header-projects-vine-button::after {
        content: "";
        position: absolute;
        width: 15px;
        height: 25px;
        border-radius: 90% 12% 90% 12%;
        background: linear-gradient(145deg, #248553, #0a6b46);
        box-shadow: 0 4px 10px rgba(8, 82, 49, .20);
        pointer-events: none;
    }

    .header-projects-vine-button::before {
        left: -7px;
        top: -8px;
        transform: rotate(-34deg);
    }

    .header-projects-vine-button::after {
        right: -5px;
        bottom: -8px;
        transform: rotate(146deg);
    }

    .header-projects-vine-button .header-projects-vine-leaf {
        color: #0a6b46;
        font-size: 13px;
        transform: rotate(-18deg);
    }

    .header-projects-vine-button:hover {
        transform: translateY(-2px);
        background: linear-gradient(135deg, #0a6b46 0%, #06482f 100%);
        color: #fff;
        box-shadow: 0 12px 24px rgba(9, 75, 48, .20);
    }

    .header-projects-vine-button:hover .header-projects-vine-leaf {
        color: #f5d67a;
    }
}

.search-line {
    grid-template-columns: minmax(0, 1fr) 50px auto !important;
}

.search-line .search-voice-button {
    width: 50px;
    min-width: 50px;
    padding: 0 !important;
    border: 1px solid rgba(11, 106, 70, .18) !important;
    border-radius: 10px !important;
    background: #f7fbf8 !important;
    color: #0a6b46 !important;
    box-shadow: none !important;
}

.search-line .search-voice-button:hover {
    background: #edf7f0 !important;
}

.search-line .search-voice-button.is-listening {
    background: #0a6b46 !important;
    color: #fff !important;
    animation: ariaVoicePulse 1.1s ease-in-out infinite;
}

.search-line .search-voice-button.is-unsupported {
    opacity: .42;
    cursor: not-allowed;
}

@keyframes ariaVoicePulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(10, 107, 70, .34); }
    50% { box-shadow: 0 0 0 9px rgba(10, 107, 70, 0); }
}

.live-search-status:empty {
    display: none;
}

.faq-home-slider .home-slider-arrow {
    display: none !important;
}

.faq-chip-track {
    cursor: grab;
}

.faq-chip-track.is-dragging {
    cursor: grabbing;
}

.faq-chip {
    position: relative;
    z-index: 2;
    pointer-events: auto !important;
}

.home-product-track .product-card,
.home-product-track .product-image,
.home-product-track .product-body h3 a {
    position: relative;
    pointer-events: auto !important;
}

/* Original three-step quote form */
.quote-form-original {
    gap: 16px !important;
}

.quote-form-section {
    display: grid;
    gap: 12px;
    padding: 18px;
    border: 1px solid #e1e8e3;
    border-radius: 16px;
    background: linear-gradient(180deg, #fff 0%, #fbfcfb 100%);
    box-shadow: 0 10px 24px rgba(20, 58, 39, .045);
}

.quote-form-section-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #edf1ee;
}

.quote-form-section-head > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    border-radius: 50%;
    background: linear-gradient(145deg, #0a6b46, #075033);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 6px 14px rgba(10, 107, 70, .16);
}

.quote-form-section-head > div {
    display: grid;
    gap: 2px;
}

.quote-form-section-head strong {
    color: #1f3328;
    font-size: 15px;
}

.quote-form-section-head small {
    color: #78857d;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
}

.quote-form-original label {
    color: #294036;
    font-size: 12px;
    font-weight: 800;
}

.quote-form-original input,
.quote-form-original select,
.quote-form-original textarea {
    border-radius: 11px;
    background: #fff;
}

.quote-optional-label {
    color: #8a958e;
    font-size: 10px;
    font-weight: 600;
}

.quote-form-footer-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 4px;
}

.quote-form-footer-row .quote-security-row {
    margin: 0;
}

.quote-form-footer-row .quote-submit-button {
    flex: 0 0 auto;
    margin: 0;
    white-space: nowrap;
}

/* Public bank accounts page repair */
.bank-accounts-public-section {
    padding: 38px 0 70px;
    background: linear-gradient(180deg, #fffdf8 0%, #f7f4ea 100%);
}

.bank-accounts-public-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.bank-account-public-card {
    min-width: 0;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 22px;
    border: 1px solid rgba(11, 106, 70, .14);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(25, 58, 39, .07);
}

.bank-account-public-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: linear-gradient(145deg, #0a6b46, #06452e);
    color: #f5d67a;
    font-size: 23px;
}

.bank-account-public-card > div:nth-child(2) {
    min-width: 0;
}

.bank-account-public-card > div:nth-child(2) > span {
    display: block;
    margin-bottom: 3px;
    color: #89958e;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.bank-account-public-card h2 {
    margin: 0;
    color: #1f3428;
    font-size: 22px;
    line-height: 1.2;
}

.bank-account-public-card dl {
    grid-column: 1 / -1;
    display: grid;
    gap: 10px;
    margin: 2px 0 0;
    padding: 14px;
    border-radius: 14px;
    background: #f8faf8;
}

.bank-account-public-card dl > div {
    min-width: 0;
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.bank-account-public-card dt {
    color: #7a867e;
    font-size: 11px;
    font-weight: 800;
}

.bank-account-public-card dd {
    min-width: 0;
    margin: 0;
    color: #21352a;
    font-size: 13px;
    font-weight: 800;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.bank-account-public-card button {
    grid-column: 1 / -1;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 12px;
    background: #0a6b46;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease;
}

.bank-account-public-card button:hover {
    transform: translateY(-1px);
    background: #075436;
}

@media (max-width: 980px) {
    .bank-accounts-public-grid {
        grid-template-columns: 1fr;
    }

    .quote-form-footer-row {
        align-items: stretch;
        flex-direction: column;
    }

    .quote-form-footer-row .quote-submit-button {
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 760px) {
    .header-projects-vine-button {
        display: none !important;
    }

    .search-line {
        grid-template-columns: minmax(0, 1fr) 46px 52px !important;
    }

    .search-line .search-voice-button {
        width: 46px;
        min-width: 46px;
    }

    .quote-form-section {
        padding: 14px;
        border-radius: 14px;
    }

    .quote-form-row {
        grid-template-columns: 1fr !important;
    }

    .quote-security-row {
        grid-template-columns: auto auto minmax(70px, 90px) !important;
    }

    .bank-account-public-card {
        grid-template-columns: 50px minmax(0, 1fr);
        padding: 16px;
        border-radius: 16px;
    }

    .bank-account-public-icon {
        width: 50px;
        height: 50px;
        border-radius: 14px;
        font-size: 20px;
    }

    .bank-account-public-card h2 {
        font-size: 19px;
    }

    .bank-account-public-card dl > div {
        grid-template-columns: 1fr;
        gap: 3px;
    }
}

/* Aria V36 - mobile hero cleanup, premium hero transitions, animated projects button, promo gradient */

/* Hero slider: softer, premium animated transitions on desktop and mobile */
.aria-home-hero.aria-hero-kurtkoy-style .hero-slider {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    isolation: isolate;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide {
    opacity: 0 !important;
    visibility: hidden;
    transform: scale(1.055) translate3d(2.2%, 0, 0) !important;
    filter: saturate(.88) brightness(.94);
    transition:
        opacity 1.05s cubic-bezier(.22, .61, .36, 1),
        transform 1.55s cubic-bezier(.16, 1, .3, 1),
        filter 1.15s ease,
        visibility 0s linear 1.05s !important;
    will-change: opacity, transform, filter;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active {
    opacity: 1 !important;
    visibility: visible;
    transform: scale(1) translate3d(0, 0, 0) !important;
    filter: saturate(1) brightness(1);
    transition-delay: 0s !important;
    z-index: 2;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide .hero-content {
    opacity: 0;
    transform: translate3d(0, 28px, 0) scale(.985);
    transition:
        opacity .8s ease .08s,
        transform 1s cubic-bezier(.16, 1, .3, 1) .08s;
    will-change: opacity, transform;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active .hero-content {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    transition-delay: .24s;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active .hero-content > span {
    animation: ariaHeroReveal .72s cubic-bezier(.16, 1, .3, 1) .18s both;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active .hero-content h1 {
    animation: ariaHeroReveal .88s cubic-bezier(.16, 1, .3, 1) .26s both;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active .hero-content p {
    animation: ariaHeroReveal .88s cubic-bezier(.16, 1, .3, 1) .34s both;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active .hero-content .btn {
    animation: ariaHeroButtonReveal .92s cubic-bezier(.16, 1, .3, 1) .42s both;
}

@keyframes ariaHeroReveal {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
        filter: blur(4px);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        filter: blur(0);
    }
}

@keyframes ariaHeroButtonReveal {
    from {
        opacity: 0;
        transform: translate3d(0, 18px, 0) scale(.94);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

/* Header Biten Projeler: remove leaves, use continuously rotating animated gradient border */
@media (min-width: 761px) {
    .header-projects-vine-button {
        position: relative !important;
        isolation: isolate;
        overflow: hidden !important;
        min-height: 48px;
        padding: 0 19px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: transparent !important;
        color: #0a6846 !important;
        box-shadow: 0 9px 22px rgba(7, 74, 48, .13) !important;
        transform: translateZ(0);
    }

    .header-projects-vine-button::before {
        content: "" !important;
        position: absolute !important;
        inset: -120% !important;
        width: auto !important;
        height: auto !important;
        border-radius: 0 !important;
        background: conic-gradient(
            from 0deg,
            #006b3f 0deg,
            #22a06b 78deg,
            #d4af37 145deg,
            #f5d77a 205deg,
            #3ebd82 275deg,
            #006b3f 360deg
        ) !important;
        box-shadow: none !important;
        transform: none !important;
        animation: ariaProjectsGradientSpin 3.2s linear infinite;
        z-index: -2;
        pointer-events: none;
    }

    .header-projects-vine-button::after {
        content: "" !important;
        position: absolute !important;
        inset: 2px !important;
        width: auto !important;
        height: auto !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, #fffef9 0%, #f7f2df 48%, #edf8f1 100%) !important;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .76) !important;
        transform: none !important;
        z-index: -1;
        pointer-events: none;
    }

    .header-projects-vine-button:hover {
        transform: translateY(-2px) !important;
        color: #064b32 !important;
        box-shadow: 0 13px 28px rgba(7, 74, 48, .19) !important;
    }

    .header-projects-vine-button i {
        position: relative;
        z-index: 1;
    }
}

@keyframes ariaProjectsGradientSpin {
    to { transform: rotate(360deg); }
}

/* About/promo card: white-to-green gradient */
.home-about-promo-card {
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, 0) 34%),
        linear-gradient(110deg, #ffffff 0%, #f8fbf7 19%, #e2f0e6 43%, #6d9f82 70%, #0b5338 100%) !important;
    border: 1px solid rgba(10, 107, 70, .13);
    box-shadow: 0 22px 52px rgba(6, 74, 48, .14) !important;
}

.home-about-promo-copy {
    color: #173b2b !important;
}

.home-about-promo-copy > span {
    color: #08714b !important;
}

.home-about-promo-copy h2 {
    color: #173b2b !important;
}

.home-about-promo-copy p {
    color: #405b4c !important;
}

.home-about-promo-media {
    background: rgba(255, 255, 255, .18) !important;
    box-shadow: 0 16px 36px rgba(6, 60, 40, .17);
}

/* Mobile: completely remove the grey/translucent hero frame while keeping text readable */
@media (max-width: 760px) {
    .aria-home-hero.aria-hero-kurtkoy-style,
    .aria-home-hero.aria-hero-kurtkoy-style .home-hero-full,
    .aria-home-hero.aria-hero-kurtkoy-style .hero-slider {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        transform: scale(1.075) translate3d(3%, 0, 0) !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active {
        transform: scale(1) translate3d(0, 0, 0) !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content {
        max-width: calc(100% - 30px) !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-content > span,
    .aria-home-hero.aria-hero-kurtkoy-style .hero-content h1,
    .aria-home-hero.aria-hero-kurtkoy-style .hero-content p {
        text-shadow:
            0 2px 4px rgba(0, 0, 0, .58),
            0 8px 24px rgba(0, 0, 0, .34) !important;
    }

    .home-about-promo-card {
        background:
            radial-gradient(circle at 18% 8%, rgba(255,255,255,.98) 0%, rgba(255,255,255,0) 36%),
            linear-gradient(155deg, #ffffff 0%, #f3f9f4 38%, #b8d4c2 67%, #176044 100%) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide,
    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide .hero-content,
    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active .hero-content > span,
    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active .hero-content h1,
    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active .hero-content p,
    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active .hero-content .btn,
    .header-projects-vine-button::before {
        animation: none !important;
        transition-duration: .01ms !important;
    }
}

/* Aria V37 - directional hero slider, FAQ gradient, dynamic advantage polish */
.aria-home-hero.aria-hero-kurtkoy-style .hero-slide {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translate3d(-100%, 0, 0) scale(1.01) !important;
    filter: saturate(.92) brightness(.96) !important;
    transition:
        transform 1.15s cubic-bezier(.22, .78, .22, 1),
        opacity .72s ease,
        filter .9s ease,
        visibility 0s linear 1.15s !important;
    will-change: transform, opacity, filter;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: saturate(1) brightness(1) !important;
    transition-delay: 0s !important;
    z-index: 3 !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide.is-entering-from-left {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(-100%, 0, 0) scale(1.015) !important;
    z-index: 4 !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide.is-leaving-to-right {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(100%, 0, 0) scale(.995) !important;
    z-index: 2 !important;
}

.aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active .hero-content {
    animation: ariaHeroContentSlideRight .95s cubic-bezier(.16, 1, .3, 1) .18s both;
}

@keyframes ariaHeroContentSlideRight {
    from {
        opacity: 0;
        transform: translate3d(-48px, 0, 0);
        filter: blur(4px);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        filter: blur(0);
    }
}

.home-faq-section {
    background:
        radial-gradient(circle at 8% 14%, rgba(255,255,255,.98) 0%, rgba(255,255,255,0) 34%),
        linear-gradient(112deg, #ffffff 0%, #f8fbf8 24%, #e4f1e7 52%, #b6d3bf 77%, #6f9f83 100%) !important;
    border-top: 1px solid rgba(10, 107, 70, .08);
    border-bottom: 1px solid rgba(10, 107, 70, .08);
}

.home-faq-section .container {
    position: relative;
    z-index: 1;
}

.home-faq-section .section-head h2,
.home-faq-section .section-head > div > span,
.home-faq-section .section-head > a {
    color: #173b2b !important;
}

.home-faq-section .faq-chip {
    background: rgba(255, 255, 255, .88) !important;
    border: 1px solid rgba(10, 107, 70, .12) !important;
    box-shadow: 0 10px 24px rgba(10, 73, 49, .08) !important;
}

.home-faq-section .faq-chip:hover {
    background: #ffffff !important;
    box-shadow: 0 14px 30px rgba(10, 73, 49, .14) !important;
}

@media (max-width: 760px) {
    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide {
        transform: translate3d(-100%, 0, 0) scale(1.01) !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide.active {
        transform: translate3d(0, 0, 0) scale(1) !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide.is-entering-from-left {
        transform: translate3d(-100%, 0, 0) scale(1.01) !important;
    }

    .aria-home-hero.aria-hero-kurtkoy-style .hero-slide.is-leaving-to-right {
        transform: translate3d(100%, 0, 0) scale(.995) !important;
    }

    .home-faq-section {
        background:
            radial-gradient(circle at 14% 6%, rgba(255,255,255,.99) 0%, rgba(255,255,255,0) 38%),
            linear-gradient(150deg, #ffffff 0%, #f3f9f4 42%, #c7ddce 74%, #7ca58d 100%) !important;
    }
}

/* Aria v41 - no-flash premium hero transition preserved on the current modern theme */
.aria-home-hero .hero-slider {
    isolation: isolate;
    background: #0d3c2b !important;
}

.aria-home-hero .hero-slide {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 1 !important;
    clip-path: inset(0 100% 0 0 round 0);
    transform: translate3d(-4.5%, 0, 0) scale(1.025) !important;
    transition:
        clip-path .76s cubic-bezier(.22, 1, .36, 1),
        transform .76s cubic-bezier(.22, 1, .36, 1),
        opacity .34s ease !important;
    will-change: clip-path, transform, opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.aria-home-hero .hero-slide.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 3 !important;
    clip-path: inset(0 0 0 0 round 0);
    transform: translate3d(0, 0, 0) scale(1) !important;
}

.aria-home-hero .hero-slide.is-entering {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 4 !important;
    pointer-events: none !important;
}

.aria-home-hero .hero-slide.is-leaving {
    opacity: 0 !important;
    visibility: visible !important;
    pointer-events: none !important;
    z-index: 2 !important;
    clip-path: inset(0 0 0 100% round 0);
    transform: translate3d(4%, 0, 0) scale(1.012) !important;
}

.aria-home-hero .hero-slide.direction-backward.is-entering {
    clip-path: inset(0 0 0 100% round 0);
    transform: translate3d(4.5%, 0, 0) scale(1.025) !important;
}

.aria-home-hero .hero-slide.direction-backward.is-leaving {
    clip-path: inset(0 100% 0 0 round 0);
    transform: translate3d(-4%, 0, 0) scale(1.012) !important;
}

.aria-home-hero .hero-content {
    opacity: 0;
    transform: translate3d(-22px, 10px, 0);
    transition:
        opacity .38s ease .17s,
        transform .58s cubic-bezier(.22, 1, .36, 1) .14s !important;
    will-change: transform, opacity;
}

.aria-home-hero .hero-slide.active .hero-content {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.aria-home-hero .hero-slide.is-entering .hero-content {
    opacity: 0 !important;
    transform: translate3d(-22px, 10px, 0) !important;
}

.aria-home-hero .hero-slide.is-leaving .hero-content {
    opacity: 0 !important;
    transform: translate3d(20px, 0, 0) !important;
    transition-delay: 0s !important;
}

.aria-home-hero .hero-slider::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(105deg, transparent 34%, rgba(255,255,255,.12) 49%, transparent 64%);
    transform: translateX(-120%);
}

.aria-home-hero .hero-slider.is-transitioning::after {
    animation: ariaHeroLightSweepV41 .78s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes ariaHeroLightSweepV41 {
    0% { opacity: 0; transform: translateX(-120%); }
    28% { opacity: .42; }
    100% { opacity: 0; transform: translateX(120%); }
}

/* Aria v41 - En Çok İncelenenler showcase */
.most-viewed-showcase-section {
    padding: 28px 0 46px;
    background:
        radial-gradient(circle at 9% 16%, rgba(212, 175, 55, .08), transparent 28%),
        linear-gradient(180deg, #fffefb 0%, #f7faf7 100%);
    overflow: hidden;
}

.most-viewed-showcase-shell {
    display: grid;
    grid-template-columns: minmax(245px, 285px) minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.most-viewed-feature-panel {
    --most-viewed-bg: none;
    position: relative;
    min-height: 430px;
    padding: 28px 24px;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    color: #fff;
    text-decoration: none;
    background:
        linear-gradient(180deg, rgba(5, 25, 17, .12) 0%, rgba(5, 38, 25, .72) 60%, rgba(3, 30, 20, .96) 100%),
        var(--most-viewed-bg),
        linear-gradient(145deg, #0b5f42, #062f23);
    background-size: cover;
    background-position: center;
    box-shadow: 0 18px 42px rgba(7, 58, 39, .18);
    isolation: isolate;
}

.most-viewed-feature-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 18% 16%, rgba(255,255,255,.24), transparent 20%),
        linear-gradient(135deg, rgba(212,175,55,.16), transparent 42%);
}

.most-viewed-feature-panel::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    right: -58px;
    top: -54px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 0 0 26px rgba(255,255,255,.04), 0 0 0 54px rgba(212,175,55,.035);
    pointer-events: none;
}

.most-viewed-feature-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: auto;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(6px);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.most-viewed-feature-panel h2 {
    margin: 54px 0 12px;
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(44px, 4.1vw, 64px);
    line-height: .88;
    letter-spacing: -.035em;
}

.most-viewed-feature-panel p {
    margin: 0 0 22px;
    max-width: 30ch;
    color: rgba(255,255,255,.84);
    font-size: 13px;
    line-height: 1.6;
}

.most-viewed-feature-panel strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 46px;
    border-radius: 999px;
    background: #fff;
    color: #07563a;
    box-shadow: 0 12px 26px rgba(0,0,0,.16);
    transition: transform .25s ease, box-shadow .25s ease;
}

.most-viewed-feature-panel:hover strong {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(0,0,0,.2);
}

.most-viewed-products-window {
    min-width: 0;
    overflow: hidden;
    border-radius: 22px;
    position: relative;
}

.most-viewed-products-window::before,
.most-viewed-products-window::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 36px;
    z-index: 4;
    pointer-events: none;
}

.most-viewed-products-window::before {
    left: 0;
    background: linear-gradient(90deg, #f8faf8 0%, rgba(248,250,248,0) 100%);
}

.most-viewed-products-window::after {
    right: 0;
    background: linear-gradient(270deg, #f8faf8 0%, rgba(248,250,248,0) 100%);
}

.most-viewed-product-track {
    display: flex;
    align-items: stretch;
    gap: 14px;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 2px 18px 14px;
    cursor: grab;
}

.most-viewed-product-track::-webkit-scrollbar {
    display: none;
}

.most-viewed-product-track.is-dragging {
    cursor: grabbing;
    user-select: none;
}

.most-viewed-product-track .product-card {
    flex: 0 0 248px;
    min-width: 248px;
    height: auto;
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(9, 56, 38, .10);
}

.most-viewed-product-track .product-image {
    height: 220px !important;
}

.most-viewed-product-track .product-image img {
    padding: 6px !important;
}

.most-viewed-product-track .product-body {
    padding: 14px 14px 16px !important;
}

.most-viewed-product-track .product-body h3 {
    min-height: 44px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.35;
}

.most-viewed-product-track .product-short-description {
    display: none !important;
}

.most-viewed-product-track .product-price {
    margin: 10px 0 12px;
}

.most-viewed-product-track .whatsapp-order-button {
    min-height: 42px;
    font-size: 12px;
}

@media (max-width: 980px) {
    .most-viewed-showcase-shell {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .most-viewed-feature-panel {
        min-height: 405px;
        padding: 24px 20px;
    }

    .most-viewed-product-track .product-card {
        flex-basis: 228px;
        min-width: 228px;
    }
}

@media (max-width: 760px) {
    .aria-home-hero .hero-slide {
        transition:
            clip-path .62s cubic-bezier(.22, 1, .36, 1),
            transform .62s cubic-bezier(.22, 1, .36, 1),
            opacity .28s ease !important;
    }

    .aria-home-hero .hero-content {
        transition:
            opacity .32s ease .12s,
            transform .48s cubic-bezier(.22, 1, .36, 1) .10s !important;
    }

    .aria-home-hero .hero-slider.is-transitioning::after {
        animation-duration: .64s;
    }

    .most-viewed-showcase-section {
        padding: 20px 0 34px;
    }

    .most-viewed-showcase-shell {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .most-viewed-feature-panel {
        min-height: 285px;
        padding: 22px 20px;
        border-radius: 20px;
    }

    .most-viewed-feature-panel h2 {
        margin-top: 42px;
        font-size: 48px;
    }

    .most-viewed-feature-panel p {
        max-width: 34ch;
    }

    .most-viewed-products-window {
        margin-inline: -12px;
        border-radius: 0;
    }

    .most-viewed-products-window::before,
    .most-viewed-products-window::after {
        width: 18px;
    }

    .most-viewed-product-track {
        gap: 12px;
        padding-inline: 12px;
    }

    .most-viewed-product-track .product-card {
        flex-basis: 76vw;
        min-width: 76vw;
        max-width: 300px;
    }

    .most-viewed-product-track .product-image {
        height: 235px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .aria-home-hero .hero-slide,
    .aria-home-hero .hero-content {
        transition-duration: .01ms !important;
        transition-delay: 0s !important;
    }
}

/* Aria v42 - restore current header/category design and keep En Çok İncelenenler */
@media (min-width: 761px) {
    .aria-luxury-header .header-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 18px !important;
    }

    .header-wide-search {
        display: flex !important;
        flex: 1 1 auto !important;
        min-width: 260px !important;
        max-width: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .header-instagram-desktop {
        display: grid !important;
    }

    .header-projects-vine-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
    }
}

.aria-home-categories {
    background: #fffdf8 !important;
}

.aria-home-categories .category-slider-wrap {
    padding: 6px 0 4px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.aria-home-categories .category-slider {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 22px !important;
    overflow-x: auto !important;
    padding: 4px 4px 8px !important;
    scrollbar-width: none !important;
}

.aria-home-categories .category-slider::-webkit-scrollbar {
    display: none !important;
}

.aria-home-categories .category-pill {
    flex: 0 0 176px !important;
    width: 176px !important;
    min-width: 176px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.aria-home-categories .category-pill::before,
.aria-home-categories .category-pill::after {
    display: none !important;
    content: none !important;
}

.aria-home-categories .category-image-shell {
    width: 158px !important;
    height: 158px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 28px !important;
    box-shadow: none !important;
}

.aria-home-categories .category-image-shell::before,
.aria-home-categories .category-image-shell::after {
    display: none !important;
    content: none !important;
}

.aria-home-categories .category-image-shell img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 28px !important;
    box-shadow: none !important;
}

.aria-home-categories .category-pill strong {
    margin-top: 10px !important;
    color: #203227 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-align: center !important;
}

.aria-home-categories .category-vine-rail {
    display: none !important;
}

@media (max-width: 980px) and (min-width: 761px) {
    .aria-luxury-header .brand {
        flex-basis: 170px !important;
        width: 170px !important;
        min-width: 170px !important;
    }

    .aria-luxury-header .brand img {
        width: 164px !important;
        height: 92px !important;
    }

    .header-wide-search {
        min-width: 220px !important;
    }

    .header-projects-vine-button {
        padding-inline: 14px !important;
    }
}

@media (max-width: 760px) {
    .aria-home-categories .category-slider {
        justify-content: flex-start !important;
        gap: 14px !important;
        padding-inline: 10px !important;
    }

    .aria-home-categories .category-pill {
        flex-basis: 142px !important;
        width: 142px !important;
        min-width: 142px !important;
    }

    .aria-home-categories .category-image-shell {
        width: 124px !important;
        height: 124px !important;
        border-radius: 24px !important;
    }

    .aria-home-categories .category-image-shell img {
        border-radius: 24px !important;
    }

    .aria-home-categories .category-pill strong {
        font-size: 15px !important;
    }
}


/* Aria v44 - En Çok İncelenenler kart düzenleme ve mobil başlık taşma düzeltmesi */
.most-viewed-feature-panel h2 {
    max-width: 100% !important;
    overflow-wrap: normal;
    word-break: normal;
}

@media (max-width: 760px) {
    .most-viewed-feature-panel {
        min-width: 0 !important;
        overflow: hidden !important;
    }

    .most-viewed-feature-panel h2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 34px 0 10px !important;
        font-size: clamp(38px, 10.8vw, 46px) !important;
        line-height: .92 !important;
        letter-spacing: -.045em !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .most-viewed-feature-panel p {
        max-width: 100% !important;
    }
}