/* ALFA CONCEPT · Yerel varlıklar, sistem fontları, bağımlılıksız responsive arayüz. */
:root {
    --white:#fff;
    --paper:#f5f5f7;
    --cream:#f3f0ec;
    --ink:#2c221e;
    --brown:#4a3b32;
    --cocoa:#6f4e37;
    --muted:#817a74;
    --line:#e9e5e0;
    --radius:16px;
    --shadow:0 14px 45px #38291d08;
    --green:#47725a;
    --font:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter','Segoe UI',sans-serif
}
* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth;
    scroll-padding-top:100px
}
body {
    margin:0;
    background:var(--white);
    color:var(--ink);
    font:14px/1.6 var(--font);
    -webkit-font-smoothing:antialiased
}
a {
    color:inherit;
    text-decoration:none
}
button,input,select,textarea {
    font:inherit
}
button,a,input,select,textarea {
    -webkit-tap-highlight-color:transparent
}
button {
    cursor:pointer
}
button:disabled {
    opacity:.5;
    cursor:not-allowed
}
img {
    max-width:100%;
    display:block
}
svg {
    flex-shrink:0
}
p {
    margin:0 0 16px
}
h1,h2,h3,h4 {
    font-weight:500;
    line-height:1.15;
    letter-spacing:-.045em;
    margin:0 0 20px
}
h1 {
    font-size:clamp(36px,5vw,58px)
}
h2 {
    font-size:clamp(28px,3vw,40px)
}
h3 {
    font-size:22px;
    letter-spacing:-.025em
}
h4 {
    font-size:17px;
    letter-spacing:-.015em
}
small {
    font-size:12px
}
a,button {
    transition:background .2s,color .2s,box-shadow .2s,transform .2s
}
a:hover {
    color:var(--cocoa)
}
:focus-visible {
    outline:3px solid #98765f;
    outline-offset:4px
}
::selection {
    background:#e9d8c8
}
[hidden] {
    display:none!important
}
.container {
    width:min(1280px,calc(100% - 96px));
    margin-inline:auto
}
.main-content {
    min-height:45vh
}
.announcement {
    text-align:center;
    background:var(--brown);
    color:#f6f0e9;
    font-size:10px;
    letter-spacing:.07em;
    padding:8px 20px
}
.announcement span {
    margin:0 12px;
    color:#bcae9f
}
.site-header {
    position:sticky;
    top:0;
    z-index:40;
    background:#ffffffed;
    backdrop-filter:blur(16px);
    border-bottom:1px solid #eee9e370
}
.nav-wrap {
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:82px;
    gap:30px
}
.wordmark {
    line-height:1;
    display:inline-flex;
    align-items:center;
    flex-shrink:0
}
.brand-logo {
    width:139px;
    height:auto;
    display:block
}
.footer-top .brand-logo {
    width:151px
}
.admin-sidebar .brand-logo {
    width:132px
}
.desktop-nav {
    display:flex;
    gap:30px;
    font-size:12px;
    color:#72685f;
    min-width:0;
    overflow-x:auto;
    white-space:nowrap;
    scrollbar-width:thin
}
.desktop-nav a {
    padding:10px 0;
    position:relative;
    flex-shrink:0
}
.desktop-nav a.active {
    color:var(--ink)
}
.desktop-nav a.active:after {
    content:'';
    height:3px;
    width:3px;
    border-radius:50%;
    background:var(--brown);
    position:absolute;
    bottom:3px;
    left:50%
}
.nav-actions {
    display:flex;
    gap:16px;
    align-items:center
}
.icon-button {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:34px;
    height:34px;
    border:0;
    background:transparent;
    color:var(--brown);
    border-radius:50%;
    padding:6px
}
.icon-button:hover {
    background:var(--cream)
}
.bag-link {
    position:relative
}
.cart-count {
    position:absolute;
    right:-6px;
    top:-3px;
    min-width:15px;
    height:15px;
    border-radius:50%;
    background:var(--brown);
    color:#fff;
    font-size:9px;
    line-height:15px;
    text-align:center;
    padding:0 3px
}
.admin-shortcut {
    font-size:10px;
    display:flex;
    align-items:center;
    gap:3px
}
.admin-shortcut .icon {
    width:14px;
    height:14px
}
.mobile-menu-toggle {
    display:none
}
.mobile-nav {
    padding:10px 24px 20px;
    display:grid;
    gap:12px
}
.skip-link {
    position:fixed;
    left:16px;
    top:-80px;
    z-index:100;
    background:var(--brown);
    color:white;
    padding:12px;
    border-radius:8px
}
.skip-link:focus {
    top:10px
}
.eyebrow {
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:10px;
    font-weight:550;
    color:var(--cocoa);
    display:block;
    margin-bottom:20px
}
.hero {
    margin-top:30px;
    border-radius:20px;
    background:linear-gradient(115deg,#f3f0ec,#ece5db);
    min-height:530px;
    display:grid;
    grid-template-columns:1fr 1.04fr;
    overflow:hidden;
    position:relative
}
.hero-copy {
    padding:80px 0 65px 64px;
    position:relative;
    z-index:1;
    align-self:center
}
.hero h1 {
    font-size:clamp(44px,5.1vw,72px);
    line-height:1.03;
    letter-spacing:-.065em;
    margin-bottom:25px
}
.hero h1 em {
    font-family:Georgia,serif;
    font-weight:400;
    letter-spacing:-.055em;
    color:var(--cocoa)
}
.hero-copy>p {
    font-size:14px;
    line-height:1.9;
    color:#85796f;
    max-width:310px;
    margin-bottom:30px
}
.hero-art {
    position:relative;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center
}
.hero-art>img {
    width:100%;
    height:100%;
    object-fit:cover
}
.hero-tag {
    position:absolute;
    right:28px;
    bottom:25px;
    background:#ffffffbd;
    backdrop-filter:blur(10px);
    padding:14px 20px;
    border:1px solid #ffffff90;
    border-radius:12px;
    font-size:11px;
    display:flex;
    align-items:center;
    gap:20px
}
.hero-tag strong {
    display:block;
    font-weight:500
}
.hero-tag span {
    font-size:10px;
    color:var(--muted)
}
.hero-tag .icon {
    width:24px;
    height:24px
}
.hero-footnote {
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:32px;
    color:#8e8175;
    font-size:10px
}
.hero-footnote:before {
    content:'';
    width:5px;
    height:5px;
    border-radius:50%;
    background:#a38b71
}
.button {
    border:1px solid var(--brown);
    background:var(--brown);
    color:var(--white);
    border-radius:10px;
    padding:14px 23px;
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    font-size:12px;
    font-weight:500;
    line-height:1.4;
    text-align:center
}
.button:hover {
    background:var(--ink);
    border-color:var(--ink);
    color:#fff;
    box-shadow:0 6px 20px #2c221e12;
    transform:translateY(-1px)
}
.button.secondary {
    background:transparent;
    color:var(--brown);
    border-color:#d9d1c8
}
.button.secondary:hover {
    background:var(--cream)
}
.button.light {
    background:#fff;
    color:var(--brown);
    border-color:#fff
}
.button.small {
    min-height:36px;
    padding:9px 15px;
    font-size:11px;
    border-radius:8px
}
.button.full {
    width:100%
}
.text-link {
    display:inline-flex;
    align-items:center;
    gap:9px;
    font-size:12px;
    border-bottom:1px solid #b9aa9b;
    padding-bottom:4px
}
.text-button {
    border:0;
    background:transparent;
    color:var(--cocoa);
    padding:0;
    display:inline-flex;
    gap:8px;
    align-items:center;
    font-size:12px
}
.text-button:hover {
    color:var(--ink)
}
.benefits {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    margin:0 0 58px;
    padding:28px 0;
    border-bottom:1px solid var(--line)
}
.benefit {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    font-size:11px;
    color:#6d6259
}
.benefit+.benefit {
    border-left:1px solid var(--line)
}
.benefit .icon {
    width:18px;
    height:18px
}
.benefit span {
    color:#9d9389;
    margin-left:6px;
    font-size:10px
}
.section-heading {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:25px;
    margin-bottom:28px
}
.section-heading .eyebrow {
    margin-bottom:12px
}
.section-heading h2 {
    margin:0;
    font-size:35px
}
.section-heading p {
    font-size:12px;
    color:var(--muted);
    margin:10px 0 0
}
.subtle-note {
    font-size:11px;
    color:var(--muted)
}
.catalog-toolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:28px
}
.filter-tabs {
    display:flex;
    gap:6px;
    flex-wrap:wrap
}
.filter-tab {
    font-size:11px;
    color:#8c8178;
    border:1px solid transparent;
    border-radius:7px;
    padding:8px 17px
}
.filter-tab.active {
    background:var(--brown);
    color:#fff
}
.filter-tab:not(.active):hover {
    background:var(--cream)
}
.sort-form {
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--muted);
    font-size:11px
}
.sort-form select {
    border:0;
    background:transparent;
    padding:7px 20px 7px 6px;
    color:var(--brown);
    font-size:11px
}
.sort-form button {
    border:0;
    background:var(--cream);
    border-radius:5px;
    padding:5px 8px;
    font-size:10px
}
.product-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:34px 22px
}
.product-image {
    position:relative;
    display:block;
    border-radius:13px;
    background:#f4f1ed;
    overflow:hidden;
    aspect-ratio:6/7
}
.product-image>img {
    height:100%;
    width:100%;
    object-fit:cover;
    transition:transform .65s cubic-bezier(.2,.6,.2,1)
}
.product-image:hover>img {
    transform:scale(1.045)
}
.product-category {
    position:absolute;
    top:15px;
    left:15px;
    padding:4px 9px;
    background:#ffffffa8;
    border-radius:5px;
    font-size:8px;
    color:#76685b;
    letter-spacing:.02em
}
.product-quick {
    position:absolute;
    bottom:14px;
    left:14px;
    right:14px;
    padding:11px 14px;
    background:#ffffffec;
    border-radius:8px;
    font-size:11px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    opacity:0;
    transform:translateY(8px);
    transition:.25s
}
.product-image:hover .product-quick,.product-image:focus-visible .product-quick {
    opacity:1;
    transform:translateY(0)
}
.product-meta {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
    margin-top:15px;
    font-size:11px;
    font-weight:500
}
.product-meta a {
    max-width:68%
}
.product-meta>span {
    white-space:nowrap;
    font-size:10px
}
.product-subline {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    font-size:9px;
    color:#9a9086;
    margin-top:5px
}
.swatches {
    display:flex;
    gap:2px
}
.sold-out {
    position:absolute;
    bottom:15px;
    left:15px;
    background:#fff;
    padding:5px 10px;
    border-radius:5px;
    font-size:10px
}
.collection-bottom {
    display:flex;
    justify-content:center;
    align-items:center;
    margin:40px 0 62px
}
.philosophy {
    display:grid;
    grid-template-columns:1fr 1fr;
    background:#f3f0ec;
    border-radius:18px;
    overflow:hidden;
    margin-bottom:70px
}
.philosophy-art {
    background:#e9e2d8;
    min-height:330px;
    display:flex;
    align-items:center;
    justify-content:center
}
.philosophy-art img {
    width:100%;
    height:100%;
    max-height:400px;
    object-fit:cover
}
.philosophy-copy {
    padding:50px 55px;
    align-self:center
}
.philosophy h2 {
    font-size:35px;
    max-width:330px
}
.philosophy p {
    font-size:12px;
    color:#8a7d72;
    max-width:340px;
    line-height:1.9
}
.philosophy-tags {
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    margin-top:23px
}
.philosophy-tags span {
    border:1px solid #dcd2c6;
    border-radius:20px;
    padding:5px 11px;
    font-size:9px;
    color:#8a7767
}
.site-footer {
    background:#f7f6f3;
    border-top:1px solid var(--line);
    padding-top:50px
}
.footer-top {
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.4fr;
    gap:35px;
    padding-bottom:45px
}
.footer-top .wordmark {
    font-size:33px
}
.footer-top p {
    font-size:11px;
    line-height:1.9;
    color:#9c9084;
    margin-top:16px
}
.footer-links {
    display:flex;
    flex-direction:column;
    gap:8px;
    font-size:11px;
    color:#8a7f75
}
.footer-links>span,.footer-note>span {
    font-size:8px;
    letter-spacing:.15em;
    color:#a2998f;
    margin-bottom:8px
}
.footer-note p {
    margin-top:12px
}
.footer-bottom {
    border-top:1px solid var(--line);
    padding:20px 0;
    display:flex;
    justify-content:space-between;
    font-size:9px;
    color:#a69c91
}
.little-dot {
    display:inline-block;
    margin-left:5px;
    width:5px;
    height:5px;
    background:#8f9b7c;
    border-radius:50%
}
.notice {
    background:#eff6f0;
    border:1px solid #ddeade;
    border-radius:10px;
    color:#356040;
    padding:14px 18px;
    margin:20px 0;
    font-size:12px
}
.notice.error {
    background:#fff2ee;
    border-color:#f1d9d0;
    color:#a34c38
}
.notice.info {
    background:#f5f1ea;
    border-color:#e4dcd1;
    color:#806247
}
.notice ul {
    margin:0;
    padding-left:20px
}
.breadcrumb {
    display:flex;
    gap:10px;
    color:#a19489;
    font-size:10px;
    margin:30px 0
}
.breadcrumb a {
    color:#817467
}
.page-heading {
    margin:45px 0 32px
}
.page-heading h1 {
    font-size:40px;
    margin-bottom:12px
}
.page-heading p {
    font-size:13px;
    color:var(--muted)
}
.product-detail {
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:80px;
    margin-bottom:70px
}
.detail-image {
    border-radius:18px;
    overflow:hidden;
    background:var(--cream)
}
.detail-image img {
    width:100%;
    height:100%;
    max-height:700px;
    object-fit:cover
}
.detail-info {
    padding-top:20px
}
.detail-info h1 {
    font-size:40px;
    line-height:1.2;
    margin-bottom:18px
}
.detail-info .eyebrow {
    margin-bottom:16px
}
.detail-price {
    font-size:24px;
    letter-spacing:-.04em
}
.tax-note {
    font-size:10px;
    color:#9d9287;
    margin-top:3px;
    margin-bottom:28px
}
.detail-description {
    font-size:13px;
    color:#8d7f72;
    white-space:pre-line;
    line-height:1.9;
    border-bottom:1px solid var(--line);
    padding-bottom:25px;
    margin-bottom:25px
}
.selection-label {
    font-size:11px;
    display:block;
    margin:0 0 12px
}
.selection-label span {
    color:var(--muted);
    margin-left:6px
}
.variant-choices {
    display:flex;
    gap:9px;
    flex-wrap:wrap;
    margin-bottom:24px
}
.variant-choice {
    position:relative;
    display:inline-flex;
    cursor:pointer
}
.variant-choice input {
    position:absolute;
    opacity:0;
    width:1px;
    height:1px
}
.variant-choice>span {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    min-width:48px;
    height:43px;
    border:1px solid var(--line);
    border-radius:8px;
    padding:0 13px;
    font-size:11px;
    background:white
}
.variant-choice input:checked+span {
    border:1px solid var(--brown);
    background:#f5f1eb;
    box-shadow:0 0 0 1px var(--brown)
}
.variant-choice input:focus-visible+span {
    outline:3px solid #98765f;
    outline-offset:4px
}
.add-cart-row {
    display:flex;
    gap:12px;
    margin-top:8px
}
.add-cart-row .button {
    flex:1
}
.quantity-control {
    display:inline-flex;
    align-items:center;
    border:1px solid var(--line);
    border-radius:9px;
    background:#fff;
    overflow:hidden;
    min-height:44px
}
.quantity-control button {
    border:0;
    background:transparent;
    width:32px;
    height:40px;
    font-size:16px;
    color:var(--brown)
}
.quantity-control input {
    border:0;
    width:42px;
    padding:6px 1px;
    text-align:center;
    font-size:12px;
    appearance:textfield;
    -moz-appearance:textfield
}
.quantity-control input::-webkit-inner-spin-button {
    appearance:none
}
.detail-perks {
    display:grid;
    gap:12px;
    margin-top:25px;
    font-size:11px;
    color:#8b7e71
}
.detail-perks>span {
    display:flex;
    align-items:center;
    gap:10px
}
.stock-note {
    font-size:10px;
    color:var(--green);
    display:flex;
    gap:6px;
    align-items:center;
    margin-bottom:18px
}
.stock-note:before {
    content:'';
    width:5px;
    height:5px;
    border-radius:50%;
    background:currentColor
}
.stock-note.unavailable {
    color:#a3513d
}
.size-guide {
    border-top:1px solid var(--line);
    margin-top:28px;
    padding-top:15px;
    font-size:11px;
    color:var(--muted)
}
.size-guide summary {
    cursor:pointer;
    color:var(--brown)
}
.size-guide table {
    margin:15px 0
}
.empty-state {
    text-align:center;
    padding:90px 24px 110px
}
.empty-state>.icon {
    width:45px;
    height:45px;
    margin-bottom:24px;
    color:#bda995
}
.empty-state h1,.empty-state h2 {
    font-size:35px;
    margin-bottom:18px
}
.empty-state p {
    color:var(--muted);
    font-size:13px;
    margin-bottom:25px
}
.cart-layout,.checkout-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:44px;
    align-items:start;
    margin-bottom:70px
}
.cart-items {
    border-top:1px solid var(--line)
}
.cart-item {
    display:grid;
    grid-template-columns:100px 1fr auto;
    gap:24px;
    padding:24px 0;
    border-bottom:1px solid var(--line);
    align-items:center
}
.cart-item img {
    width:100px;
    aspect-ratio:6/7;
    object-fit:cover;
    border-radius:10px;
    background:var(--cream)
}
.cart-item h3 {
    font-size:15px;
    margin-bottom:7px
}
.cart-item p {
    font-size:11px;
    color:var(--muted);
    margin-bottom:12px
}
.cart-item .quantity-control {
    min-height:33px
}
.cart-item .quantity-control button {
    height:31px;
    width:28px;
    font-size:14px
}
.cart-item .quantity-control input {
    width:32px;
    font-size:11px
}
.cart-item-end {
    text-align:right;
    align-self:start;
    display:grid;
    gap:18px;
    font-size:12px
}
.cart-item-end .text-button {
    justify-self:end;
    font-size:10px;
    color:#9d8c7c
}
.cart-actions {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:24px;
    gap:16px
}
.summary-card {
    background:#f6f4f1;
    border:1px solid #efebe5;
    border-radius:16px;
    padding:28px;
    position:sticky;
    top:110px
}
.summary-card h3 {
    font-size:20px;
    margin-bottom:25px
}
.summary-line {
    display:flex;
    justify-content:space-between;
    gap:15px;
    font-size:12px;
    color:#8c7c6d;
    margin:14px 0
}
.summary-line strong {
    color:var(--brown);
    font-weight:500
}
.summary-line.total {
    border-top:1px solid #e5ded4;
    padding-top:18px;
    margin-top:20px;
    color:var(--brown);
    font-size:16px
}
.summary-card .button {
    margin-top:14px
}
.secure-note {
    font-size:10px;
    color:#a29282;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:7px;
    margin-top:16px
}
.secure-note .icon {
    width:13px;
    height:13px
}
.form-section {
    background:white;
    border:1px solid var(--line);
    padding:30px;
    border-radius:16px;
    margin-bottom:22px
}
.form-section h2 {
    font-size:21px;
    margin-bottom:24px;
    display:flex;
    gap:12px;
    align-items:center
}
.step-number {
    width:25px;
    height:25px;
    border:1px solid #d9cabe;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:11px;
    color:var(--cocoa)
}
.form-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px
}
.field {
    display:flex;
    flex-direction:column;
    gap:7px;
    margin-bottom:18px
}
.form-grid .field {
    margin-bottom:0
}
.field.wide {
    grid-column:1/-1
}
.field label {
    font-size:11px;
    font-weight:500;
    color:#766759
}
.field input,.field select,.field textarea {
    padding:12px 14px;
    min-height:46px;
    border:1px solid #e1dad2;
    border-radius:9px;
    background:#fff;
    color:var(--ink);
    width:100%;
    font-size:12px;
    transition:border-color .2s,box-shadow .2s
}
.field input:focus,.field textarea:focus,.field select:focus {
    outline:none;
    border-color:#a88e77;
    box-shadow:0 0 0 3px #a88e7712
}
.field input::placeholder,.field textarea::placeholder {
    color:#b5aba1
}
.field textarea {
    min-height:105px;
    resize:vertical
}
.field small {
    color:var(--muted);
    font-size:10px
}
.payment-choices {
    display:grid;
    gap:12px
}
.payment-choice {
    position:relative;
    cursor:pointer;
    display:flex;
    gap:13px;
    align-items:center;
    border:1px solid var(--line);
    border-radius:11px;
    padding:18px
}
.payment-choice:has(input:checked) {
    border-color:#9b7d64;
    background:#faf8f5
}
.payment-choice input {
    accent-color:var(--brown);
    width:16px;
    height:16px;
    margin:0
}
.payment-choice .icon {
    color:#95816e
}
.payment-choice strong {
    font-size:12px;
    font-weight:500;
    display:block
}
.payment-choice small {
    font-size:10px;
    color:#a29383;
    display:block
}
.bank-panel {
    margin-top:18px
}
.bank-card {
    background:#f1ece5;
    border:1px solid #e4d9cb;
    border-radius:12px;
    padding:20px;
    margin:12px 0
}
.bank-heading {
    display:flex;
    align-items:center;
    gap:10px;
    font-size:12px;
    margin-bottom:20px
}
.field-caption {
    font-size:8px;
    letter-spacing:.13em;
    color:#a08c79;
    display:block
}
.bank-card p {
    font-size:11px;
    margin:5px 0 14px
}
.iban-row {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px
}
.iban-row code {
    font:12px/1.8 var(--font);
    letter-spacing:.04em;
    overflow-wrap:anywhere;
    user-select:all
}
.copy-feedback {
    font-size:10px;
    color:var(--green)
}
.mini-product {
    display:flex;
    align-items:center;
    gap:12px;
    margin:16px 0
}
.mini-product img {
    width:48px;
    height:56px;
    border-radius:6px;
    object-fit:cover
}
.mini-product div {
    flex:1
}
.mini-product strong {
    font-size:10px;
    display:block;
    font-weight:500
}
.mini-product small {
    font-size:9px;
    color:var(--muted)
}
.mini-product>span {
    font-size:10px;
    white-space:nowrap
}
.checkout-note {
    font-size:10px;
    color:#a08f7e;
    line-height:1.8;
    margin-top:18px
}
.success-wrap {
    max-width:760px;
    margin:65px auto 80px
}
.success-head {
    text-align:center;
    margin-bottom:35px
}
.success-symbol {
    height:65px;
    width:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d6e4d7;
    background:#f0f6ef;
    color:#5d7a56;
    border-radius:50%;
    margin:0 auto 25px
}
.success-symbol .icon {
    width:29px;
    height:29px
}
.success-head h1 {
    font-size:40px
}
.success-head p {
    color:var(--muted);
    font-size:13px
}
.success-actions {
    display:flex;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
    margin-top:30px
}
.order-detail-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    font-size:12px
}
.order-detail-grid h4 {
    font-size:11px;
    color:var(--muted);
    margin-bottom:10px
}
.order-detail-grid p {
    white-space:pre-line;
    overflow-wrap:anywhere
}
.auth-layout {
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:620px;
    margin:45px 0 70px;
    border:1px solid var(--line);
    border-radius:20px;
    overflow:hidden
}
.auth-visual {
    background:linear-gradient(145deg,#eae3d8,#d8c6b2);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:40px;
    text-align:center
}
.auth-visual img {
    max-width:350px;
    width:100%;
    max-height:340px
}
.auth-visual h2 {
    font-size:35px
}
.auth-visual p {
    color:#94816e;
    font-size:12px
}
.auth-form {
    padding:55px 65px;
    align-self:center
}
.auth-form h1 {
    font-size:32px;
    margin-bottom:12px
}
.auth-form>p {
    font-size:12px;
    color:var(--muted);
    margin-bottom:30px
}
.auth-switch {
    font-size:11px;
    color:var(--muted);
    text-align:center;
    margin-top:24px
}
.auth-switch a {
    color:var(--cocoa);
    text-decoration:underline;
    text-underline-offset:4px
}
.password-hint {
    font-size:10px;
    color:#9c8e80;
    margin-bottom:18px
}
.account-layout {
    display:grid;
    grid-template-columns:210px minmax(0,1fr);
    gap:50px;
    margin-bottom:70px
}
.account-nav {
    display:flex;
    flex-direction:column;
    gap:7px
}
.account-nav a,.account-nav .text-button {
    padding:12px 15px;
    border-radius:9px;
    font-size:12px;
    display:flex;
    align-items:center;
    gap:10px
}
.account-nav a.active {
    background:var(--cream);
    color:var(--brown)
}
.account-nav a:hover {
    background:#f8f6f3
}
.order-card {
    border:1px solid var(--line);
    border-radius:13px;
    margin-bottom:20px;
    overflow:hidden
}
.order-card-top {
    background:#faf9f7;
    padding:20px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px
}
.order-card-top h3 {
    font-size:14px;
    margin:0 0 5px;
    letter-spacing:0
}
.order-card-top small {
    color:var(--muted);
    font-size:10px
}
.order-card-body {
    padding:20px 24px
}
.order-card-bottom {
    border-top:1px solid var(--line);
    padding:15px 24px;
    display:flex;
    justify-content:space-between;
    font-size:11px;
    color:var(--muted)
}
.order-card-bottom strong {
    color:var(--brown);
    font-weight:500
}
.badge {
    display:inline-flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
    padding:5px 9px;
    border-radius:6px;
    background:#f3eee7;
    color:#95744c;
    font-size:9px;
    font-weight:500
}
.status-dot {
    width:4px;
    height:4px;
    border-radius:50%;
    background:currentColor
}
.status-onaylandi {
    background:#eaf1fb;
    color:#537299
}
.status-kargoda {
    background:#efeafb;
    color:#8a71a5
}
.status-tamamlandi {
    background:#edf4ed;
    color:#62805d
}
.status-iptal {
    background:#f9ebe7;
    color:#b7705a
}
.muted {
    color:var(--muted)
}
.danger {
    color:#b1624d
}
.pagination {
    display:flex;
    justify-content:center;
    gap:10px;
    align-items:center;
    margin:30px 0;
    font-size:11px
}
.pagination a {
    border:1px solid var(--line);
    padding:6px 13px;
    border-radius:7px
}
.pagination span {
    color:var(--muted)
}
.admin-body {
    background:#f8f7f5
}
.admin-shell {
    display:flex;
    min-height:100vh
}
.admin-sidebar {
    position:fixed;
    width:230px;
    top:0;
    bottom:0;
    left:0;
    border-right:1px solid #e9e4dd;
    background:#fff;
    padding:38px 23px;
    display:flex;
    flex-direction:column;
    z-index:45
}
.admin-sidebar>.wordmark {
    margin:0 15px 48px;
    font-size:34px
}
.admin-label {
    font-size:8px;
    color:#b0a395;
    letter-spacing:.15em;
    margin:0 15px 16px
}
.admin-sidebar nav {
    display:grid;
    gap:7px
}
.admin-sidebar nav>a {
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 15px;
    font-size:11px;
    border-radius:9px;
    color:#9c8c7c
}
.admin-sidebar nav>a.active {
    background:var(--brown);
    color:#fff
}
.admin-sidebar nav>a:not(.active):hover {
    background:var(--cream)
}
.admin-sidebar .icon {
    width:17px;
    height:17px
}
.sidebar-bottom {
    margin-top:auto;
    padding:30px 12px 0;
    font-size:10px;
    color:#a18f7e
}
.sidebar-bottom>a {
    display:flex;
    align-items:center;
    gap:10px
}
.admin-avatar {
    display:flex;
    align-items:center;
    gap:10px;
    margin:25px 0 18px;
    padding-top:23px;
    border-top:1px solid var(--line)
}
.admin-avatar>span {
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#eee4d9;
    color:#8d6d51;
    font-size:13px
}
.admin-avatar strong {
    display:block;
    font-size:10px;
    color:var(--brown);
    font-weight:500
}
.admin-avatar small {
    display:block;
    font-size:9px;
    color:#b3a291
}
.sidebar-bottom .text-button {
    font-size:10px
}
.admin-main {
    margin-left:230px;
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column
}
.admin-topbar {
    height:79px;
    background:#fff;
    border-bottom:1px solid var(--line);
    padding:0 42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:10px;
    color:#9e8e7d
}
.admin-topbar>span .muted {
    margin:0 10px
}
.admin-topbar>a {
    display:flex;
    align-items:center;
    gap:8px
}
.admin-topbar .icon {
    width:16px;
    height:16px
}
.admin-content {
    padding:37px 42px;
    flex:1;
    max-width:1600px;
    width:100%;
    margin-inline:auto
}
.admin-page-title {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:30px
}
.admin-page-title h1 {
    font-size:30px;
    margin:0 0 9px
}
.admin-page-title p {
    font-size:11px;
    color:#a1907f;
    margin:0
}
.admin-date {
    background:white;
    border:1px solid var(--line);
    border-radius:8px;
    padding:9px 14px;
    font-size:10px;
    color:#9e8a77
}
.stats-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    margin-bottom:30px
}
.stat-card {
    padding:23px;
    background:#fff;
    border:1px solid #eee8e1;
    border-radius:14px;
    box-shadow:0 2px 8px #31231502
}
.stat-card:first-child {
    background:linear-gradient(120deg,#4a3b32,#6f4e37);
    color:#fff;
    border-color:transparent
}
.stat-top {
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:10px;
    color:#ac9a86;
    margin-bottom:20px
}
.stat-card:first-child .stat-top {
    color:#cbbbaf
}
.stat-top .icon {
    width:16px;
    height:16px
}
.stat-value {
    display:block;
    font-size:27px;
    line-height:1;
    letter-spacing:-.045em;
    margin-bottom:14px;
    font-weight:500;
    overflow-wrap:anywhere
}
.stat-foot {
    font-size:9px;
    color:#ad9e8c
}
.stat-card:first-child .stat-foot {
    color:#cdbcae
}
.admin-panels {
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:23px
}
.panel {
    background:#fff;
    border:1px solid #eee8e1;
    border-radius:14px;
    overflow:hidden;
    margin-bottom:24px
}
.panel-header {
    padding:23px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    border-bottom:1px solid #f1ede8
}
.panel-header h2 {
    font-size:16px;
    margin:0
}
.panel-header a {
    font-size:9px;
    color:#a18b75;
    display:flex;
    align-items:center;
    gap:6px
}
.panel-header .icon {
    width:13px;
    height:13px
}
.panel-body {
    padding:24px
}
.table-wrap {
    overflow-x:auto
}
table {
    width:100%;
    border-collapse:collapse;
    text-align:left;
    font-size:11px
}
th {
    font-size:9px;
    font-weight:500;
    letter-spacing:.02em;
    color:#ac9c8b;
    background:#fbfaf8;
    padding:13px 23px;
    border-bottom:1px solid #eee8e2;
    white-space:nowrap
}
td {
    padding:16px 23px;
    border-bottom:1px solid #f3f0ec;
    color:#8e7b69;
    vertical-align:middle
}
tbody tr:last-child td {
    border-bottom:0
}
td strong {
    font-weight:500;
    color:var(--brown)
}
td small {
    display:block;
    font-size:9px;
    color:#baa995;
    margin-top:2px
}
.table-order-link {
    font-size:10px;
    white-space:nowrap;
    color:var(--brown);
    font-weight:500
}
.table-product {
    display:flex;
    align-items:center;
    gap:12px;
    min-width:190px
}
.table-product img {
    width:42px;
    height:49px;
    object-fit:cover;
    border-radius:6px
}
.row-actions {
    display:flex;
    gap:10px;
    align-items:center;
    justify-content:flex-end
}
.row-actions .icon {
    width:15px;
    height:15px
}
.row-actions .icon-button {
    width:28px;
    height:28px
}
.admin-foot {
    padding:20px 42px;
    font-size:9px;
    color:#b5a591;
    display:flex;
    justify-content:space-between;
    border-top:1px solid var(--line)
}
.quick-action {
    display:flex;
    align-items:center;
    gap:13px;
    padding:15px 0;
    border-bottom:1px solid #f1ede7
}
.quick-action:last-child {
    border:0
}
.quick-action>.icon {
    color:#a0856b;
    width:17px;
    height:17px
}
.quick-action>div {
    flex:1
}
.quick-action strong {
    font-size:11px;
    font-weight:500;
    display:block
}
.quick-action small {
    font-size:9px;
    color:#ae9b87;
    display:block
}
.low-stock {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:15px 0;
    font-size:10px
}
.low-stock img {
    width:35px;
    height:40px;
    border-radius:5px
}
.low-stock>div {
    flex:1
}
.low-stock strong {
    display:block;
    font-weight:500;
    font-size:10px
}
.low-stock small {
    color:#af9a83;
    font-size:9px
}
.toolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:24px;
    flex-wrap:wrap
}
.toolbar form {
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap
}
.toolbar input,.toolbar select {
    border:1px solid #e4dbd1;
    border-radius:8px;
    min-height:37px;
    padding:8px 12px;
    background:white;
    font-size:11px;
    color:var(--brown)
}
.toolbar input[type=search] {
    min-width:220px
}
.toolbar .field {
    margin:0
}
.admin-edit-form {
    padding:28px
}
.admin-edit-form .form-grid {
    grid-template-columns:1fr 1fr 1fr
}
.admin-edit-form .field {
    margin-bottom:0
}
.form-buttons {
    display:flex;
    gap:12px;
    margin-top:25px;
    align-items:center
}
.checkboxes {
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    padding-top:10px
}
.checkboxes label {
    display:flex;
    align-items:center;
    gap:6px
}
.checkboxes input {
    width:15px;
    min-height:15px;
    accent-color:var(--brown)
}
.stock-low {
    color:#b98955
}
.status-form {
    display:flex;
    gap:12px;
    align-items:center;
    margin-top:22px
}
.status-form select {
    border:1px solid var(--line);
    border-radius:8px;
    padding:10px;
    background:white;
    font-size:11px
}
.admin-empty {
    padding:50px 25px;
    text-align:center;
    color:var(--muted);
    font-size:12px
}
.order-progress {
    display:flex;
    gap:0;
    margin:26px 0 4px
}
.progress-step {
    flex:1;
    border-top:2px solid var(--line);
    padding-top:12px;
    font-size:9px;
    color:#b2a18f
}
.progress-step.done {
    border-color:#9a7c60;
    color:var(--cocoa)
}
.admin-order-details {
    display:grid;
    grid-template-columns:1fr 330px;
    gap:24px
}
.admin-order-details .summary-card {
    position:static
}
.demo-warning {
    font-size:11px;
    line-height:1.8;
    color:#a08362;
    background:#f8f1e6;
    padding:14px;
    border-radius:8px
}
.search-catalog {
    display:flex;
    gap:8px;
    align-items:center
}
.search-catalog input {
    border:1px solid var(--line);
    border-radius:8px;
    min-height:35px;
    padding:8px 12px;
    font-size:11px;
    width:180px
}
.search-catalog button {
    border:0;
    background:var(--cream);
    border-radius:7px;
    width:35px;
    height:35px
}
.search-catalog .icon {
    width:16px;
    height:16px
}
.catalog-results {
    font-size:11px;
    color:var(--muted);
    margin-bottom:20px
}
.bank-list {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px
}
.bank-list .bank-card {
    margin:0
}
.bank-admin-actions {
    display:flex;
    justify-content:flex-end;
    gap:15px;
    margin-top:15px
}
.bank-admin-actions .text-button {
    font-size:10px
}
@media(min-width:1500px) {
    .hero {
        min-height:570px
    }
    .hero-copy {
        padding-left:80px
    }
}
@media(max-width:1200px) {
    .container {
        width:calc(100% - 64px)
    }
    .hero-copy {
        padding:55px 0 55px 44px
    }
    .hero {
        min-height:465px
    }
    .desktop-nav {
        gap:20px
    }
    .product-meta {
        flex-direction:column;
        gap:2px
    }
    .product-meta a {
        max-width:100%
    }
    .product-detail {
        gap:45px
    }
    .auth-form {
        padding:40px
    }
    .admin-content {
        padding:30px
    }
    .admin-topbar {
        padding:0 30px
    }
    .admin-panels {
        grid-template-columns:1fr
    }
    .admin-sidebar {
        width:210px
    }
    .admin-main {
        margin-left:210px
    }
    .stat-card {
        padding:18px
    }
    .stat-value {
        font-size:24px
    }
    .admin-order-details {
        grid-template-columns:1fr
    }
    .admin-edit-form .form-grid {
        grid-template-columns:1fr 1fr
    }
    th,td {
        padding:14px 17px
    }
}
@media(max-width:960px) {
    .desktop-nav {
        gap:16px;
        font-size:11px
    }
    .nav-actions {
        gap:10px
    }
    .admin-shortcut {
        display:none
    }
    .hero-copy {
        padding-left:32px
    }
    .hero h1 {
        font-size:52px
    }
    .hero {
        min-height:430px
    }
    .hero-copy>p {
        font-size:12px
    }
    .hero-tag {
        padding:11px 13px;
        right:16px;
        bottom:18px
    }
    .benefit span {
        display:none
    }
    .product-grid {
        gap:28px 17px
    }
    .product-subline {
        font-size:8px
    }
    .philosophy-copy {
        padding:35px
    }
    .cart-layout,.checkout-layout {
        grid-template-columns:minmax(0,1fr) 290px;
        gap:25px
    }
    .summary-card {
        padding:23px
    }
    .form-section {
        padding:24px
    }
    .detail-info h1 {
        font-size:32px
    }
    .account-layout {
        gap:25px;
        grid-template-columns:175px 1fr
    }
    .stats-grid {
        grid-template-columns:1fr 1fr
    }
    .admin-sidebar {
        width:180px;
        padding:30px 15px
    }
    .admin-main {
        margin-left:180px
    }
    .admin-sidebar nav>a {
        padding:12px 10px;
        font-size:10px;
        gap:8px
    }
    .admin-sidebar>.wordmark {
        font-size:30px;
        margin-left:10px
    }
    .admin-content {
        padding:25px
    }
    .admin-topbar {
        padding:0 25px
    }
    .bank-list {
        grid-template-columns:1fr
    }
    .footer-top {
        gap:20px
    }
}
@media(max-width:760px) {
    .container {
        width:calc(100% - 40px)
    }
    .announcement {
        font-size:9px;
        padding:7px 12px
    }
    .nav-wrap {
        height:68px
    }
    .wordmark {
        font-size:31px
    }
    .desktop-nav {
        display:none
    }
    .mobile-menu-toggle {
        display:inline-flex
    }
    .nav-actions {
        gap:15px
    }
    .hero {
        grid-template-columns:1fr;
        min-height:0;
        margin-top:20px;
        border-radius:15px
    }
    .hero-copy {
        padding:40px 30px 0;
        text-align:center
    }
    .hero .eyebrow {
        font-size:9px;
        margin-bottom:16px
    }
    .hero h1 {
        font-size:54px
    }
    .hero-copy>p {
        margin-inline:auto;
        font-size:12px;
        max-width:275px
    }
    .hero-copy .button {
        min-height:45px;
        padding:12px 21px
    }
    .hero-footnote {
        justify-content:center;
        margin-top:20px;
        font-size:9px
    }
    .hero-art {
        height:340px;
        margin-top:0
    }
    .hero-art>img {
        object-fit:contain
    }
    .hero-tag {
        right:20px;
        bottom:20px;
        font-size:10px
    }
    .benefits {
        padding:22px 0;
        margin-bottom:35px
    }
    .benefit {
        font-size:9px;
        gap:6px
    }
    .benefit .icon {
        width:14px;
        height:14px
    }
    .section-heading {
        align-items:flex-start;
        gap:12px;
        margin-bottom:23px
    }
    .section-heading h2 {
        font-size:29px
    }
    .section-heading .eyebrow {
        font-size:9px
    }
    .section-heading p {
        font-size:11px
    }
    .subtle-note {
        font-size:9px
    }
    .catalog-toolbar {
        align-items:flex-start;
        gap:13px;
        flex-wrap:wrap
    }
    .filter-tabs {
        gap:3px
    }
    .filter-tab {
        font-size:10px;
        padding:7px 12px
    }
    .sort-form {
        margin-left:auto;
        font-size:10px
    }
    .product-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:28px 14px
    }
    .product-image {
        border-radius:10px
    }
    .product-category {
        top:10px;
        left:10px;
        font-size:7px;
        padding:3px 7px
    }
    .product-meta {
        margin-top:11px;
        font-size:11px
    }
    .product-meta>span {
        font-size:10px
    }
    .product-subline {
        font-size:8px;
        gap:3px
    }
    .product-quick {
        display:none
    }
    .collection-bottom {
        margin:32px 0 42px
    }
    .philosophy {
        grid-template-columns:1fr;
        margin-bottom:40px;
        border-radius:13px
    }
    .philosophy-art {
        min-height:0;
        height:230px
    }
    .philosophy-copy {
        padding:35px 30px
    }
    .philosophy h2 {
        font-size:31px
    }
    .footer-top {
        grid-template-columns:1fr 1fr;
        gap:28px
    }
    .footer-note {
        display:none
    }
    .footer-top>div:first-child {
        grid-column:1/-1
    }
    .footer-top>div:first-child p {
        margin:10px 0 0
    }
    .footer-top {
        padding-bottom:30px
    }
    .site-footer {
        padding-top:35px
    }
    .footer-bottom {
        font-size:8px;
        gap:10px;
        align-items:flex-start
    }
    .footer-bottom>span:last-child {
        text-align:right
    }
    .breadcrumb {
        margin:23px 0;
        font-size:9px
    }
    .product-detail {
        grid-template-columns:1fr;
        gap:25px;
        margin-bottom:45px
    }
    .detail-image img {
        max-height:520px;
        object-fit:contain
    }
    .detail-info {
        padding-top:0
    }
    .detail-info h1 {
        font-size:32px
    }
    .detail-info .eyebrow {
        margin-bottom:12px
    }
    .detail-description {
        font-size:12px
    }
    .page-heading {
        margin:32px 0 25px
    }
    .page-heading h1 {
        font-size:32px
    }
    .cart-layout,.checkout-layout {
        grid-template-columns:1fr;
        gap:28px;
        margin-bottom:45px
    }
    .summary-card {
        position:static
    }
    .cart-item {
        grid-template-columns:75px 1fr auto;
        gap:14px;
        padding:20px 0
    }
    .cart-item img {
        width:75px
    }
    .cart-item h3 {
        font-size:12px
    }
    .cart-item-end {
        font-size:11px
    }
    .cart-item p {
        font-size:10px;
        margin-bottom:7px
    }
    .cart-actions .text-link {
        font-size:10px
    }
    .form-section {
        padding:22px
    }
    .form-section h2 {
        font-size:19px
    }
    .form-grid {
        gap:16px
    }
    .success-wrap {
        margin:45px auto
    }
    .success-head h1 {
        font-size:33px
    }
    .success-head p {
        font-size:12px
    }
    .auth-layout {
        grid-template-columns:1fr;
        margin:25px 0 45px
    }
    .auth-visual {
        display:none
    }
    .auth-form {
        padding:35px 28px
    }
    .auth-form h1 {
        font-size:30px
    }
    .account-layout {
        grid-template-columns:1fr;
        gap:23px
    }
    .account-nav {
        flex-direction:row;
        flex-wrap:wrap;
        gap:4px
    }
    .account-nav a,.account-nav .text-button {
        font-size:10px;
        padding:9px 12px;
        gap:6px
    }
    .account-nav .icon {
        width:15px;
        height:15px
    }
    .order-card-top {
        padding:18px;
        align-items:flex-start
    }
    .order-card-top h3 {
        font-size:12px
    }
    .order-card-body {
        padding:18px
    }
    .order-card-bottom {
        padding:14px 18px
    }
    .admin-shell {
        display:block
    }
    .admin-sidebar {
        position:static;
        width:100%;
        padding:18px 20px;
        border-right:0;
        border-bottom:1px solid var(--line)
    }
    .admin-sidebar>.wordmark {
        margin:0 0 20px;
        font-size:29px
    }
    .admin-label,.sidebar-bottom {
        display:none
    }
    .admin-sidebar nav {
        display:flex;
        gap:5px;
        overflow-x:auto
    }
    .admin-sidebar nav>a {
        white-space:nowrap;
        padding:10px;
        font-size:9px;
        gap:7px
    }
    .admin-sidebar nav .icon {
        width:14px;
        height:14px
    }
    .admin-main {
        margin-left:0
    }
    .admin-topbar {
        height:54px;
        padding:0 20px;
        font-size:9px
    }
    .admin-content {
        padding:25px 20px
    }
    .admin-page-title {
        gap:10px
    }
    .admin-page-title h1 {
        font-size:26px
    }
    .admin-page-title p {
        font-size:10px
    }
    .admin-date {
        font-size:8px;
        padding:8px 10px
    }
    .stats-grid {
        gap:12px;
        margin-bottom:23px
    }
    .stat-card {
        padding:18px
    }
    .stat-top {
        font-size:9px;
        margin-bottom:18px
    }
    .stat-value {
        font-size:24px
    }
    .stat-foot {
        font-size:8px
    }
    .admin-foot {
        padding:20px;
        font-size:8px
    }
    .panel-header {
        padding:20px
    }
    .panel-body {
        padding:20px
    }
    .panel-header h2 {
        font-size:15px
    }
    .toolbar input[type=search] {
        min-width:170px
    }
    .toolbar input,.toolbar select {
        font-size:10px;
        max-width:100%
    }
    .admin-edit-form {
        padding:20px
    }
    .admin-edit-form .form-grid {
        grid-template-columns:1fr 1fr
    }
    .toolbar form {
        width:100%
    }
    .search-catalog {
        width:100%;
        order:2
    }
    .search-catalog input {
        width:100%
    }
    .search-catalog button {
        flex-shrink:0
    }
    .order-detail-grid {
        font-size:11px;
        gap:15px
    }
    .status-form {
        flex-wrap:wrap
    }
    .iban-row code {
        font-size:11px
    }
    .order-progress {
        gap:5px
    }
    .progress-step {
        font-size:8px
    }
}
@media(max-width:420px) {
    .hero h1 {
        font-size:47px
    }
    .hero-copy {
        padding:33px 22px 0
    }
    .hero-art {
        height:285px
    }
    .hero-tag {
        padding:9px 12px;
        right:12px;
        bottom:14px;
        font-size:9px
    }
    .hero-tag span {
        font-size:8px
    }
    .benefit {
        font-size:8px;
        gap:4px
    }
    .benefit .icon {
        width:12px;
        height:12px
    }
    .product-meta {
        font-size:10px
    }
    .product-subline>span {
        max-width:100px
    }
    .product-subline {
        align-items:flex-start
    }
    .swatches svg {
        width:11px;
        height:11px
    }
    .form-grid,.admin-edit-form .form-grid {
        grid-template-columns:1fr
    }
    .field.wide {
        grid-column:auto
    }
    .cart-item {
        grid-template-columns:65px 1fr auto;
        gap:10px
    }
    .cart-item img {
        width:65px
    }
    .cart-item h3 {
        font-size:11px
    }
    .cart-item-end {
        font-size:10px
    }
    .stat-value {
        font-size:21px
    }
    .order-detail-grid {
        grid-template-columns:1fr
    }
    .filter-tab {
        padding:7px 10px
    }
    .admin-page-title>.button {
        font-size:9px;
        padding:10px 12px;
        gap:5px
    }
}
@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto
    }
    *,*:before,*:after {
        animation:none!important;
        transition:none!important
    }
}
.variant-fieldset {
    border:0;
    padding:0;
    margin:0;
    min-width:0
}
.soft-rule {
    border:0;
    border-top:1px solid var(--line);
    margin:22px 0
}
@media (max-width:760px) { .admin-sidebar nav { scrollbar-width:none; } .admin-sidebar nav::-webkit-scrollbar { display:none; } }
@media (min-width:761px) { .mobile-nav { display:none!important; } }
@media (max-width:760px) { .brand-logo { width:125px; } .nav-wrap { gap:18px; } }
@media (max-width:420px) { .brand-logo { width:117px; } .nav-actions { gap:12px; } }

/* Menü ve kategori yönetimi */
.catalog-admin-layout { display:grid; grid-template-columns:320px minmax(0,1fr); gap:24px; align-items:start; }
.catalog-admin-layout .panel-body .button { margin-top:4px; }
.catalog-admin-layout .text-button { font-size:10px; }
.catalog-admin-layout .field small a { text-decoration:underline; text-underline-offset:3px; }
.menu-preview { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.menu-preview a { display:inline-flex; align-items:center; gap:7px; border:1px solid var(--line); background:#faf8f5; padding:9px 15px; border-radius:8px; font-size:11px; }
.menu-preview .icon { width:13px; height:13px; }
.menu-target { max-width:250px; white-space:normal; overflow-wrap:anywhere; }
.guest-checkout-banner { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 24px; margin:0 0 28px; background:#f6f2ec; border:1px solid #e8dfd3; border-radius:14px; }
.guest-checkout-banner strong { display:block; font-size:13px; font-weight:500; }
.guest-checkout-banner p { margin:5px 0 0; font-size:11px; color:var(--muted); }
.guest-checkout-banner .text-link { white-space:nowrap; flex-shrink:0; font-size:11px; }
.footer-contact a { display:flex; align-items:center; gap:8px; }
.footer-contact .icon { width:16px; height:16px; flex-shrink:0; }
.footer-contact small { color:var(--muted); font-size:10px; margin-top:4px; }
.whatsapp-float { position:fixed; z-index:90; right:24px; bottom:calc(24px + env(safe-area-inset-bottom, 0px)); display:flex; align-items:center; gap:10px; padding:11px 18px 11px 11px; border:1px solid #ffffff30; border-radius:40px; color:#fff; background:linear-gradient(135deg,#4a3b32,#2c221e); box-shadow:0 8px 28px #2c221e26; transition:transform .2s ease,box-shadow .2s ease; }
.whatsapp-float:hover { transform:translateY(-3px); box-shadow:0 12px 30px #2c221e38; }
.whatsapp-float-icon { display:flex; align-items:center; justify-content:center; width:34px; height:34px; background:#31825b; border-radius:50%; }
.whatsapp-float-icon .icon { width:23px; height:23px; }
.whatsapp-float-copy { display:flex; flex-direction:column; gap:2px; }
.whatsapp-float-copy strong { font-size:12px; font-weight:500; }
.whatsapp-float-copy small { font-size:9px; opacity:.75; }
.whatsapp-order-panel { padding:24px; border:1px solid #deded5; background:#f6f6f1; border-radius:16px; margin:0 0 28px; }
.whatsapp-order-panel h2 { font-size:19px; margin:0 0 8px; }
.whatsapp-order-panel p { color:var(--muted); font-size:12px; margin:0 0 16px; }
.whatsapp-order-panel .button { gap:10px; }
.whatsapp-order-panel small { display:block; margin-top:12px; color:var(--muted); font-size:11px; }
@media (max-width:760px) {
    .whatsapp-float { right:16px; bottom:calc(16px + env(safe-area-inset-bottom, 0px)); padding:0; width:52px; height:52px; justify-content:center; }
    .whatsapp-float-icon { width:36px; height:36px; }
    .whatsapp-float-copy { display:none; }
    .footer-contact { grid-column:1/-1; }
    .site-footer .footer-bottom { padding-bottom:85px; }
    .whatsapp-order-panel { padding:20px; }
    .whatsapp-order-panel .button { width:100%; }
}
@media (max-width:760px) { .guest-checkout-banner { align-items:flex-start; flex-direction:column; gap:14px; padding:20px; } }
.menu-move-actions { display:flex; align-items:center; gap:2px; }
.menu-move-actions .icon-button { width:26px; height:28px; font-size:16px; }
.deletion-panel { border-color:#ead1c6; }
.danger-button { background:#8b4e3b; border-color:#8b4e3b; }
.danger-button:hover { background:#714031; border-color:#714031; }
@media (max-width:1200px) { .catalog-admin-layout { grid-template-columns:280px minmax(0,1fr); gap:20px; } .menu-management-layout { grid-template-columns:1fr; } }
@media (max-width:960px) { .catalog-admin-layout { grid-template-columns:1fr; } }
@media (max-width:760px) { .catalog-admin-layout { gap:0; } .menu-preview { gap:8px; } .menu-preview a { font-size:10px; padding:8px 11px; } }