/* ================================================================
   FIDEHANE — PREMIUM E-COMMERCE UI
   Tek dosyada tutuldu: production aşamasında minify edilebilir.
================================================================ */

:root {
    --green-950: #071a12;
    --green-900: #0a241a;
    --green-800: #123527;
    --cream: #f6f2e8;
    --paper: #fbfaf6;
    --lime: #e4efad;
    --ink: #111813;
    --muted: #70776f;
    --line: #deddd5;
    --white: #ffffff;
    --serif: "Playfair Display", Georgia, serif;
    --sans: "DM Sans", Arial, sans-serif;
    --container: 1180px;
    --shadow: 0 18px 50px rgba(7, 26, 18, 0.09);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: var(--sans);
    -webkit-font-smoothing: antialiased;
}

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

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

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

button,
a {
    -webkit-tap-highlight-color: transparent;
}

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

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ----------------------------------------------------------------
   HEADER
---------------------------------------------------------------- */
.site-header {
    position: relative;
    z-index: 50;
    min-height: 78px;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0 max(24px, calc((100vw - var(--container)) / 2));
    background: var(--green-950);
    color: var(--white);
}

.site-header--overlay {
    position: absolute;
    inset: 0 0 auto;
    background: linear-gradient(to bottom, rgba(5, 20, 13, 0.72), transparent);
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.brand__leaf {
    color: #cfe68b;
    font-size: 38px;
    line-height: 1;
}

.brand strong {
    display: block;
    font: 28px/1 var(--serif);
}

.brand small {
    display: block;
    margin-top: 4px;
    font-size: 7px;
    letter-spacing: 2px;
}

.main-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-left: auto;
}

.main-nav a {
    position: relative;
    padding: 29px 0 12px;
    font-size: 13px;
    opacity: 0.88;
}

.main-nav a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 0;
    height: 1px;
    background: var(--lime);
    transform: scaleX(0);
    transition: transform 180ms ease;
}

.main-nav a:hover::after,
.main-nav a.is-active::after {
    transform: scaleX(1);
}

.header-tools {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 21px;
}

.header-search input {
    width: 160px;
    padding: 9px 14px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
    outline: 0;
    background: rgba(255, 255, 255, 0.06);
    color: var(--white);
    font-size: 11px;
}

.header-search input::placeholder {
    color: rgba(255, 255, 255, 0.64);
}

.cart-link {
    position: relative;
}

.cart-link span {
    position: absolute;
    top: -11px;
    right: -12px;
    min-width: 18px;
    padding: 3px 5px;
    border-radius: 999px;
    background: var(--lime);
    color: var(--green-950);
    font-size: 10px;
    text-align: center;
}

.menu-toggle {
    display: none;
    margin-left: auto;
    border: 0;
    background: transparent;
}

.menu-toggle span {
    display: block;
    width: 25px;
    height: 1px;
    margin: 7px 0;
    background: var(--white);
}

/* ----------------------------------------------------------------
   BUTTONS + TYPE
---------------------------------------------------------------- */
.eyebrow {
    color: #465149;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 4px;
}

.eyebrow--light {
    color: var(--white);
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    min-height: 46px;
    padding: 0 24px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
    transition: transform 180ms ease, background 180ms ease;
}

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

.button--lime {
    background: var(--lime);
    color: var(--green-950);
}

.button--dark {
    background: var(--green-900);
    color: var(--white);
}

.button--outline {
    border: 1px solid var(--green-900);
    background: transparent;
    color: var(--green-900);
}

.button--wide {
    width: 100%;
}

.button.is-disabled {
    pointer-events: none;
    opacity: 0.45;
}

/* ----------------------------------------------------------------
   HOME — HERO
---------------------------------------------------------------- */
.hero {
    position: relative;
    min-height: 650px;
    overflow: hidden;
    color: var(--white);
}

.hero__media,
.hero__media img,
.hero__shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.hero__media img {
    object-fit: cover;
}

.hero__shade {
    background:
        linear-gradient(90deg, rgba(3, 18, 10, 0.88) 0%, rgba(3, 18, 10, 0.45) 35%, rgba(3, 18, 10, 0.08) 67%),
        linear-gradient(0deg, rgba(3, 18, 10, 0.22), transparent 35%);
}

.hero__content {
    position: relative;
    z-index: 2;
    padding-top: 150px;
}

.hero h1 {
    margin: 17px 0 22px;
    font: 400 clamp(68px, 7.5vw, 102px) / 0.83 var(--serif);
    letter-spacing: -3px;
}

.hero__content p {
    max-width: 470px;
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
}

.hero__actions {
    display: flex;
    align-items: center;
    gap: 26px;
    margin-top: 30px;
}

.video-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 11px;
}

.video-link i {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    font-style: normal;
}

.hero__note {
    position: absolute;
    z-index: 2;
    top: 155px;
    right: 9vw;
    transform: rotate(-7deg);
    font: italic 27px/1.08 var(--serif);
    text-align: center;
}

/* ----------------------------------------------------------------
   BENEFITS
---------------------------------------------------------------- */
.benefits {
    background: #faf8f1;
    border-bottom: 1px solid #ece9df;
}

.benefits__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.benefits article {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 116px;
    padding: 20px 24px;
    border-right: 1px solid var(--line);
}

.benefits article:last-child {
    border-right: 0;
}

.benefits i {
    font: 30px var(--serif);
    color: var(--green-800);
}

.benefits strong,
.benefits span {
    display: block;
}

.benefits strong {
    font: 16px var(--serif);
}

.benefits span {
    margin-top: 5px;
    color: var(--muted);
    font-size: 9px;
}

/* ----------------------------------------------------------------
   SECTIONS + CATEGORY CARDS
---------------------------------------------------------------- */
.section,
.catalog-section,
.page-content,
.cart-section,
.checkout-section {
    padding: 58px 0;
}

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

.section-heading h2 {
    margin: 8px 0 0;
    font: 400 clamp(32px, 3vw, 43px) / 1 var(--serif);
}

.section-heading > a {
    font-size: 11px;
    font-weight: 600;
}

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

.category-card {
    position: relative;
    min-height: 305px;
    overflow: hidden;
    border-radius: 4px;
    color: var(--white);
    background: var(--green-900);
}

.category-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms ease;
}

.category-card:hover img {
    transform: scale(1.045);
}

.category-card__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(transparent 38%, rgba(4, 22, 13, 0.92));
}

.category-card__content {
    position: absolute;
    right: 60px;
    bottom: 20px;
    left: 20px;
}

.category-card__content strong {
    display: block;
    font: 27px/0.98 var(--serif);
}

.category-card__content small {
    display: block;
    margin-top: 9px;
    font-size: 10px;
}

.category-card > i {
    position: absolute;
    right: 17px;
    bottom: 20px;
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    font-style: normal;
}

/* ----------------------------------------------------------------
   STORY
---------------------------------------------------------------- */
.story-block {
    background: var(--green-900);
    color: var(--white);
}

.story-block__grid {
    display: grid;
    grid-template-columns: 35% 42% 23%;
    min-height: 390px;
}

.story-block__copy {
    padding: 48px 36px 48px 0;
}

.brand-kicker {
    color: var(--lime);
    font: 16px var(--serif);
    letter-spacing: 4px;
}

.story-block h2,
.green-cta h2 {
    margin: 10px 0 16px;
    font: 400 52px/0.94 var(--serif);
}

.story-block__copy p {
    max-width: 370px;
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 1.65;
}

.story-block__photo {
    overflow: hidden;
}

.story-block__photo picture,
.story-block__photo img {
    width: 100%;
    height: 100%;
}

.story-block__photo img {
    object-fit: cover;
    object-position: 62% 58%;
}

.story-block__values {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 34px;
    padding-left: 34px;
}

.story-block__values p {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0;
    font-size: 13px;
}

.story-block__values i {
    color: var(--lime);
    font: 30px var(--serif);
}

/* ----------------------------------------------------------------
   PRODUCT CARDS
---------------------------------------------------------------- */
.product-card {
    overflow: hidden;
    border: 1px solid #e7e4dc;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 7px 25px rgba(7, 26, 18, 0.03);
}

.product-card__image {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #e8e8df;
}

.product-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 450ms ease;
}

.product-card:hover .product-card__image img {
    transform: scale(1.035);
}

.badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(7, 26, 18, 0.86);
    color: var(--white);
    font-size: 8px;
    letter-spacing: 0.7px;
}

.favorite-button {
    position: absolute;
    top: 10px;
    right: 10px;
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: var(--white);
    cursor: pointer;
    font-size: 18px;
}

.product-card__body {
    padding: 14px;
}

.product-card h3 {
    margin: 0 0 5px;
    font: 17px var(--serif);
}

.product-card p {
    min-height: 28px;
    margin: 0 0 14px;
    color: var(--muted);
    font-size: 10px;
    line-height: 1.4;
}

.product-card__bottom {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.price strong,
.price del {
    display: block;
}

.price strong {
    font-size: 17px;
}

.price del {
    margin-top: 2px;
    color: #999;
    font-size: 10px;
}

.js-add-cart button {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 5px;
    background: var(--green-900);
    color: var(--white);
    cursor: pointer;
}

/* ----------------------------------------------------------------
   GREEN CTA
---------------------------------------------------------------- */
.green-cta {
    position: relative;
    min-height: 260px;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: var(--white);
}

.green-cta__media,
.green-cta__media img,
.green-cta__shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.green-cta__media img {
    object-fit: cover;
    object-position: center 50%;
}

.green-cta__shade {
    background: linear-gradient(90deg, rgba(4, 24, 14, 0.88), rgba(4, 24, 14, 0.25));
}

.green-cta__content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.green-cta h2 {
    font-size: 40px;
}

.green-cta p {
    max-width: 520px;
    font-size: 11px;
}

/* ----------------------------------------------------------------
   INNER PAGE HERO
---------------------------------------------------------------- */
.page-hero {
    padding: 100px 0 72px;
    background:
        linear-gradient(90deg, rgba(5, 25, 15, 0.95), rgba(5, 25, 15, 0.50)),
        url("../img/hero-premium.webp") center 52% / cover;
    color: var(--white);
}

.page-hero--small {
    padding: 70px 0 48px;
}

.page-hero h1 {
    max-width: 760px;
    margin: 12px 0;
    font: 400 clamp(48px, 6vw, 82px) / 0.94 var(--serif);
}

.page-hero p {
    max-width: 570px;
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
}

.page-content .lead {
    max-width: 780px;
    margin: 0 0 45px;
    font: 30px/1.35 var(--serif);
}

.about-grid,
.two-column,
.auth-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
}

.about-grid h2,
.prose h2 {
    margin-top: 0;
    font: 31px var(--serif);
}

.about-grid p,
.prose p {
    color: var(--muted);
    line-height: 1.75;
}

.quote-card {
    min-height: 320px;
    display: grid;
    place-items: center;
    padding: 40px;
    background: var(--green-900);
    color: var(--lime);
    font: italic 37px/1.15 var(--serif);
    text-align: center;
}

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

.article-grid article {
    min-height: 260px;
    padding: 30px;
    border: 1px solid var(--line);
    background: var(--white);
}

.article-grid article span {
    font-size: 9px;
    letter-spacing: 2px;
}

.article-grid h3 {
    font: 29px/1.1 var(--serif);
}

.article-grid p {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.65;
}

.article-grid a {
    font-size: 11px;
    font-weight: 700;
}

/* ----------------------------------------------------------------
   FORMS
---------------------------------------------------------------- */
.form-card,
.info-card {
    padding: 32px;
    border: 1px solid var(--line);
    background: var(--white);
}

.form-card h2,
.form-card h3,
.info-card h3 {
    margin-top: 0;
    font: 28px var(--serif);
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.field {
    margin-bottom: 16px;
}

.field label {
    display: block;
    margin-bottom: 7px;
    font-size: 10px;
    font-weight: 700;
}

.field input,
.field textarea,
.field select {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid var(--line);
    outline: 0;
    background: #fcfbf7;
}

.field input:focus,
.field textarea:focus,
.field select:focus {
    border-color: var(--green-800);
}

.narrow {
    max-width: 600px;
}

.muted {
    color: var(--muted);
    font-size: 11px;
}

.check {
    display: flex;
    gap: 10px;
    align-items: start;
    margin-top: 18px;
    font-size: 11px;
}

.faq-list {
    max-width: 850px;
}

.faq-list details {
    padding: 20px 0;
    border-bottom: 1px solid var(--line);
}

.faq-list summary {
    cursor: pointer;
    font: 23px var(--serif);
}

.faq-list p {
    color: var(--muted);
    line-height: 1.65;
}

.empty-state {
    padding: 60px 24px;
    border: 1px solid var(--line);
    background: var(--white);
    text-align: center;
}

.empty-state i {
    display: block;
    margin-bottom: 10px;
    font-size: 42px;
}

.empty-state h3 {
    font: 30px var(--serif);
}

/* ----------------------------------------------------------------
   CATALOG
---------------------------------------------------------------- */
.catalog-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.catalog-toolbar > span {
    color: var(--muted);
    font-size: 10px;
}

.filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-pills a {
    padding: 9px 15px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--white);
    font-size: 10px;
}

.filter-pills a.is-active {
    border-color: var(--green-900);
    background: var(--green-900);
    color: var(--white);
}

/* ----------------------------------------------------------------
   PRODUCT DETAIL
---------------------------------------------------------------- */
.product-detail-page {
    padding-bottom: 70px;
}

.breadcrumbs {
    display: flex;
    gap: 9px;
    padding-top: 32px;
    color: var(--muted);
    font-size: 10px;
}

.product-detail {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 60px;
    padding-top: 30px;
}

.product-detail__image {
    min-height: 590px;
    overflow: hidden;
    background: #eee;
}

.product-detail__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-detail__info {
    padding-top: 35px;
}

.product-detail__info h1 {
    margin: 14px 0 20px;
    font: 48px/1 var(--serif);
}

.product-detail__intro {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.75;
}

.detail-price {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 26px 0 12px;
}

.detail-price strong {
    font-size: 28px;
}

.detail-price del {
    color: #999;
}

.stock {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
}

.stock i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4e8a54;
}

.buy-form {
    display: flex;
    align-items: end;
    gap: 12px;
    margin: 30px 0;
}

.buy-form label {
    font-size: 10px;
    font-weight: 700;
}

.buy-form input {
    display: block;
    width: 80px;
    height: 46px;
    margin-top: 7px;
    border: 1px solid var(--line);
    text-align: center;
}

.detail-notes {
    border-top: 1px solid var(--line);
}

.detail-notes p {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 18px;
    padding: 14px 0;
    margin: 0;
    border-bottom: 1px solid var(--line);
    font-size: 10px;
}

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

/* ----------------------------------------------------------------
   CART + CHECKOUT
---------------------------------------------------------------- */
.cart-layout,
.checkout-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 38px;
    align-items: start;
}

.cart-item {
    display: grid;
    grid-template-columns: 130px 1fr auto auto;
    gap: 20px;
    align-items: center;
    padding: 18px 0;
    border-bottom: 1px solid var(--line);
}

.cart-item img {
    width: 130px;
    height: 100px;
    object-fit: cover;
}

.cart-item__info > span {
    color: var(--muted);
    font-size: 9px;
}

.cart-item__info h3 {
    margin: 5px 0 8px;
    font: 20px var(--serif);
}

.cart-quantity {
    display: flex;
    gap: 7px;
}

.cart-quantity input {
    width: 55px;
    border: 1px solid var(--line);
    text-align: center;
}

.cart-quantity button,
.remove-button {
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 9px;
    text-decoration: underline;
}

.order-summary {
    position: sticky;
    top: 20px;
    padding: 28px;
    background: var(--green-900);
    color: var(--white);
}

.order-summary h2 {
    margin: 8px 0 24px;
    font: 31px var(--serif);
}

.order-summary p {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 9px 0;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    font-size: 10px;
}

.order-summary__total {
    margin-bottom: 20px !important;
    padding: 18px 0 !important;
    font-size: 13px !important;
}

.order-summary small {
    display: block;
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 8px;
    text-align: center;
}

.checkout-form {
    display: grid;
    gap: 18px;
}

.step {
    color: var(--muted);
    font: 13px var(--serif);
}

.payment-placeholder {
    background: #f0eee5;
}

.success-page {
    min-height: 650px;
    display: grid;
    place-items: center;
    padding: 60px 0;
}

.success-card {
    max-width: 650px;
    margin: auto;
    padding: 60px;
    background: var(--white);
    box-shadow: var(--shadow);
    text-align: center;
}

.success-card > i {
    display: grid;
    width: 60px;
    height: 60px;
    place-items: center;
    margin: 0 auto 25px;
    border-radius: 50%;
    background: var(--lime);
    color: var(--green-900);
    font-size: 25px;
}

.success-card h1 {
    font: 48px var(--serif);
}

/* ----------------------------------------------------------------
   FOOTER
---------------------------------------------------------------- */
.site-footer {
    padding: 42px 0 18px;
    background: var(--green-950);
    color: #d8e0d9;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr 1fr 1.35fr;
    gap: 45px;
}

.footer-grid h3 {
    margin: 0 0 12px;
    color: var(--white);
    font-size: 11px;
}

.footer-grid > div:not(.footer-brand) {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 9px;
}

.footer-brand p {
    max-width: 260px;
    color: #9eaaa2;
    font-size: 9px;
    line-height: 1.6;
}

.newsletter {
    display: flex;
    margin-top: 5px;
}

.newsletter input {
    min-width: 0;
    flex: 1;
    padding: 11px 13px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.07);
    color: var(--white);
}

.newsletter button {
    width: 43px;
    border: 0;
    cursor: pointer;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 34px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 8px;
}

.toast {
    position: fixed;
    z-index: 100;
    right: 22px;
    bottom: 22px;
    padding: 12px 18px;
    border-radius: 5px;
    background: var(--green-900);
    color: var(--white);
    box-shadow: var(--shadow);
    font-size: 11px;
    opacity: 0;
    transform: translateY(12px);
    pointer-events: none;
    transition: 180ms ease;
}

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

/* ----------------------------------------------------------------
   TABLET
---------------------------------------------------------------- */
@media (max-width: 980px) {
    .main-nav,
    .header-search,
    .header-tools > a:not(.cart-link) {
        display: none;
    }

    .menu-toggle {
        display: block;
    }

    .header-tools {
        margin-left: 0;
    }

    .main-nav.is-open {
        position: absolute;
        top: 78px;
        right: 0;
        left: 0;
        display: grid;
        gap: 0;
        padding: 12px 24px 22px;
        background: var(--green-950);
    }

    .main-nav.is-open a {
        padding: 12px 0;
    }

    .hero__note {
        display: none;
    }

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

    .benefits article:nth-child(2) {
        border-right: 0;
    }

    .story-block__grid {
        grid-template-columns: 1fr 1fr;
    }

    .story-block__values {
        grid-column: 1 / 3;
        flex-direction: row;
        justify-content: space-around;
        padding: 26px;
    }

    .article-grid {
        grid-template-columns: 1fr 1fr;
    }

    .cart-layout,
    .checkout-layout {
        grid-template-columns: 1fr;
    }

    .order-summary {
        position: static;
    }
}

/* ----------------------------------------------------------------
   MOBILE
---------------------------------------------------------------- */
@media (max-width: 640px) {
    .container {
        width: min(calc(100% - 32px), var(--container));
    }

    .site-header {
        min-height: 68px;
        padding-inline: 16px;
    }

    .brand strong {
        font-size: 23px;
    }

    .brand__leaf {
        font-size: 30px;
    }

    .hero {
        min-height: 650px;
    }

    .hero__media img {
        object-position: 61% center;
    }

    .hero__shade {
        background: linear-gradient(90deg, rgba(3, 18, 10, 0.93), rgba(3, 18, 10, 0.40));
    }

    .hero__content {
        padding-top: 145px;
    }

    .hero h1 {
        font-size: 64px;
    }

    .hero__content p br {
        display: none;
    }

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

    .benefits__grid,
    .category-grid,
    .product-grid,
    .article-grid,
    .about-grid,
    .two-column,
    .auth-grid,
    .form-grid {
        grid-template-columns: 1fr;
    }

    .benefits article {
        min-height: 92px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .section,
    .catalog-section,
    .page-content,
    .cart-section,
    .checkout-section {
        padding: 42px 0;
    }

    .section-heading > a {
        display: none;
    }

    .category-card {
        min-height: 340px;
    }

    .story-block__grid {
        display: block;
    }

    .story-block__copy {
        padding: 42px 0;
    }

    .story-block__photo {
        height: 300px;
    }

    .story-block__values {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        padding: 24px 0 36px;
    }

    .story-block__values p {
        display: block;
        text-align: center;
    }

    .story-block__values i {
        display: block;
        margin-bottom: 7px;
    }

    .green-cta {
        min-height: 340px;
    }

    .green-cta__content {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .page-hero {
        padding: 85px 0 55px;
    }

    .page-content .lead {
        font-size: 25px;
    }

    .product-detail {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .product-detail__image {
        min-height: 420px;
    }

    .product-detail__info h1 {
        font-size: 40px;
    }

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

    .cart-item img {
        width: 95px;
        height: 90px;
    }

    .cart-quantity {
        grid-column: 2;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px 20px;
    }

    .footer-brand {
        grid-column: 1 / 3;
    }

    .footer-grid > div:last-child {
        grid-column: 1 / 3;
    }

    .footer-bottom {
        gap: 10px;
        flex-direction: column;
    }
}



/* ----------------------------------------------------------------
   PRODUCT IMAGE ZOOM / LIGHTBOX
   Ek kütüphane kullanılmaz; performans için saf CSS + küçük JS.
---------------------------------------------------------------- */
.product-detail__image {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    color: inherit;
    cursor: zoom-in;
    text-align: left;
}

.product-detail__image img {
    display: block;
    transition: transform 280ms ease;
}

.product-detail__image:hover img {
    transform: scale(1.025);
}

.product-detail__zoom-hint {
    position: absolute;
    right: 18px;
    bottom: 18px;
    padding: 9px 13px;
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 999px;
    background: rgba(6, 24, 15, 0.78);
    color: #fff;
    font-size: 11px;
    letter-spacing: 0.04em;
    backdrop-filter: blur(8px);
}

.image-lightbox {
    position: fixed;
    z-index: 9999;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 28px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 180ms ease, visibility 180ms ease;
}

.image-lightbox.is-open {
    visibility: visible;
    opacity: 1;
}

.image-lightbox__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    border: 0;
    background: rgba(2, 10, 6, 0.92);
    cursor: zoom-out;
}

.image-lightbox__dialog {
    position: relative;
    z-index: 1;
    display: flex;
    max-width: min(1180px, 94vw);
    max-height: 92vh;
    flex-direction: column;
    align-items: center;
}

.image-lightbox__image {
    display: block;
    max-width: 100%;
    max-height: 84vh;
    object-fit: contain;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.38);
    user-select: none;
}

.image-lightbox__close {
    position: absolute;
    z-index: 2;
    top: 12px;
    right: 12px;
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    background: rgba(4, 18, 11, 0.82);
    color: #fff;
    cursor: pointer;
    font-size: 29px;
    line-height: 1;
}

.image-lightbox__help {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 11px;
}

body.has-lightbox-open {
    overflow: hidden;
}

@media (max-width: 560px) {
    .image-lightbox {
        padding: 14px;
    }

    .image-lightbox__dialog {
        max-width: 100%;
    }

    .image-lightbox__image {
        max-height: 78vh;
    }

    .image-lightbox__help {
        display: none;
    }
}

/* Hareket azaltma tercihi olan kullanıcılar için animasyon kapatılır. */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}


/* ----------------------------------------------------------------
   READABILITY PASS — site genelinde okunabilir tipografik bütünlük
---------------------------------------------------------------- */
.breadcrumbs {
    align-items: center;
    gap: 11px;
    padding-top: 34px;
    font-size: 14px;
    line-height: 1.5;
}

.breadcrumbs a {
    color: #425047;
    font-weight: 600;
}

.breadcrumbs a:hover {
    color: var(--green-900);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.eyebrow,
.filter-pills a,
.catalog-toolbar > span,
.field label,
.buy-form label,
.stock,
.detail-notes p,
.order-summary p,
.product-card p,
.category-card__content small,
.section-heading > a,
.muted,
.check {
    font-size: 12px;
}

.benefits span,
.price del,
.article-grid article span,
.cart-item__info > span,
.cart-quantity button,
.remove-button,
.order-summary small {
    font-size: 11px;
}

.product-detail__intro,
.story-block__copy p,
.article-grid p {
    font-size: 14px;
}

/* Lightbox: button tarayıcı stillerinden tamamen arındırılır. */
.product-detail__image {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    font: inherit;
}

.image-lightbox[aria-hidden="true"] {
    pointer-events: none;
}

.image-lightbox.is-open {
    pointer-events: auto;
}

@media (max-width: 560px) {
    .breadcrumbs {
        gap: 7px;
        overflow-x: auto;
        padding-top: 22px;
        font-size: 13px;
        white-space: nowrap;
        scrollbar-width: none;
    }

    .breadcrumbs::-webkit-scrollbar {
        display: none;
    }
}

/* Zoom bağlantısının link görünümünü sıfırla. */
.product-detail__image:focus-visible {
    outline: 3px solid var(--lime);
    outline-offset: 4px;
}

/* ----------------------------------------------------------------
   HEADER SEARCH AUTOCOMPLETE
---------------------------------------------------------------- */
.header-search {
    position: relative;
    z-index: 80;
}

.header-search input {
    transition:
        width 180ms ease,
        border-color 180ms ease,
        background 180ms ease;
}

.header-search input:focus {
    width: 220px;
    border-color: rgba(221, 236, 170, 0.85);
    background: rgba(255, 255, 255, 0.12);
}

.search-autocomplete {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: min(390px, calc(100vw - 32px));
    max-height: 430px;
    overflow-y: auto;
    border: 1px solid rgba(10, 36, 26, 0.10);
    border-radius: 12px;
    background: #fffdf8;
    color: var(--green-950);
    box-shadow: 0 22px 55px rgba(4, 20, 13, 0.22);
}

.search-autocomplete[hidden] {
    display: none;
}

.search-autocomplete__item {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 70px;
    padding: 9px 12px;
    border-bottom: 1px solid rgba(10, 36, 26, 0.08);
    transition: background 150ms ease;
}

.search-autocomplete__item:hover,
.search-autocomplete__item.is-active {
    background: #f1f3e8;
}

.search-autocomplete__item img,
.search-autocomplete__category-icon {
    width: 52px;
    height: 52px;
    border-radius: 8px;
}

.search-autocomplete__item img {
    display: block;
    object-fit: cover;
}

.search-autocomplete__category-icon {
    display: grid;
    place-items: center;
    background: var(--green-950);
    color: var(--lime);
    font-size: 26px;
}

.search-autocomplete__copy {
    min-width: 0;
}

.search-autocomplete__copy strong,
.search-autocomplete__copy small {
    display: block;
}

.search-autocomplete__copy strong {
    overflow: hidden;
    color: var(--green-950);
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-autocomplete__copy small {
    margin-top: 4px;
    color: #6c756f;
    font-size: 11px;
}

.search-autocomplete__price {
    color: var(--green-900);
    font-size: 12px;
    white-space: nowrap;
}

.search-autocomplete__all,
.search-autocomplete__empty {
    display: block;
    padding: 13px 15px;
    font-size: 12px;
}

.search-autocomplete__all {
    color: var(--green-900);
    font-weight: 700;
    text-align: center;
}

.search-autocomplete__empty {
    color: #6c756f;
}

@media (max-width: 980px) {
    /* Mobilde aramayı tamamen kaybetmek yerine header içinde kullanılır tutuyoruz. */
    .header-search {
        display: block;
        margin-left: auto;
    }

    .header-search input,
    .header-search input:focus {
        width: min(190px, 34vw);
    }

    .search-autocomplete {
        position: fixed;
        top: 70px;
        right: 16px;
        left: 16px;
        width: auto;
    }
}

@media (max-width: 620px) {
    .header-search {
        order: 4;
        width: 100%;
        margin: 0 0 12px;
    }

    .site-header {
        flex-wrap: wrap;
        padding-top: 12px;
    }

    .header-search input,
    .header-search input:focus {
        width: 100%;
        min-height: 42px;
        font-size: 14px;
    }

    .search-autocomplete {
        top: 125px;
    }
}

/* ================================================================
   V5 — AUTOCOMPLETE THUMBNAILS + PAYTR CHECKOUT
================================================================ */

/* Arama önerilerindeki görseller artık sabit küçük thumbnail olarak görünür. */
.search-autocomplete__item {
    grid-template-columns: 58px minmax(0, 1fr) auto;
    gap: 13px;
    min-height: 74px;
}

.search-autocomplete__item img,
.search-autocomplete__category-icon {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border-radius: 10px;
}

.search-autocomplete__item img {
    display: block;
    object-fit: cover;
    background: #eef0e8;
}

.search-autocomplete__category-icon {
    display: grid;
    place-items: center;
    background: #edf0e8;
    color: var(--green-900);
    font-size: 22px;
}

.search-autocomplete__copy strong {
    font-size: 13px;
    line-height: 1.3;
}

.search-autocomplete__copy small {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.35;
}

.search-autocomplete__price {
    white-space: nowrap;
    font-size: 12px;
}

/* Checkout hata mesajı */
.checkout-alert {
    padding: 18px 20px;
    margin-bottom: 20px;
    border: 1px solid #d9b8ad;
    background: #fff7f4;
    color: #6f3021;
}

.checkout-alert strong {
    display: block;
    margin-bottom: 8px;
}

.checkout-alert ul {
    margin: 0;
    padding-left: 20px;
    line-height: 1.65;
}

.payment-provider-badge {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 15px 17px;
    margin: 18px 0;
    border: 1px solid var(--line);
    background: #f8f6ef;
}

.payment-provider-badge strong {
    font: 22px var(--serif);
    color: var(--green-900);
}

.payment-provider-badge span {
    color: var(--muted);
    font-size: 12px;
}

.check span {
    line-height: 1.55;
}

.check a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* PayTR iFrame sayfası */
.paytr-section {
    padding: 46px 0 80px;
    background: var(--cream);
}

.paytr-shell {
    max-width: 980px;
}

.paytr-security-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 20px;
    margin-bottom: 18px;
    border: 1px solid var(--line);
    background: var(--white);
}

.paytr-security-note strong {
    color: var(--green-900);
}

.paytr-security-note span {
    color: var(--muted);
    font-size: 13px;
}

#paytriframe {
    display: block;
    border: 0;
    border-radius: 2px;
    background: var(--white);
}

.success-card--error i {
    background: #7b3026;
}

@media (max-width: 700px) {
    .search-autocomplete__item {
        grid-template-columns: 50px minmax(0, 1fr);
    }

    .search-autocomplete__item img,
    .search-autocomplete__category-icon {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
    }

    .search-autocomplete__price {
        grid-column: 2;
        justify-self: start;
    }

    .paytr-security-note {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* ================================================================
   V6 — BOUTIQUE / LUXURY HEADER
   Az ürünlü katalog: dört fide çeşidi ve güçlü arama odağı.
================================================================ */
.luxury-topbar {
    position: relative;
    z-index: 90;
    background: #285438;
    color: #f8f5e9;
    font-size: 12px;
}

.luxury-topbar__inner {
    width: min(calc(100% - 64px), 1500px);
    min-height: 39px;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.site-header--boutique {
    position: relative;
    inset: auto;
    display: block;
    min-height: 0;
    padding: 0;
    background: rgba(255, 253, 247, .98);
    color: #10251a;
    border-bottom: 1px solid rgba(20, 50, 31, .10);
    box-shadow: 0 10px 35px rgba(27, 45, 31, .05);
}

.header-primary,
.header-secondary {
    width: min(calc(100% - 64px), 1500px);
    margin-inline: auto;
    display: flex;
    align-items: center;
}

.header-primary {
    min-height: 100px;
    gap: 34px;
}

.site-header--boutique .brand { gap: 11px; }
.site-header--boutique .brand__leaf { color: #2f6c35; font-size: 47px; }
.site-header--boutique .brand strong { color: #10251a; font: 39px/.9 var(--serif); letter-spacing: -1px; }
.site-header--boutique .brand small { margin-top: 7px; color: #667267; font-size: 8px; letter-spacing: 1.2px; }

.header-search--premium {
    flex: 1 1 560px;
    max-width: 690px;
    min-width: 360px;
    height: 58px;
    display: flex;
    align-items: center;
    border: 1px solid #d8ddd3;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(27, 54, 35, .07);
    transition: border-color .18s ease, box-shadow .18s ease;
}

.header-search--premium:focus-within {
    border-color: #78956f;
    box-shadow: 0 12px 30px rgba(27, 54, 35, .12);
}

.header-search--premium .header-search__icon { padding-left: 22px; font-size: 27px; line-height: 1; }
.header-search--premium input,
.header-search--premium input:focus {
    width: auto;
    flex: 1;
    min-width: 130px;
    padding: 0 15px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #17261d;
    font-size: 14px;
}
.header-search--premium input::placeholder { color: #5f6a62; }
.header-search__hint { padding: 0 18px; border-left: 1px solid #e1e4dd; color: #929990; font-size: 12px; white-space: nowrap; }
.header-search--premium button {
    height: 48px;
    min-width: 105px;
    margin-right: 5px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #3f772f, #285e29);
    color: #fff;
    font: 600 13px var(--sans);
    cursor: pointer;
}
.header-search--premium button span { margin-left: 10px; font-size: 18px; }

.header-tools--premium { margin-left: auto; gap: 24px; font-size: inherit; }
.header-tool { position: relative; display: flex; align-items: center; gap: 9px; color: #142219; }
.header-tool i { font-style: normal; font-size: 28px; line-height: 1; }
.header-tool > span { display: grid; gap: 3px; }
.header-tool strong { font-size: 12px; font-weight: 600; }
.header-tool small { color: #7a827c; font-size: 10px; }
.header-tool.cart-link b {
    position: absolute; top: -7px; left: 18px; min-width: 18px; height: 18px; padding: 0 5px;
    display: grid; place-items: center; border-radius: 999px; background: #3f772f; color: white; font-size: 9px;
}
.header-tool.cart-link > span:last-of-type { position: static; min-width: 0; padding: 0; background: transparent; color: inherit; text-align: left; }

.header-secondary { min-height: 61px; justify-content: space-between; border-top: 1px solid #eef0eb; }
.category-nav { display: flex; align-items: stretch; height: 61px; }
.category-nav a { min-width: 132px; padding: 0 26px; display: flex; align-items: center; justify-content: center; gap: 9px; border-right: 1px solid #e7e9e4; font: 17px var(--serif); }
.category-nav a:first-child { border-left: 1px solid #e7e9e4; }
.category-nav a:hover { background: #f5f4ec; color: #31612d; }
.category-nav i { color: #4f7d39; font: normal 15px var(--sans); }
.site-header--boutique .main-nav { margin: 0; gap: 28px; }
.site-header--boutique .main-nav a { padding: 21px 0 18px; color: #233329; font-size: 12px; opacity: 1; }
.site-header--boutique .main-nav a::after { bottom: 13px; background: #507d39; }

.site-header--boutique + main .hero { min-height: 535px; color: #10251a; }
.site-header--boutique + main .hero__shade {
    background: linear-gradient(90deg, rgba(251,248,238,.98) 0%, rgba(251,248,238,.91) 30%, rgba(251,248,238,.25) 52%, rgba(3,18,10,.06) 100%);
}
.site-header--boutique + main .hero__content { padding-top: 85px; }
.site-header--boutique + main .hero .eyebrow--light { color: #3c6a37; }
.site-header--boutique + main .hero h1 { max-width: 750px; margin: 18px 0 20px; color: #10251a; font-size: clamp(54px, 5.1vw, 78px); line-height: .94; letter-spacing: -2.5px; }
.site-header--boutique + main .hero__content p { color: #47534b; font-size: 16px; line-height: 1.65; }
.site-header--boutique + main .hero .video-link { color: #27422f; }
.site-header--boutique + main .hero__note { color: #fff; font-size: 22px; line-height: 1.25; text-shadow: 0 2px 18px rgba(0,0,0,.35); }

.header-search--premium .search-autocomplete { top: calc(100% + 12px); left: 0; right: auto; width: min(620px, calc(100vw - 32px)); border-radius: 18px; overflow: hidden; }
.header-search--premium .search-autocomplete__item { min-height: 78px; padding: 10px 15px; }
.header-search--premium .search-autocomplete__copy strong { font-size: 14px; }

@media (max-width: 1180px) {
    .luxury-topbar__inner span:nth-child(2), .luxury-topbar__inner span:nth-child(3) { display: none; }
    .header-primary { min-height: 88px; gap: 18px; }
    .site-header--boutique .brand strong { font-size: 32px; }
    .site-header--boutique .brand small { display: none; }
    .header-search__hint { display: none; }
    .header-tools--premium .header-tool > span { display: none; }
    .header-tools--premium { gap: 15px; }
    .category-nav a { min-width: auto; padding: 0 17px; }
}

@media (max-width: 820px) {
    .luxury-topbar__inner { width: min(calc(100% - 32px), 1500px); justify-content: center; }
    .luxury-topbar__inner span:last-child { display: none; }
    .header-primary, .header-secondary { width: min(calc(100% - 32px), 1500px); }
    .header-primary { flex-wrap: wrap; padding: 14px 0; }
    .site-header--boutique .brand { flex: 1; }
    .site-header--boutique .brand strong { font-size: 30px; }
    .header-tools--premium { order: 2; }
    .header-search--premium { order: 4; flex-basis: 100%; min-width: 0; max-width: none; height: 52px; }
    .header-search--premium button { height: 42px; min-width: 82px; }
    .header-secondary { overflow-x: auto; min-height: 54px; }
    .category-nav { height: 54px; flex: 0 0 auto; }
    .category-nav a { padding: 0 18px; font-size: 15px; }
    .site-header--boutique .main-nav { display: none; }
    .site-header--boutique + main .hero { min-height: 580px; }
    .site-header--boutique + main .hero__shade { background: linear-gradient(90deg, rgba(251,248,238,.94), rgba(251,248,238,.72) 65%, rgba(251,248,238,.2)); }
    .site-header--boutique + main .hero__content { padding-top: 80px; }
    .site-header--boutique + main .hero h1 { font-size: clamp(45px, 11vw, 68px); }
}

@media (max-width: 560px) {
    .luxury-topbar { font-size: 10px; }
    .luxury-topbar__inner { min-height: 32px; }
    .header-tools--premium .header-tool:not(.cart-link) { display: none; }
    .site-header--boutique .brand__leaf { font-size: 36px; }
    .site-header--boutique .brand strong { font-size: 28px; }
    .header-search--premium .header-search__icon { padding-left: 16px; }
    .header-search--premium input, .header-search--premium input:focus { font-size: 13px; }
    .header-search--premium .search-autocomplete { position: fixed; top: 145px; right: 12px; left: 12px; width: auto; }
    .site-header--boutique + main .hero__note { display: none; }
}


/* ================================================================
   V7 — TYPOGRAPHY REFINEMENT
   Premium görünümü korurken site genelinde daha tok ve okunabilir yazı.
================================================================ */
body {
    font-weight: 500;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Başlıklar: ince moda fontu yerine daha tok premium serif. */
h1, h2, h3,
.section-heading h2,
.product-detail h1,
.story-block h2,
.article-grid h2,
.success-card h1 {
    font-family: var(--serif);
    font-weight: 600;
}

/* Küçük metinlerin soluklaşmasını engelle. */
p, li, label, input, textarea, select, button,
.muted, .stock, .detail-notes p, .order-summary p,
.product-card p, .category-card__content small,
.article-grid p, .cart-item__info > span {
    font-weight: 500;
}

.eyebrow {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.6px;
}

.button {
    min-height: 48px;
    font-size: 14px;
    font-weight: 700;
}

/* Boutique header */
.luxury-topbar {
    font-size: 13px;
    font-weight: 600;
}

.site-header--boutique .brand strong {
    font-weight: 700;
}

.site-header--boutique .brand small {
    font-size: 9px;
    font-weight: 600;
}

.header-search--premium input,
.header-search--premium input:focus {
    font-size: 15px;
    font-weight: 500;
}

.header-search__hint {
    font-size: 13px;
    font-weight: 500;
    color: #6e776f;
}

.header-search--premium button {
    font-size: 14px;
    font-weight: 700;
}

.header-tool strong {
    font-size: 13px;
    font-weight: 700;
}

.header-tool small {
    font-size: 11px;
    font-weight: 500;
    color: #626c65;
}

.category-nav a {
    font-family: var(--serif);
    font-size: 17px;
    font-weight: 600;
}

.site-header--boutique .main-nav a {
    font-size: 14px;
    font-weight: 600;
}

/* Hero */
.site-header--boutique + main .hero h1 {
    font-weight: 600;
    line-height: .98;
}

.site-header--boutique + main .hero__content p {
    color: #344139;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.7;
}

/* Kartlar, katalog ve detay sayfaları */
.product-card h3,
.product-card h3 a,
.category-card__content strong {
    font-weight: 700;
}

.product-card p,
.category-card__content small,
.stock,
.detail-notes p,
.order-summary p,
.muted {
    color: #59645d;
    font-size: 13px;
    line-height: 1.55;
}

.price,
.product-detail__price,
.cart-item__price {
    font-weight: 700;
}

.breadcrumbs {
    font-size: 14px;
    font-weight: 500;
}

.breadcrumbs a {
    font-weight: 700;
}

.field label,
.buy-form label,
.check {
    font-size: 13px;
    font-weight: 600;
}

.field input,
.field textarea,
.field select {
    font-size: 15px;
    font-weight: 500;
}

/* Autocomplete */
.header-search--premium .search-autocomplete__copy strong,
.search-autocomplete__copy strong {
    font-size: 14px;
    font-weight: 700;
}

.search-autocomplete__copy small {
    color: #59645d;
    font-size: 12px;
    font-weight: 500;
}

.search-autocomplete__price {
    font-size: 13px;
    font-weight: 700;
}

.search-autocomplete__all,
.search-autocomplete__empty {
    font-size: 13px;
    font-weight: 600;
}

/* Footer da aynı okunabilirlik seviyesinde. */
.site-footer,
.site-footer p,
.site-footer a,
.site-footer small {
    font-weight: 500;
}

.site-footer a {
    font-size: 13px;
}

@media (max-width: 820px) {
    .category-nav a {
        font-size: 16px;
        font-weight: 600;
    }

    .site-header--boutique + main .hero__content p {
        font-size: 16px;
    }
}

@media (max-width: 560px) {
    .luxury-topbar {
        font-size: 11px;
        font-weight: 600;
    }

    .header-search--premium input,
    .header-search--premium input:focus {
        font-size: 14px;
    }

    .breadcrumbs {
        font-size: 13px;
    }
}

/* ========================================================================== 
   V8 — Premium sepet + ödeme deneyimi
   ========================================================================== */
.commerce-page { background: linear-gradient(180deg,#fbfaf6 0,#f7f4ec 100%); min-height: 70vh; }
.commerce-heading { padding: 34px 0 16px; }
.commerce-heading__inner { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }
.commerce-heading h1 { margin:10px 0 4px; font-family:var(--serif); font-size:clamp(42px,5vw,68px); line-height:1; font-weight:600; color:#102019; }
.commerce-heading p { margin:0; color:#5b665f; font-size:16px; font-weight:500; }
.commerce-back { color:#315e2d; font-size:14px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.premium-panel,.order-summary--premium,.form-card--premium { background:rgba(255,255,255,.92); border:1px solid rgba(30,65,37,.10); box-shadow:0 18px 50px rgba(27,49,31,.07); border-radius:20px; }
.cart-section--premium,.checkout-section--premium { padding:14px 0 72px; }
.cart-layout--premium,.checkout-layout--premium { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(330px,.78fr); gap:22px; align-items:start; }
.cart-table { overflow:hidden; }
.cart-table__head { display:grid; grid-template-columns:minmax(280px,1fr) 120px 120px 120px 50px; gap:12px; padding:17px 20px; border-bottom:1px solid #e9e9e2; color:#59645d; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.cart-item--premium { display:grid; grid-template-columns:82px minmax(185px,1fr) 120px 120px 120px 50px; align-items:center; gap:12px; padding:18px 20px; border-bottom:1px solid #ecece6; }
.cart-item--premium:last-child { border-bottom:0; }
.cart-item__image img { width:82px; height:82px; object-fit:cover; border-radius:14px; display:block; }
.cart-item__info h3 { margin:0 0 5px; font-family:var(--serif); font-size:18px; font-weight:700; }
.cart-item__info h3 a { color:#142019; }
.cart-item__info>span { display:block; color:#69736c; font-size:13px; font-weight:500; }
.cart-item__info small { display:block; margin-top:5px; color:#3d6a35; font-size:11px; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:280px; }
.cart-quantity--premium { display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.cart-quantity--premium input { width:72px; height:38px; border:1px solid #dfe4dc; border-radius:10px; padding:0 8px; background:#fff; font-weight:700; text-align:center; }
.cart-quantity--premium button { padding:0; border:0; background:none; color:#41643e; font-size:11px; font-weight:700; cursor:pointer; }
.cart-item__unit-price,.cart-item__line-total { font-size:14px; color:#1b2820; }
.cart-item__line-total { font-size:16px; }
.remove-button--icon { width:36px; height:36px; border-radius:50%; border:0; background:#f6f5f0; color:#68716c; font-size:17px; cursor:pointer; }
.remove-button--icon:hover { background:#f3e8e5; color:#9a4637; }
.cart-reassurance { margin-top:16px; padding:18px 22px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.cart-reassurance div { display:flex; flex-direction:column; gap:3px; }
.cart-reassurance strong { color:#234e27; font-size:13px; }
.cart-reassurance span { color:#707871; font-size:11px; }
.order-summary--premium { position:sticky; top:120px; padding:24px; }
.summary-title { display:flex; align-items:center; gap:9px; margin-bottom:20px; }
.summary-title h2 { margin:0; flex:1; font-family:var(--serif); font-size:25px; font-weight:700; }
.summary-title small,.summary-title>a { color:#376636; font-size:11px; font-weight:700; }
.summary-leaf { font-size:22px; }
.order-summary--premium>p { display:flex; justify-content:space-between; gap:18px; margin:13px 0; font-size:13px; }
.shipping-note { margin:16px 0; padding:11px 12px; border-radius:11px; background:#f3f6ed; color:#4a6d3c; font-size:11px; font-weight:600; }
.shipping-note--success { background:#edf5e8; color:#2f672c; }
.order-summary--premium .order-summary__total { display:flex; align-items:flex-end; justify-content:space-between; margin:20px 0 17px; padding-top:18px; border-top:1px solid #e4e5df; }
.order-summary__total>span { display:flex; flex-direction:column; font-family:var(--serif); font-size:20px; font-weight:700; color:#18231c; }
.order-summary__total small { margin-top:2px; font-family:var(--sans); color:#7a817c; font-size:10px; font-weight:500; }
.order-summary__total>strong { color:#2e652c; font-family:var(--serif); font-size:29px; font-weight:700; }
.checkout-cta,.checkout-submit { min-height:54px; border-radius:15px; box-shadow:0 10px 24px rgba(43,98,38,.18); font-size:15px; font-weight:700; }
.checkout-cta { display:flex; align-items:center; justify-content:center; gap:14px; }
.secure-payment-copy { display:flex; gap:10px; margin-top:18px; align-items:flex-start; }
.secure-payment-copy>span { font-size:19px; }
.secure-payment-copy div { display:flex; flex-direction:column; gap:2px; }
.secure-payment-copy strong { font-size:12px; color:#27342b; }
.secure-payment-copy small { color:#777f79; font-size:10px; line-height:1.4; }
.payment-marks { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:14px; }
.payment-marks span { min-height:35px; display:flex; align-items:center; justify-content:center; border:1px solid #e4e6e1; border-radius:9px; background:#fff; color:#263b4b; font-size:10px; font-weight:800; }

/* Checkout */
.checkout-progress { display:flex; align-items:center; gap:8px; color:#929993; font-size:11px; font-weight:700; white-space:nowrap; }
.checkout-progress i { width:28px; height:1px; background:#d7dcd5; }
.checkout-progress .is-done { color:#3f7537; }
.checkout-progress .is-active { color:#17251c; }
.checkout-form--premium { display:flex; flex-direction:column; gap:16px; }
.form-card--premium { padding:25px; }
.form-card__heading { display:flex; align-items:flex-start; gap:13px; margin-bottom:20px; }
.form-card__heading .step { flex:0 0 38px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#edf4e8; color:#34622f; font-size:11px; font-weight:800; }
.form-card__heading h2 { margin:0 0 3px; font-family:var(--serif); font-size:23px; font-weight:700; }
.form-card__heading p { margin:0; color:#747c76; font-size:12px; font-weight:500; }
.form-card--premium .field label { display:block; margin-bottom:7px; color:#344039; font-size:12px; font-weight:700; }
.form-card--premium .field input,.form-card--premium .field textarea { width:100%; border:1px solid #dfe4dc; background:#fdfdfb; border-radius:12px; padding:13px 14px; outline:none; transition:.2s; }
.form-card--premium .field input:focus,.form-card--premium .field textarea:focus { border-color:#6b8e62; box-shadow:0 0 0 3px rgba(73,112,65,.09); background:#fff; }
.paytr-secure-box { display:flex; align-items:center; gap:13px; padding:16px; border:1px solid #dfe9d9; border-radius:14px; background:linear-gradient(135deg,#f4f8f0,#fff); }
.paytr-secure-box__icon { width:40px; height:40px; display:grid; place-items:center; border-radius:11px; background:#e7f0e2; }
.paytr-secure-box>div:nth-child(2) { display:flex; flex:1; flex-direction:column; gap:3px; }
.paytr-secure-box strong { font-size:13px; }
.paytr-secure-box span { color:#667168; font-size:11px; line-height:1.45; }
.paytr-secure-box b { color:#2f5f2d; font-size:14px; }
.check--premium { margin-top:17px; padding-top:16px; border-top:1px solid #e8e9e5; }
.checkout-submit { border:0; cursor:pointer; }
.checkout-submit b { margin-left:7px; }
.checkout-footnote { margin:-5px 0 0; text-align:center; color:#7c847e; font-size:10px; }
.checkout-products { display:flex; flex-direction:column; gap:12px; }
.checkout-product { display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:10px; }
.checkout-product img { width:48px; height:48px; border-radius:10px; object-fit:cover; }
.checkout-product div { display:flex; flex-direction:column; gap:2px; min-width:0; }
.checkout-product strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.checkout-product small { color:#7b837d; font-size:10px; }
.checkout-product>b { font-size:11px; }
.summary-divider { height:1px; background:#e5e7e1; margin:18px 0 8px; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

@media (max-width: 980px) {
    .cart-layout--premium,.checkout-layout--premium { grid-template-columns:1fr; }
    .order-summary--premium { position:static; }
    .cart-table__head { display:none; }
    .cart-item--premium { grid-template-columns:78px minmax(0,1fr) auto; grid-template-areas:"image info remove" "image qty qty" "unit total total"; gap:9px 12px; }
    .cart-item__image { grid-area:image; align-self:start; }
    .cart-item__info { grid-area:info; }
    .cart-quantity--premium { grid-area:qty; flex-direction:row; align-items:center; }
    .cart-item__unit-price { grid-area:unit; font-size:12px; color:#69736c; }
    .cart-item__line-total { grid-area:total; justify-self:end; }
    .cart-remove-form { grid-area:remove; align-self:start; }
}

@media (max-width: 680px) {
    .commerce-heading { padding:22px 0 10px; }
    .commerce-heading__inner { align-items:flex-start; flex-direction:column; gap:12px; }
    .commerce-heading h1 { font-size:42px; }
    .commerce-heading p { font-size:14px; line-height:1.5; }
    .commerce-back { font-size:12px; }
    .cart-section--premium,.checkout-section--premium { padding:8px 0 42px; }
    .cart-layout--premium,.checkout-layout--premium { gap:14px; }
    .cart-item--premium { padding:14px; grid-template-columns:68px minmax(0,1fr) 34px; }
    .cart-item__image img { width:68px; height:76px; border-radius:12px; }
    .cart-item__info h3 { font-size:16px; }
    .cart-item__info>span { font-size:11px; }
    .cart-item__info small { max-width:190px; font-size:10px; }
    .cart-quantity--premium input { width:64px; height:36px; }
    .cart-reassurance { grid-template-columns:1fr; padding:16px; }
    .order-summary--premium,.form-card--premium { padding:18px; border-radius:16px; }
    .summary-title h2 { font-size:22px; }
    .order-summary__total>strong { font-size:27px; }
    .payment-marks { gap:5px; }
    .payment-marks span { font-size:9px; }
    .checkout-progress { width:100%; justify-content:space-between; overflow:hidden; }
    .checkout-progress i { flex:1; min-width:10px; }
    .checkout-heading .commerce-heading__inner { gap:16px; }
    .form-card__heading h2 { font-size:20px; }
    .form-grid { grid-template-columns:1fr!important; }
    .paytr-secure-box { align-items:flex-start; }
    .paytr-secure-box b { display:none; }
    .checkout-submit { position:sticky; bottom:10px; z-index:5; }
}

/* ========================================================================== 
   V9 — Site-wide premium surface system
   Sepet/ödeme sayfalarındaki kutu, radius, border ve gölge dili tüm siteye
   taşınır. İçerik değişmez; yalnızca ortak görsel sistem uygulanır.
   ========================================================================== */
:root {
    --premium-surface: rgba(255, 255, 255, .94);
    --premium-border: rgba(30, 65, 37, .10);
    --premium-shadow: 0 18px 50px rgba(27, 49, 31, .07);
    --premium-radius: 20px;
    --premium-radius-mobile: 16px;
}

/* İç sayfaların arka planı artık sepet ve ödeme ile aynı sıcak tonda. */
.page-content,
.catalog-section,
.product-detail-page,
.paytr-section,
.success-page {
    background: linear-gradient(180deg, #fbfaf6 0%, #f7f4ec 100%);
}

/* Ortak premium kutu dili. */
.form-card,
.info-card,
.article-grid article,
.faq-list,
.prose,
.empty-state,
.product-card,
.product-detail__image,
.product-detail__info,
.paytr-shell,
.success-card,
.quote-card {
    border: 1px solid var(--premium-border);
    border-radius: var(--premium-radius);
    background: var(--premium-surface);
    box-shadow: var(--premium-shadow);
}

/* Metin ağırlıklı sayfalar: Gizlilik, Teslimat, Mesafeli Satış. */
.prose {
    max-width: 920px;
    padding: 34px 38px;
}

.prose h2:not(:first-child) {
    margin-top: 30px;
    padding-top: 26px;
    border-top: 1px solid #e6e8e2;
}

/* Hakkımızda: iki ayrı premium yüzey. */
.about-grid > div:first-child {
    padding: 32px 34px;
    border: 1px solid var(--premium-border);
    border-radius: var(--premium-radius);
    background: var(--premium-surface);
    box-shadow: var(--premium-shadow);
}

.quote-card {
    overflow: hidden;
    border-color: rgba(255, 255, 255, .08);
    background: linear-gradient(145deg, #0b2919, #173d25);
    box-shadow: 0 20px 55px rgba(10, 36, 21, .16);
}

/* Blog kartları sepet satırlarıyla aynı yumuşak premium geometriye sahip. */
.article-grid article {
    min-height: 280px;
    padding: 30px;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.article-grid article:hover {
    transform: translateY(-3px);
    border-color: rgba(45, 91, 43, .18);
    box-shadow: 0 24px 58px rgba(27, 49, 31, .10);
}

/* Form ve bilgi kartları. */
.form-card,
.info-card {
    padding: 30px;
}

.form-card .field input,
.form-card .field textarea,
.form-card .field select {
    border-color: #dfe4dc;
    border-radius: 12px;
    background: #fdfdfb;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.form-card .field input:focus,
.form-card .field textarea:focus,
.form-card .field select:focus {
    border-color: #6b8e62;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(73, 112, 65, .09);
}

/* SSS artık tek bir premium accordion paneli. */
.faq-list {
    max-width: 920px;
    overflow: hidden;
    padding: 0 28px;
}

.faq-list details {
    padding: 23px 4px;
}

.faq-list details:last-child {
    border-bottom: 0;
}

.faq-list summary {
    font-weight: 600;
}

/* Ürün listesi: aynı radius/gölge standardı. */
.product-card {
    overflow: hidden;
    border-radius: 18px;
    transition: transform .22s ease, box-shadow .22s ease;
}

.product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 52px rgba(27, 49, 31, .10);
}

.product-card__image {
    border-radius: 17px 17px 0 0;
}

.product-card__body {
    padding: 17px 18px 18px;
}

/* Kategori filtreleri de ödeme kontrolleriyle aynı yüzey dilinde. */
.catalog-toolbar {
    padding: 14px 16px;
    border: 1px solid var(--premium-border);
    border-radius: 16px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 10px 30px rgba(27, 49, 31, .04);
}

.filter-pills a {
    border-color: #dfe4dc;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

/* Ürün detayı iki büyük premium panel olarak çalışır. */
.product-detail {
    gap: 22px;
    align-items: stretch;
}

.product-detail__image {
    min-height: 590px;
    border-radius: var(--premium-radius);
}

.product-detail__image img {
    border-radius: inherit;
}

.product-detail__info {
    padding: 38px;
}

.detail-notes {
    overflow: hidden;
    border: 1px solid #e5e8e2;
    border-radius: 14px;
    background: #fafbf7;
}

.detail-notes p {
    padding-right: 15px;
    padding-left: 15px;
}

.buy-form input {
    border-radius: 12px;
}

/* Boş durum, sipariş sonucu, hata ve 404 kartları. */
.empty-state {
    padding: 58px 28px;
}

.success-page {
    padding: 72px 0;
}

.success-card {
    max-width: 760px;
    padding: 46px;
}

/* PayTR iframe de ödeme sayfasındaki güvenli panelin devamı gibi görünür. */
.paytr-section {
    padding: 44px 0 72px;
}

.paytr-shell {
    overflow: hidden;
    padding: 24px;
}

.paytr-security-note {
    border-radius: 14px;
}

#paytriframe {
    margin-top: 14px;
    border-radius: 14px;
    background: #fff;
}

/* Ana sayfadaki kategori geometrisini de ortak premium sisteme yaklaştır. */
.category-card {
    border: 1px solid rgba(30, 65, 37, .08);
    border-radius: 20px;
    box-shadow: var(--premium-shadow);
}

/* İç sayfalarda lead ile kartlar arasında daha kontrollü ritim. */
.page-content .lead {
    margin-bottom: 30px;
}

@media (max-width: 820px) {
    .prose,
    .form-card,
    .info-card,
    .product-detail__info,
    .about-grid > div:first-child,
    .success-card,
    .paytr-shell {
        padding: 24px;
    }

    .product-detail {
        gap: 16px;
    }

    .product-detail__image {
        min-height: 430px;
    }

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

@media (max-width: 560px) {
    .form-card,
    .info-card,
    .article-grid article,
    .faq-list,
    .prose,
    .empty-state,
    .product-card,
    .product-detail__image,
    .product-detail__info,
    .paytr-shell,
    .success-card,
    .about-grid > div:first-child,
    .quote-card {
        border-radius: var(--premium-radius-mobile);
    }

    .prose,
    .form-card,
    .info-card,
    .product-detail__info,
    .about-grid > div:first-child,
    .success-card,
    .paytr-shell {
        padding: 19px;
    }

    .faq-list {
        padding: 0 17px;
    }

    .article-grid article {
        min-height: 0;
        padding: 22px;
    }

    .product-detail__image {
        min-height: 340px;
    }

    .catalog-toolbar {
        padding: 12px;
        border-radius: 14px;
    }

    .filter-pills {
        gap: 6px;
    }

    .filter-pills a {
        padding: 8px 12px;
        font-size: 11px;
    }

    .success-page,
    .paytr-section {
        padding: 32px 0 46px;
    }
}

/* ========================================================================== */
/* V10 — Premium ürün sayfası                                                 */
/* ========================================================================== */
.product-premium-page{padding-bottom:70px;background:linear-gradient(180deg,#fbfaf6 0,#f7f4ec 100%)}
.product-premium-breadcrumbs{padding-top:18px;padding-bottom:16px}.product-premium-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:42px;align-items:start}.product-gallery__main{position:relative;display:block;overflow:hidden;aspect-ratio:1/1.08;border:1px solid rgba(30,77,39,.12);border-radius:24px;background:#eee8dc;box-shadow:0 22px 55px rgba(44,55,35,.10)}.product-gallery__main>img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.product-gallery__main:hover>img{transform:scale(1.025)}.product-gallery__seal{position:absolute;left:24px;top:24px;width:92px;height:92px;border:2px solid rgba(255,255,255,.9);border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(29,84,37,.87);color:#fff;font-size:12px;line-height:1.15;box-shadow:0 8px 25px rgba(0,0,0,.14)}.product-gallery__seal b{font-size:17px}.product-gallery__zoom{position:absolute;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#174e26;font-size:23px;box-shadow:0 8px 24px rgba(0,0,0,.14)}.product-gallery__thumbs{display:flex;gap:12px;padding:14px 8px 0}.product-gallery__thumb{width:76px;height:76px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:14px;background:#fff;cursor:pointer}.product-gallery__thumb.is-active{border-color:#2f6f31}.product-gallery__thumb img{width:100%;height:100%;object-fit:cover}.product-premium-info{padding:10px 0}.product-premium-category{font-weight:700;color:#255f2b;margin-bottom:12px}.product-premium-info h1{font-family:var(--font-display);font-size:clamp(36px,4vw,56px);line-height:1.02;margin:0 0 10px;color:#15241b}.product-premium-tagline{font-size:18px;color:#647066;margin:0 0 13px}.product-rating{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.product-rating span{letter-spacing:1px;color:#e79a00;font-size:19px}.product-rating a{margin-left:auto;color:#285e2d;font-weight:700;text-decoration:underline}.product-premium-description{font-size:15px;line-height:1.75;color:#58635b;margin:24px 0}.product-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-benefits div{min-height:70px;display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid rgba(36,91,43,.1);border-radius:16px;background:rgba(255,255,255,.75);box-shadow:0 8px 24px rgba(42,58,38,.05)}.product-benefits b{font-size:25px;color:#27692e}.product-benefits span{font-weight:700}.product-buy-card{margin-top:18px;padding:22px;border:1px solid rgba(37,89,42,.13);border-radius:20px;background:#fff;box-shadow:0 18px 42px rgba(42,58,38,.09)}.product-buy-card__top{display:flex;justify-content:space-between;gap:20px;align-items:center}.product-buy-card__top>div:first-child strong{display:block;font-family:var(--font-display);font-size:42px;line-height:1;color:#235f2b}.product-buy-card small{display:block;color:#758077;margin-top:5px}.product-stock{display:flex;gap:10px;align-items:center}.product-stock i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#4dbb57;color:#fff;font-style:normal}.product-stock b{color:#235f2b}.product-buy-form{display:grid;grid-template-columns:126px 1fr 52px;gap:10px;margin-top:20px}.premium-quantity{height:52px;display:grid;grid-template-columns:36px 1fr 36px;border:1px solid #e0e4dc;border-radius:13px;overflow:hidden;background:#fff}.premium-quantity button{border:0;background:transparent;font-size:20px;cursor:pointer}.premium-quantity input{width:100%;border:0;text-align:center;font-weight:700;-moz-appearance:textfield}.premium-quantity input::-webkit-inner-spin-button{display:none}.product-add-button{height:52px;border-radius:13px;background:linear-gradient(135deg,#34772f,#1e5b27);font-size:16px;font-weight:700}.product-favorite{border:1px solid #dfe4dc;border-radius:13px;background:#fff;font-size:26px;color:#245d2a}.product-shipping-note{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#eef5e8;color:#2c6330;font-weight:600;font-size:13px}.product-trust-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border:1px solid rgba(37,89,42,.1);border-radius:17px;background:rgba(255,255,255,.65)}.product-trust-row div{padding:17px 10px;text-align:center;font-size:22px;color:#28662e}.product-trust-row b,.product-trust-row small{display:block;color:#26382b;font-size:12px}.product-trust-row small{color:#7a827b;font-weight:500}.product-detail-panels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}.product-detail-panels article{padding:24px;border:1px solid rgba(37,89,42,.11);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 10px 30px rgba(45,61,41,.05)}.product-detail-panels h2{font-family:var(--font-display);font-size:20px;margin:0 0 20px;color:#1b3821}.product-detail-panels p,.product-detail-panels li{font-size:13px;line-height:1.6;color:#59635b}.product-detail-panels ul,.product-detail-panels ol{padding:0;margin:0;list-style:none}.product-detail-panels li{padding:8px 0;border-bottom:1px solid #eceee9}.product-detail-panels ul li{display:flex;justify-content:space-between;gap:12px}.product-detail-panels ol{counter-reset:steps}.product-detail-panels ol li{display:flex;gap:9px}.product-detail-panels ol li:before{counter-increment:steps;content:counter(steps);flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#2f6e31;color:#fff;font-weight:700}.product-related{margin-top:38px}.product-related__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.product-related__head h2{font-family:var(--font-display);font-size:30px;margin:0}.product-related__head a{font-weight:700;color:#28602e}.product-related__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:980px){.product-premium-hero{grid-template-columns:1fr;gap:24px}.product-gallery{max-width:720px;margin:auto;width:100%}.product-detail-panels{grid-template-columns:1fr 1fr}.product-premium-info{padding:0}.product-related__grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.product-premium-page{padding-bottom:36px}.product-premium-breadcrumbs{padding-top:10px;padding-bottom:10px}.product-premium-hero{gap:18px}.product-gallery__main{border-radius:18px;aspect-ratio:1/1}.product-gallery__seal{left:14px;top:14px;width:72px;height:72px;font-size:10px}.product-gallery__seal b{font-size:14px}.product-gallery__zoom{right:12px;bottom:12px;width:40px;height:40px}.product-gallery__thumbs{gap:8px;padding:10px 2px 0;overflow-x:auto}.product-gallery__thumb{flex:0 0 62px;width:62px;height:62px;border-radius:11px}.product-premium-info h1{font-size:34px}.product-premium-tagline{font-size:15px}.product-rating{font-size:11px}.product-rating a{margin-left:0}.product-premium-description{font-size:14px;margin:17px 0}.product-benefits{grid-template-columns:repeat(4,1fr);gap:6px}.product-benefits div{min-height:86px;padding:10px 4px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:6px;border:0;background:transparent;box-shadow:none}.product-benefits b{font-size:23px}.product-benefits span{font-size:10px;line-height:1.25}.product-buy-card{padding:17px;border-radius:17px}.product-buy-card__top{align-items:flex-start;flex-direction:column}.product-buy-card__top>div:first-child strong{font-size:36px}.product-buy-form{grid-template-columns:112px 1fr 48px}.product-add-button{font-size:14px;padding-inline:8px}.product-trust-row{display:none}.product-detail-panels{display:block;margin-top:18px}.product-detail-panels article{padding:0 17px;border-radius:15px;margin-bottom:9px;box-shadow:none}.product-detail-panels h2{font-size:16px;margin:0;padding:18px 0}.product-detail-panels article>*:not(h2){display:none}.product-detail-panels article.is-open>*:not(h2){display:flex}.product-detail-panels article.is-open p{display:block}.product-detail-panels h2:after{content:'⌄';float:right;color:#2c6531}.product-related{margin-top:28px}.product-related__head h2{font-size:22px}.product-related__head a{font-size:12px}.product-related__grid{display:flex;overflow-x:auto;gap:10px;padding-bottom:8px;scroll-snap-type:x mandatory}.product-related__grid .product-card{flex:0 0 72%;scroll-snap-align:start}.product-related__grid .product-card:nth-child(n+4){display:none}}

/* ==========================================================================\n   V11 — Ürün sayfası satın alma hiyerarşisi ve güvenli içerik sistemi\n   ========================================================================== */
.product-buy-card--horizontal {
    margin-top: 18px;
    padding: 18px 20px;
    display: grid;
    grid-template-columns: minmax(190px, .72fr) minmax(340px, 1.28fr);
    column-gap: 22px;
    align-items: center;
}

.product-buy-card--horizontal .product-buy-card__top {
    min-width: 0;
}

.product-buy-card--horizontal .product-buy-form {
    margin-top: 0;
    grid-template-columns: 126px minmax(190px, 1fr) 52px;
}

.product-buy-card--horizontal .product-shipping-note {
    grid-column: 1 / -1;
    margin-top: 14px;
}

.product-price-block strong {
    white-space: nowrap;
}

.product-benefits--safe {
    margin-top: 18px;
}

.product-growing-disclaimer {
    grid-column: 1 / -1;
    margin: 0;
    padding: 15px 18px;
    border: 1px solid rgba(37, 89, 42, .11);
    border-radius: 15px;
    background: #f0f5ea;
    color: #4f5e51;
    font-size: 13px;
    line-height: 1.65;
}

@media (max-width: 1180px) {
    .product-buy-card--horizontal {
        grid-template-columns: 1fr;
        row-gap: 16px;
    }

    .product-buy-card--horizontal .product-buy-form {
        margin-top: 0;
    }
}

@media (max-width: 620px) {
    .product-buy-card--horizontal {
        display: block;
        margin-top: 14px;
        padding: 16px;
    }

    .product-buy-card--horizontal .product-buy-card__top {
        flex-direction: row;
        align-items: center;
    }

    .product-buy-card--horizontal .product-buy-form {
        margin-top: 16px;
        grid-template-columns: 112px minmax(0, 1fr) 48px;
    }

    .product-growing-disclaimer {
        margin-top: 9px;
        font-size: 12px;
    }
}

/* ========================================================================== */
/* V12 — Ürün satın alma kutusu: taşmasız, tam genişlik premium düzen         */
/* ========================================================================== */
.product-buy-card--horizontal {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 20px;
}

.product-buy-card--horizontal .product-buy-card__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(170px, auto);
    gap: 24px;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.product-buy-card--horizontal .product-stock {
    min-width: 0;
    justify-self: end;
}

.product-buy-card--horizontal .product-buy-form {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr) 52px;
    gap: 12px;
    width: 100%;
    min-width: 0;
    margin-top: 18px;
}

.product-buy-card--horizontal .premium-quantity,
.product-buy-card--horizontal .product-add-button,
.product-buy-card--horizontal .product-favorite {
    min-width: 0;
}

.product-buy-card--horizontal .product-add-button {
    width: 100%;
    padding-inline: 18px;
    white-space: nowrap;
}

.product-buy-card--horizontal .product-favorite {
    width: 52px;
    height: 52px;
}

.product-buy-card--horizontal .product-shipping-note {
    width: 100%;
    margin-top: 14px;
}

/* Ürün bilgi kolonunun grid içinde içerik yüzünden genişlemesini engeller. */
.product-premium-info {
    min-width: 0;
}

@media (min-width: 981px) {
    .product-premium-hero {
        grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
        gap: 40px;
    }

    .product-premium-info h1 {
        font-size: clamp(38px, 3.55vw, 54px);
        overflow-wrap: normal;
        word-break: normal;
    }
}

@media (max-width: 720px) {
    .product-buy-card--horizontal {
        padding: 17px;
    }

    .product-buy-card--horizontal .product-buy-card__top {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .product-buy-card--horizontal .product-stock {
        justify-self: start;
    }

    .product-buy-card--horizontal .product-buy-form {
        grid-template-columns: minmax(105px, .42fr) minmax(0, 1fr) 48px;
        gap: 8px;
        margin-top: 15px;
    }

    .product-buy-card--horizontal .product-favorite {
        width: 48px;
        height: 52px;
    }
}

@media (max-width: 430px) {
    .product-buy-card--horizontal .product-buy-form {
        grid-template-columns: 1fr 48px;
    }

    .product-buy-card--horizontal .premium-quantity {
        grid-column: 1 / -1;
    }

    .product-buy-card--horizontal .product-add-button {
        grid-column: 1;
    }

    .product-buy-card--horizontal .product-favorite {
        grid-column: 2;
    }
}

/* ==========================================================================\n   V13 — Ürün galerisi etkileşimleri\n   ========================================================================== */
.product-gallery__stage {
    position: relative;
}

.product-gallery__main .js-product-main-image {
    transition: opacity .18s ease, transform .22s ease;
}

.product-gallery__main .js-product-main-image.is-changing {
    opacity: .45;
    transform: scale(.992);
}

.product-gallery__arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(23, 77, 42, .16);
    border-radius: 50%;
    background: rgba(255, 255, 252, .94);
    box-shadow: 0 10px 28px rgba(20, 48, 29, .14);
    color: #174d2a;
    font: 600 30px/1 Georgia, serif;
    cursor: pointer;
    transform: translateY(-50%);
    transition: transform .18s ease, background .18s ease;
}

.product-gallery__arrow:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.06);
}

.product-gallery__arrow--prev { left: 16px; }
.product-gallery__arrow--next { right: 16px; }

.product-gallery__thumb {
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.product-gallery__thumb.is-active,
.product-gallery__thumb[aria-current="true"] {
    border-color: #236b37;
    box-shadow: 0 0 0 2px rgba(35, 107, 55, .14);
    transform: translateY(-2px);
}

@media (max-width: 767px) {
    .product-gallery__arrow {
        width: 38px;
        height: 38px;
        font-size: 25px;
    }

    .product-gallery__arrow--prev { left: 10px; }
    .product-gallery__arrow--next { right: 10px; }

    .product-gallery__thumbs {
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
    }

    .product-gallery__thumbs::-webkit-scrollbar { display: none; }
}


/* ========================================================================== 
   V15 — Commerce typography & contrast hardening
   Sepet / güvenli ödeme dahil açık premium panellerde beyaz kalmış metinleri
   yüksek kontrastlı koyu tona sabitler. CTA metinleri bilinçli olarak beyazdır.
   ========================================================================== */
.commerce-page,
.commerce-page .premium-panel,
.commerce-page .order-summary--premium,
.commerce-page .form-card--premium,
.commerce-page .cart-table,
.commerce-page .cart-item--premium,
.commerce-page .checkout-product,
.commerce-page .paytr-secure-box {
    color: #17231c;
}
.commerce-page h1,
.commerce-page h2,
.commerce-page h3,
.commerce-page h4,
.commerce-page strong,
.commerce-page b,
.commerce-page label,
.commerce-page .summary-title h2,
.commerce-page .checkout-product strong,
.commerce-page .checkout-product > b,
.commerce-page .order-summary--premium > p,
.commerce-page .order-summary--premium > p > span,
.commerce-page .order-summary--premium > p > strong,
.commerce-page .check--premium,
.commerce-page .check--premium a {
    color: #17231c;
}
.commerce-page h1,
.commerce-page h2,
.commerce-page h3,
.commerce-page .summary-title h2,
.commerce-page .order-summary__total > span,
.commerce-page .order-summary__total > strong {
    font-family: var(--serif);
    font-weight: 700;
}
.commerce-page p,
.commerce-page span,
.commerce-page small,
.commerce-page label,
.commerce-page input,
.commerce-page textarea,
.commerce-page button,
.commerce-page a {
    font-family: var(--sans);
}
.commerce-page .checkout-cta,
.commerce-page .checkout-cta span,
.commerce-page .checkout-cta strong,
.commerce-page .checkout-submit,
.commerce-page .checkout-submit span,
.commerce-page .checkout-submit strong,
.commerce-page .checkout-submit b,
.commerce-page .btn-primary,
.commerce-page .btn-primary span {
    color: #fff;
}
.commerce-page input,
.commerce-page textarea,
.commerce-page select {
    color: #17231c;
    font-weight: 500;
}
.commerce-page input::placeholder,
.commerce-page textarea::placeholder {
    color: #7a837d;
    opacity: 1;
}

.site-language{display:flex;gap:4px;margin-left:auto}.site-language a{font:700 10px/1 DM Sans,sans-serif;text-decoration:none;color:#6b746d;padding:7px 8px;border:1px solid #dfe5df;border-radius:8px}.site-language a.is-active{background:#244f31;color:#fff;border-color:#244f31}@media(max-width:900px){.site-language{order:3;margin-left:0}}

/* V22 customer account + shipment tracking */
.account-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}.account-nav{position:sticky;top:110px;background:#f4f0e6;border:1px solid #dfe4d9;border-radius:18px;padding:18px;display:grid;gap:4px}.account-nav strong{font-size:18px}.account-nav small{color:#6f796f;margin-bottom:12px}.account-nav a{padding:10px 8px;color:#314737;text-decoration:none;border-radius:8px;font-weight:650}.account-nav a:hover{background:#e5ebdf}.account-main{display:grid;gap:18px}.account-panel{background:#fff;border:1px solid #dfe4dd;border-radius:18px;padding:22px;box-shadow:0 8px 26px rgba(40,62,45,.05)}.account-panel h2{margin:0 0 18px;font-size:25px}.account-alert{padding:13px 16px;border-radius:10px;margin-bottom:16px}.account-alert.error{background:#fff0f0;color:#913f3f}.account-alert.success{background:#edf7f0;color:#2d6b44}.order-card{border:1px solid #dfe6e0;border-radius:14px;padding:18px;margin-top:12px;background:#fafbf9}.order-card-top{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:15px;align-items:center}.order-card-top div{display:grid}.order-card-top small,.shipment-head small{color:#7a867c;font-size:11px}.order-card-top b{margin-top:3px}.order-status{display:inline-flex;background:#e8f3ec;color:#286c47;border:1px solid #cee4d6;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:750}.order-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0 18px;position:relative}.order-progress:before{content:"";position:absolute;left:7%;right:7%;top:14px;height:2px;background:#dce4dd}.order-progress i{position:relative;z-index:1;font-style:normal;display:grid;justify-items:center;gap:6px;color:#8a948c;font-size:11px}.order-progress i b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#edf1ee;border:2px solid #d8e0da}.order-progress i.done{color:#315d42;font-weight:700}.order-progress i.done b{background:#2f7650;color:#fff;border-color:#2f7650}.order-card-actions{display:flex;justify-content:flex-end;gap:8px}.address-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.address-card{background:#f8faf7;border:1px solid #e0e6df;border-radius:12px;padding:15px}.account-two{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.account-form{margin-top:14px}.order-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.order-detail-layout aside{display:grid;gap:15px}.shipment-head{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;align-items:center;background:#f4f7f3;padding:15px;border-radius:12px}.shipment-head div{display:grid;gap:3px}.tracking-timeline{padding:18px 4px}.tracking-timeline article{display:grid;grid-template-columns:20px 1fr;gap:12px;position:relative;padding-bottom:22px}.tracking-timeline article:before{content:"";position:absolute;left:6px;top:13px;bottom:-2px;width:2px;background:#dce5de}.tracking-timeline article:last-child:before{display:none}.tracking-timeline article>i{width:14px;height:14px;border:3px solid #2f7650;background:#fff;border-radius:50%;z-index:1}.tracking-timeline p{margin:4px 0;color:#667268}.tracking-timeline small{color:#8a948d}.order-line,.summary-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e8ece8}.order-line div{display:grid}.order-line small{color:#7d887f;margin-top:3px}.summary-row.total{font-size:18px;border-bottom:0}.account-empty{padding:24px;text-align:center;background:#f8faf8;border-radius:12px;color:#748077}
@media(max-width:900px){.account-layout,.order-detail-layout{grid-template-columns:1fr}.account-nav{position:static;display:flex;flex-wrap:wrap}.account-nav strong,.account-nav small{width:100%}.shipment-head{grid-template-columns:1fr 1fr}.order-card-top{grid-template-columns:1fr 1fr}.address-grid{grid-template-columns:1fr}}@media(max-width:560px){.order-progress i span{font-size:9px}.account-two,.shipment-head{grid-template-columns:1fr}.order-card-actions{flex-direction:column}.order-card-actions .button{width:100%}}

/* ===== FIDEHANE V24 — MOCKUP MATCH ACCOUNT ===== */
.fh-account-page{background:#f6f6f2;min-height:75vh;color:#17251c}
.fh-account-shell{padding:22px 0 42px}
.fh-account-grid{max-width:1450px!important;display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}
.fh-account-sidebar{position:sticky;top:100px;background:#fff;border:1px solid #e7e9e5;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(27,54,35,.035)}
.fh-sidebar-title{height:58px;display:flex;align-items:center;gap:9px;padding:0 17px;border-bottom:1px solid #edf0ec;font-size:17px}.fh-user-icon{font-size:21px}
.fh-account-sidebar nav{padding:8px}.fh-account-sidebar nav a{display:flex;align-items:center;gap:10px;min-height:43px;padding:8px 11px;border-radius:8px;text-decoration:none;color:#16231b;font-weight:600;font-size:12px;border-bottom:1px solid #f0f1ef}
.fh-account-sidebar nav a:last-child{border-bottom:0}.fh-account-sidebar nav a span{font-size:19px;width:24px;text-align:center}.fh-account-sidebar nav a.active{background:linear-gradient(90deg,#497b47,#356d3c);color:#fff}.fh-account-sidebar nav a:hover:not(.active){background:#f3f6f1}.fh-account-sidebar nav em{margin-left:auto;background:#d73f42;color:#fff;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:9px;font-style:normal}
.fh-side-promo{height:255px;margin:10px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(18,61,31,.84)),linear-gradient(145deg,#9ebd81,#385e36);border-radius:11px;padding:18px 13px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;position:relative;overflow:hidden}.fh-side-promo:before{content:"🌱";font-size:120px;position:absolute;top:20px;right:-18px;opacity:.65}.fh-side-promo div,.fh-side-promo a{position:relative;z-index:1}.fh-side-promo span{font-family:Georgia,serif;font-style:italic;font-size:14px}.fh-side-promo b{display:block;font-family:Georgia,serif;font-size:18px;font-style:italic;line-height:1.2;margin:4px 0 14px}.fh-side-promo a{background:#174d2b;border:1px solid #fff;color:#fff;text-decoration:none;border-radius:8px;padding:9px 10px;font-size:10px;font-weight:700;text-align:center}
.fh-account-content{display:grid;gap:11px;min-width:0}
.fh-welcome{height:146px;border:1px solid #e4e7e2;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:auto 1.15fr 1fr;align-items:center;padding:18px 23px;background:linear-gradient(90deg,#fff 0 43%,rgba(244,247,238,.86) 59%,rgba(210,225,194,.9)),radial-gradient(circle at 85% 55%,#9ec078 0 10%,transparent 11%),linear-gradient(135deg,#eef3e8,#c8dab9);position:relative}
.fh-welcome:before{content:"🌱";position:absolute;right:55px;bottom:-52px;font-size:175px;filter:saturate(.8);opacity:.72}.fh-welcome:after{content:"";position:absolute;right:0;bottom:0;width:45%;height:34%;background:linear-gradient(transparent,#a6bd8d);opacity:.5}
.fh-avatar{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#e7eeea;border:5px solid #f7faf8;color:#315e47;font-weight:800;font-size:20px;margin-right:16px;position:relative;z-index:2}.fh-welcome-copy{position:relative;z-index:2}.fh-welcome-copy small{font-size:13px}.fh-welcome-copy h1{margin:0 0 5px;font-size:30px;color:#0e2518}.fh-welcome-copy h1 i{color:#478c48;font-size:12px}.fh-welcome-copy p{margin:0 0 3px;font-size:12px;font-weight:600}.fh-welcome-copy span{font-size:9px;color:#69766e}.fh-welcome-art{position:relative;z-index:2;font-family:Georgia,serif;font-style:italic;color:#315b37;transform:rotate(-5deg);padding-left:30px}.fh-welcome-art b,.fh-welcome-art span{display:block;font-size:18px;font-weight:400}
.fh-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.fh-stat{height:82px;background:#fff;border:1px solid #e7e9e6;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;text-decoration:none;color:#1d2c22}.fh-stat>i{width:48px;height:48px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-size:25px}.fh-stat div{display:grid}.fh-stat small{font-size:9px}.fh-stat b{font-size:20px;line-height:1}.fh-stat span{font-size:8px;color:#79847c;margin-top:4px}.fh-stat.green>i{background:#edf6e8;color:#37793f}.fh-stat.rose>i{background:#fff0f0;color:#d84349}.fh-stat.amber>i{background:#fff5df;color:#c28b2d}.fh-stat.mint>i{background:#eaf7e9;color:#358342}
.fh-card{background:#fff;border:1px solid #e5e8e4;border-radius:13px;padding:15px;box-shadow:0 4px 14px rgba(25,50,32,.025)}.fh-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.fh-card-head>div:first-child{display:flex;gap:8px}.fh-card-head h2{margin:0;font-size:17px;color:#102319}.fh-card-head p{margin:2px 0 0;font-size:9px;color:#7b857e}.fh-card-head>a,.fh-link-button{font-size:9px;color:#2d6b40;font-weight:700;text-decoration:none;background:0;border:0;cursor:pointer}.fh-card-icon{font-size:20px;color:#246a3c}
.fh-order-meta{display:grid;grid-template-columns:1fr 1fr 1.15fr 1.15fr 1.1fr;border:1px solid #e6e9e5;border-radius:8px;background:#fcfdfc}.fh-order-meta>div{padding:9px 13px;border-right:1px solid #e6e9e5;display:grid;gap:2px}.fh-order-meta>div:last-child{border:0}.fh-order-meta small{font-size:8px;color:#7a847d}.fh-order-meta b{font-size:11px}
.fh-progress{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin:16px 0 13px}.fh-progress:before{content:"";height:3px;background:#d5dad6;position:absolute;left:9%;right:9%;top:11px}.fh-progress i{display:grid;justify-items:center;gap:4px;position:relative;z-index:1;font-style:normal;font-size:8px;color:#7d8780}.fh-progress i b{width:24px;height:24px;border-radius:50%;background:#f2f3f2;border:3px solid #aeb6b0;display:grid;place-items:center;font-size:9px}.fh-progress i.done{color:#173e28;font-weight:700}.fh-progress i.done b{background:#287243;border-color:#287243;color:#fff}
.fh-active-products{padding-top:10px;border-top:1px solid #edf0ed}.fh-active-products>b{font-size:10px}.fh-active-products>div{display:flex;gap:8px;margin-top:7px;flex-wrap:wrap}.fh-active-products span{background:#f7f8f6;border:1px solid #e6e9e5;border-radius:7px;padding:7px 9px;display:grid;min-width:135px}.fh-active-products strong{font-size:9px}.fh-active-products small{font-size:8px;color:#778078}.fh-order-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.fh-order-actions .button{min-width:155px;text-align:center;padding:9px 14px;font-size:10px;border-radius:7px}
.fh-dashboard-lower{display:grid;grid-template-columns:1.08fr 1fr;gap:10px}.fh-order-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0ed}.fh-order-row:last-child{border:0}.fh-order-row>div{display:grid}.fh-order-row b{font-size:10px}.fh-order-row small{font-size:8px;color:#758078}.fh-order-row>a{font-size:8px;text-decoration:none;color:#24382b;border:1px solid #dfe3df;border-radius:6px;padding:6px 9px}.order-status{font-size:8px!important;padding:5px 8px!important}
.fh-favorite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fh-favorite{display:grid;gap:4px;text-decoration:none;color:#18261d}.fh-fav-img{aspect-ratio:1.18;background:linear-gradient(145deg,#dbe8cf,#a9c88f);border-radius:8px;overflow:hidden;display:grid;place-items:center;font-size:35px}.fh-fav-img img{width:100%;height:100%;object-fit:cover}.fh-favorite b{font-size:9px}.fh-favorite strong{font-size:11px}
.fh-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.fh-mini-grid>a{min-height:63px;background:#fff;border:1px solid #e5e8e4;border-radius:11px;padding:10px;display:flex;align-items:center;gap:9px;text-decoration:none;color:#1c2b21}.fh-mini-grid i{width:34px;height:34px;border-radius:9px;background:#f0f4ef;display:grid;place-items:center;font-size:19px;font-style:normal}.fh-mini-grid div{display:grid}.fh-mini-grid b{font-size:9px}.fh-mini-grid small{font-size:8px;color:#7d867f}
.fh-settings{scroll-margin-top:105px}.fh-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fh-details{margin-top:12px}.fh-details summary{font-size:10px;color:#28653c;font-weight:700;cursor:pointer}.fh-notification{display:grid;grid-template-columns:10px 1fr;gap:9px;padding:9px 0;border-bottom:1px solid #edf0ed}.fh-notification>i{width:7px;height:7px;border-radius:50%;background:#cbd2cd;margin-top:5px}.fh-notification.unread>i{background:#2d7546}.fh-notification b{font-size:10px}.fh-notification p{font-size:9px;margin:2px 0;color:#68736b}.fh-notification small{font-size:8px;color:#89928b}
.fh-newsletter{min-height:95px;border-radius:13px;padding:18px 25px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(90deg,#133d25,#1d5a31 68%,#628858);position:relative;overflow:hidden}.fh-newsletter:after{content:"🌱";font-size:115px;position:absolute;right:16%;bottom:-47px;opacity:.25}.fh-newsletter h2{font-size:21px;margin:2px 0}.fh-newsletter p{font-size:9px;margin:0;color:#dce7dd}.fh-newsletter .button{position:relative;z-index:2;background:#fff;color:#244c31;padding:9px 15px;font-size:9px}
.address-card{border-radius:9px!important;padding:12px!important}.address-card>div:first-child{display:flex;justify-content:space-between}.address-card p{font-size:9px;line-height:1.55}
@media(max-width:1050px){.fh-account-grid{grid-template-columns:190px minmax(0,1fr)}.fh-stat-grid{grid-template-columns:repeat(2,1fr)}.fh-order-meta{grid-template-columns:repeat(3,1fr)}.fh-dashboard-lower{grid-template-columns:1fr}.fh-mini-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){
.fh-account-shell{padding:8px 0 25px}.fh-account-shell>.container{padding-left:10px;padding-right:10px}.fh-account-grid{display:block}.fh-account-sidebar{position:static;margin-bottom:8px;border-radius:10px}.fh-sidebar-title,.fh-side-promo{display:none}.fh-account-sidebar nav{display:flex;overflow:auto;padding:6px;gap:5px;scrollbar-width:none}.fh-account-sidebar nav::-webkit-scrollbar{display:none}.fh-account-sidebar nav a{flex:0 0 auto;border:0;min-height:34px;padding:6px 9px;font-size:9px}.fh-account-sidebar nav a span{font-size:14px;width:auto}
.fh-account-content{gap:8px}.fh-welcome{height:105px;grid-template-columns:auto 1fr;padding:12px 13px;border-radius:11px}.fh-welcome:before{font-size:90px;right:0;opacity:.4}.fh-avatar{width:48px;height:48px;border-width:4px;font-size:15px;margin-right:9px}.fh-welcome-copy h1{font-size:23px}.fh-welcome-copy small{font-size:10px}.fh-welcome-copy p{font-size:9px}.fh-welcome-copy span,.fh-welcome-art{display:none}
.fh-stat-grid{grid-template-columns:repeat(4,1fr);gap:5px}.fh-stat{height:76px;display:grid;justify-items:center;text-align:center;padding:7px 2px;gap:3px}.fh-stat>i{width:34px;height:34px;font-size:18px}.fh-stat small{font-size:7px}.fh-stat b{font-size:15px}.fh-stat span{font-size:6px}
.fh-card{padding:11px;border-radius:10px}.fh-card-head h2{font-size:15px}.fh-card-head p{display:none}.fh-card-head>a{font-size:8px}.fh-order-meta{grid-template-columns:1fr 1fr}.fh-order-meta>div{padding:7px}.fh-order-meta small{font-size:7px}.fh-order-meta b{font-size:9px}.fh-progress{margin:13px 0}.fh-progress i{font-size:7px}.fh-progress i b{width:21px;height:21px;border-width:2px}.fh-progress:before{top:9px}.fh-active-products{display:none}.fh-order-actions{display:grid;grid-template-columns:1fr}.fh-order-actions .button{width:100%;min-width:0}.fh-dashboard-lower{grid-template-columns:1fr}.fh-mini-grid{grid-template-columns:repeat(4,1fr);gap:5px}.fh-mini-grid>a{display:grid;justify-items:center;text-align:center;padding:7px 2px;min-height:65px}.fh-mini-grid i{width:30px;height:30px;font-size:16px}.fh-mini-grid b{font-size:7px}.fh-mini-grid small{display:none}.fh-profile-grid{grid-template-columns:1fr}.fh-newsletter{min-height:105px;display:grid;gap:8px;padding:14px}.fh-newsletter h2{font-size:17px}.fh-newsletter:after{right:-15px}.fh-order-row{grid-template-columns:1fr auto}.fh-order-row>a{grid-column:1/-1;text-align:center}.fh-favorite-grid{gap:6px}
}
@media(max-width:420px){.fh-stat-grid{grid-template-columns:repeat(4,1fr)}.fh-stat{min-width:0}.fh-stat small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.fh-progress i span{max-width:52px;text-align:center}.fh-mini-grid{grid-template-columns:repeat(4,1fr)}.address-grid{grid-template-columns:1fr}}

/* ===== V25 PHOTOGRAPHIC MOCKUP MATCH ===== */
.fh-welcome{grid-template-columns:auto 1.05fr .85fr 270px!important;background:
linear-gradient(90deg,rgba(255,255,255,.98) 0 39%,rgba(255,255,255,.25) 62%,rgba(255,255,255,.02) 100%),
url('../img/account/account-hero.webp') right center/58% 100% no-repeat!important}
.fh-welcome:before,.fh-welcome:after{display:none!important}
.fh-welcome-art{background:rgba(249,252,246,.68);backdrop-filter:blur(2px);border-radius:10px;padding:12px 16px!important}
.fh-member-card{align-self:stretch;margin:-18px -23px -18px 10px;padding:22px 18px;background:rgba(255,255,255,.93);border-left:1px solid #e4e9e1;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:4px 12px;position:relative;z-index:3}.fh-member-card small{font-size:8px;color:#778278}.fh-member-card b{font-size:10px;margin-bottom:8px}
.fh-side-promo{background:linear-gradient(180deg,rgba(14,50,26,.05),rgba(15,55,29,.82)),url('../img/account/account-side.webp') center/cover no-repeat!important}.fh-side-promo:before{display:none!important}
.fh-active-order{position:relative;padding-right:195px!important;min-height:305px}.fh-order-photo{position:absolute;right:15px;top:44px;bottom:67px;width:165px;border-radius:10px;background:linear-gradient(180deg,rgba(12,43,24,.02),rgba(10,43,22,.18)),url('../img/account/account-order-promo.webp') center/cover no-repeat;overflow:hidden}.fh-order-photo span{position:absolute;left:12px;top:16px;font:italic 16px/1.25 Georgia,serif;color:#183f27;text-shadow:0 1px 8px #fff}
.fh-favorite:nth-child(1) .fh-fav-img:not(:has(img)){background:url('../img/account/fav-tomato.webp') center/cover no-repeat}.fh-favorite:nth-child(2) .fh-fav-img:not(:has(img)){background:url('../img/account/fav-pepper.webp') center/cover no-repeat}.fh-favorite:nth-child(3) .fh-fav-img:not(:has(img)){background:url('../img/account/fav-strawberry.webp') center/cover no-repeat}
.fh-newsletter-photo{background:linear-gradient(90deg,rgba(12,57,28,.95),rgba(20,81,39,.88) 65%,rgba(38,98,48,.6)),url('../img/account/newsletter-plants.webp') left center/cover no-repeat!important}
@media(max-width:1200px){.fh-welcome{grid-template-columns:auto 1fr .8fr!important}.fh-member-card{display:none}.fh-active-order{padding-right:15px!important}.fh-order-photo{display:none}}
@media(max-width:780px){.fh-welcome{grid-template-columns:auto 1fr!important;background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.45)),url('../img/account/account-hero.webp') right center/cover no-repeat!important}.fh-welcome-art{display:none!important}}

/* ===== V26 — EXACT WIDE MOCKUP PROPORTIONS =====
   Account page intentionally breaks out of the storefront's narrow content width.
*/
.fh-account-shell>.container.fh-account-grid{
  width:min(1560px,calc(100vw - 42px))!important;
  max-width:1560px!important;
  margin-left:auto!important;margin-right:auto!important;
  padding-left:0!important;padding-right:0!important;
}
.fh-account-grid{grid-template-columns:208px minmax(0,1fr)!important;gap:14px!important}
.fh-account-sidebar{border-radius:13px!important}
.fh-account-content{gap:10px!important}
.fh-welcome{height:148px!important;border-radius:13px!important;grid-template-columns:70px minmax(250px,.95fr) minmax(280px,1.2fr) 315px!important;padding:18px 20px!important}
.fh-avatar{width:62px!important;height:62px!important;margin-right:10px!important}
.fh-welcome-copy h1{font-size:29px!important}.fh-welcome-copy p{font-size:11px!important}
.fh-welcome-art{justify-self:center!important;width:220px!important}
.fh-member-card{width:315px!important;margin:-18px -20px -18px 0!important;padding:18px!important}
.fh-stat-grid{gap:10px!important}.fh-stat{height:86px!important;border-radius:12px!important;padding:11px 14px!important}.fh-stat>i{width:50px!important;height:50px!important}
.fh-active-order{min-height:315px!important;padding:16px 205px 15px 16px!important}.fh-order-photo{width:175px!important;right:15px!important;top:46px!important;bottom:66px!important}
.fh-order-meta>div{padding:11px 14px!important}.fh-order-meta small{font-size:9px!important}.fh-order-meta b{font-size:11px!important}
.fh-progress{margin:18px 0 15px!important}.fh-active-products span{min-width:145px!important;padding:8px 10px!important}
.fh-dashboard-lower{grid-template-columns:1.08fr 1fr!important;gap:10px!important}
.fh-card{border-radius:13px!important;padding:15px!important}.fh-card-head h2{font-size:17px!important}
.fh-order-row{min-height:57px!important}.fh-favorite-grid{gap:9px!important}.fh-fav-img{aspect-ratio:1.25!important}
.fh-mini-grid{grid-template-columns:repeat(4,1fr)!important}
.fh-newsletter{min-height:105px!important}
@media(min-width:1500px){
 .fh-account-shell>.container.fh-account-grid{width:min(1640px,calc(100vw - 56px))!important;max-width:1640px!important}
 .fh-account-grid{grid-template-columns:220px minmax(0,1fr)!important;gap:16px!important}
 .fh-welcome{height:154px!important}
 .fh-stat{height:90px!important}
 .fh-active-order{min-height:320px!important}
}
@media(min-width:1900px){
 .fh-account-shell>.container.fh-account-grid{width:1640px!important}
}
@media(max-width:1200px){
 .fh-account-shell>.container.fh-account-grid{width:min(1180px,calc(100vw - 28px))!important}
 .fh-account-grid{grid-template-columns:190px minmax(0,1fr)!important}
 .fh-welcome{grid-template-columns:60px 1fr .8fr!important}
 .fh-member-card{display:none!important}
 .fh-active-order{padding-right:15px!important}
 .fh-order-photo{display:none!important}
}
@media(max-width:780px){
 .fh-account-shell>.container.fh-account-grid{width:calc(100vw - 16px)!important;display:block!important}
 .fh-welcome{height:108px!important;grid-template-columns:52px 1fr!important;padding:12px!important}
 .fh-dashboard-lower{grid-template-columns:1fr!important}
 .fh-mini-grid{grid-template-columns:repeat(4,1fr)!important}
}

/* ===== V34 CUSTOMER COMPLETE ===== */
.support-layout,.return-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:24px;align-items:start}.support-form-card,.return-info{background:#fff;border:1px solid #e0e6df;border-radius:18px;padding:26px;box-shadow:0 10px 34px rgba(24,54,33,.05)}.support-head{display:flex;gap:13px;align-items:center;margin-bottom:20px}.support-head>span{width:48px;height:48px;border-radius:13px;background:#edf5e9;display:grid;place-items:center;font-size:22px}.support-head h2{margin:0;font-family:Georgia,serif;font-size:27px}.support-head p{margin:4px 0 0;color:#718078}.support-form select,.support-form input,.support-form textarea,.saved-address-select select,.catalog-tools select{width:100%;border:1px solid #d9e0da;border-radius:9px;background:#fff;padding:12px;font:inherit}.support-success{padding:14px 16px;border-radius:10px;background:#eaf7ec;color:#235d34;font-weight:700;margin-bottom:15px}.support-success small{display:block;margin-top:4px;font-weight:400}.support-side{display:grid;gap:12px}.support-side article{background:#f7f9f5;border:1px solid #e1e7df;border-radius:15px;padding:20px}.support-side i{font-style:normal;font-size:22px}.support-side h3{font-family:Georgia,serif;font-size:18px;margin:9px 0 5px}.support-side p{font-size:13px;color:#657269}.support-side a,.return-info a{font-size:12px;font-weight:800;color:#246139;text-decoration:none}
.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid #dfe5de;border-radius:13px;padding:0 18px}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;font-size:15px;font-weight:800;color:#21382a}.faq-list summary span{font-size:22px;color:#367445}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0;padding:0 0 18px;color:#59675e;line-height:1.65;font-size:14px}.faq-help{background:#f0f5ec;border-radius:17px;padding:24px;position:sticky;top:110px}.faq-help h2{font-family:Georgia,serif}.faq-help p{font-size:13px;color:#637068}
.track-wrap{max-width:1120px}.track-search{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;background:#fff;border:1px solid #dfe5df;border-radius:15px;padding:18px}.track-search label{display:block;font-size:11px;font-weight:800;margin-bottom:5px}.track-search input{width:100%;border:1px solid #d8dfd9;border-radius:8px;padding:12px}.track-result{margin-top:20px;background:#fff;border:1px solid #dfe5df;border-radius:17px;padding:24px;box-shadow:0 10px 35px #17331e0b}.track-title{display:flex;justify-content:space-between;align-items:center}.track-title small{font-size:9px;letter-spacing:.12em;color:#7b877f}.track-title h2{font:700 25px Georgia,serif;margin:3px 0}.track-title> b{background:#e9f5e9;color:#2b6f3c;border-radius:15px;padding:7px 11px;text-transform:capitalize;font-size:11px}.track-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0;position:relative}.track-steps:before{content:"";position:absolute;left:7%;right:7%;top:17px;height:2px;background:#dce4dc}.track-steps>div{position:relative;z-index:1;display:grid;justify-items:center;gap:7px}.track-steps i{width:35px;height:35px;border-radius:50%;background:#e8ede8;color:#768179;display:grid;place-items:center;font-style:normal;font-weight:800}.track-steps .done i{background:#276b3b;color:#fff}.track-steps strong{font-size:11px}.track-columns{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.track-columns>div,.track-columns>aside{background:#f8faf7;border:1px solid #e5eae4;border-radius:12px;padding:16px}.track-columns h3,.track-events h3{font:700 17px Georgia,serif}.track-item{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #e4e9e3}.track-item div{display:grid}.track-item strong{font-size:12px}.track-item small{font-size:10px;color:#7b867e}.track-columns aside{display:grid;gap:5px}.track-columns aside p{font-size:11px;margin:0}.track-columns aside small{font-size:9px;color:#7f8982;margin-top:7px}.track-columns aside strong{font-size:12px}.track-events{margin-top:20px}.track-events>div{display:grid;grid-template-columns:16px 1fr auto;gap:10px;padding:10px;border-left:2px solid #dbe6d9}.track-events i{width:9px;height:9px;border-radius:50%;background:#357646;margin-left:-15px;margin-top:4px}.track-events strong{font-size:12px}.track-events p,.track-events time{font-size:10px;color:#768179;margin:2px 0}
.coupon-box{border-top:1px solid #e4e8e3;padding-top:13px;margin-top:10px}.coupon-box label{display:block;font-size:11px;font-weight:800;margin-bottom:6px}.coupon-box>div{display:flex;gap:6px}.coupon-box input{min-width:0;flex:1;border:1px solid #d8dfd9;border-radius:8px;padding:10px}.coupon-box button{border:0;border-radius:8px;background:#295f39;color:#fff;padding:0 12px;font-weight:800}.coupon-box small{display:block;margin-top:5px}.coupon-box .coupon-remove{background:none;color:#8a514e;padding:5px 0;font-size:10px}.coupon-discount strong{color:#287342!important}.free-ship-progress{height:6px;background:#e7ece7;border-radius:10px;overflow:hidden;margin-top:12px}.free-ship-progress span{display:block;height:100%;background:#377846}.free-ship-left{display:block;margin:5px 0 9px;color:#647269}
.catalog-tools{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0 0 16px}.catalog-tools label{display:flex;align-items:center;gap:6px;font-size:12px}.catalog-tools label:first-child input{width:auto}.catalog-tools select{width:auto;padding:8px}.catalog-tools>button{border:1px solid #d8dfd9;background:#fff;border-radius:8px;padding:8px 11px}
.shipping-options{display:grid;gap:8px}.shipping-options label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid #dce3dc;border-radius:10px;padding:12px;cursor:pointer}.shipping-options span{display:grid}.shipping-options strong{font-size:12px}.shipping-options small{font-size:10px;color:#78847c}.shipping-options b{font-size:11px}.saved-address-select{margin-bottom:14px}.saved-address-select label{display:block;font-size:11px;font-weight:800;margin-bottom:5px}.billing-card #billing-fields{margin-top:12px}.success-actions{display:flex;justify-content:center;gap:9px;margin-top:18px}.success-note{display:block;margin-top:12px;color:#748078}.favorite-actions{display:flex;gap:7px;align-items:center;margin-top:8px}.favorite-actions form{flex:1}.favorite-actions .button{width:100%;padding:9px;font-size:11px}.return-info ol{padding-left:20px}.return-info li{margin:12px 0;font-size:13px;line-height:1.5}
@media(max-width:800px){.support-layout,.return-layout,.faq-layout,.track-columns{grid-template-columns:1fr}.faq-help{position:static}.track-search{grid-template-columns:1fr}.track-steps strong{font-size:8px;text-align:center}.track-result{padding:15px}.track-events>div{grid-template-columns:14px 1fr}.track-events time{grid-column:2}.catalog-tools{align-items:stretch;flex-direction:column}.catalog-tools label{justify-content:space-between}.catalog-tools select{flex:1}.success-actions{flex-direction:column}.support-form-card{padding:18px}}
/* V35 release gate */
.return-products{display:grid;gap:8px;margin:12px 0}.return-products>div{display:grid;gap:8px}.return-products label{display:grid;grid-template-columns:1fr 90px;gap:12px;align-items:center;border:1px solid #e0e6df;border-radius:10px;padding:12px;background:#fafcf9}.return-products label span{display:grid}.return-products label strong{font-size:13px}.return-products label small{font-size:10px;color:#758078}.return-products input{width:100%;border:1px solid #d6ded7;border-radius:8px;padding:9px}.newsletter-flash{display:block;margin:4px 0 8px;color:#dce9df}.ax-logout{margin:0}.ax-logout button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:9px 12px;color:inherit;font:inherit;cursor:pointer}.ax-logout button:hover{background:#edf4ed}.shipping-options input:checked+span strong{color:#226337}

/* V36 auto cart */
.cart-quantity{position:relative}.cart-update-fallback{display:none!important}.cart-auto-status{position:absolute;top:100%;left:0;white-space:nowrap;font-size:9px;color:#477054;margin-top:3px}.cart-quantity.is-updating input{opacity:.65}

/* ===== V37 PREMIUM ICON SYSTEM ===== */
.ui-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;flex:0 0 auto}
button .ui-icon,a .ui-icon{pointer-events:none}
.remove-button--icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid #e7ded1;color:#8d5b52;transition:.2s ease}
.remove-button--icon .ui-icon{width:18px;height:18px}
.remove-button--icon:hover{background:#fff4f1;border-color:#d9aaa0;color:#a13f32;transform:translateY(-1px);box-shadow:0 7px 18px rgba(91,54,43,.09)}
.cart-reassurance strong,.secure-payment-copy>span,.summary-title small,.shipping-note{display:flex;align-items:center;gap:8px}
.summary-leaf{display:grid;place-items:center}.summary-leaf .ui-icon{width:23px;height:23px}
.secure-payment-copy>span .ui-icon{width:22px;height:22px}
.empty-state>i{font-style:normal}.empty-state>i .ui-icon{width:36px;height:36px}
.category-icon .ui-icon,.category-card__icon .ui-icon,.category-card .ui-icon{width:27px;height:27px;stroke-width:1.6}
.header-icon,.icon-button{display:inline-grid;place-items:center}
.header-icon .ui-icon,.icon-button .ui-icon{width:20px;height:20px}
@media(max-width:720px){.remove-button--icon{width:36px;height:36px}.ui-icon{stroke-width:1.9}}

/* =========================================================
   V38 — UNIFIED WIDE STOREFRONT + PREMIUM COMMERCE
   Account page width becomes the storefront rhythm.
   ========================================================= */
:root{--fh-wide:1640px;--fh-gutter:28px;--fh-cream:#f7f3eb;--fh-ink:#18352b;--fh-line:#e6ded0;--fh-gold:#b79a64}
.container{width:min(var(--fh-wide),calc(100vw - 56px));max-width:var(--fh-wide);margin-left:auto;margin-right:auto}
.commerce-page{background:linear-gradient(180deg,#fbfaf6 0,#f6f2e9 48%,#fbfaf7 100%)}
.commerce-heading{position:relative;overflow:hidden;border-bottom:1px solid rgba(40,67,54,.08);background:radial-gradient(circle at 85% 15%,rgba(183,154,100,.12),transparent 28%),linear-gradient(135deg,#fbfaf5,#f3eee3)}
.commerce-heading:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(45,86,65,.08);border-radius:50%;right:5%;top:-180px}
.commerce-heading__inner{min-height:174px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.commerce-heading h1{font-size:clamp(34px,3vw,54px);letter-spacing:-.035em;color:var(--fh-ink);margin:12px 0 8px}
.commerce-heading p{font-size:15px;color:#6d766d;max-width:620px}
.breadcrumbs{font-size:12px;letter-spacing:.02em}

/* Cart — more editorial, less generic table */
.cart-section--premium{padding:38px 0 72px}
.cart-layout--premium{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(350px,.62fr);gap:28px;align-items:start}
.premium-panel{border:1px solid rgba(76,91,76,.10);box-shadow:0 16px 44px rgba(52,65,53,.055);background:rgba(255,255,255,.92);border-radius:22px}
.cart-table{padding:8px 22px 12px}
.cart-table__head{padding:15px 8px 12px;color:#8a8f87;text-transform:uppercase;font-size:10px;letter-spacing:.12em;border-bottom:1px solid #eee8de}
.cart-item--premium{min-height:126px;padding:18px 8px;border-bottom:1px solid #eee9df;align-items:center}
.cart-item--premium:last-child{border-bottom:0}
.cart-item__image{width:92px;height:92px;border-radius:18px;overflow:hidden;background:#edf1e9;box-shadow:inset 0 0 0 1px rgba(34,63,49,.06)}
.cart-item__image img{width:100%;height:100%;object-fit:cover}
.cart-item__info h3{font-family:Georgia,serif;font-size:19px;color:#19382c;margin-bottom:5px}
.cart-item__info span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8c806d}
.cart-item__info small{display:flex;align-items:center;gap:5px;margin-top:8px;color:#68786e;font-size:11px}
.cart-quantity--premium{background:#f7f5ef;border:1px solid #e7e0d5;border-radius:13px;padding:5px 7px}
.cart-quantity--premium input{background:transparent;border:0;font-weight:700;color:#203e31;text-align:center}
.cart-item__unit-price{font-size:14px;color:#697269}
.cart-item__line-total{font-family:Georgia,serif;font-size:18px;color:#17392c}
.cart-reassurance{margin-top:18px;padding:18px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cart-reassurance>div{padding:5px 13px;border-right:1px solid #ece6db}
.cart-reassurance>div:last-child{border-right:0}
.cart-reassurance strong{font-size:12px;color:#294b3b}.cart-reassurance span{display:block;font-size:10px;color:#899087;margin-top:5px}
.order-summary--premium{border:1px solid rgba(42,74,57,.13);border-radius:24px;padding:26px;background:linear-gradient(155deg,#fff,#fbfaf5);box-shadow:0 22px 60px rgba(45,61,50,.09);position:sticky;top:105px}
.summary-title{padding-bottom:18px;margin-bottom:15px;border-bottom:1px solid #e9e3d9}
.summary-title h2{font-family:Georgia,serif;font-size:23px;color:#18382c}
.order-summary p{font-size:13px;padding:6px 0}.order-summary p strong{color:#263e32}
.order-summary__total{margin-top:18px;padding:18px 0;border-top:1px solid #ded6c9}
.order-summary__total>strong{font-family:Georgia,serif;font-size:28px;color:#153c2c}
.checkout-cta,.checkout-submit{min-height:54px;border-radius:14px;box-shadow:0 12px 26px rgba(25,67,47,.17)}
.free-ship-progress{height:7px;border-radius:99px;background:#ebe8df;overflow:hidden}.free-ship-progress span{display:block;height:100%;background:linear-gradient(90deg,#9aa983,#426c54);border-radius:99px}
.shipping-note{border-radius:12px;padding:11px 12px;background:#f3f6ef;color:#41604e;font-size:11px}
.secure-payment-copy{margin-top:17px;padding:14px;border-radius:14px;background:#f6f4ee}
.payment-marks{opacity:.68}

/* Checkout — luxury two-column flow */
.checkout-section--premium{padding:36px 0 76px}
.checkout-layout--premium{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(370px,.58fr);gap:30px;align-items:start}
.checkout-form--premium{display:grid;gap:18px}
.form-card--premium{background:rgba(255,255,255,.94);border:1px solid rgba(59,79,65,.11);border-radius:22px;padding:26px 28px;box-shadow:0 13px 36px rgba(50,65,54,.045)}
.form-card__heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:22px}
.form-card__heading .step{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#1e4a38;color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;box-shadow:0 8px 18px rgba(31,72,54,.16)}
.form-card__heading h2{font-family:Georgia,serif;font-size:22px;color:#193a2d;margin:0 0 4px}
.form-card__heading p{font-size:11px;color:#899087;margin:0}
.field label{font-size:11px;font-weight:700;color:#4d5c52;letter-spacing:.01em}
.field input,.field textarea,.saved-address-select select{border:1px solid #dfdbd1;background:#fcfbf8;border-radius:12px;min-height:48px;padding:12px 14px;font-size:13px;transition:.18s}
.field input:focus,.field textarea:focus,.saved-address-select select:focus{outline:0;border-color:#6f8b79;box-shadow:0 0 0 3px rgba(73,110,87,.09);background:#fff}
.shipping-options{display:grid;gap:10px}.shipping-options label{border:1px solid #e3ddd2;border-radius:15px;padding:15px 17px;background:#fbfaf6;transition:.18s}
.shipping-options label:has(input:checked){border-color:#52745f;background:#f3f7f2;box-shadow:0 0 0 2px rgba(82,116,95,.07)}
.paytr-secure-box{border:1px solid #dce4dc;background:linear-gradient(135deg,#f5f8f3,#fbfaf6);border-radius:16px;padding:17px}
.paytr-secure-box__icon{width:42px;height:42px;border-radius:13px;background:#e8efe8;color:#315e46;display:grid;place-items:center}
.paytr-secure-box__icon .ui-icon{width:21px;height:21px}
.checkout-progress{background:rgba(255,255,255,.65);border:1px solid #e6dfd3;border-radius:999px;padding:10px 15px;box-shadow:0 8px 22px rgba(50,60,50,.04)}
.checkout-progress span{display:flex;align-items:center;gap:5px}
.checkout-summary .checkout-product{padding:13px 0}.checkout-product img{width:58px;height:58px;border-radius:13px;object-fit:cover}
.checkout-summary{top:105px}

/* Wide consistency across informational/customer pages without making text unreadably long */
.content-page .container,.legal-page .container,.blog-page .container,.contact-page .container{width:min(var(--fh-wide),calc(100vw - 56px));max-width:var(--fh-wide)}
.content-page article,.legal-page article{max-width:1120px}
@media(max-width:1100px){
 .container{width:min(100% - 36px,var(--fh-wide))}
 .cart-layout--premium,.checkout-layout--premium{grid-template-columns:1fr}
 .order-summary--premium,.checkout-summary{position:relative;top:auto}
}
@media(max-width:720px){
 :root{--fh-gutter:16px}.container{width:calc(100% - 24px)}
 .commerce-heading__inner{min-height:145px;align-items:flex-start;padding-top:25px;padding-bottom:25px;flex-direction:column;gap:18px}
 .commerce-heading h1{font-size:34px}
 .cart-section--premium,.checkout-section--premium{padding-top:18px}
 .cart-table{padding:4px 12px}.cart-item--premium{padding:15px 0}
 .cart-reassurance{grid-template-columns:1fr;padding:13px 16px}.cart-reassurance>div{border-right:0;border-bottom:1px solid #ece6db;padding:10px 3px}.cart-reassurance>div:last-child{border-bottom:0}
 .order-summary--premium{padding:20px;border-radius:19px}
 .form-card--premium{padding:21px 17px;border-radius:18px}
 .form-card__heading h2{font-size:20px}
 .checkout-progress{width:100%;overflow:auto}
}