:root{
    --bg:#f6f0e6;
    --bg-2:#eef4ec;
    --surface:#ffffff;
    --surface-2:#f8fbf6;
    --text:#183528;
    --muted:#607067;
    --line:rgba(24,53,40,.12);
    --primary:#214a37;
    --primary-2:#2d6148;
    --accent:#c97d53;
    --accent-2:#f0d6c4;
    --gold:#b88d47;
    --success:#2c7a53;
    --warning:#ad7f1d;
    --danger:#bf5b51;
    --info:#4b7081;
    --shadow:0 18px 60px rgba(24,53,40,.08);
    --radius:24px;
    --radius-lg:36px;
    --radius-sm:14px;
    --container:1480px;
}

*,
*::before,
*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
    margin:0;
    color:var(--text);
    font:16px/1.65 "Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:
        radial-gradient(circle at top left, rgba(240,214,196,.55), transparent 32%),
        radial-gradient(circle at top right, rgba(238,244,236,.9), transparent 28%),
        var(--bg);
}

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

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

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

button{
    cursor:pointer;
}

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

.site-main{
    min-height:60vh;
}

h1,h2,h3,h4{
    margin:0 0 .5rem;
    line-height:1.08;
    letter-spacing:-.02em;
}

.display,
.section-title,
.page-title,
.product-title,
.article-title,
.hero-copy h1{
    font-family:"Cormorant Garamond",Georgia,serif;
}

p{
    margin:0 0 1rem;
    color:var(--muted);
}

ul{margin:0;padding:0}
li{list-style:none}

.section{
    padding:72px 0;
}

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

.section-head > div:first-child{
    max-width:700px;
}

.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:.9rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--primary);
    margin-bottom:12px;
}

.eyebrow::before{
    content:"";
    width:34px;
    height:1px;
    background:rgba(33,74,55,.45);
}

.section-title{
    font-size:clamp(2rem,4vw,3.3rem);
    color:var(--text);
}

.section-description{
    font-size:1.04rem;
    max-width:680px;
}

.text-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--primary);
    font-weight:700;
}

.text-link::after{
    content:"→";
    transition:transform .2s ease;
}

.text-link:hover::after{
    transform:translateX(3px);
}

.button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:48px;
    padding:12px 20px;
    border-radius:999px;
    border:1px solid transparent;
    font-weight:700;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

.button:hover{
    transform:translateY(-1px);
    box-shadow:0 12px 24px rgba(24,53,40,.08);
}

.button-solid{
    color:#fff;
    background:var(--primary);
}

.button-solid:hover{
    background:var(--primary-2);
}

.button-outline{
    background:rgba(255,255,255,.8);
    color:var(--primary);
    border-color:rgba(33,74,55,.18);
}

.button-soft{
    background:var(--accent-2);
    color:var(--primary);
}

.button-block{
    width:100%;
}

.surface{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
}

.topbar{
    background:var(--primary);
    color:rgba(255,255,255,.9);
    font-size:.92rem;
}

.topbar a{
    color:#fff;
    opacity:.92;
}

.topbar-inner{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

.topbar-left,
.topbar-right{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    align-items:center;
}

.nav-shell{
    position:sticky;
    top:0;
    z-index:50;
    padding:18px 0 0;
}

.nav-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    background:rgba(255,255,255,.78);
    backdrop-filter:blur(18px);
    border:1px solid rgba(24,53,40,.08);
    border-radius:24px;
    padding:14px 18px;
    box-shadow:0 12px 30px rgba(24,53,40,.06);
}

.brand{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:220px;
}

.brand img{
    width:46px;
    height:46px;
    border-radius:16px;
    flex-shrink:0;
}

.brand-text{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.brand-text strong{
    font-size:1.05rem;
    line-height:1.1;
}

.brand-text span{
    font-size:.86rem;
    color:var(--muted);
    line-height:1.2;
}

.main-nav{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}

.main-nav a{
    padding:8px 4px;
    color:rgba(24,53,40,.78);
    font-weight:600;
    position:relative;
}

.main-nav a::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    border-radius:999px;
    background:var(--primary);
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .2s ease;
}

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

.main-nav a.active{
    color:var(--primary);
}

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

.header-search{
    display:flex;
    align-items:center;
    min-width:min(360px, 100%);
    flex:1;
    max-width:380px;
    background:#f8faf7;
    border:1px solid var(--line);
    border-radius:999px;
    overflow:hidden;
}

.header-search input{
    flex:1;
    background:transparent;
    border:0;
    padding:12px 16px;
    min-width:0;
    color:var(--text);
}

.header-search input:focus{
    outline:none;
}

.header-search button{
    border:0;
    background:transparent;
    color:var(--primary);
    font-weight:700;
    padding:0 18px;
}

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

.header-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:44px;
    padding:10px 16px;
    border-radius:999px;
    background:#f8faf7;
    border:1px solid var(--line);
    font-weight:700;
    color:var(--primary);
    white-space:nowrap;
}

.cart-pill span{
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    border-radius:50%;
    background:var(--primary);
    color:#fff;
    font-size:.82rem;
}

.menu-toggle{
    display:none;
    width:48px;
    height:48px;
    border:0;
    border-radius:16px;
    background:#f8faf7;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
}

.menu-toggle span{
    width:22px;
    height:2px;
    background:var(--primary);
    border-radius:999px;
}

.flash-wrap{
    padding-top:18px;
}

.flash{
    padding:14px 18px;
    border-radius:18px;
    margin-bottom:12px;
    font-weight:600;
    border:1px solid transparent;
}

.flash-success{background:rgba(44,122,83,.12); color:var(--success); border-color:rgba(44,122,83,.15)}
.flash-error{background:rgba(191,91,81,.12); color:var(--danger); border-color:rgba(191,91,81,.15)}
.flash-info{background:rgba(75,112,129,.12); color:var(--info); border-color:rgba(75,112,129,.15)}

.hero{
    padding:36px 0 28px;
}

.hero-shell{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:28px;
    align-items:stretch;
    background:linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.58));
    border:1px solid rgba(24,53,40,.08);
    border-radius:40px;
    box-shadow:0 28px 70px rgba(24,53,40,.08);
    overflow:hidden;
    position:relative;
}

.hero-shell::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 18% 16%, rgba(240,214,196,.65), transparent 26%);
    pointer-events:none;
}

.hero-copy{
    padding:56px 54px;
    position:relative;
    z-index:1;
}

.hero-copy h1{
    font-size:clamp(2.8rem,5vw,5rem);
    margin-bottom:14px;
    max-width:12ch;
}

.hero-copy p{
    max-width:62ch;
    font-size:1.05rem;
}

.hero-cta{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

.hero-stats{
    margin-top:32px;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
}

.hero-stat{
    padding:18px 16px;
    border-radius:20px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(24,53,40,.09);
}

.hero-stat strong{
    display:block;
    font-size:1.2rem;
    color:var(--primary);
    margin-bottom:4px;
}

.hero-media{
    min-height:100%;
    position:relative;
    padding:20px 20px 20px 0;
}

.hero-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:30px;
    background:#eef4ec;
}

.hero-note{
    position:absolute;
    right:36px;
    bottom:36px;
    max-width:270px;
    padding:18px 20px;
    border-radius:22px;
    background:rgba(255,255,255,.86);
    border:1px solid rgba(24,53,40,.12);
    box-shadow:0 22px 40px rgba(24,53,40,.1);
}

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

.logo-strip .mini-card{
    padding:18px 20px;
    background:rgba(255,255,255,.72);
    border:1px solid var(--line);
    border-radius:20px;
    font-weight:700;
    color:var(--primary);
    text-align:center;
}

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

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

.category-card-inner{
    display:grid;
    grid-template-columns:1fr .95fr;
    gap:12px;
    height:100%;
    background:var(--surface);
    border-radius:32px;
    overflow:hidden;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    transition:transform .2s ease, box-shadow .2s ease;
}

.category-card-inner:hover{
    transform:translateY(-4px);
    box-shadow:0 28px 60px rgba(24,53,40,.12);
}

.category-card-copy{
    padding:34px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.category-card-copy h3{
    font-size:2rem;
    margin-bottom:10px;
}

.category-card-copy p{
    margin-bottom:18px;
}

.category-card-media{
    background:linear-gradient(180deg, #f8f4ef, #eef4ec);
    padding:18px 18px 18px 0;
    display:flex;
    align-items:center;
}

.category-card-media img{
    width:100%;
    height:100%;
    border-radius:24px;
    object-fit:cover;
}

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

.product-card{
    display:flex;
    flex-direction:column;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:28px;
    overflow:hidden;
    box-shadow:var(--shadow);
}

.product-card-media{
    position:relative;
    aspect-ratio:1/1;
    background:linear-gradient(180deg, #faf7f2, #edf4ec);
    overflow:hidden;
}

.product-card-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.product-card:hover .product-card-media img{
    transform:scale(1.03);
}

.product-badge{
    position:absolute;
    top:16px;
    left:16px;
    z-index:1;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.92);
    color:var(--primary);
    font-size:.8rem;
    font-weight:800;
    border:1px solid rgba(24,53,40,.08);
}

.product-card-body{
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:12px;
    flex:1;
}

.product-card-meta{
    display:flex;
    justify-content:space-between;
    gap:10px;
    font-size:.84rem;
    color:var(--muted);
}

.product-card h3{
    font-size:1.26rem;
    margin-bottom:0;
}

.product-card h3 a:hover{
    color:var(--primary);
}

.product-card p{
    font-size:.95rem;
    margin-bottom:0;
}

.price-row{
    display:flex;
    align-items:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

.price-row strong{
    font-size:1.3rem;
    color:var(--primary);
}

.price-row span{
    text-decoration:line-through;
    color:#9ba7a1;
    font-size:.95rem;
}

.product-card-actions{
    display:flex;
    gap:10px;
    margin-top:auto;
}

.product-card-actions form,
.product-card-actions a{
    flex:1;
}

.product-card-actions .button{
    width:100%;
}

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

.feature-card{
    padding:28px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:30px;
    box-shadow:var(--shadow);
}

.feature-card h3{
    font-size:1.4rem;
    margin-bottom:10px;
}

.feature-card p{
    margin-bottom:0;
}

.split-section{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:28px;
    align-items:center;
}

.split-card{
    padding:34px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:32px;
    box-shadow:var(--shadow);
}

.split-card ul{
    display:grid;
    gap:12px;
    margin-top:18px;
}

.split-card li{
    display:flex;
    gap:12px;
    align-items:flex-start;
    color:var(--muted);
}

.split-card li::before{
    content:"✓";
    color:var(--success);
    font-weight:800;
}

.image-panel{
    position:relative;
    min-height:420px;
    background:linear-gradient(180deg, #f9f6f1, #edf3ea);
    border:1px solid var(--line);
    border-radius:36px;
    overflow:hidden;
    box-shadow:var(--shadow);
}

.image-panel img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.rich-copy{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.rich-copy .surface{
    padding:24px;
}

.rich-copy h3{
    font-size:1.3rem;
    margin-bottom:10px;
}

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

.testimonial-card{
    padding:28px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:30px;
    box-shadow:var(--shadow);
}

.testimonial-card blockquote{
    margin:0 0 18px;
    font-size:1.02rem;
    color:var(--text);
}

.testimonial-card footer{
    color:var(--muted);
    font-size:.94rem;
}

.faq-list{
    display:grid;
    gap:14px;
}

.faq-list details{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:22px;
    padding:18px 20px;
    box-shadow:var(--shadow);
}

.faq-list summary{
    list-style:none;
    cursor:pointer;
    font-weight:700;
    color:var(--text);
}

.faq-list summary::-webkit-details-marker{
    display:none;
}

.faq-list summary::after{
    content:"+";
    float:right;
    color:var(--primary);
    font-size:1.2rem;
}

.faq-list details[open] summary::after{
    content:"–";
}

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

.article-card{
    background:var(--surface);
    border-radius:28px;
    overflow:hidden;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.article-cover{
    display:block;
    aspect-ratio:16/10;
    background:linear-gradient(180deg,#f8f3ed,#eef4ec);
}

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

.article-body{
    padding:22px;
}

.article-meta{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    color:var(--muted);
    font-size:.86rem;
    margin-bottom:12px;
}

.article-card h3{
    font-size:1.3rem;
    margin-bottom:10px;
}

.newsletter-band{
    display:grid;
    grid-template-columns:1fr auto;
    gap:18px;
    align-items:center;
    padding:32px;
    background:linear-gradient(135deg, rgba(33,74,55,.98), rgba(45,97,72,.92));
    color:#fff;
    border-radius:32px;
    box-shadow:var(--shadow);
}

.newsletter-band p{
    color:rgba(255,255,255,.78);
}

.newsletter-band form{
    display:flex;
    gap:10px;
    min-width:min(100%,420px);
}

.newsletter-band input{
    flex:1;
    min-width:0;
    padding:14px 16px;
    border-radius:999px;
    border:0;
}

.newsletter-band button{
    border:0;
    border-radius:999px;
    padding:0 20px;
    font-weight:800;
    background:#fff;
    color:var(--primary);
}

.page-hero{
    padding:30px 0 14px;
}

.page-hero-card{
    display:grid;
    grid-template-columns:1fr .9fr;
    gap:24px;
    align-items:center;
    padding:32px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:36px;
    box-shadow:var(--shadow);
    overflow:hidden;
}

.page-hero-copy{
    max-width:720px;
}

.page-title{
    font-size:clamp(2.4rem,4vw,4rem);
    margin-bottom:14px;
}

.page-hero-media{
    min-height:320px;
    border-radius:28px;
    overflow:hidden;
    background:linear-gradient(180deg, #f8f3ed, #eef4ec);
}

.page-hero-media img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.filter-shell{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:14px;
    align-items:center;
    padding:18px 20px;
    margin:18px 0 24px;
    background:rgba(255,255,255,.78);
    border:1px solid var(--line);
    border-radius:22px;
}

.filter-shell form{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    align-items:center;
}

.filter-shell input,
.filter-shell select{
    min-height:46px;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid var(--line);
    background:#fff;
}

.filter-meta{
    color:var(--muted);
    font-weight:600;
}

.meta-chip-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:18px 0 0;
}

.meta-chip{
    padding:8px 12px;
    border-radius:999px;
    background:rgba(33,74,55,.08);
    color:var(--primary);
    font-size:.9rem;
    font-weight:700;
}

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

.product-gallery,
.product-summary{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:32px;
    box-shadow:var(--shadow);
}

.product-gallery{
    padding:22px;
    position:sticky;
    top:110px;
}

.product-main-image{
    aspect-ratio:1/1;
    border-radius:26px;
    overflow:hidden;
    background:linear-gradient(180deg,#faf7f2,#eef4ec);
}

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

.thumb-strip{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:14px;
}

.thumb-button{
    padding:0;
    border:1px solid var(--line);
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    aspect-ratio:1/1;
}

.thumb-button.is-active{
    border-color:rgba(33,74,55,.35);
    box-shadow:0 0 0 3px rgba(33,74,55,.08);
}

.thumb-button img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.product-summary{
    padding:34px;
}

.product-meta{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    align-items:center;
    margin-bottom:10px;
    color:var(--muted);
    font-size:.94rem;
}

.product-title{
    font-size:clamp(2.5rem,4vw,4.3rem);
    margin-bottom:12px;
}

.rating-line{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:14px;
}

.rating-line .stars{
    color:var(--gold);
    letter-spacing:.08em;
    font-size:1rem;
}

.product-price{
    display:flex;
    align-items:flex-end;
    gap:14px;
    flex-wrap:wrap;
    margin:20px 0 18px;
}

.product-price strong{
    font-size:2rem;
    color:var(--primary);
}

.product-price s{
    color:#9aa7a1;
    font-size:1rem;
}

.product-short{
    font-size:1.04rem;
    max-width:60ch;
}

.highlight-list{
    display:grid;
    gap:10px;
    margin:20px 0;
}

.highlight-list li{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:12px 14px;
    border-radius:18px;
    background:#f8faf7;
    color:var(--text);
    border:1px solid rgba(24,53,40,.06);
}

.highlight-list li::before{
    content:"✓";
    color:var(--success);
    font-weight:900;
}

.buy-box{
    display:grid;
    gap:16px;
    padding:22px;
    border-radius:24px;
    background:linear-gradient(180deg,#faf7f2,#f8fbf6);
    border:1px solid rgba(24,53,40,.08);
    margin:24px 0;
}

.quantity-row{
    display:flex;
    gap:12px;
    align-items:center;
    flex-wrap:wrap;
}

.quantity-wrap{
    display:inline-flex;
    align-items:center;
    border:1px solid var(--line);
    border-radius:999px;
    overflow:hidden;
    background:#fff;
}

.quantity-wrap input{
    width:64px;
    text-align:center;
    border:0;
    padding:10px 0;
}

.quantity-wrap button{
    width:44px;
    height:44px;
    border:0;
    background:#fff;
    color:var(--primary);
    font-size:1.2rem;
    font-weight:800;
}

.buy-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.buy-actions .button{
    flex:1;
}

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

.spec-item{
    padding:16px 18px;
    border-radius:20px;
    border:1px solid var(--line);
    background:#fff;
}

.spec-item strong{
    display:block;
    margin-bottom:4px;
    color:var(--primary);
    font-size:.92rem;
}

.detail-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
    margin-top:24px;
}

.detail-panel{
    padding:24px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:28px;
    box-shadow:var(--shadow);
}

.detail-panel h3{
    font-size:1.6rem;
    margin-bottom:12px;
}

.detail-panel ul{
    display:grid;
    gap:10px;
}

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

.detail-panel li::before{
    content:"•";
    color:var(--accent);
    font-weight:900;
    margin-right:10px;
}

.trust-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:24px;
}

.trust-chip{
    padding:16px;
    border-radius:20px;
    background:rgba(33,74,55,.06);
    color:var(--primary);
    font-weight:700;
    text-align:center;
}

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

.cart-panel,
.summary-card,
.checkout-panel,
.account-panel,
.article-shell,
.page-shell,
.track-shell{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:32px;
    box-shadow:var(--shadow);
}

.cart-panel,
.checkout-panel,
.account-panel,
.track-shell{
    padding:28px;
}

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

.cart-item{
    display:grid;
    grid-template-columns:124px 1fr auto;
    gap:18px;
    padding:18px;
    border:1px solid var(--line);
    border-radius:24px;
    background:#fafcf9;
}

.cart-item-media{
    aspect-ratio:1/1;
    border-radius:18px;
    overflow:hidden;
    background:#fff;
}

.cart-item-media img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.cart-item-copy h3{
    font-size:1.3rem;
    margin-bottom:8px;
}

.cart-item-copy p{
    margin-bottom:10px;
    font-size:.95rem;
}

.cart-item-meta{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    color:var(--muted);
    font-size:.9rem;
}

.cart-item-actions{
    display:grid;
    gap:12px;
    justify-items:end;
}

.summary-card{
    padding:26px;
    position:sticky;
    top:110px;
}

.summary-card h3{
    font-size:1.55rem;
    margin-bottom:14px;
}

.summary-lines{
    display:grid;
    gap:10px;
    margin:16px 0 22px;
}

.summary-line{
    display:flex;
    justify-content:space-between;
    gap:12px;
    color:var(--muted);
}

.summary-line.is-total{
    padding-top:12px;
    border-top:1px solid var(--line);
    color:var(--text);
    font-weight:800;
    font-size:1.05rem;
}

.notice-box{
    padding:16px 18px;
    border-radius:20px;
    background:rgba(201,125,83,.1);
    border:1px solid rgba(201,125,83,.18);
    color:#745038;
    font-size:.95rem;
}

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

.field{
    display:grid;
    gap:8px;
}

.field-full{
    grid-column:1/-1;
}

.field label{
    font-weight:700;
    color:var(--text);
    font-size:.95rem;
}

.field input,
.field select,
.field textarea{
    width:100%;
    min-height:52px;
    padding:14px 16px;
    border-radius:18px;
    border:1px solid var(--line);
    background:#fff;
    color:var(--text);
    transition:border-color .2s ease, box-shadow .2s ease;
}

.field textarea{
    min-height:130px;
    resize:vertical;
}

.field input:focus,
.field select:focus,
.field textarea:focus{
    outline:none;
    border-color:rgba(33,74,55,.36);
    box-shadow:0 0 0 4px rgba(33,74,55,.08);
}

.radio-grid{
    display:grid;
    gap:12px;
}

.radio-card{
    position:relative;
}

.radio-card input{
    position:absolute;
    inset:0;
    opacity:0;
}

.radio-card span{
    display:block;
    padding:18px;
    border-radius:20px;
    border:1px solid var(--line);
    background:#fff;
    transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.radio-card strong{
    display:block;
    margin-bottom:4px;
    color:var(--primary);
}

.radio-card input:checked + span{
    border-color:rgba(33,74,55,.35);
    box-shadow:0 0 0 4px rgba(33,74,55,.08);
    background:#f8faf7;
}

.empty-state{
    padding:34px;
    text-align:center;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:32px;
    box-shadow:var(--shadow);
}

.empty-state h2{
    font-size:2rem;
    margin-bottom:10px;
}

.order-result{
    max-width:820px;
    margin:0 auto;
}

.status-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    font-weight:800;
    font-size:.9rem;
}

.status-badge.is-success{background:rgba(44,122,83,.12); color:var(--success)}
.status-badge.is-warning{background:rgba(173,127,29,.12); color:var(--warning)}
.status-badge.is-info{background:rgba(75,112,129,.12); color:var(--info)}
.status-badge.is-danger{background:rgba(191,91,81,.12); color:var(--danger)}
.status-badge.is-muted{background:rgba(24,53,40,.08); color:var(--muted)}

.timeline{
    display:grid;
    gap:14px;
    margin-top:20px;
}

.timeline-item{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:14px;
    align-items:start;
}

.timeline-dot{
    width:14px;
    height:14px;
    border-radius:50%;
    background:var(--primary);
    margin-top:8px;
}

.timeline-item h4{
    font-size:1.05rem;
    margin-bottom:4px;
}

.account-grid{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:28px;
}

.tab-switch{
    display:flex;
    gap:10px;
    margin-bottom:18px;
}

.tab-switch button{
    flex:1;
    min-height:46px;
    border-radius:999px;
    border:1px solid var(--line);
    background:#fff;
    color:var(--primary);
    font-weight:800;
}

.tab-switch button.is-active{
    background:var(--primary);
    color:#fff;
}

.tab-panel{
    display:none;
}

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

.account-welcome{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-start;
    flex-wrap:wrap;
    margin-bottom:20px;
}

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

.order-card{
    padding:18px;
    border:1px solid var(--line);
    border-radius:22px;
    background:#fafcf9;
}

.order-card-top{
    display:flex;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:10px;
}

.order-card-meta{
    color:var(--muted);
    font-size:.92rem;
}

.page-shell,
.article-shell{
    padding:34px;
}

.page-shell section + section,
.article-shell section + section{
    margin-top:26px;
    padding-top:24px;
    border-top:1px solid var(--line);
}

.page-shell h2,
.article-shell h2{
    font-size:1.8rem;
    margin-bottom:10px;
}

.article-title{
    font-size:clamp(2.4rem,4vw,4rem);
    margin-bottom:14px;
}

.breadcrumb{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
    color:var(--muted);
    font-size:.92rem;
    margin-bottom:14px;
}

.breadcrumb span:last-child{
    color:var(--text);
}

.contact-grid{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:28px;
}

.contact-card{
    padding:28px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:32px;
    box-shadow:var(--shadow);
}

.contact-list{
    display:grid;
    gap:14px;
    margin-top:18px;
}

.contact-list a,
.contact-list span{
    display:flex;
    gap:12px;
    align-items:flex-start;
    color:var(--muted);
}

.contact-list strong{
    color:var(--primary);
    display:block;
    min-width:92px;
}

.kicker-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:24px;
}

.kicker{
    padding:20px;
    border-radius:22px;
    background:rgba(255,255,255,.76);
    border:1px solid var(--line);
}

.kicker strong{
    display:block;
    color:var(--primary);
    margin-bottom:6px;
}

.site-footer{
    margin-top:72px;
    padding-top:54px;
    border-top:1px solid rgba(24,53,40,.08);
    background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.6));
}

.footer-grid{
    display:grid;
    grid-template-columns:1.3fr .8fr .8fr 1fr;
    gap:24px;
    align-items:start;
}

.footer-brand{
    margin-bottom:18px;
}

.footer-copy{
    max-width:42ch;
}

.footer-contact-list,
.footer-links{
    display:grid;
    gap:12px;
}

.footer-links a:hover,
.footer-contact-list a:hover{
    color:var(--primary);
}

.newsletter-form{
    display:flex;
    gap:10px;
    margin-top:12px;
}

.newsletter-form input{
    flex:1;
    min-width:0;
    min-height:50px;
    padding:12px 14px;
    border-radius:999px;
    border:1px solid var(--line);
    background:#fff;
}

.newsletter-form button{
    border:0;
    border-radius:999px;
    padding:0 18px;
    font-weight:800;
    color:#fff;
    background:var(--primary);
}

.footer-socials{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:16px;
}

.footer-socials a{
    padding:8px 12px;
    border-radius:999px;
    background:#fff;
    border:1px solid var(--line);
    color:var(--primary);
    font-weight:700;
    font-size:.9rem;
}

.footer-bottom{
    display:flex;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    align-items:center;
    padding:24px 0 28px;
    margin-top:32px;
    color:var(--muted);
    font-size:.92rem;
}

.hidden{
    display:none!important;
}

@media (max-width: 1100px){
    .hero-shell,
    .page-hero-card,
    .product-detail,
    .cart-layout,
    .checkout-layout,
    .account-grid,
    .contact-grid,
    .split-section{
        grid-template-columns:1fr;
    }

    .product-gallery,
    .summary-card{
        position:static;
    }

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

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

    .feature-grid,
    .testimonial-grid,
    .article-grid,
    .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .rich-copy{
        grid-template-columns:1fr;
    }

    .hero-media{
        padding:0 20px 20px;
    }

    .page-hero-media{
        min-height:280px;
    }
}

@media (max-width: 880px){
    .topbar-inner{
        flex-direction:column;
        align-items:flex-start;
        padding:10px 0;
    }

    .nav-row{
        align-items:flex-start;
        flex-wrap:wrap;
    }

    .menu-toggle{
        display:flex;
        margin-left:auto;
    }

    .nav-content{
        width:100%;
        flex-direction:column;
        align-items:stretch;
        display:none;
        padding-top:6px;
    }

    .nav-content.is-open{
        display:flex;
    }

    .main-nav{
        flex-direction:column;
        align-items:flex-start;
        gap:6px;
    }

    .main-nav a{
        padding:10px 0;
    }

    .header-search{
        max-width:none;
    }

    .header-actions{
        width:100%;
    }

    .header-pill{
        flex:1;
    }

    .hero-copy{
        padding:42px 26px 18px;
    }

    .hero-stats,
    .logo-strip,
    .product-grid,
    .feature-grid,
    .article-grid,
    .testimonial-grid,
    .footer-grid,
    .kicker-grid,
    .trust-row{
        grid-template-columns:1fr;
    }

    .product-card-actions{
        flex-direction:column;
    }

    .newsletter-band{
        grid-template-columns:1fr;
    }

    .newsletter-band form{
        min-width:0;
        flex-direction:column;
    }

    .category-card-inner{
        grid-template-columns:1fr;
    }

    .category-card-media{
        padding:0 18px 18px;
    }

    .detail-grid,
    .spec-grid,
    .form-grid{
        grid-template-columns:1fr;
    }

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

    .cart-item-actions{
        justify-items:start;
    }

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

    .page-shell,
    .article-shell,
    .cart-panel,
    .checkout-panel,
    .summary-card,
    .account-panel,
    .contact-card,
    .product-summary{
        padding:22px;
    }
}

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

    .section{
        padding:54px 0;
    }

    .nav-shell{
        padding-top:12px;
    }

    .nav-row{
        padding:12px 14px;
        border-radius:20px;
    }

    .hero-copy h1,
    .page-title,
    .product-title,
    .article-title{
        line-height:1.02;
    }

    .hero-note{
        position:relative;
        right:auto;
        bottom:auto;
        margin:16px 20px 20px auto;
    }

    .product-summary{
        padding:20px;
    }

    .buy-actions{
        flex-direction:column;
    }

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


/* === Saray-ı Zadem Botanik Plato theme overrides === */
:root{
    --bg:#f6f2ea;
    --bg-2:#f1ecdf;
    --surface:#fffdf9;
    --surface-2:#faf7f1;
    --text:#2f2e2a;
    --muted:#6e695d;
    --line:rgba(107,116,83,.16);
    --primary:#6b7453;
    --primary-2:#586244;
    --accent:#b39b73;
    --accent-2:#efe7d8;
    --gold:#b39b73;
    --success:#3f7f5a;
    --warning:#9d7a28;
    --danger:#b95b50;
    --info:#536f7d;
    --shadow:0 18px 54px rgba(47,46,42,.08);
}

body{
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    background:
        radial-gradient(circle at top left, rgba(239,231,216,.85), transparent 32%),
        radial-gradient(circle at top right, rgba(241,236,223,.95), transparent 28%),
        var(--bg);
}

.display,
.section-title,
.page-title,
.product-title,
.article-title,
.hero-copy h1{
    font-family:Georgia,"Times New Roman",serif;
}

.icon-xs,.icon-sm,.icon-md,.icon-lg{
    display:block;
    flex-shrink:0;
}
.icon-xs{width:14px;height:14px}
.icon-sm{width:18px;height:18px}
.icon-md{width:22px;height:22px}
.icon-lg{width:24px;height:24px}

.topbar-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:600;
}

.nav-shell{
    position:relative;
    top:auto;
    z-index:40;
    padding-top:16px;
}

.nav-row{
    position:sticky;
    top:12px;
    z-index:60;
    border-radius:26px;
    gap:16px;
    padding:14px 18px;
    background:rgba(255,253,249,.88);
    box-shadow:0 14px 34px rgba(47,46,42,.08);
}

.brand.brand-image{
    width:min(320px, 42vw);
    min-width:0;
    gap:0;
}

.brand img.brand-logo,
.brand.brand-image .brand-logo{
    width:100%;
    height:auto;
    border-radius:0;
}

.main-nav{
    gap:12px;
}

.main-nav a{
    font-size:.96rem;
}

.search-icon-wrap{
    display:grid;
    place-items:center;
    margin-left:16px;
    color:var(--muted);
}

.header-search{
    max-width:420px;
    background:#fffdf9;
    border-color:rgba(107,116,83,.16);
    box-shadow:inset 0 0 0 1px rgba(107,116,83,.04);
}

.header-search input{
    padding:13px 12px 13px 8px;
}

.header-search button{
    min-height:48px;
    margin:4px;
    padding:0 18px;
    border-radius:999px;
    background:var(--primary);
    color:#fff;
}

.header-actions{
    gap:10px;
    flex-wrap:wrap;
}

.action-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:44px;
    padding:10px 12px;
    border-radius:999px;
    background:rgba(107,116,83,.08);
    border:1px solid rgba(107,116,83,.16);
    color:var(--primary);
    font-weight:800;
    white-space:nowrap;
}

.header-pill{
    background:#fffdf9;
    border-color:rgba(107,116,83,.16);
}

.service-helper{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
    gap:18px;
    margin-top:14px;
    padding:18px;
    border-radius:26px;
    background:rgba(255,253,249,.86);
    border:1px solid rgba(107,116,83,.12);
    box-shadow:0 18px 44px rgba(47,46,42,.06);
    backdrop-filter:blur(18px);
}

.location-helper{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.location-helper label{
    font-weight:800;
    color:var(--primary);
}

.location-helper-controls{
    display:flex;
    align-items:center;
    gap:10px;
}

.location-helper-controls input{
    flex:1;
    min-height:54px;
    padding:0 18px;
    border-radius:18px;
    border:1px solid rgba(107,116,83,.18);
    background:#fff;
    color:var(--text);
}

.location-helper-controls input:focus{
    outline:none;
    border-color:var(--primary);
    box-shadow:0 0 0 4px rgba(107,116,83,.08);
}

.location-helper-controls button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:54px;
    padding:0 20px;
    border:0;
    border-radius:18px;
    background:var(--primary);
    color:#fff;
    font-weight:800;
    white-space:nowrap;
}

.location-chip-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.location-chip-list button{
    padding:10px 12px;
    border-radius:999px;
    border:1px solid rgba(107,116,83,.16);
    background:#fff;
    color:var(--primary);
    font-weight:700;
}

.service-points{
    display:grid;
    gap:12px;
}

.service-point{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:14px;
    border-radius:20px;
    background:#fff;
    border:1px solid rgba(107,116,83,.12);
}

.service-icon{
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    border-radius:16px;
    background:rgba(107,116,83,.10);
    color:var(--primary);
}

.service-point strong{
    display:block;
    margin-bottom:4px;
}

.service-point span{
    color:var(--muted);
    font-size:.94rem;
}

.hero{
    padding-top:26px;
}

.home-hero-shell{
    align-items:center;
}

.hero-note{
    background:rgba(255,253,249,.94);
    border:1px solid rgba(107,116,83,.12);
}

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

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

.showcase-grid{
    display:grid;
    gap:20px;
}

.showcase-grid-primary{
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-bottom:20px;
}

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

.showcase-card{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:360px;
    padding:24px;
    border-radius:30px;
    overflow:hidden;
    background-color:#efe9dd;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    border:1px solid rgba(107,116,83,.12);
    box-shadow:0 18px 44px rgba(47,46,42,.08);
}

.showcase-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,253,249,.15), rgba(255,253,249,.72) 82%, rgba(255,253,249,.92));
}

.showcase-card > *{
    position:relative;
    z-index:1;
}

.showcase-card-large{
    min-height:430px;
}

.showcase-card-small{
    min-height:300px;
}

.showcase-title-box{
    display:inline-flex;
    padding:12px 18px;
    border-radius:18px;
    background:rgba(255,251,244,.9);
    color:var(--primary);
    font-size:clamp(1.12rem,2.1vw,1.7rem);
    font-weight:800;
    box-shadow:0 10px 28px rgba(47,46,42,.08);
}

.showcase-card-bottom{
    max-width:76%;
}

.showcase-card-bottom p{
    color:rgba(47,46,42,.88);
    font-weight:600;
    margin-bottom:.75rem;
}

.seo-copy-section{
    padding-top:20px;
}

.seo-article{
    padding:32px;
}

.seo-article h2{font-size:clamp(1.8rem,3vw,2.4rem)}
.seo-article h3{font-size:1.45rem;margin-top:1.4rem}
.seo-article h4{font-size:1.22rem;margin-top:1.3rem}
.seo-article h5{font-size:1.05rem;margin-top:1.2rem}
.seo-article h6{font-size:.98rem;margin-top:1.1rem;text-transform:uppercase;letter-spacing:.04em;color:var(--primary)}
.mini-copy-block + .mini-copy-block{
    margin-top:22px;
    padding-top:22px;
    border-top:1px solid var(--line);
}

.footer-about{
    max-width:340px;
}

.footer-brand-image{
    display:inline-block;
    max-width:280px;
    margin-bottom:14px;
}

.footer-logo{
    width:100%;
    height:auto;
}

.footer-cta-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:18px 0;
}

.footer-contact-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.18);
    color:#fff;
    font-weight:800;
}

.footer-contact-list{
    display:grid;
    gap:8px;
}

.site-footer{
    background:linear-gradient(180deg, #646e4d, #50593d);
}

.footer-copy,
.footer-contact-list a,
.footer-contact-list span,
.footer-links a{
    color:rgba(255,255,255,.84);
}

.footer-links a:hover,
.footer-contact-list a:hover,
.footer-socials a:hover{
    color:#fff;
}

.footer-socials{
    gap:10px;
}

.footer-socials a{
    color:rgba(255,255,255,.86);
    border-color:rgba(255,255,255,.18);
}

.mobile-sticky-contact{
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:70;
    display:none;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    padding:10px;
    border-radius:22px;
    background:rgba(255,253,249,.96);
    border:1px solid rgba(107,116,83,.14);
    box-shadow:0 18px 40px rgba(47,46,42,.18);
    backdrop-filter:blur(18px);
}

.mobile-sticky-contact a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:58px;
    border-radius:16px;
    background:rgba(107,116,83,.08);
    color:var(--primary);
    font-weight:800;
    font-size:.82rem;
}

@media (max-width: 1180px){
    .action-icon span{
        display:none;
    }

    .service-helper{
        grid-template-columns:1fr;
    }

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

    .showcase-grid-primary .showcase-card:last-child{
        grid-column:1 / -1;
    }
}

@media (max-width: 880px){
    .brand.brand-image{
        width:220px;
    }

    .header-actions{
        width:100%;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .action-icon{
        justify-content:center;
    }

    .service-helper{
        padding:16px;
    }

    .location-helper-controls{
        flex-direction:column;
    }

    .location-helper-controls input,
    .location-helper-controls button{
        width:100%;
    }

    .showcase-grid-primary,
    .showcase-grid-secondary,
    .rich-copy{
        grid-template-columns:1fr;
    }

    .showcase-card,
    .showcase-card-large,
    .showcase-card-small{
        min-height:290px;
    }

    .showcase-card-bottom{
        max-width:100%;
    }

    .mobile-sticky-contact{
        display:grid;
    }

    .site-main{
        padding-bottom:96px;
    }
}

@media (max-width: 560px){
    .topbar-right{
        width:100%;
        justify-content:space-between;
    }

    .topbar-link span{
        display:none;
    }

    .brand.brand-image{
        width:190px;
    }

    .nav-row{
        padding:12px 14px;
    }

    .header-actions{
        grid-template-columns:1fr 1fr;
    }

    .header-pill{
        min-height:42px;
        padding:10px 12px;
        font-size:.88rem;
    }

    .location-chip-list{
        gap:8px;
    }

    .location-chip-list button{
        padding:9px 11px;
        font-size:.86rem;
    }

    .showcase-title-box{
        font-size:1rem;
    }
}

@media (max-width: 880px){
    .site-footer{
        padding-bottom:92px;
    }
}

/* Admin panel */
.admin-body{
    margin:0;
    min-height:100vh;
    background:#f3efe7;
}

.admin-shell{
    min-height:100vh;
    display:grid;
    grid-template-columns:280px 1fr;
}

.admin-sidebar{
    background:#243428;
    color:#fff;
    padding:28px 22px;
    display:flex;
    flex-direction:column;
    gap:24px;
    position:sticky;
    top:0;
    min-height:100vh;
}

.admin-brand{
    display:grid;
    gap:10px;
}

.admin-brand img{
    width:156px;
    max-width:100%;
    background:#fff;
    border-radius:20px;
    padding:10px 14px;
}

.admin-brand strong{
    font-size:1.1rem;
}

.admin-brand small,
.admin-sidebar-footer span{
    color:rgba(255,255,255,.72);
}

.admin-nav{
    display:grid;
    gap:10px;
}

.admin-nav a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border-radius:16px;
    color:#f1f5ee;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
}

.admin-nav a:hover,
.admin-nav a.is-active{
    background:#7a8561;
    color:#fff;
    border-color:rgba(255,255,255,.16);
}

.admin-sidebar-footer{
    margin-top:auto;
    display:grid;
    gap:10px;
}

.admin-sidebar-footer a{
    color:#fff;
}

.admin-main{
    padding:28px;
}

.admin-login-shell{
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:24px;
    background:linear-gradient(135deg, rgba(243,239,231,1), rgba(235,243,236,1));
}

.admin-login-card{
    width:min(100%, 460px);
    padding:32px;
    background:#fff;
    border-radius:28px;
    border:1px solid rgba(24,53,40,.08);
    box-shadow:0 20px 60px rgba(24,53,40,.08);
}

.admin-login-card img{
    width:180px;
    max-width:100%;
    display:block;
    margin:0 auto 18px;
}

.admin-topbar{
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:flex-start;
    margin-bottom:24px;
    flex-wrap:wrap;
}

.admin-topbar h1{
    font-size:clamp(2rem,3vw,2.8rem);
    margin:0 0 6px;
}

.admin-subtitle{
    color:var(--muted);
    max-width:64ch;
}

.admin-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.admin-grid,
.admin-metrics,
.admin-two-col,
.admin-three-col{
    display:grid;
    gap:18px;
}

.admin-metrics{
    grid-template-columns:repeat(4, minmax(0,1fr));
    margin-bottom:20px;
}

.admin-two-col{
    grid-template-columns:1.1fr .9fr;
}

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

.admin-card,
.metric-card,
.table-card{
    background:#fff;
    border:1px solid rgba(24,53,40,.08);
    border-radius:24px;
    box-shadow:0 18px 40px rgba(24,53,40,.05);
}

.admin-card,
.table-card{
    padding:22px;
}

.metric-card{
    padding:20px;
}

.metric-card strong{
    display:block;
    font-size:2rem;
    line-height:1.1;
    color:var(--primary);
    margin-bottom:8px;
}

.metric-card span{
    color:var(--muted);
}

.metric-card small{
    display:block;
    margin-top:8px;
    color:var(--muted);
}

.table-responsive{
    width:100%;
    overflow:auto;
}

.admin-table{
    width:100%;
    min-width:720px;
    border-collapse:collapse;
}

.admin-table th,
.admin-table td{
    padding:14px 12px;
    border-bottom:1px solid rgba(24,53,40,.08);
    text-align:left;
    vertical-align:top;
}

.admin-table th{
    font-size:.88rem;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:var(--muted);
}

.admin-table tr:last-child td{
    border-bottom:none;
}

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

.admin-inline-form{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
}

.admin-inline-form .button,
.admin-table .button{
    min-height:42px;
    padding:10px 14px;
}

.admin-toolbar{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:14px;
}

.admin-toolbar h2,
.admin-card h2,
.table-card h2{
    margin:0;
    font-size:1.55rem;
}

.admin-toolbar p,
.admin-card p,
.table-card p{
    margin:6px 0 0;
    color:var(--muted);
}

.admin-note{
    padding:14px 16px;
    border-radius:18px;
    background:#f7f9f6;
    border:1px dashed rgba(24,53,40,.16);
    color:var(--muted);
}

.admin-filter-row{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
}

.admin-filter-row .field{
    min-width:180px;
    flex:1 1 180px;
}

.admin-status-list{
    display:grid;
    gap:12px;
}

.admin-status-item{
    padding:14px 16px;
    border-radius:18px;
    background:#f8faf7;
    border:1px solid rgba(24,53,40,.08);
}

.admin-status-item small{
    color:var(--muted);
}

.admin-mini-list{
    display:grid;
    gap:12px;
}

.admin-mini-list article{
    padding:14px 16px;
    border-radius:18px;
    background:#f8faf7;
    border:1px solid rgba(24,53,40,.08);
}

.admin-mini-list strong{
    display:block;
    margin-bottom:4px;
}

.admin-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(33,74,55,.08);
    color:var(--primary);
    font-size:.88rem;
    font-weight:700;
}

.code-block{
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size:.92rem;
}

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

    .admin-sidebar{
        position:relative;
        min-height:auto;
    }

    .admin-metrics,
    .admin-two-col,
    .admin-three-col{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 760px){
    .admin-main{
        padding:18px;
    }

    .admin-metrics,
    .admin-two-col,
    .admin-three-col{
        grid-template-columns:1fr;
    }

    .admin-login-card{
        padding:24px;
        border-radius:22px;
    }
}

/* Revize: daha sade vitrin, daha güçlü masaüstü görünüm ve premium admin panel */
.product-card h3,
.category-card h3,
.article-card h3{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.product-card p,
.category-card-copy p,
.showcase-card-bottom p,
.article-body p{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

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

.compact-feature-card,
.compact-info-card{
    box-shadow:0 18px 44px rgba(47,46,42,.06);
}

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

.compact-info-grid-inner{
    margin-top:18px;
}

.compact-info-card{
    padding:22px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:26px;
}

.compact-info-card strong{
    display:block;
    margin-bottom:8px;
    font-size:1.08rem;
    color:var(--primary);
}

.compact-info-card p{
    margin:0;
}

.section-tight-top{
    padding-top:10px;
}

.page-hero-card-compact{
    min-height:0;
}

.tax-note{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:6px 0 4px;
    color:var(--muted);
    font-size:.92rem;
    font-weight:700;
}

.newsletter-band-compact{
    align-items:center;
}

.newsletter-band-compact p{
    margin-bottom:0;
}

.button-danger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 18px;
    border-radius:999px;
    border:1px solid rgba(191,91,81,.18);
    background:rgba(191,91,81,.12);
    color:var(--danger);
    font-weight:800;
}

.button-danger:hover{
    background:rgba(191,91,81,.18);
}

.admin-action-row{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.admin-inline-metrics{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.admin-inline-metric{
    padding:14px 16px;
    border-radius:18px;
    background:#f8faf7;
    border:1px solid rgba(24,53,40,.08);
}

.admin-inline-metric strong{
    display:block;
    font-size:1.2rem;
    color:var(--primary);
}

.admin-inline-metric span{
    color:var(--muted);
    font-size:.9rem;
}

.admin-login-body{
    background:linear-gradient(135deg, #eef2ea 0%, #f7f2eb 100%);
}

.admin-login-layout{
    width:min(1180px,100%);
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(380px,.68fr);
    gap:22px;
    align-items:stretch;
}

.admin-login-aside{
    padding:36px;
    border-radius:32px;
    background:linear-gradient(145deg, #243428 0%, #526043 100%);
    color:#fff;
    box-shadow:0 28px 70px rgba(24,53,40,.16);
    display:flex;
    flex-direction:column;
    gap:18px;
}

.admin-login-aside img{
    width:200px;
    max-width:100%;
    background:#fff;
    border-radius:20px;
    padding:12px 16px;
}

.admin-login-aside h1{
    font-size:clamp(2rem,3vw,3rem);
    line-height:1.08;
    margin:0;
    color:#fff;
}

.admin-login-aside p{
    color:rgba(255,255,255,.82);
    margin:0;
    max-width:48ch;
}

.admin-login-badge{
    display:inline-flex;
    align-items:center;
    width:max-content;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.admin-login-points{
    display:grid;
    gap:12px;
    margin-top:auto;
}

.admin-login-points div{
    padding:14px 16px;
    border-radius:18px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
}

.admin-login-points strong{
    display:block;
    margin-bottom:4px;
}

.admin-login-points span{
    color:rgba(255,255,255,.78);
    font-size:.95rem;
}

.premium-login-card{
    width:100%;
    padding:34px;
    border-radius:32px;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(18px);
    box-shadow:0 28px 70px rgba(24,53,40,.08);
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.admin-sidebar{
    background:linear-gradient(180deg, #1f2e24 0%, #2f4132 100%);
    box-shadow:24px 0 60px rgba(24,53,40,.08);
}

.admin-nav a{
    padding:15px 16px;
    border-radius:18px;
}

.admin-nav a:hover,
.admin-nav a.is-active{
    background:rgba(255,255,255,.14);
}

.admin-main{
    background:linear-gradient(180deg, rgba(243,239,231,.56), rgba(238,244,236,.72));
}

.metric-card,
.table-card,
.admin-card{
    backdrop-filter:blur(14px);
}

@media (max-width: 1180px){
    .product-grid-quick,
    .compact-info-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .admin-login-layout{
        grid-template-columns:1fr;
    }
}

@media (max-width: 760px){
    .compact-info-grid,
    .product-grid-quick,
    .admin-inline-metrics{
        grid-template-columns:1fr;
    }

    .admin-login-aside,
    .premium-login-card{
        padding:24px;
        border-radius:24px;
    }
}

/* Premium botanical entrance redesign */
.topbar{
    background:transparent;
    color:var(--primary);
}

.topbar-inner{
    min-height:48px;
    padding:10px 0 6px;
}

.topbar-left,
.topbar-right{
    align-items:center;
}

.topbar-left{
    font-size:.88rem;
    font-weight:700;
    color:rgba(24,53,40,.78);
}

.topbar-divider{
    width:4px;
    height:4px;
    border-radius:50%;
    background:rgba(107,116,83,.54);
}

.topbar-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(107,116,83,.14);
    color:var(--primary);
    font-weight:800;
}

.nav-shell{
    position:relative;
    top:auto;
}

.botanical-nav-row{
    position:sticky;
    top:18px;
    z-index:60;
}

.botanical-nav-row{
    display:grid;
    grid-template-columns:minmax(300px, 340px) minmax(0, 1fr);
    gap:22px;
    align-items:stretch;
    padding:22px;
    background:linear-gradient(180deg, rgba(255,252,247,.96), rgba(255,255,255,.88));
    border:1px solid rgba(107,116,83,.14);
    border-radius:34px;
    box-shadow:0 22px 60px rgba(47,46,42,.08);
    backdrop-filter:blur(24px);
}

.brand-panel{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:22px;
    min-height:228px;
    padding:28px;
    border-radius:30px;
    background:linear-gradient(160deg, rgba(103,114,78,.12), rgba(255,250,244,.94) 54%, rgba(237,244,236,.96));
    border:1px solid rgba(107,116,83,.16);
    overflow:hidden;
}

.brand-panel::before,
.brand-panel::after{
    content:"";
    position:absolute;
    inset:auto;
    border-radius:50%;
    pointer-events:none;
}

.brand-panel::before{
    width:220px;
    height:220px;
    right:-120px;
    top:-92px;
    background:radial-gradient(circle, rgba(107,116,83,.14), transparent 72%);
}

.brand-panel::after{
    width:180px;
    height:180px;
    left:-80px;
    bottom:-88px;
    background:radial-gradient(circle, rgba(201,125,83,.12), transparent 70%);
}

.brand-panel-logo,
.brand-panel-copy,
.brand-tag-row{
    position:relative;
    z-index:1;
}

.brand-panel .brand{
    min-width:0;
    width:100%;
}

.brand-panel-logo img{
    width:min(100%, 360px);
    height:auto;
    padding:16px 18px;
    border-radius:26px;
    background:rgba(255,255,255,.84);
    box-shadow:0 16px 36px rgba(47,46,42,.08);
}

.brand-panel-copy{
    display:grid;
    gap:10px;
}

.brand-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:max-content;
    max-width:100%;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.78);
    border:1px solid rgba(107,116,83,.16);
    color:var(--primary);
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.brand-panel-copy p{
    margin:0;
    max-width:34ch;
    color:rgba(24,53,40,.78);
    font-size:.97rem;
    font-weight:600;
}

.brand-tag-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.brand-tag-row a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.86);
    border:1px solid rgba(107,116,83,.15);
    box-shadow:0 10px 24px rgba(47,46,42,.05);
    color:var(--primary);
    font-weight:800;
    font-size:.92rem;
}

.nav-content{
    display:grid;
    grid-template-rows:auto auto auto;
    gap:16px;
    width:100%;
    min-width:0;
    flex:none;
    justify-content:stretch;
}

.nav-content-top,
.nav-content-bottom{
    display:grid;
    gap:16px;
    align-items:stretch;
}

.nav-content-top{
    grid-template-columns:minmax(0, 1fr) auto;
}

.contact-strip{
    display:grid;
    gap:12px;
    min-width:0;
}

.contact-strip-label{
    color:rgba(24,53,40,.76);
    font-size:.94rem;
    font-weight:700;
}

.contact-strip-links{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.action-icon-soft{
    background:rgba(107,116,83,.08);
}

.action-icon-solid{
    background:var(--primary);
    border-color:var(--primary);
    color:#fff;
}

.action-icon-solid .icon-sm,
.action-icon-solid svg{
    color:#fff;
}

.header-actions{
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

.header-pill{
    min-height:46px;
    padding:10px 16px;
    background:#fff;
    border-color:rgba(107,116,83,.16);
    box-shadow:0 10px 26px rgba(47,46,42,.05);
}

.nav-content-middle{
    padding:16px 20px;
    border-radius:26px;
    background:rgba(255,255,255,.76);
    border:1px solid rgba(107,116,83,.12);
}

.main-nav{
    gap:22px;
}

.main-nav a{
    padding:8px 0;
    font-weight:800;
    color:rgba(24,53,40,.74);
}

.main-nav a::after{
    bottom:-4px;
}

.nav-content-bottom{
    grid-template-columns:minmax(250px, .74fr) minmax(0, 1.26fr);
}

.producer-note{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:8px;
    padding:20px 22px;
    border-radius:26px;
    background:linear-gradient(145deg, rgba(238,244,236,.94), rgba(255,250,244,.9));
    border:1px solid rgba(107,116,83,.13);
}

.producer-note strong{
    font-size:1.04rem;
    color:var(--text);
}

.producer-note span{
    color:var(--muted);
    font-size:.93rem;
}

.header-search{
    max-width:none;
    min-width:0;
    align-items:center;
    background:#fff;
    border-radius:24px;
    border:1px solid rgba(107,116,83,.16);
    box-shadow:0 16px 34px rgba(47,46,42,.05);
}

.search-icon-wrap{
    display:grid;
    place-items:center;
    padding-left:18px;
    color:rgba(24,53,40,.58);
}

.header-search input{
    min-height:64px;
    padding:0 16px 0 12px;
}

.header-search button{
    min-height:56px;
    margin:4px;
    padding:0 24px;
    border-radius:18px;
    background:var(--primary);
    color:#fff;
    box-shadow:0 14px 28px rgba(33,74,55,.18);
}

.botanical-entry-band{
    display:grid;
    grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);
    gap:18px;
    margin-top:18px;
    padding:22px;
    border-radius:32px;
    background:linear-gradient(180deg, rgba(255,252,247,.92), rgba(255,255,255,.84));
    border:1px solid rgba(107,116,83,.12);
    box-shadow:0 22px 54px rgba(47,46,42,.07);
    backdrop-filter:blur(18px);
}

.service-helper-intro{
    display:grid;
    gap:14px;
    align-content:start;
}

.service-helper-intro .eyebrow{
    margin-bottom:0;
}

.service-helper-intro h2{
    margin:0;
    font-size:clamp(1.95rem, 3vw, 2.9rem);
    line-height:1.04;
    font-family:"Cormorant Garamond",Georgia,serif;
    max-width:13ch;
}

.service-helper-intro p{
    margin:0;
    max-width:48ch;
    font-size:.98rem;
}

.location-helper{
    gap:14px;
}

.location-helper label{
    font-size:.9rem;
    letter-spacing:.02em;
}

.location-helper-controls{
    align-items:stretch;
}

.location-helper-controls input{
    min-height:60px;
    border-radius:20px;
    box-shadow:inset 0 0 0 1px rgba(107,116,83,.03);
}

.location-helper-controls button{
    min-height:60px;
    padding:0 24px;
    border-radius:20px;
    box-shadow:0 14px 28px rgba(33,74,55,.16);
}

.location-chip-list button{
    background:rgba(255,255,255,.88);
    box-shadow:0 10px 22px rgba(47,46,42,.04);
}

.service-points{
    display:grid;
    gap:14px;
}

.service-point{
    align-items:center;
    min-height:112px;
    padding:18px;
    border-radius:24px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(107,116,83,.13);
    box-shadow:0 14px 28px rgba(47,46,42,.05);
}

.service-icon{
    width:54px;
    height:54px;
    border-radius:18px;
}

.service-point strong{
    font-size:1.05rem;
}

.service-point span{
    font-size:.95rem;
}

@media (max-width: 1360px){
    .botanical-nav-row{
        grid-template-columns:minmax(270px, 310px) minmax(0, 1fr);
    }

    .nav-content-top,
    .nav-content-bottom{
        grid-template-columns:1fr;
    }

    .header-actions{
        justify-content:flex-start;
    }

    .producer-note{
        order:2;
    }

    .header-search{
        order:1;
    }
}

@media (max-width: 1180px){
    .botanical-entry-band{
        grid-template-columns:1fr;
    }

    .service-helper-intro h2{
        max-width:none;
    }
}

@media (max-width: 880px){
    .botanical-nav-row{
        top:10px;
    }

    .topbar-left{
        gap:8px;
    }

    .topbar-divider{
        display:none;
    }

    .botanical-nav-row{
        grid-template-columns:minmax(0, 1fr) auto;
        padding:18px;
    }

    .brand-panel{
        min-height:auto;
        padding:22px;
    }

    .brand-panel-logo img{
        width:100%;
    }

    .menu-toggle{
        display:flex;
        margin:0;
        justify-self:end;
    }

    .nav-content{
        grid-column:1 / -1;
        display:none;
        padding-top:0;
    }

    .nav-content.is-open{
        display:grid;
    }

    .contact-strip-links,
    .header-actions{
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        width:100%;
    }

    .action-icon,
    .header-pill{
        width:100%;
        justify-content:center;
    }

    .nav-content-middle,
    .producer-note,
    .botanical-entry-band{
        padding:16px;
    }

    .main-nav{
        flex-direction:column;
        align-items:flex-start;
        gap:6px;
    }

    .main-nav a::after{
        bottom:0;
    }

    .header-search input{
        min-height:54px;
    }

    .header-search button{
        min-height:46px;
    }

    .service-helper-intro h2{
        font-size:2rem;
    }
}

@media (max-width: 580px){
    .contact-strip-links,
    .header-actions{
        grid-template-columns:1fr;
    }

    .brand-kicker{
        font-size:.7rem;
        letter-spacing:.05em;
    }

    .brand-panel-copy p,
    .producer-note span,
    .contact-strip-label{
        font-size:.9rem;
    }
}


/* Final kurulum ve responsive düzeltmeleri */
html,
body{
    max-width:100%;
    overflow-x:hidden;
}

body{
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}

img,svg,video,canvas,iframe{
    max-width:100%;
}

.site-main > *,
.admin-main > *,
.container > *,
.brand-panel,
.nav-content,
.page-hero-card,
.product-detail,
.cart-layout,
.checkout-layout,
.account-grid,
.contact-grid,
.split-section,
.footer-grid,
.showcase-grid,
.service-helper,
.botanical-entry-band,
.table-card,
.admin-card,
.metric-card{
    min-width:0;
}

.header-search input,
.newsletter-form input,
.newsletter-band input,
.field input,
.field textarea,
.field select{
    min-width:0;
}

.table-responsive{
    -webkit-overflow-scrolling:touch;
}

@media (max-width: 1180px){
    .botanical-nav-row{
        grid-template-columns:minmax(0, 1fr);
    }

    .brand-panel{
        min-height:auto;
    }

    .nav-content-top,
    .nav-content-bottom{
        grid-template-columns:1fr;
    }

    .header-actions{
        justify-content:flex-start;
    }

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

@media (max-width: 820px){
    .page-hero-card,
    .product-gallery,
    .product-summary,
    .cart-panel,
    .checkout-panel,
    .summary-card,
    .account-panel,
    .contact-card,
    .detail-panel,
    .showcase-card,
    .service-point,
    .botanical-entry-band,
    .brand-panel,
    .nav-content-middle,
    .producer-note,
    .admin-card,
    .table-card,
    .metric-card{
        border-radius:24px;
    }

    .admin-sidebar{
        padding:18px;
    }
}

@media (max-width: 760px){
    .admin-nav{
        grid-template-columns:1fr;
    }

    .admin-sidebar-footer{
        grid-template-columns:1fr;
    }
}

@media (max-width: 560px){
    .botanical-nav-row{
        padding:14px;
        border-radius:24px;
    }

    .brand-panel{
        padding:18px;
        gap:16px;
    }

    .brand-panel-logo img{
        padding:12px 14px;
        border-radius:20px;
    }

    .nav-content-middle,
    .producer-note,
    .botanical-entry-band{
        padding:14px;
    }

    .header-search{
        border-radius:18px;
    }

    .header-search input{
        min-height:52px;
    }

    .header-search button{
        min-height:44px;
        padding:0 18px;
        border-radius:14px;
    }

    .newsletter-form,
    .footer-cta-row{
        flex-direction:column;
    }

    .newsletter-form button,
    .footer-contact-pill{
        width:100%;
        justify-content:center;
    }
}

/* Üst düzey müşteri paneli, sipariş takibi ve cüzdan revizesi */
.account-dashboard-section{
    padding-top:34px;
}

.account-dashboard-hero,
.checkout-headline-card,
.account-dashboard-card,
.account-auth-panel,
.account-auth-intro{
    background:rgba(255,255,255,.88);
    border:1px solid rgba(24,53,40,.1);
    box-shadow:0 18px 48px rgba(24,53,40,.08);
}

.account-dashboard-hero{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);
    gap:22px;
    padding:28px 30px;
    border-radius:30px;
    margin-bottom:22px;
    align-items:flex-start;
}

.account-compact-title{
    font-size:clamp(2rem,4vw,3rem);
    margin-bottom:12px;
}

.account-hero-actions{
    margin-top:18px;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.account-hero-aside{
    display:grid;
    gap:12px;
}

.account-hero-pill{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:62px;
    padding:16px 18px;
    border-radius:20px;
    background:linear-gradient(180deg, rgba(238,244,236,.95), rgba(255,255,255,.96));
    border:1px solid rgba(33,74,55,.12);
    font-weight:700;
    color:var(--text);
}

.account-stat-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:14px;
    margin-bottom:20px;
}

.account-stat-card{
    padding:18px 20px;
    border-radius:24px;
    background:rgba(255,255,255,.9);
    border:1px solid rgba(24,53,40,.1);
    box-shadow:0 14px 36px rgba(24,53,40,.05);
}

.account-stat-card strong{
    display:block;
    margin-bottom:6px;
    color:var(--primary);
    font-size:1.38rem;
    line-height:1.1;
}

.account-stat-card span{
    display:block;
    color:var(--muted);
    font-size:.94rem;
}

.account-tab-switch{
    margin-bottom:18px;
    padding:6px;
    gap:8px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(24,53,40,.08);
    border-radius:999px;
    width:max-content;
    max-width:100%;
    flex-wrap:wrap;
}

.account-tab-switch button{
    min-height:44px;
    padding:10px 18px;
    border-radius:999px;
    font-size:.95rem;
    font-weight:700;
}

.account-tab-switch button.is-active{
    background:var(--primary);
    color:#fff;
    box-shadow:0 10px 26px rgba(33,74,55,.18);
}

.account-dashboard-grid{
    display:grid;
    grid-template-columns:minmax(0,1.65fr) minmax(300px,.95fr);
    gap:18px;
}

.account-dashboard-card{
    padding:24px;
    border-radius:28px;
}

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

.account-section-head h2{
    margin-bottom:4px;
    font-size:1.3rem;
}

.account-section-head p{
    margin-bottom:0;
}

.account-highlight-list,
.account-activity-list,
.wallet-history-list,
.account-support-stack,
.account-order-list{
    display:grid;
    gap:12px;
}

.account-highlight-item,
.account-activity-item,
.wallet-history-item{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    padding:15px 16px;
    border-radius:18px;
    background:#f8faf7;
    border:1px solid rgba(24,53,40,.08);
}

.account-highlight-item strong,
.account-activity-item strong,
.wallet-history-item strong{
    display:block;
    color:var(--text);
    margin-bottom:3px;
}

.account-highlight-item p,
.account-activity-item p,
.wallet-history-item p{
    margin:0;
    color:var(--muted);
    font-size:.92rem;
}

.account-highlight-item span,
.account-activity-item span,
.wallet-history-item span{
    display:block;
    margin-top:4px;
    color:var(--muted);
    font-size:.9rem;
}

.account-highlight-side,
.account-activity-side,
.wallet-history-side{
    display:grid;
    gap:8px;
    justify-items:end;
    text-align:right;
    min-width:max-content;
}

.account-empty-inline{
    display:grid;
    gap:4px;
    padding:18px 20px;
    border-radius:20px;
    background:#f7f9f6;
    border:1px dashed rgba(24,53,40,.18);
}

.account-empty-inline strong{
    color:var(--text);
}

.account-address-card,
.account-support-card{
    padding:18px 20px;
    border-radius:20px;
    background:#f8faf7;
    border:1px solid rgba(24,53,40,.08);
}

.account-address-card p,
.account-support-card p{
    margin-bottom:0;
}

.account-support-card strong{
    display:block;
    margin-bottom:4px;
}

.account-order-shell{
    background:#fff;
    border:1px solid rgba(24,53,40,.1);
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 14px 30px rgba(24,53,40,.05);
}

.account-order-shell + .account-order-shell{
    margin-top:2px;
}

.account-order-shell summary{
    list-style:none;
}

.account-order-shell summary::-webkit-details-marker{
    display:none;
}

.account-order-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:18px 20px;
    cursor:pointer;
}

.account-order-summary p{
    margin:4px 0 0;
    font-size:.92rem;
}

.account-order-summary-right{
    display:grid;
    justify-items:end;
    gap:8px;
    text-align:right;
}

.account-order-body{
    border-top:1px solid rgba(24,53,40,.08);
    padding:18px 20px 20px;
}

.account-status-alert{
    padding:14px 16px;
    border-radius:18px;
    border:1px solid rgba(191,91,81,.18);
    background:rgba(191,91,81,.1);
    color:#8a3b33;
    font-weight:700;
}

.account-status-alert.is-danger{
    border-color:rgba(191,91,81,.2);
    background:rgba(191,91,81,.1);
    color:#8a3b33;
}

.order-progress-strip{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:10px;
    margin-bottom:18px;
}

.order-progress-step{
    position:relative;
    display:grid;
    gap:8px;
    padding:14px 12px 12px;
    border-radius:18px;
    background:#f7f8f5;
    border:1px solid rgba(24,53,40,.08);
}

.order-progress-step span{
    width:14px;
    height:14px;
    border-radius:999px;
    background:rgba(24,53,40,.14);
    box-shadow:inset 0 0 0 4px #fff;
}

.order-progress-step strong{
    font-size:.9rem;
    line-height:1.3;
    color:var(--muted);
}

.order-progress-step.is-done{
    background:rgba(44,122,83,.1);
    border-color:rgba(44,122,83,.18);
}

.order-progress-step.is-done span{
    background:var(--success);
}

.order-progress-step.is-done strong{
    color:var(--text);
}

.order-progress-step.is-current{
    background:rgba(33,74,55,.11);
    border-color:rgba(33,74,55,.2);
}

.order-progress-step.is-current span{
    background:var(--primary);
}

.order-progress-step.is-current strong{
    color:var(--primary);
}

.account-order-info-grid,
.wallet-kpi-grid,
.account-profile-summary{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
}

.account-order-info-grid{
    margin-bottom:16px;
}

.account-order-info-grid article,
.wallet-kpi-grid article,
.account-profile-summary article{
    padding:14px 15px;
    border-radius:18px;
    background:#f8faf7;
    border:1px solid rgba(24,53,40,.08);
}

.account-order-info-grid small,
.wallet-kpi-grid small,
.account-profile-summary small{
    display:block;
    margin-bottom:5px;
    color:var(--muted);
    font-size:.85rem;
}

.account-order-info-grid strong,
.wallet-kpi-grid strong,
.account-profile-summary strong{
    display:block;
    color:var(--text);
    line-height:1.25;
}

.account-order-info-grid span{
    display:block;
    margin-top:6px;
    color:var(--muted);
    font-size:.88rem;
    line-height:1.45;
}

.account-order-lines{
    margin-top:16px;
}

.account-inline-notice{
    margin-top:14px;
}

.account-inline-actions{
    margin-top:16px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.wallet-panel-grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
}

.wallet-balance-card{
    background:linear-gradient(135deg, rgba(33,74,55,.96), rgba(44,122,83,.9));
    color:#fff;
}

.wallet-balance-card .account-section-head h2,
.wallet-balance-card .account-section-head p,
.wallet-balance-card .notice-box,
.wallet-balance-card small,
.wallet-balance-card strong,
.wallet-balance-card .wallet-balance-figure{
    color:#fff;
}

.wallet-balance-card .notice-box{
    background:rgba(255,255,255,.1);
    border-color:rgba(255,255,255,.14);
}

.wallet-balance-card .wallet-kpi-grid article{
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.12);
}

.wallet-balance-figure{
    font-size:clamp(2.2rem,6vw,3.7rem);
    font-weight:800;
    line-height:1;
    margin:4px 0 18px;
}

.wallet-checkout-card{
    padding:18px;
    border-radius:22px;
    background:#f8faf7;
    border:1px solid rgba(24,53,40,.08);
}

.wallet-checkout-toggle{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:700;
    color:var(--text);
    margin-bottom:14px;
}

.wallet-checkout-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
}

.wallet-checkout-grid article{
    padding:14px 15px;
    border-radius:18px;
    background:#fff;
    border:1px solid rgba(24,53,40,.08);
}

.wallet-checkout-grid small{
    display:block;
    margin-bottom:5px;
    color:var(--muted);
}

.wallet-checkout-grid strong{
    display:block;
    color:var(--text);
}

.wallet-checkout-grid input{
    width:100%;
    min-height:48px;
    margin-top:4px;
    padding:12px 14px;
    border-radius:16px;
    border:1px solid rgba(24,53,40,.12);
    color:var(--text);
}

.amount-positive{
    color:var(--success);
}

.amount-negative{
    color:var(--danger);
}

.profile-panel-grid{
    grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);
}

.account-profile-summary{
    margin-bottom:14px;
    grid-template-columns:repeat(2, minmax(0, 1fr));
}

.account-auth-shell{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);
    gap:20px;
    align-items:stretch;
}

.account-auth-intro,
.account-auth-panel{
    padding:28px;
    border-radius:30px;
}

.account-benefit-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
    margin-top:18px;
}

.account-benefit-grid article{
    padding:16px;
    border-radius:18px;
    background:#f8faf7;
    border:1px solid rgba(24,53,40,.08);
}

.account-benefit-grid strong{
    display:block;
    margin-bottom:6px;
    color:var(--text);
}

.account-benefit-grid span{
    color:var(--muted);
    font-size:.92rem;
    line-height:1.5;
}

.checkout-section-compact{
    padding-top:34px;
}

.checkout-headline-card{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    padding:24px 26px;
    border-radius:28px;
    margin-bottom:18px;
}

.checkout-layout-enhanced,
.order-track-grid{
    grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
}

.checkout-title-small{
    font-size:1.26rem;
    margin-bottom:8px;
}

.order-result-shell{
    padding:24px;
    border-radius:30px;
    background:rgba(255,255,255,.9);
    border:1px solid rgba(24,53,40,.1);
    box-shadow:0 18px 44px rgba(24,53,40,.08);
}

.order-result-shell .section-head{
    margin-bottom:20px;
}

.order-result-shell .summary-card{
    position:static;
    top:auto;
}

.order-result-shell .account-inline-actions{
    margin-top:20px;
}

.account-dashboard-card .timeline-compact{
    margin-top:18px;
}

.wallet-history-item .status-badge,
.account-highlight-item .status-badge,
.account-activity-item .status-badge{
    white-space:nowrap;
}

@media (max-width: 1180px){
    .account-dashboard-hero,
    .account-auth-shell,
    .profile-panel-grid,
    .wallet-panel-grid,
    .checkout-layout-enhanced,
    .order-track-grid,
    .account-dashboard-grid{
        grid-template-columns:1fr;
    }

    .account-stat-grid,
    .account-order-info-grid,
    .wallet-kpi-grid,
    .wallet-checkout-grid,
    .account-benefit-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

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

@media (max-width: 760px){
    .account-dashboard-section,
    .checkout-section-compact{
        padding-top:20px;
    }

    .account-dashboard-hero,
    .account-dashboard-card,
    .checkout-headline-card,
    .account-auth-intro,
    .account-auth-panel,
    .order-result-shell{
        padding:20px;
        border-radius:24px;
    }

    .checkout-headline-card,
    .account-order-summary,
    .account-highlight-item,
    .account-activity-item,
    .wallet-history-item,
    .account-section-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .account-highlight-side,
    .account-activity-side,
    .wallet-history-side,
    .account-order-summary-right{
        justify-items:start;
        text-align:left;
        min-width:0;
    }

    .account-stat-grid,
    .account-order-info-grid,
    .wallet-kpi-grid,
    .wallet-checkout-grid,
    .account-profile-summary,
    .account-benefit-grid,
    .order-progress-strip{
        grid-template-columns:1fr;
    }

    .account-tab-switch{
        width:100%;
        border-radius:24px;
    }

    .account-tab-switch button{
        width:100%;
    }

    .account-inline-actions,
    .account-hero-actions{
        width:100%;
    }

    .account-inline-actions .button,
    .account-hero-actions .button{
        width:100%;
    }
}

/* İletişim merkezi ve kullanıcı iade akışı ek düzenlemeleri */
.account-request-stack{
    display:grid;
    gap:12px;
    margin:18px 0;
}

.admin-card textarea,
.table-card textarea{
    width:100%;
    min-height:130px;
    padding:14px 16px;
    border-radius:18px;
    border:1px solid var(--line);
    background:#fff;
    color:var(--text);
    resize:vertical;
}

.admin-card textarea[readonly],
.table-card textarea[readonly]{
    background:#f8faf7;
}

/* Admin information architecture upgrade */
.admin-nav{
    display:flex;
    flex-direction:column;
    gap:18px;
    overflow:auto;
    padding-right:4px;
}

.admin-nav-group{
    display:grid;
    gap:10px;
}

.admin-nav-group-title{
    padding:0 6px;
    font-size:.76rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:rgba(255,255,255,.58);
}

.admin-nav-links{
    display:grid;
    gap:10px;
}

.admin-two-col-wide{
    grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
}

.admin-tabbar{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.admin-tabbar a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:10px 16px;
    border-radius:999px;
    border:1px solid rgba(24,53,40,.12);
    background:rgba(255,255,255,.72);
    color:var(--primary);
    font-weight:700;
}

.admin-tabbar a.is-active{
    background:var(--primary);
    color:#fff;
}

.admin-repeater-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.admin-repeater-card{
    padding:18px;
    border:1px solid rgba(24,53,40,.10);
    border-radius:20px;
    background:rgba(255,255,255,.56);
}

.admin-repeater-card.compact{
    padding:16px;
}

.admin-repeater-card .field:last-child{
    margin-bottom:0;
}

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

/* Footer redesign */
.site-footer{
    padding:0 0 100px;
    background:transparent;
}

.footer-surface{
    background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(238,244,236,.72));
    border:1px solid rgba(24,53,40,.10);
    border-radius:32px;
    padding:32px;
    box-shadow:0 26px 70px rgba(24,53,40,.08);
}

.footer-top-row{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    gap:18px;
    margin-bottom:18px;
}

.footer-brand-panel,
.footer-contact-panel,
.footer-column-card{
    background:rgba(255,255,255,.78);
    border:1px solid rgba(24,53,40,.10);
    border-radius:24px;
    padding:24px;
}

.footer-copy-lead{
    max-width:640px;
    margin-bottom:18px;
}

.footer-contact-panel{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.footer-contact-item{
    padding:16px 18px;
    border-radius:18px;
    background:rgba(246,240,230,.76);
    border:1px solid rgba(24,53,40,.08);
}

.footer-contact-item small{
    display:block;
    margin-bottom:6px;
    color:var(--muted);
    font-size:.82rem;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.footer-contact-item a,
.footer-contact-item span{
    color:var(--text);
    font-weight:700;
}

.footer-grid-modern{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    margin-top:0;
}

.footer-column-card h4{
    margin-bottom:14px;
}

.footer-bottom-modern{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid rgba(24,53,40,.10);
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px;
}

.footer-credit-line{
    margin-top:16px;
    text-align:center;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:1.35rem;
    letter-spacing:.01em;
}

.footer-credit-line a{
    color:var(--primary);
    font-weight:700;
}

/* Minimal login */
.admin-login-minimal-body{
    background:
        radial-gradient(circle at top left, rgba(240,214,196,.45), transparent 30%),
        radial-gradient(circle at bottom right, rgba(238,244,236,.85), transparent 28%),
        var(--bg);
}

.admin-login-minimal-shell{
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:24px;
}

.admin-login-minimal-card{
    width:min(100%, 460px);
    background:rgba(255,255,255,.9);
    border:1px solid rgba(24,53,40,.10);
    border-radius:28px;
    padding:32px;
    box-shadow:0 24px 60px rgba(24,53,40,.08);
}

.admin-login-minimal-card img{
    width:180px;
    max-width:100%;
    margin:0 auto 18px;
    background:#fff;
    border-radius:20px;
    padding:12px 14px;
    border:1px solid rgba(24,53,40,.08);
}

.admin-login-minimal-card h1{
    text-align:center;
    margin-bottom:18px;
}

@media (max-width: 1180px){
    .admin-two-col-wide,
    .footer-top-row,
    .footer-grid-modern,
    .footer-columns-builder{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width: 900px){
    .footer-grid-modern,
    .footer-top-row,
    .footer-contact-panel,
    .admin-two-col-wide,
    .admin-repeater-grid,
    .footer-columns-builder{
        grid-template-columns:1fr;
    }
}

@media (max-width: 760px){
    .footer-surface{
        padding:20px;
        border-radius:24px;
    }

    .footer-brand-panel,
    .footer-contact-panel,
    .footer-column-card{
        padding:18px;
        border-radius:20px;
    }

    .footer-bottom-modern{
        flex-direction:column;
        align-items:flex-start;
    }

    .admin-nav-group-title{
        padding-inline:2px;
    }
}

.footer-column-summary{
    margin:0 0 12px;
    color:var(--muted);
    font-size:.94rem;
    line-height:1.6;
}

.page-cover-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);
    gap:24px;
    align-items:center;
    padding:24px;
    margin-bottom:18px;
    border:1px solid var(--line);
    border-radius:28px;
    background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(245,248,244,.82));
    box-shadow:0 20px 48px rgba(24,53,40,.08);
}

.page-cover-copy{
    display:grid;
    gap:12px;
}

.page-cover-copy .page-title{
    margin:0;
}

.page-cover-copy p{
    margin:0;
    color:var(--muted);
}

.page-cover-media img{
    width:100%;
    height:min(420px, 48vw);
    object-fit:cover;
    border-radius:24px;
    display:block;
    border:1px solid rgba(24,53,40,.10);
}

@media (max-width: 900px){
    .page-cover-card{
        grid-template-columns:1fr;
        padding:18px;
        border-radius:22px;
    }

    .page-cover-media img{
        height:auto;
        max-height:360px;
    }
}
/* ===== KESİN ORTALAMA VE KATEGORİ SAYFASI DÜZELTMESİ ===== */
body.front-body .container{
    width:min(calc(100% - 32px), 1520px) !important;
    max-width:1520px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    float:none !important;
}

body.front-body .page-hero,
body.front-body .section,
body.front-body .site-main,
body.front-body .premium-footer,
body.front-body .premium-header{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
}

body.front-body .page-shell,
body.front-body .article-shell,
body.front-body .page-hero-card,
body.front-body .page-cover-card,
body.front-body .filter-shell,
body.front-body .product-grid,
body.front-body .compact-info-grid,
body.front-body .premium-footer-shell,
body.front-body .premium-footer-intro,
body.front-body .premium-footer-grid,
body.front-body .premium-header-main{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

body.front-body .page-hero-card,
body.front-body .page-cover-card{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(320px,.9fr) !important;
    gap:24px !important;
    align-items:center !important;
    padding:24px !important;
}

body.front-body .page-shell{
    padding:32px !important;
}

body.front-body .page-shell h1,
body.front-body .page-shell h2,
body.front-body .page-shell p,
body.front-body .page-shell .breadcrumb,
body.front-body .page-shell .eyebrow,
body.front-body .page-hero-copy,
body.front-body .page-cover-copy{
    text-align:left !important;
}

body.front-body .compact-info-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
}

@media (max-width: 1100px){
    body.front-body .page-hero-card,
    body.front-body .page-cover-card,
    body.front-body .premium-footer-intro{
        grid-template-columns:1fr !important;
    }
}

@media (max-width: 820px){
    body.front-body .container{
        width:min(calc(100% - 20px), 1520px) !important;
    }

    body.front-body .page-shell{
        padding:22px !important;
    }

    body.front-body .compact-info-grid,
    body.front-body .premium-footer-grid{
        grid-template-columns:1fr !important;
    }
}

@media (max-width: 560px){
    body.front-body .container{
        width:min(calc(100% - 16px), 1520px) !important;
    }

    body.front-body .page-shell{
        padding:18px !important;
    }
}


/* ===== KOMPAKT ORTALAMA DÜZELTMESİ ===== */
.front-body .container,
.front-body .premium-topbar-inner,
.front-body .premium-header-main,
.front-body .premium-home-hero-grid,
.front-body .premium-home-showcase-shell,
.front-body .page-shell,
.front-body .article-shell,
.front-body .filter-shell,
.front-body .premium-footer-shell{
    margin-left:auto !important;
    margin-right:auto !important;
}

.front-body .site-main{overflow-x:hidden;}