:root{--bg:#f7f4ed;--paper:#fffdf9;--ink:#17382d;--text:#22352f;--muted:#6d7b75;--green:#174f3b;--green2:#2a7157;--gold:#bd8b2d;--line:#e6dfd2;--soft:#eff4ef;--shadow:0 14px 35px rgba(35,53,47,.07);--r:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}a{text-decoration:none;color:inherit}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 34px));margin:auto}.shell-wide{width:min(1420px,calc(100% - 24px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,253,249,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.navwrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:26px;font-weight:800;color:var(--green)}.brand-mark{color:var(--gold)}nav{display:flex;gap:26px;color:#485851;font-weight:700;font-size:14px}nav a{padding:24px 0;border-bottom:2px solid transparent}nav a.active,nav a:hover{color:var(--green);border-color:var(--green)}.nav-actions{display:flex;align-items:center;gap:10px}.profile{display:flex;align-items:center;gap:8px}.profile small{display:block;color:var(--muted)}.avatar{width:38px;height:38px;display:grid;place-items:center;background:#eee2c9;border-radius:50%;font-weight:900;color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid transparent;padding:12px 16px;font-weight:800;cursor:pointer}.btn-primary{background:var(--green);color:white}.btn-primary:hover{background:#103e2f}.btn-outline{background:white;border-color:#cfc8bb;color:var(--green)}.btn:disabled{opacity:.45;cursor:not-allowed}.full{width:100%}.hero{padding:70px 0 58px;background:radial-gradient(circle at 80% 15%,rgba(189,139,45,.12),transparent 25%),radial-gradient(circle at 12% 20%,rgba(23,79,59,.08),transparent 28%)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center}h1,h2,h3{color:var(--ink);letter-spacing:-.7px}h1{font-family:Georgia,serif;font-size:clamp(42px,5.8vw,74px);line-height:1.02;margin:14px 0 18px}h1 em{font-style:normal;text-decoration:underline;text-decoration-color:#d4aa54;text-decoration-thickness:4px;text-underline-offset:8px}h2{font-family:Georgia,serif;font-size:30px;margin:7px 0 10px}h3{font-size:18px}.lead{font-size:18px;color:var(--muted);max-width:720px}.lead.small{font-size:16px}.pill,.origin{display:inline-block;border-radius:999px;padding:7px 10px;background:#f4ead6;color:#40564c;font-weight:800;font-size:12px}.eyebrow{font-size:12px;letter-spacing:1px;font-weight:900;color:var(--gold)}.actions{display:flex;gap:10px;margin:26px 0}.trust{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--muted)}.weekly-card,.deadline-card,.content-card,.product-card,.auth-card,.stat,.batch-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.weekly-card{padding:28px}.weekly-card h2{font-size:32px}.mini-flow{display:flex;align-items:center;justify-content:space-between;margin:24px 0;padding:15px;border-radius:14px;background:var(--soft);font-size:13px}.text-link{font-weight:900;color:var(--green)}.section{padding:60px 0}.alt{background:#173f32;color:white}.alt h2,.alt h3{color:white}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{overflow:hidden}.product-art{height:150px;background:linear-gradient(145deg,#f2eadc,#e8f0e8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:900;letter-spacing:.6px;color:var(--green)}.art-emoji{font-size:54px}.product-content{padding:18px}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.product-content h3{margin:13px 0 6px}.price{font-size:23px;font-weight:900;color:#152d24}.price small{font-size:12px;color:var(--muted);font-weight:700}.progress-meta{display:flex;justify-content:space-between;gap:10px;margin:14px 0 7px;font-size:12px}.progress{height:8px;border-radius:99px;background:#e6e7e3;overflow:hidden;margin-bottom:15px}.progress i{height:100%;display:block;background:var(--green2);border-radius:99px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{padding:22px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.055)}.step b{display:grid;place-items:center;width:40px;height:40px;background:white;color:var(--green);border-radius:12px}.step p{color:#cbdad3}.partner-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:34px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.partner-cta p{max-width:750px;color:var(--muted)}footer{border-top:1px solid var(--line);background:var(--paper)}.footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.footer strong{font-family:Georgia,serif;color:var(--green);font-size:20px}.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.catalog-head h1,.detail-copy h1,.auth-card h1,.dash-title h1{font-size:50px;margin:10px 0}.deadline-card{padding:18px 24px;display:grid;gap:3px;min-width:300px}.deadline-card span{font-size:20px;font-weight:900;color:var(--green)}.deadline-card small{color:var(--muted)}.filterbar{margin:30px 0;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:9px 13px;border:1px solid var(--line);border-radius:999px;font-weight:800;font-size:12px;background:white}.chip.selected{background:var(--green);color:white}.search{display:flex;gap:8px;flex:1;justify-content:flex-end}.search input{width:min(360px,100%)}input{border:1px solid #d9d2c6;background:white;border-radius:11px;padding:12px 13px;outline:none}input:focus{border-color:#8fa99c;box-shadow:0 0 0 3px rgba(23,79,59,.08)}.catalog{grid-template-columns:repeat(4,1fr)}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:18px}.detail-grid{display:grid;grid-template-columns:1.05fr .75fr .65fr;gap:28px;align-items:start}.detail-art{min-height:460px;border-radius:24px;background:linear-gradient(145deg,#f0e4ce,#e5eee6);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green);font-size:20px;font-weight:900}.detail-art .art-emoji{font-size:140px}.thumb-row{display:flex;gap:10px;margin-top:10px}.thumb-art,.related-art{width:90px;height:70px;border-radius:13px;background:#f0eadf;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:0}.thumb-art .art-emoji,.related-art .art-emoji{font-size:35px}.detail-copy{padding-top:10px}.rating{color:#c69332;font-weight:900;margin:14px 0}.rating span{color:var(--muted);font-weight:700}.price.big{font-size:36px;margin:18px 0}.clean-list{list-style:none;padding:0;display:grid;gap:10px;color:#51625a}.order-box{position:sticky;top:96px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.order-box h2{font-size:22px}.info-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.order-box form{display:grid;gap:9px;margin-top:16px}.order-box label{font-weight:800;font-size:13px}.qty{width:100%}.form-note{font-size:12px;color:var(--muted)}.below-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.content-card{padding:24px}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag-row span{border-radius:999px;padding:7px 10px;background:#f5eddd;font-size:12px;font-weight:800}.mini-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-steps div{padding:12px;background:var(--soft);border-radius:13px}.mini-steps b{display:block;color:var(--gold)}.related-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related{padding:12px;border:1px solid var(--line);border-radius:15px;display:grid;gap:5px}.related-art{width:100%;height:100px}.related span{color:var(--muted);font-size:13px}.auth-wrap{min-height:calc(100vh - 162px);display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at 50% 10%,rgba(189,139,45,.13),transparent 32%)}.auth-card{width:min(480px,100%);padding:32px}.auth-card form{display:grid;gap:8px}.auth-card label{font-size:13px;font-weight:900}.demo-accounts{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-accounts strong{grid-column:1/-1}.demo-accounts button{border:1px solid var(--line);background:#f7f3ea;border-radius:10px;padding:9px;cursor:pointer;font-size:12px}.alert{padding:10px;border-radius:10px;margin:10px 0}.error{background:#f9e3df;color:#8a3028}.dashboard{display:grid;grid-template-columns:235px 1fr;gap:20px;padding:22px 0 50px;align-items:start}.sidebar{position:sticky;top:94px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:20px;min-height:600px}.sidebar h2{font-size:25px}.side-links{display:grid;gap:6px;margin:24px 0}.side-links a{padding:12px;border-radius:11px;font-weight:800;color:#5b6a63}.side-links a:hover,.side-links .side-active{background:#eff3ed;color:var(--green);box-shadow:inset 3px 0 var(--green)}.dash-main{min-width:0}.dash-title{margin-bottom:20px}.dash-title h1{font-size:42px}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat{padding:18px}.stat span{display:block;color:var(--muted);font-size:13px;font-weight:800}.stat strong{display:block;font-size:27px;margin-top:7px;color:var(--ink)}.stat .date-stat{font-size:18px}.next-delivery{margin-bottom:16px}.delivery-meta{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin:18px 0}.delivery-meta span{display:grid;gap:5px;font-size:13px}.tracker{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin-top:25px}.tracker:before{content:"";position:absolute;top:9px;left:8%;right:8%;height:2px;background:#d7d9d4}.track-step{position:relative;text-align:center;z-index:1}.track-step i{display:block;width:20px;height:20px;margin:0 auto 8px;border:4px solid var(--paper);background:#cfd4d0;border-radius:50%;box-shadow:0 0 0 1px #cfd4d0}.track-step.done i{background:var(--green);box-shadow:0 0 0 1px var(--green)}.track-step span{font-size:11px;font-weight:800}.two-col,.admin-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.admin-two{grid-template-columns:1.35fr .65fr}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.4px;padding:11px 9px;border-bottom:1px solid var(--line)}td{padding:12px 9px;border-bottom:1px solid #eee8de;white-space:nowrap}.status{display:inline-block;padding:5px 8px;border-radius:999px;background:#e8eef5;color:#345674;font-size:11px;font-weight:900}.status.good{background:#e5f2e6;color:#2b673d}.block{display:block;color:var(--muted);font-weight:500}.batch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.batch-card{padding:20px}.batch-card strong{display:block;font-size:30px;color:var(--green)}.batch-card small{color:var(--muted)}.partner-row{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.partner-row span:first-child{display:grid}.partner-row small{color:var(--muted)}.empty{padding:20px;background:var(--paper);border:1px dashed var(--line);border-radius:15px;color:var(--muted)}
@media(max-width:1050px){.product-grid,.catalog{grid-template-columns:repeat(2,1fr)}.hero-grid,.detail-grid{grid-template-columns:1fr}.order-box{position:static}.dashboard{grid-template-columns:1fr}.sidebar{position:static;min-height:auto}.side-links{display:flex;overflow:auto}.stats{grid-template-columns:repeat(2,1fr)}.admin-two{grid-template-columns:1fr}.batch-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){nav{display:none}.profile span:last-child{display:none}.hero{padding-top:42px}.product-grid,.catalog,.steps,.stats,.two-col,.below-grid,.batch-grid,.related-row{grid-template-columns:1fr}.catalog-head,.filterbar,.partner-cta,.section-head{align-items:stretch;flex-direction:column}.search{justify-content:stretch}.search input{width:100%}.delivery-meta{grid-template-columns:1fr}.tracker{overflow:auto}.footer{flex-direction:column;align-items:flex-start;padding:24px 0}.detail-art{min-height:300px}.detail-art .art-emoji{font-size:100px}}
/* v0.2 yönetim ekranları */
select,textarea{font:inherit;border:1px solid #d9d2c6;background:white;border-radius:11px;padding:12px 13px;outline:none;color:var(--text);width:100%}select:focus,textarea:focus{border-color:#8fa99c;box-shadow:0 0 0 3px rgba(23,79,59,.08)}
.status.warn{background:#f5ead8;color:#8a5d13}.warning-text{color:#9a6518}.alert.success{background:#e7f3e9;color:#28613b}
.cycle-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(120deg,#fffdf9,#f2eee3);border:1px solid var(--line);border-radius:18px;padding:17px 20px;margin-bottom:16px;box-shadow:var(--shadow)}.cycle-banner>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cycle-banner>div:first-child{display:grid;gap:3px}.cycle-banner strong{color:var(--ink);font-size:17px}.cycle-banner small{color:var(--muted)}.cycle-banner.large{padding:24px}.cycle-banner.large strong{font-size:22px}
.small-btn{padding:8px 11px;font-size:12px}.tiny-btn{padding:7px 9px;font-size:11px}.btn-danger{background:#fff0ed;color:#9a3c31;border-color:#edc9c2}.btn-danger:hover{background:#f9ddd7}.table-link{font-weight:900;color:var(--green)}
.admin-form{display:grid;gap:14px}.admin-form label{display:grid;gap:6px;font-weight:800;font-size:12px;color:#56665f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.span-2{grid-column:1/-1}.manage-layout{grid-template-columns:1.35fr .65fr}.info-card{background:linear-gradient(145deg,#fffdf9,#f4f0e5)}.actions-cell{display:flex;align-items:center;gap:6px}.actions-cell form{display:inline}.section-head.compact{align-items:center;margin-bottom:10px}.section-head.compact h2{font-size:22px}.block{white-space:normal}
@media(max-width:700px){.cycle-banner{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.actions-cell{min-width:180px}}
/* v0.3 iş ortağı davet + hazırlık akışları */
.invite-box{margin-bottom:16px;padding:20px;border:1px solid #d9c89f;border-radius:18px;background:linear-gradient(120deg,#fffaf0,#f5efe1);box-shadow:var(--shadow)}
.invite-box>div:first-child{display:grid;gap:3px}.invite-box strong{font-size:20px;color:var(--ink)}.invite-box small{color:var(--muted)}
.copy-row{display:flex;gap:8px;margin-top:14px}.copy-row input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.batch-action{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:7px;align-items:center;min-width:650px}.batch-action input,.batch-action select{padding:8px 9px;font-size:12px}
.item-status-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.item-status{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#f7f4ec}.item-status span:first-child{display:grid}.item-status small{color:var(--muted)}
.status.shipped{background:#e4f1eb;color:#256348}.status.ready{background:#eef0dc;color:#63721b}
@media(max-width:900px){.item-status-list{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.copy-row{flex-direction:column}.item-status-list{grid-template-columns:1fr}.batch-action{grid-template-columns:1fr;min-width:280px}}
/* v0.4 sepet + %100 ödeme */
.payment-note{display:grid;gap:3px;margin-top:12px;padding:12px;border-radius:12px;background:#eef5f0;border:1px solid #d8e6dc;color:var(--green)}.payment-note small{color:var(--muted);font-size:11px}.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start;margin-top:26px}.checkout-summary{position:sticky;top:96px}.cart-line{display:grid;grid-template-columns:70px minmax(180px,1fr) 180px 110px 34px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cart-art{height:60px;border-radius:12px;background:linear-gradient(145deg,#f2eadc,#e8f0e8);display:flex;align-items:center;justify-content:center;font-size:0}.cart-art .art-emoji{font-size:32px}.cart-info{display:grid;gap:4px}.cart-info small{color:var(--muted)}.cart-qty{display:flex;gap:6px}.cart-qty input{width:70px;padding:8px}.cart-line-total{text-align:right}.icon-danger{width:34px;height:34px;border:1px solid #eccbc5;background:#fff4f1;color:#9d4235;border-radius:9px;font-size:20px;cursor:pointer}.payment-rule{padding:12px;border-radius:12px;background:#f8f0df;color:#654e20;font-size:13px}.pay-total{font-size:22px;color:var(--green)}.disabled-link{pointer-events:none;opacity:.45}.checkout-title{max-width:760px}.checkout-title h1{font-size:52px}.payment-card form{display:grid;gap:12px}.payment-card label{display:grid;gap:6px;font-size:12px;font-weight:850;color:#55665e}.two-col-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-label{grid-template-columns:auto 1fr!important;align-items:start!important}.check-label input{width:auto;margin-top:3px}.pay-button{padding:15px}.secure-box{display:grid;gap:4px;margin-top:16px;padding:14px;border-radius:13px;background:var(--soft)}.secure-box small{color:var(--muted)}.row-actions{display:flex;gap:6px}.row-actions form{display:inline}
@media(max-width:900px){.checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static}.cart-line{grid-template-columns:60px 1fr 160px 95px 34px}}
@media(max-width:650px){.cart-line{grid-template-columns:54px 1fr 34px}.cart-qty,.cart-line-total{grid-column:2}.two-col-fields{grid-template-columns:1fr}.checkout-title h1{font-size:42px}}
/* v0.6 müşteri deneyimi + minimum sipariş şartı kaldırıldı */
.address-choice-list{display:grid;gap:9px;margin:10px 0 14px}.address-choice{display:grid!important;grid-template-columns:auto 1fr!important;align-items:start!important;gap:10px!important;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fbfaf5;cursor:pointer}.address-choice:has(input:checked){border-color:#7ea28f;background:#eef5f0;box-shadow:0 0 0 2px rgba(23,79,59,.06)}.address-choice input{width:auto;margin-top:4px}.address-choice>span{display:grid;gap:3px}.address-choice small{color:var(--muted)}.soft-rule{border:0;border-top:1px solid var(--line);margin:22px 0}
.address-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:start}.address-grid{display:grid;gap:12px}.address-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.address-card h3{margin:4px 0}.address-card p{margin:9px 0}.address-card>small{color:var(--muted)}.address-actions{display:flex;gap:7px;margin-top:15px}.address-actions form{display:inline}
.notification-list{display:grid;gap:7px}.notification-row{display:grid;grid-template-columns:10px 1fr;gap:10px;padding:11px;border-radius:12px;background:#f8f6f0;border:1px solid transparent}.notification-row.unread{background:#eef5f0;border-color:#d8e7dd}.notification-dot{width:8px;height:8px;border-radius:50%;background:#c7ccc8;margin-top:6px}.notification-row.unread .notification-dot{background:var(--green)}.notification-row>span:last-child{display:grid;gap:2px}.notification-row small{color:var(--muted)}.notification-row em{font-style:normal;color:#8c968f;font-size:11px}.count-badge{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:var(--green);color:white;font-family:Inter,sans-serif;font-size:12px;vertical-align:middle}
.order-detail-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.order-detail-head h1{font-size:48px;margin:7px 0}.order-detail-grid{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start;margin-top:16px}.receipt-card{position:sticky;top:96px}.order-items-detail{display:grid}.order-item-detail{display:grid;grid-template-columns:65px 1fr minmax(150px,.55fr);gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.order-item-detail>span{display:grid;gap:3px}.order-item-detail>span:last-child{text-align:right;justify-items:end}.order-detail-art{height:58px;border-radius:11px;background:linear-gradient(145deg,#f2eadc,#e8f0e8);display:flex;align-items:center;justify-content:center;font-size:0}.order-detail-art .art-emoji{font-size:30px}.address-snapshot{margin-top:16px;padding:13px;border-radius:12px;background:var(--soft)}.address-snapshot p{margin:5px 0 0;color:var(--muted)}
@media(max-width:900px){.address-layout,.order-detail-grid{grid-template-columns:1fr}.receipt-card{position:static}}
@media(max-width:650px){.order-detail-head{align-items:flex-start;flex-direction:column}.order-item-detail{grid-template-columns:54px 1fr}.order-item-detail>span:last-child{grid-column:2;text-align:left;justify-items:start}.address-actions{flex-wrap:wrap}}

/* v0.8 — finans ve saha operasyonu */
.quick-ops{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 16px}.quick-op{display:grid;grid-template-columns:46px 1fr;column-gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.quick-op>span{grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--soft);font-size:22px}.quick-op strong{color:var(--ink)}.quick-op small{color:var(--muted)}
.partner-cycle-switch{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.alert.info{background:#eaf2f6;color:#315b70;border:1px solid #d4e5ed}
.delivery-toolbar{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:16px}.delivery-toolbar form{min-width:340px}.delivery-toolbar label{display:grid;gap:6px;font-weight:800;font-size:13px}.delivery-toolbar select,.batch-action select{border:1px solid #d9d2c6;background:white;border-radius:11px;padding:11px}.delivery-table .wrap-cell{white-space:normal;min-width:190px;line-height:1.55}.delivery-stats{margin-bottom:16px}
.refund-form{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(160px,1fr) auto;gap:6px;min-width:390px}.refund-form input{min-width:0;padding:8px 9px}.refund-history{border-top:1px solid var(--line);margin:18px 0;padding-top:14px;display:grid;gap:8px}.refund-line{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;background:#f8f3ea;border-radius:10px;padding:9px}.refund-line small{grid-column:1/-1;color:var(--muted)}
@media(max-width:850px){.quick-ops{grid-template-columns:1fr}.delivery-toolbar{align-items:stretch;flex-direction:column}.delivery-toolbar form{min-width:0}.refund-form{grid-template-columns:1fr;min-width:260px}}
@media print{.topbar,.sidebar,footer,.no-print,.quick-ops{display:none!important}.dashboard,.shell-wide{display:block!important;width:100%!important;padding:0!important;margin:0!important}.dash-main{width:100%!important}.content-card,.stat{box-shadow:none!important}.delivery-table{font-size:10px}.delivery-table th,.delivery-table td{padding:6px!important}.dash-title h1{font-size:28px!important}.dashboard{grid-template-columns:1fr!important}body{background:white!important}}

.admin-filter{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr auto;gap:12px;align-items:end}.admin-filter label{display:grid;gap:6px;font-size:12px;font-weight:850;color:var(--muted)}.admin-filter select{border:1px solid #d9d2c6;background:white;border-radius:11px;padding:12px 13px;min-width:0}.filter-actions{display:flex;gap:8px;flex-wrap:wrap}.tiny-btn{padding:8px 10px;font-size:11px}.table-link{color:var(--green);font-weight:850}@media(max-width:1050px){.admin-filter{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}}@media(max-width:700px){.admin-filter{grid-template-columns:1fr}.filter-actions{grid-column:auto}}


/* Yöre Vakti v1.1 homepage */
.hero-v11{padding:52px 0 34px;background:linear-gradient(120deg,#fbf7ef 0%,#fffdf8 58%,#f3f5ef 100%);overflow:hidden}
.hero-v11-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:stretch}
.hero-v11-copy{padding:24px 0 4px}.hero-v11-copy h1{font-size:clamp(43px,5.3vw,70px);max-width:760px}.hero-v11-copy .lead{max-width:720px}
.delivery-showcase{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 24px 60px rgba(35,53,47,.10);min-height:390px;display:flex;flex-direction:column;justify-content:space-between}
.delivery-showcase-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.delivery-showcase h2{font-size:45px;margin:3px 0}.delivery-showcase p{margin:0;color:var(--muted)}
.route-art{height:130px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--green)}.route-art i{width:72px;height:2px;border-top:2px dashed #88a092}.route-home,.route-pin{width:45px;height:45px;border:1px solid #cbd7d0;border-radius:50%;display:grid;place-items:center;font-size:24px;background:#fff}.route-truck{font-size:62px;filter:grayscale(.2)}
.delivery-food{display:flex;justify-content:center;gap:16px;font-size:48px;margin-top:-10px}.delivery-note{display:flex;justify-content:space-between;gap:14px;background:var(--soft);border-radius:14px;padding:13px 15px;font-size:12px}.delivery-note span{color:var(--muted)}
.countdown-card{margin-top:28px;max-width:650px;padding:13px 16px;border-radius:16px;background:rgba(255,255,255,.9);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:18px}.countdown-card>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.countdown-card>div:first-child small{grid-column:2;color:var(--muted)}.countdown-icon{grid-row:1/3;font-size:27px;color:var(--green)}.countdown-numbers{display:flex;gap:8px}.countdown-numbers span{min-width:46px;text-align:center;padding:6px;border-radius:9px;background:#f7f3e9}.countdown-numbers b{display:block;font-size:18px;color:var(--green)}.countdown-numbers small{font-size:9px;color:var(--muted)}
.trust-strip{position:relative;margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);padding:12px}.trust-strip>div{display:flex;gap:11px;align-items:center;padding:10px 18px;border-right:1px solid var(--line)}.trust-strip>div:last-child{border-right:0}.trust-strip b{font-size:28px;color:var(--green)}.trust-strip span{display:grid}.trust-strip strong{font-size:13px}.trust-strip small{color:var(--muted);font-size:11px}
.centered-head{align-items:center}.featured-section{padding-top:48px}.home-products{grid-template-columns:repeat(5,1fr)}.home-products .product-art{height:135px}.home-products .product-content{padding:15px}.home-products .product-note{display:none}
.how-light{background:#fbfaf6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps-light .step{background:#fff;color:var(--text);border-color:var(--line);box-shadow:var(--shadow)}.steps-light .step h3{color:var(--ink)}.steps-light .step p{color:var(--muted)}.steps-light .step b{background:#f2ead8}
select,textarea{border:1px solid #d9d2c6;background:white;border-radius:11px;padding:12px 13px;outline:none;font:inherit;color:var(--text);width:100%}select:focus,textarea:focus{border-color:#8fa99c;box-shadow:0 0 0 3px rgba(23,79,59,.08)}
.checkbox-label{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#faf8f3}.checkbox-label input{width:auto;margin-top:3px}.checkbox-label span{display:grid;gap:3px}.checkbox-label small{color:var(--muted);font-weight:500}
@media(max-width:1100px){.home-products{grid-template-columns:repeat(3,1fr)}.hero-v11-grid{grid-template-columns:1fr}.delivery-showcase{min-height:320px}}
@media(max-width:700px){.countdown-card{align-items:stretch;flex-direction:column}.countdown-numbers{justify-content:space-between}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div{border-right:0;border-bottom:1px solid var(--line)}.home-products{grid-template-columns:1fr 1fr}.delivery-showcase-top{flex-direction:column}.route-art i{width:34px}.home-products .product-content .btn{padding:10px 8px}}
@media(max-width:460px){.trust-strip,.home-products{grid-template-columns:1fr}}

/* v1.2 – görsel referansa uyarlanmış vitrin ve katalog */
body{background:#fdfcf9}
.topbar{background:rgba(255,255,255,.96);border-bottom-color:#eee9df}.navwrap{width:min(1340px,calc(100% - 56px));min-height:80px}.brand{font-size:32px;letter-spacing:-1.5px}.brand-mark{font-size:33px;transform:rotate(-18deg);color:#b8892e}nav{gap:42px;color:#1f2924;font-weight:650}nav a{padding:27px 0 20px}.nav-actions .btn{border:0;background:transparent;padding:9px 0}.nav-actions .profile>a{font-weight:700}
.hero-v11{position:relative;padding:46px 0 32px;min-height:520px;background:linear-gradient(90deg,rgba(251,247,238,.98) 0%,rgba(252,249,242,.9) 40%,rgba(252,249,242,.36) 70%,rgba(252,249,242,.25)),url('/static/images/hero-baklava.png') center/cover no-repeat}.hero-v11-grid{grid-template-columns:1.28fr .82fr;gap:42px}.hero-v11-copy{padding:10px 0}.hero-v11-copy .pill{display:none}.hero-v11-copy h1{font-size:clamp(46px,4.7vw,68px);line-height:1.08;max-width:710px;margin:10px 0 14px}.hero-v11-copy h1 em{text-decoration:none}.hero-v11-copy .lead{font-size:17px;max-width:510px;color:#333b36}.hero-v11-copy .actions{margin:18px 0}.hero-v11-copy .btn{border-radius:12px;padding:13px 24px}.delivery-showcase{margin-top:0;min-height:424px;padding:30px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.78)),url('/static/images/hero-baklava.png') bottom right/cover;box-shadow:0 20px 45px rgba(53,40,21,.13)}.delivery-showcase h2{font-size:48px}.delivery-showcase .eyebrow{font-size:11px;color:#263529}.route-art{height:150px}.route-truck{font-size:65px}.countdown-card{margin-top:24px;max-width:500px;padding:13px 16px;border-radius:16px;box-shadow:0 8px 25px rgba(47,40,27,.1)}.countdown-numbers span{background:#fffdf8;border:1px solid #ede7da}.trust-strip{margin-top:20px;padding:8px;border-radius:18px}.trust-strip>div{padding:10px 20px}.trust-strip b{font-size:31px}.trust-strip strong{font-size:14px}.trust-strip small{font-size:11px}
.featured-section{padding-top:14px;padding-bottom:34px}.featured-section .section-head{justify-content:center;text-align:center;margin-bottom:15px}.featured-section .section-head .text-link,.featured-section .eyebrow,.featured-section .muted{display:none}.featured-section h2{font-size:29px}.home-products{grid-template-columns:repeat(5,1fr);gap:16px}.modern-product{position:relative;border-radius:13px;box-shadow:none;background:#fffdf9}.home-products .product-art{height:136px}.product-art{position:relative;height:158px;background:linear-gradient(135deg,#e8d5af,#f9f3e6 46%,#c9d4c2);overflow:hidden}.product-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 10%,rgba(255,255,255,.58),transparent 28%)}.art-emoji{position:relative;z-index:1;font-size:55px;filter:drop-shadow(0 8px 8px rgba(50,49,24,.18))}.product-art span:last-child{position:relative;z-index:1}.modern-product .product-content{position:relative;padding:12px 13px 13px}.modern-product .card-top{font-size:11px}.modern-product .origin{padding:0;background:transparent;color:#69756f;font-weight:600}.modern-product .product-content h3{font-size:15px;margin:7px 0 4px;color:#252a26}.modern-product .price{font-size:16px}.modern-product .price small{font-size:10px}.modern-product .stock-line{display:none}.modern-product .progress{display:none}.modern-product .btn{margin-top:9px;padding:9px;border-radius:8px;font-size:12px}.home-products .modern-product .btn{position:absolute;right:12px;bottom:13px;width:36px;height:36px;padding:0;border-radius:50%;font-size:0;background:var(--green);border-color:var(--green)}.home-products .modern-product .btn:after{content:'🛒';font-size:15px;filter:grayscale(1) brightness(4)}.heart{position:absolute;z-index:2;right:11px;top:9px;width:31px;height:31px;border-radius:50%;border:0;background:rgba(255,255,255,.85);font-size:22px;line-height:1;color:#33453b;cursor:pointer}.home-products .heart{display:none}.how-light{padding:0 0 34px;background:#fffdf9;border:0}.how-light .section-head{justify-content:center;text-align:center;margin-bottom:14px}.how-light .eyebrow{display:none}.steps-light{gap:0;border:1px solid var(--line);border-radius:18px;background:#fdfbf7;overflow:hidden}.steps-light .step{position:relative;border:0;border-radius:0;box-shadow:none;padding:24px 22px;display:grid;grid-template-columns:38px 1fr;column-gap:12px}.steps-light .step:not(:last-child):after{content:'›';position:absolute;right:-5px;top:44%;font-size:35px;color:#6c7f53;z-index:2}.steps-light .step b{grid-row:1/3;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff}.steps-light .step h3{font-family:inherit;font-size:14px;margin:0}.steps-light .step p{font-size:12px;margin:4px 0 0}.partner-cta{display:none}
.catalog-head{padding:30px 16px 15px;align-items:center}.catalog-head h1{font-size:50px}.catalog-head .lead{max-width:570px}.catalog-head .deadline-card{grid-template-columns:1fr 1fr;gap:16px;min-width:450px;padding:20px 22px;border-radius:18px;box-shadow:0 6px 18px rgba(55,44,22,.05)}.catalog-head .deadline-card strong{grid-column:1/-1;color:#314539}.catalog-head .deadline-card span{font-size:17px}.filterbar{margin:18px 0 20px;border-radius:16px;padding:15px;gap:16px}.chips{flex-wrap:nowrap}.chip{white-space:nowrap;background:#fffaf2}.search input{width:300px}.catalog{grid-template-columns:repeat(4,1fr);gap:14px}.catalog .modern-product .product-art{height:120px}.catalog .modern-product .product-content{padding:13px}.catalog .modern-product .stock-line{display:flex;justify-content:space-between;font-size:10px;margin-top:13px;color:#65716b}.catalog .modern-product .progress{display:block;height:5px;margin:5px 0 12px}.catalog .modern-product .btn{margin-top:0}.catalog .heart{display:block}
@media(max-width:1100px){.hero-v11-grid{grid-template-columns:1fr}.hero-v11{background-position:58% center}.home-products{grid-template-columns:repeat(3,1fr)}.catalog-head .deadline-card{min-width:340px}.catalog{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.navwrap{width:min(100% - 30px,1340px)}.brand{font-size:26px}.nav-actions{margin-left:auto}.hero-v11{padding-top:24px}.hero-v11-copy h1{font-size:42px}.delivery-showcase{min-height:330px}.trust-strip{grid-template-columns:1fr 1fr}.home-products,.catalog{grid-template-columns:repeat(2,1fr)}.catalog-head{padding-left:0;align-items:stretch}.catalog-head .deadline-card{min-width:0;grid-template-columns:1fr}.filterbar{align-items:stretch}.chips{overflow:auto}.search{justify-content:stretch}.search input{width:100%}.steps-light{grid-template-columns:1fr}.steps-light .step:not(:last-child):after{display:none}}

/* Referans katalog sayfa düzeni */
.product-art[class*="product-"]{background-image:url('/static/images/catalog-sheet.png');background-size:400% 200%;background-repeat:no-repeat;color:transparent}.product-art[class*="product-"]:after{background:linear-gradient(0deg,rgba(0,0,0,.06),transparent 40%)}.product-art[class*="product-"] .art-emoji{display:none}.product-fistikli-baklava{background-position:0 0}.product-kunefe{background-position:33.333% 0}.product-nohut-durumu{background-position:66.666% 0}.product-antep-fistigi{background-position:100% 0}.product-sobiyet{background-position:0 100%}.product-katmer{background-position:33.333% 100%}.product-cevizli-baklava{background-position:66.666% 100%}.product-icli-kofte{background-position:100% 100%}
.catalog-page{padding:28px 0 65px;max-width:1420px}.catalog-page .breadcrumbs{margin:0 0 22px;padding:0 18px;color:#7e837d}.reference-catalog-head{padding:0 18px 23px;align-items:flex-start}.reference-catalog-head h1{font-size:52px;letter-spacing:-1.8px;margin:3px 0 8px}.reference-catalog-head .lead{font-size:17px;line-height:1.55;color:#555a56}.delivery-summary{display:grid;grid-template-columns:1fr 1fr;min-width:510px;padding:16px 20px;border:1px solid #eee7d9;background:#fffefb;border-radius:17px;box-shadow:0 8px 25px rgba(67,53,30,.06)}.delivery-summary>div{display:flex;gap:13px;padding:4px 17px}.delivery-summary>div+div{border-left:1px solid #e8e1d6}.delivery-summary b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f7f0e3;color:var(--green);font-size:23px}.delivery-summary span{display:grid;gap:1px}.delivery-summary small{font-size:11px;font-weight:700}.delivery-summary strong{font-size:14px;color:#242b27}.delivery-summary em{font-style:normal;color:#7b827d;font-size:11px}.reference-filterbar{margin:0 0 18px;padding:14px 18px;border-radius:18px}.reference-filterbar .chips{max-width:620px}.reference-filterbar .search{border-left:1px solid var(--line);padding-left:18px;align-items:center}.reference-filterbar .search>span{font-size:22px;color:#66736c}.reference-filterbar .search input{border:0;box-shadow:none;width:290px;padding-left:3px}.reference-filterbar .search .btn{font-size:12px;padding:10px 13px}.catalog-layout{display:grid;grid-template-columns:212px minmax(0,1fr);gap:22px}.catalog-sidebar{background:#fffefb;border:1px solid #eee7da;border-radius:15px;padding:16px}.catalog-sidebar h3{font-family:Georgia,serif;font-size:15px;margin:0 0 10px}.catalog-sidebar hr{border:0;border-top:1px solid #eee9df;margin:20px 0}.side-options{display:grid;gap:3px}.side-options .chip,.side-filter{display:block;padding:8px 7px;border:0;background:none;font-size:13px;font-weight:500;border-radius:7px}.side-options .chip:before,.side-filter:before{content:'○';color:#a5aaa5;font-size:19px;vertical-align:-2px;margin-right:8px}.side-options .chip.selected,.side-filter.chosen{background:#eff5ee;color:var(--green);font-weight:800}.side-options .chip.selected:before,.side-filter.chosen:before{content:'◉';color:var(--green)}.price-range{height:22px;position:relative;margin:14px 4px}.price-range i{position:absolute;top:9px;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--green) 84%,#d9ded8 84%);border-radius:5px}.price-range b{position:absolute;top:3px;width:15px;height:15px;border-radius:50%;background:var(--green)}.price-range b:first-of-type{left:0}.price-range b:last-of-type{right:0}.range-label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:16px}.catalog-sidebar .btn{font-size:12px;padding:10px}.catalog-layout>section{min-width:0}.catalog-controls{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;color:#6f786f;font-size:12px}.catalog-controls span{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.catalog-layout .catalog{grid-template-columns:repeat(4,1fr);gap:14px}.catalog-layout .modern-product{border-radius:14px}.catalog-layout .product-art{height:122px;border-radius:14px 14px 0 0}.catalog-layout .product-content{padding:12px}.catalog-layout .modern-product .product-content h3{font-family:Georgia,serif;font-size:14px}.catalog-layout .modern-product .btn{font-size:12px}
@media(max-width:1050px){.delivery-summary{min-width:420px}.catalog-layout .catalog{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.reference-catalog-head{flex-direction:column;padding:0 4px 18px}.delivery-summary{min-width:0;width:100%;grid-template-columns:1fr}.delivery-summary>div+div{border-left:0;border-top:1px solid #e8e1d6;margin-top:8px;padding-top:12px}.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{display:none}.catalog-layout .catalog{grid-template-columns:repeat(2,1fr)}.reference-filterbar .search{border:0;padding:8px 0 0}.reference-filterbar .chips{overflow:auto}.reference-filterbar{padding:12px}}

/* Emoji yerine kontrollü teslimat görseli ve çizgi ikonlar */
/* Screenshot landing override */
.reference-home{background:#fffdfa}.reference-home .shell{width:min(1340px,calc(100% - 48px))}.reference-hero{height:468px;position:relative;background:linear-gradient(90deg,#f3eee2,#fffdf8 52%,#eee8da);overflow:visible}.reference-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,248,.9),rgba(255,253,248,.9) 39%,rgba(255,253,248,.12)),url('/static/images/hero-baklava.png') center/cover;opacity:.96}.reference-hero-grid{height:100%;display:grid;grid-template-columns:56% 44%;position:relative}.reference-copy{padding:43px 0;z-index:2}.reference-copy h1{font-size:54px;line-height:1.08;letter-spacing:-2px;margin:0 0 14px;color:#102f24}.reference-copy p{font-size:16px;line-height:1.6;margin:0;color:#303630}.reference-actions{display:flex;gap:20px;margin:16px 0 24px}.reference-actions .btn{border-radius:11px;padding:13px 27px;font-size:15px}.reference-actions b{font-size:20px;margin-left:16px}.reference-countdown{width:475px;height:76px;display:flex;align-items:center;gap:12px;background:#ffffffed;border:1px solid #ebe5d8;border-radius:15px;box-shadow:0 8px 22px #41372014;padding:10px 15px}.calendar-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e3ddcf;border-radius:50%;color:#294e28;font-size:22px}.countdown-copy{display:grid;gap:3px;min-width:195px}.countdown-copy strong{font-size:13px}.countdown-copy small{font-size:10px;color:#596158}.reference-time{display:flex;gap:7px}.reference-time b{display:grid;place-items:center;min-width:39px;height:48px;padding:4px;background:#faf9f3;border:1px solid #eee9df;border-radius:8px;color:#244225;font-size:17px}.reference-time i{font-style:normal;font-size:8px;font-weight:500;color:#596158}.reference-food{position:absolute;z-index:1;width:520px;height:270px;bottom:-72px;left:34%;background:url('/static/images/hero-baklava.png') 54% 84%/cover;mix-blend-mode:multiply;pointer-events:none}.reference-delivery{z-index:2;position:relative;align-self:start;margin-top:24px;height:424px;border:1px solid #e7e2d7;border-radius:22px;background:#fffffff0;box-shadow:0 12px 30px #3a301c1a;overflow:hidden}.delivery-heading{position:relative;z-index:2;display:flex;gap:17px;padding:28px 30px}.delivery-heading small{font-size:15px;font-weight:600}.delivery-heading h2{font-size:48px;margin:0;line-height:1.05;color:#143325}.delivery-heading p{font-size:13px;line-height:1.6;margin:12px 0}.delivery-art{position:absolute;inset:130px 0 0;background:url('/static/images/delivery-route.png') center bottom/cover}.reference-trust{position:relative;z-index:4;margin-top:61px;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 14px;background:#fff;border:1px solid #ebe5da;border-radius:16px;box-shadow:0 7px 16px #372f1d1a}.reference-trust>div{display:flex;align-items:center;gap:14px;padding:7px 20px;border-right:1px solid #e9e3d8}.reference-trust>div:last-child{border:0}.reference-trust span{display:grid;gap:3px}.reference-trust strong{font-size:14px}.reference-trust small{font-size:11px;line-height:1.4;color:#4c554e}.trust-icon{width:42px;height:42px;border:2px solid #244e2a;border-radius:12px;position:relative;flex:none}.trust-icon:after{position:absolute;color:#244e2a;font-size:28px;inset:1px;text-align:center;line-height:36px}.trust-icon.people:after{content:'♙'}.trust-icon.leaf:after{content:'⌁';font-size:34px}.trust-icon.lock:after{content:'▣';font-size:24px}.trust-icon.van:after{content:'▱';font-size:30px}.reference-featured{padding:13px 0 26px;text-align:center}.reference-featured h2,.reference-how h2{font-size:27px;margin:0;color:#365127}.reference-featured>i,.reference-how>i{display:block;width:58px;height:8px;margin:0 auto 11px;border-bottom:2px solid #849a60}.reference-products{display:grid;grid-template-columns:repeat(5,1fr);gap:17px;text-align:left}.reference-products .modern-product{height:193px;border-radius:10px;box-shadow:none}.reference-products .product-art{height:106px;border-radius:10px 10px 0 0}.reference-products .product-content{padding:9px 12px}.reference-products .card-top,.reference-products .heart,.reference-products .stock-line,.reference-products .progress{display:none!important}.reference-products .product-content h3{font-family:inherit;font-size:14px;margin:0 0 3px}.reference-products .price{font-size:14px}.reference-products .price:before{content:'Gaziantep, Premium Kalite';display:block;font-size:10px;font-weight:500;color:#676e67;margin-bottom:5px}.reference-products .price small{font-size:10px}.reference-products .btn{position:absolute;right:11px;bottom:10px;width:34px!important;height:34px!important;margin:0!important;border-radius:50%!important;background:#264b25!important;color:transparent!important;border:0!important}.reference-products .btn:after{content:'+';color:#fff;font-size:21px}.reference-how{text-align:center;padding-bottom:0}.reference-steps{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center;text-align:left;padding:18px 22px;border:1px solid #e9e2d6;border-radius:17px;background:#fefdf9}.reference-steps>div{display:grid;grid-template-columns:29px 55px 1fr;align-items:center;gap:10px}.reference-steps>div>b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#254d25;color:#fff;font-size:12px}.step-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid #e6e0d4;border-radius:50%;font-size:29px;color:#264d25}.reference-steps article{display:grid;gap:4px}.reference-steps strong{font-size:14px}.reference-steps small{font-size:11px;line-height:1.5;color:#4d554d}.reference-steps em{font-style:normal;color:#6e844b;font-size:34px;text-align:center}
@media(max-width:1000px){.reference-hero{height:auto}.reference-hero-grid{grid-template-columns:1fr}.reference-copy{padding:38px 0 20px}.reference-delivery{margin:0 0 20px}.reference-food{opacity:.42;left:20%;bottom:0}.reference-trust{grid-template-columns:1fr 1fr;margin-top:20px}.reference-products{grid-template-columns:repeat(3,1fr)}.reference-steps{grid-template-columns:1fr 1fr;gap:18px}.reference-steps>em{display:none}}
@media(max-width:620px){.reference-home .shell{width:min(100% - 28px,1340px)}.reference-copy h1{font-size:38px}.reference-copy p br{display:none}.reference-countdown{width:100%;height:auto}.countdown-copy{min-width:0}.reference-time b{min-width:33px}.reference-trust{grid-template-columns:1fr}.reference-trust>div{border-right:0;border-bottom:1px solid #e9e3d8}.reference-products{grid-template-columns:1fr 1fr;gap:10px}.reference-steps{grid-template-columns:1fr}.reference-delivery{height:390px}.reference-food{display:none}}
.delivery-showcase{background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.82) 26%,rgba(255,255,255,.08) 100%),url('/static/images/delivery-route.png') center bottom/cover no-repeat}.delivery-showcase .route-art,.delivery-showcase .delivery-food,.delivery-showcase .delivery-note{display:none}.delivery-showcase-top{position:relative;z-index:1}.delivery-showcase-top:after{content:'Siparişlerinizi hafta içi verin, Cumartesi günü kapınıza gelsin.';display:block;position:absolute;top:118px;left:0;width:260px;color:#39413d;font-size:13px;line-height:1.5}.delivery-showcase{justify-content:flex-start}.delivery-showcase h2{margin-top:5px}.trust-strip b{font-size:0;width:38px;height:38px;border:2px solid var(--green);border-radius:12px;position:relative}.trust-strip>div:nth-child(1) b:after{content:'♙';font-size:24px;position:absolute;inset:3px;text-align:center}.trust-strip>div:nth-child(2) b:after{content:'⌁';font-size:30px;position:absolute;inset:0;text-align:center}.trust-strip>div:nth-child(3) b:after{content:'▣';font-size:20px;position:absolute;inset:7px;text-align:center}.trust-strip>div:nth-child(4) b:after{content:'→';font-size:25px;position:absolute;inset:1px;text-align:center}.route-truck,.route-home,.route-pin{font-family:inherit}

/* =========================================================
   YÖRE VAKTİ — MASTER KONSEPT 1:1 BİREBİR TASARIM STİLLERİ
   ========================================================= */

.master-body-bg {
  background: #475e3e !important;
  min-height: 100vh;
  padding: 28px 24px 44px;
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  margin: 0;
}

.master-canvas {
  background: #fbf8f2;
  border-radius: 28px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 36px 44px;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.26);
  box-sizing: border-box;
}

/* =========================================================
   Concept 2: Two-Tier Gourmet HUD Header
   ========================================================= */

.hud-top-bar {
  background: #394f32;
  color: #ede6d8;
  border-radius: 12px;
  padding: 7px 18px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
}

.hud-top-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.hud-top-cal {
  font-size: 13px;
}

.hud-highlight {
  color: #e5b342;
  font-weight: 700;
}

.hud-top-right {
  display: flex;
  align-items: center;
}

.hud-top-support {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #f2ede4;
  font-weight: 600;
  text-decoration: none;
  font-size: 11.5px;
  transition: color 0.15s;
}

.hud-top-support svg {
  stroke-width: 2.2;
}

.hud-top-support:hover {
  color: #ffffff;
}

.hud-main-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 0 18px;
  border-bottom: 1px solid #ede5d8;
  margin-bottom: 24px;
}

.hud-logo-wrap {
  flex-shrink: 0;
}

.hud-brand-logo {
  font-family: 'DM Serif Display', 'Playfair Display', Georgia, serif;
  font-size: 27px;
  font-weight: 400;
  letter-spacing: 0.12em;
  color: #1c2b1e;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
}

.hud-smart-search-box {
  display: flex;
  align-items: center;
  background: #ede6da;
  border-radius: 999px;
  height: 42px;
  padding: 2px 6px 2px 14px;
  box-shadow: 0 2px 8px rgba(35, 30, 20, 0.04);
  width: 100%;
  max-width: 470px;
  border: 1px solid #ded5c5;
  transition: border-color 0.15s, background 0.15s;
  flex: 1;
  margin: 0 10px;
  box-sizing: border-box;
}

.hud-smart-search-box:focus-within {
  border-color: #394f32;
  background: #ebe2d3;
}

.hud-cat-select-wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.hud-cat-select {
  background: transparent;
  border: 0;
  outline: none;
  font-size: 12px;
  font-weight: 600;
  color: #2e3b30;
  cursor: pointer;
  padding-right: 4px;
  font-family: inherit;
  min-width: 125px;
}

.hud-search-divider {
  width: 1px;
  height: 18px;
  background: #c8bfae;
  margin: 0 10px;
  flex-shrink: 0;
}

.hud-search-input {
  background: transparent;
  border: 0;
  outline: none;
  font-size: 12.5px;
  color: #222e24;
  width: 100%;
  font-family: inherit;
}

.hud-search-input::placeholder {
  color: #7b887e;
  font-size: 12px;
}

.hud-search-submit-btn {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: transparent;
  border: 0;
  color: #374a2f;
  cursor: pointer;
  transition: background 0.15s;
  flex-shrink: 0;
}

.hud-search-submit-btn:hover {
  background: #ded5c5;
}

.hud-actions-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.hud-links {
  display: flex;
  align-items: center;
  gap: 4px;
}

.hud-pill-link {
  color: #273629;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  padding: 7px 10px;
  border-radius: 999px;
  transition: all 0.15s;
  letter-spacing: 0.3px;
}

.hud-pill-link:hover {
  background: #ede4d6;
  color: #1a241c;
}

.hud-account-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 600;
  color: #2c382e;
  text-decoration: none;
  background: #ede3d3;
  transition: background 0.15s;
}

.hud-account-btn:hover {
  background: #e2d6c2;
}

.hud-cart-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
  background: #2b4924;
  box-shadow: 0 4px 12px rgba(43, 73, 36, 0.3);
  transition: all 0.15s ease;
  white-space: nowrap;
}

.hud-cart-btn:hover {
  background: #20381a;
  transform: translateY(-1px);
}

/* Master Hero Section */
.master-hero-section {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 44px;
  align-items: center;
  margin-top: 18px;
}

.master-hero-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.master-hero-h1 {
  font-family: 'DM Serif Display', 'Playfair Display', Georgia, serif;
  font-size: 46px;
  line-height: 1.15;
  color: #1a221b;
  font-weight: 400;
  margin: 0 0 24px;
  letter-spacing: -0.01em;
}

.master-countdown-card {
  background: #f6f1e6;
  border: 1px solid #e2d9c8;
  border-radius: 18px;
  padding: 12px 14px 13px;
  width: 100%;
  max-width: 326px;
  margin-bottom: 22px;
  box-sizing: border-box;
  box-shadow: 0 4px 14px rgba(40, 35, 25, 0.03);
}

.countdown-card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.cal-icon {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #475d3c;
  flex-shrink: 0;
}

.delivery-text {
  font-size: 11.5px;
  font-weight: 500;
  color: #3b483c;
  line-height: 1.2;
}

.delivery-text strong {
  color: #17241a;
  font-weight: 700;
}

.countdown-clock {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  text-align: center;
}

.time-slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.time-slot b {
  font-size: 22px;
  font-weight: 800;
  color: #162218;
  line-height: 1;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  letter-spacing: -0.5px;
}

.time-slot small {
  font-size: 10.5px;
  color: #657166;
  font-weight: 600;
  margin-top: 3px;
}

.btn-master-gold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #c38b28;
  color: #ffffff;
  padding: 12px 38px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14.5px;
  letter-spacing: 0.2px;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(195, 139, 40, 0.32);
  transition: background 0.15s, transform 0.15s;
}

.btn-master-gold:hover {
  background: #b27c1e;
  transform: translateY(-1px);
}

.master-hero-right {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.hero-image-box {
  position: relative;
  width: 100%;
  height: 330px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12);
}

.hero-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.badge-float {
  position: absolute;
  z-index: 3;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  gap: 5px;
  backdrop-filter: blur(4px);
}

.badge-float-top {
  top: 14px;
  left: 14px;
  background: rgba(255, 255, 255, 0.94);
  color: #2c422c;
}

.badge-float-bottom {
  bottom: 14px;
  right: 14px;
  background: rgba(255, 255, 255, 0.94);
  color: #2c422c;
}

/* Master Editorial Section Header & Segmented Delivery Tabs */
.master-editorial-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 38px 0 22px;
  gap: 20px;
  flex-wrap: wrap;
}

.editorial-title-wrap {
  display: flex;
  flex-direction: column;
}

.editorial-h2 {
  font-family: 'DM Serif Display', 'Playfair Display', Georgia, serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.15;
  color: #17241a;
  margin: 0 0 6px;
  letter-spacing: -0.3px;
}

.editorial-sub {
  font-size: 13.5px;
  color: #637064;
  font-weight: 500;
  margin: 0;
}

.segmented-delivery-tabs {
  display: inline-flex;
  align-items: center;
  background: #f4eee2;
  border: 1px solid #ddd3c2;
  padding: 4px;
  border-radius: 999px;
  gap: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
}

.delivery-tab {
  background: transparent;
  border: 0;
  color: #3b493c;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.18s ease;
  white-space: nowrap;
}

.delivery-tab:hover:not(.active) {
  color: #1a251b;
  background: rgba(255, 255, 255, 0.55);
}

.delivery-tab.active {
  background: #c38b28;
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(195, 139, 40, 0.35);
  font-weight: 700;
}

/* Master 4-Grid Product Cards (Badges Concept Layout) */
.master-grid-section {
  margin-top: 10px;
}

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

.badge-product-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 10px 10px 14px;
  box-shadow: 0 4px 18px rgba(35, 30, 20, 0.05);
  display: flex;
  flex-direction: column;
  border: 1px solid #eee7db;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

.badge-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(35, 30, 20, 0.1);
}

.card-media-box {
  position: relative;
  width: 100%;
  height: 195px;
  border-radius: 16px;
  overflow: hidden;
  background: #f0eae0;
}

.card-food-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.badge-shipping-top {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.94);
  color: #233622;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(4px);
}

.card-info-box {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 8px 4px 0;
}

.card-product-title {
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  color: #121c15;
  margin: 6px 0 3px;
}

.card-product-title a {
  color: inherit;
  text-decoration: none;
}

.card-subtitle {
  font-size: 12.5px;
  color: #6c776f;
  font-weight: 500;
  margin: 0 0 6px;
}

.card-rating-line {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #4b584e;
  margin-bottom: 12px;
}

.card-rating-line .star-icon {
  font-size: 13px;
}

.card-price-weight-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: auto;
  margin-bottom: 8px;
}

.card-price-val {
  font-size: 19px;
  font-weight: 800;
  color: #111e14;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.card-weight-val {
  font-size: 13.5px;
  font-weight: 600;
  color: #606b63;
}

.card-add-form {
  margin: 0;
  padding: 0;
}

.btn-card-sepete-ekle {
  background: #557745;
  color: #ffffff;
  border-radius: 999px;
  height: 38px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  border: 0;
  cursor: pointer;
  transition: background 0.15s;
  box-shadow: 0 2px 8px rgba(85, 119, 69, 0.25);
  font-family: inherit;
}

.btn-card-sepete-ekle:hover {
  background: #446135;
}

/* =========================================================
   4 TRUST & GUARANTEE BADGES STRIP (Between Products & Footer)
   ========================================================= */
.master-trust-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 44px 0 10px;
}

.trust-badge-card {
  background: #ffffff;
  border: 1.5px solid #dfd6c6;
  border-radius: 16px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 4px 14px rgba(35, 30, 20, 0.04);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.trust-badge-card:hover {
  transform: translateY(-2px);
  border-color: #c38b28;
  box-shadow: 0 8px 22px rgba(195, 139, 40, 0.14);
}

.trust-badge-icon-box {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #f7f1e6;
  border: 1px solid #e5dccb;
  display: grid;
  place-items: center;
  font-size: 20px;
  flex-shrink: 0;
}

.trust-badge-text {
  display: flex;
  flex-direction: column;
}

.trust-badge-h4 {
  font-size: 13.5px;
  font-weight: 700;
  color: #1a281d;
  margin: 0 0 2px;
  letter-spacing: -0.1px;
}

.trust-badge-p {
  font-size: 11.5px;
  color: #637165;
  font-weight: 500;
  margin: 0;
}

/* =========================================================
   ROYAL DARK EMERALD & GOLD FOOTER
   ========================================================= */
.master-royal-footer {
  background: #1b2e20;
  color: #e5dfd5;
  border-radius: 24px;
  padding: 34px 38px 24px;
  margin-top: 36px;
  box-shadow: 0 16px 40px rgba(18, 32, 22, 0.2);
}

.footer-newsletter-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: #253d2c;
  border: 1px solid #3d5844;
  border-radius: 18px;
  padding: 20px 28px;
  margin-bottom: 34px;
  flex-wrap: wrap;
}

.newsletter-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #e5b342;
  margin-bottom: 4px;
}

.newsletter-title {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 20px;
  color: #ffffff;
  margin: 0 0 4px;
  font-weight: 400;
}

.newsletter-sub {
  font-size: 12.5px;
  color: #b5c2b7;
  margin: 0;
}

.newsletter-form {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  max-width: 440px;
  min-width: 280px;
}

.newsletter-input {
  background: #192a1e;
  border: 1px solid #37533f;
  border-radius: 999px;
  height: 42px;
  padding: 0 18px;
  color: #ffffff;
  font-size: 13px;
  flex: 1;
  outline: none;
  font-family: inherit;
}

.newsletter-input::placeholder {
  color: #798d7e;
}

.newsletter-submit-btn {
  background: #c38b28;
  color: #ffffff;
  border: 0;
  border-radius: 999px;
  height: 42px;
  padding: 0 22px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
  font-family: inherit;
}

.newsletter-submit-btn:hover {
  background: #b07c20;
}

.footer-columns-grid {
  display: grid;
  grid-template-columns: 1.5fr 1.1fr 1.1fr;
  gap: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid #2e4735;
}

.footer-brand-logo {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 26px;
  letter-spacing: 0.14em;
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 12px;
}

.footer-brand-desc {
  font-size: 13px;
  line-height: 1.6;
  color: #adbdb0;
  margin: 0 0 18px;
}

.footer-social-row {
  display: flex;
  gap: 10px;
}

.social-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #27402f;
  text-decoration: none;
  font-size: 14px;
  transition: background 0.15s, transform 0.15s;
}

.social-icon:hover {
  background: #395c43;
  transform: translateY(-2px);
}

.footer-heading {
  font-size: 14px;
  font-weight: 700;
  color: #e5b342;
  margin: 0 0 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.footer-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-nav-list a {
  color: #c0cec2;
  text-decoration: none;
  font-size: 13px;
  transition: color 0.15s;
}

.footer-nav-list a:hover {
  color: #ffffff;
}

.footer-contact-info {
  display: flex;
  flex-direction: column;
  gap: 9px;
  font-size: 13px;
  color: #c0cec2;
}

.contact-item {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.contact-item strong {
  color: #ffffff;
  font-size: 14px;
}

.contact-item a {
  color: #64c278;
  text-decoration: none;
  font-weight: 600;
}

.work-hours {
  color: #849688;
  font-size: 11.5px;
  margin-top: 4px;
}

.footer-bottom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  font-size: 12px;
  color: #8e9e91;
  flex-wrap: wrap;
  gap: 14px;
}

.footer-bottom-left {
  display: flex;
  align-items: center;
  gap: 18px;
}

.ssl-shield {
  color: #e5b342;
  font-weight: 600;
}

.payment-badges-row {
  display: flex;
  gap: 6px;
}

.pay-chip {
  background: #27402f;
  color: #e0ece2;
  font-size: 10.5px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
}

.footer-bottom-right {
  display: flex;
  align-items: center;
  gap: 18px;
}

.legal-links {
  display: flex;
  gap: 12px;
}

.legal-links a {
  color: #8e9e91;
  text-decoration: none;
}

.legal-links a:hover {
  color: #ffffff;
}

/* Option 2: Warm Ivory & Trust Cards Footer */
.master-cream-footer {
  background: #f4eee2;
  color: #2b392d;
  border-radius: 24px;
  padding: 32px 34px 20px;
  margin-top: 48px;
  border: 1px solid #e2d8c6;
}

.cream-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 30px;
}

.cream-trust-card {
  background: #ffffff;
  border: 1px solid #ded5c3;
  border-radius: 14px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 4px 12px rgba(35, 30, 20, 0.04);
}

.trust-card-icon {
  font-size: 24px;
  flex-shrink: 0;
}

.cream-trust-card h5 {
  font-size: 13px;
  font-weight: 700;
  color: #1a281d;
  margin: 0 0 2px;
}

.cream-trust-card p {
  font-size: 11px;
  color: #667568;
  margin: 0;
}

/* Option 3: Delivery Cockpit & WhatsApp Footer */
.master-hud-footer {
  background: #253922;
  color: #ede6d8;
  border-radius: 24px;
  padding: 32px 36px 20px;
  margin-top: 48px;
}

.hud-footer-ribbon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #344e30;
  border: 1px solid #4a6c45;
  border-radius: 16px;
  padding: 16px 24px;
  margin-bottom: 28px;
  flex-wrap: wrap;
  gap: 16px;
}

.btn-hud-whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #25d366;
  color: #ffffff;
  font-weight: 700;
  font-size: 13.5px;
  padding: 11px 24px;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35);
  transition: transform 0.15s;
}

.btn-hud-whatsapp:hover {
  transform: translateY(-2px);
}

/* Interactive Footer Switcher */
.footer-preview-switcher {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #ffffff;
  border: 2px solid #c88d27;
  border-radius: 999px;
  padding: 8px 18px;
  margin: 40px auto 10px;
  width: fit-content;
  box-shadow: 0 8px 24px rgba(200, 141, 39, 0.2);
}

.switcher-label {
  font-size: 12px;
  font-weight: 800;
  color: #1a251b;
  margin-right: 4px;
}

.switcher-btn {
  background: #f4eee2;
  border: 1px solid #d8cdba;
  color: #2a392c;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.15s;
}

.switcher-btn.active {
  background: #1b2e20;
  color: #ffffff;
  border-color: #1b2e20;
}

/* =========================================================
   PRODUCTS PAGE (3 Concepts & Layouts)
   ========================================================= */

.products-page-wrap {
  margin-top: 14px;
}

.products-concept-switcher {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #ffffff;
  border: 2px solid #c88d27;
  border-radius: 999px;
  padding: 8px 18px;
  margin: 10px auto 26px;
  width: fit-content;
  box-shadow: 0 8px 24px rgba(200, 141, 39, 0.2);
}

.products-breadcrumbs {
  font-size: 12.5px;
  color: #718073;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.products-breadcrumbs a {
  color: #394f32;
  text-decoration: none;
  font-weight: 600;
}

.products-header-editorial {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 16px;
  flex-wrap: wrap;
}

.products-h1 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 32px;
  color: #17241a;
  margin: 0 0 6px;
  font-weight: 400;
  letter-spacing: -0.3px;
}

.products-sub {
  font-size: 13.5px;
  color: #637064;
  margin: 0;
  font-weight: 500;
}

/* Concept 1: Sidebar + 3-Grid */
.concept-1-grid-layout {
  display: grid;
  grid-template-columns: 270px 1fr;
  gap: 28px;
  align-items: start;
}

.sidebar-filter-box {
  background: #ffffff;
  border: 1px solid #e3d9c8;
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 4px 18px rgba(35, 30, 20, 0.04);
}

.sidebar-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 1px solid #efe7db;
  margin-bottom: 16px;
}

.sidebar-title-row h3 {
  font-size: 15px;
  font-weight: 800;
  color: #1c2b1e;
  margin: 0;
  letter-spacing: 0.2px;
}

.filter-clear-link {
  font-size: 12px;
  color: #c38b28;
  text-decoration: none;
  font-weight: 700;
}

.filter-group {
  margin-bottom: 20px;
}

.filter-group-title {
  font-size: 12.5px;
  font-weight: 700;
  color: #2b3a2d;
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.filter-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.filter-check-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  color: #3b4b3e;
  cursor: pointer;
}

.filter-check-item input {
  accent-color: #394f32;
  margin-right: 8px;
}

.filter-count {
  font-size: 11px;
  color: #8b998e;
}

.concept-1-products-area {
  display: flex;
  flex-direction: column;
}

.products-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border: 1px solid #e7dfd1;
  border-radius: 16px;
  padding: 10px 18px;
  margin-bottom: 22px;
  box-shadow: 0 4px 16px rgba(35, 30, 20, 0.03);
  gap: 16px;
  flex-wrap: wrap;
}

.toolbar-left-stats {
  display: flex;
  align-items: center;
  gap: 10px;
}

.toolbar-indicator-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c38b28;
  box-shadow: 0 0 0 3px rgba(195, 139, 40, 0.2);
}

.products-count-badge {
  font-size: 13.5px;
  color: #556658;
}

.products-count-badge strong {
  color: #1b2e20;
  font-weight: 800;
}

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

.toolbar-sort-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sort-label {
  font-size: 12.5px;
  font-weight: 700;
  color: #718073;
}

.products-sort-select {
  background: #fbf8f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23394f32' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center;
  border: 1px solid #dcd1be;
  border-radius: 999px;
  padding: 7px 32px 7px 14px;
  font-size: 12.5px;
  font-weight: 700;
  color: #243526;
  font-family: inherit;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  min-width: 175px;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.products-sort-select:hover {
  border-color: #c38b28;
}

.products-sort-select:focus {
  border-color: #394f32;
  box-shadow: 0 0 0 3px rgba(57, 79, 50, 0.15);
}

.toolbar-view-switcher {
  display: flex;
  align-items: center;
  background: #f4eee2;
  border: 1px solid #ded3c0;
  border-radius: 10px;
  padding: 3px;
  gap: 2px;
}

.btn-view-mode {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 7px;
  background: transparent;
  color: #637064;
  cursor: pointer;
  transition: all 0.15s;
}

.btn-view-mode:hover {
  color: #1a251b;
}

.btn-view-mode.active {
  background: #ffffff;
  color: #1b2e20;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

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

/* Concept 2: Horizontal Top Ribbon */
.concept-2-filter-ribbon {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  border: 1px solid #e3d9c8;
  border-radius: 18px;
  padding: 12px 18px;
  margin-bottom: 24px;
  box-shadow: 0 4px 16px rgba(35, 30, 20, 0.04);
  flex-wrap: wrap;
}

.ribbon-select {
  background: #f4eee2;
  border: 1px solid #ded4c3;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #2c3c2e;
  font-family: inherit;
  outline: none;
  cursor: pointer;
}

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

/* Concept 3: Regional Collection Visual Banners */
.concept-3-regions-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 28px;
}

.region-banner-card {
  position: relative;
  height: 120px;
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px;
  text-decoration: none;
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  transition: transform 0.2s, box-shadow 0.2s;
}

.region-banner-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.region-banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.region-banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(20,38,24,0.88) 100%);
  z-index: 2;
}

.region-banner-content {
  position: relative;
  z-index: 3;
}

.region-banner-title {
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 2px;
  color: #ffffff;
}

.region-banner-sub {
  font-size: 11px;
  color: #dbe7dd;
  margin: 0;
}

@media (max-width: 1050px) {
  .master-hero-section {
    grid-template-columns: 1fr;
  }
  .master-4-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer-columns-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .cream-trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .concept-1-grid-layout {
    grid-template-columns: 1fr;
  }
  .grid-3-col {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-4-col {
    grid-template-columns: repeat(2, 1fr);
  }
  .concept-3-regions-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 700px) {
  .master-body-bg {
    padding: 0;
  }
  .master-canvas {
    border-radius: 0;
    padding: 16px;
  }
  .master-header {
    flex-direction: column;
    gap: 12px;
  }
  .master-4-grid {
    grid-template-columns: 1fr;
  }
  .footer-columns-grid {
    grid-template-columns: 1fr;
  }
  .cream-trust-grid {
    grid-template-columns: 1fr;
  }
  .grid-3-col {
    grid-template-columns: 1fr;
  }
  .grid-4-col {
    grid-template-columns: 1fr;
  }
  .concept-3-regions-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   CAMPAIGNS PAGE (Privilege Bundles & Coupons)
   ========================================================= */

.campaigns-page-wrap {
  margin-top: 14px;
}

.campaigns-hero-wrap {
  background: linear-gradient(135deg, #182c1d 0%, #233e2a 100%);
  border: 1px solid #32503a;
  border-radius: 24px;
  padding: 36px 40px;
  color: #ffffff;
  margin-bottom: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 36px rgba(18, 33, 22, 0.18);
}

.campaigns-hero-wrap::after {
  content: "";
  position: absolute;
  right: -50px;
  top: -50px;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(229, 179, 66, 0.12) 0%, rgba(229, 179, 66, 0) 70%);
  pointer-events: none;
}

.campaigns-hero-left {
  max-width: 600px;
}

.campaigns-hero-badge {
  display: inline-block;
  background: rgba(229, 179, 66, 0.15);
  border: 1px solid #e5b342;
  color: #f7d27e;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.8px;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.campaigns-hero-h1 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 32px;
  line-height: 1.25;
  color: #ffffff;
  margin: 0 0 10px;
  font-weight: 400;
}

.campaigns-hero-p {
  font-size: 13.5px;
  line-height: 1.6;
  color: #bed0c2;
  margin: 0;
}

.campaigns-hero-countdown-card {
  background: rgba(10, 20, 13, 0.95);
  border: 1.5px solid #e5b342;
  border-radius: 20px;
  padding: 22px 24px;
  min-width: 320px;
  text-align: center;
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.campaigns-countdown-label {
  font-size: 11.5px;
  font-weight: 800;
  color: #f7d27e;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.campaigns-hero-countdown-card .countdown-clock {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.campaigns-hero-countdown-card .time-slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #172c1c;
  border: 1px solid rgba(229, 179, 66, 0.45);
  border-radius: 12px;
  padding: 10px 8px;
  min-width: 58px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

.campaigns-hero-countdown-card .time-slot b {
  font-size: 26px;
  line-height: 1;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
  display: block;
}

.campaigns-hero-countdown-card .time-slot small {
  font-size: 10px;
  font-weight: 700;
  color: #e5b342;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  display: block;
}

.campaigns-section-title-wrap {
  margin-bottom: 20px;
}

.campaigns-h2 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 26px;
  color: #17241a;
  margin: 0 0 4px;
  font-weight: 400;
}

.campaigns-sub {
  font-size: 13.5px;
  color: #637064;
  margin: 0;
}

/* Bundles Grid */
.campaign-bundles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}

.bundle-card {
  background: #ffffff;
  border: 1px solid #e3d9c8;
  border-radius: 20px;
  padding: 12px 12px 18px;
  box-shadow: 0 4px 18px rgba(35, 30, 20, 0.05);
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bundle-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(35, 30, 20, 0.1);
}

.bundle-media-box {
  position: relative;
  width: 100%;
  height: 180px;
  border-radius: 16px;
  overflow: hidden;
  background: #f0eae0;
}

.bundle-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bundle-save-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #c38b28;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.bundle-shipping-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.95);
  color: #234b2c;
  font-size: 10.5px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.bundle-content-box {
  padding: 14px 6px 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.bundle-title {
  font-size: 15px;
  font-weight: 800;
  color: #1a251b;
  margin: 0 0 6px;
  line-height: 1.35;
}

.bundle-items-list {
  font-size: 12px;
  color: #637064;
  line-height: 1.5;
  margin: 0 0 14px;
  flex-grow: 1;
}

.bundle-price-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 14px;
}

.bundle-old-price {
  font-size: 13px;
  color: #9aa89d;
  text-decoration: line-through;
}

.bundle-new-price {
  font-size: 20px;
  font-weight: 800;
  color: #1b2e20;
}

.btn-bundle-sepete-ekle {
  width: 100%;
  background: #253d2c;
  color: #ffffff;
  border: none;
  border-radius: 12px;
  padding: 11px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: background 0.15s, transform 0.15s;
  text-decoration: none;
}

.btn-bundle-sepete-ekle:hover {
  background: #17271c;
  transform: scale(1.01);
}

/* Coupons Grid */
.coupons-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

.coupon-card {
  background: #fbf7ef;
  border: 1.5px dashed #c8b99f;
  border-radius: 18px;
  padding: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.coupon-badge-top {
  font-size: 14px;
  font-weight: 800;
  color: #1b2e20;
  margin: 0 0 4px;
}

.coupon-desc {
  font-size: 12.5px;
  color: #637064;
  margin: 0 0 16px;
  line-height: 1.45;
}

.coupon-action-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: #ffffff;
  border: 1px solid #e1d6c2;
  border-radius: 10px;
  padding: 6px 8px 6px 12px;
}

.coupon-code-text {
  font-family: monospace;
  font-size: 14px;
  font-weight: 800;
  color: #c38b28;
  letter-spacing: 1px;
}

.btn-copy-code {
  background: #253d2c;
  color: #ffffff;
  border: none;
  border-radius: 7px;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s;
}

.btn-copy-code:hover {
  background: #c38b28;
}

/* Threshold Perks Bar */
.threshold-perks-bar {
  background: #ffffff;
  border: 1px solid #e3d9c8;
  border-radius: 18px;
  padding: 20px 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}

.perk-item {
  display: flex;
  align-items: center;
  gap: 14px;
}

.perk-icon {
  font-size: 24px;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #f4ede0;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.perk-text h4 {
  font-size: 13.5px;
  font-weight: 800;
  color: #1a251b;
  margin: 0 0 2px;
}

.perk-text p {
  font-size: 11.5px;
  color: #718073;
  margin: 0;
}

/* Discounted Single Products Grid */
.discounted-products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

.discount-product-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 10px 10px 14px;
  box-shadow: 0 4px 18px rgba(35, 30, 20, 0.05);
  display: flex;
  flex-direction: column;
  border: 1px solid #eee7db;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

.discount-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(35, 30, 20, 0.1);
}

.card-badge-discount {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #d63d2e;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(214, 61, 46, 0.3);
  z-index: 2;
}

.card-old-price {
  font-size: 12.5px;
  color: #9aa89d;
  text-decoration: line-through;
  margin-right: 6px;
}

.card-new-price {
  font-size: 18px;
  font-weight: 800;
  color: #1b2e20;
}

@media (max-width: 1050px) {
  .campaigns-hero-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .campaign-bundles-grid {
    grid-template-columns: 1fr;
  }
  .discounted-products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .coupons-grid {
    grid-template-columns: 1fr;
  }
  .threshold-perks-bar {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .discounted-products-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   PRODUCT DETAIL PAGE (Concept 1: Artisanal Split Gallery)
   ========================================================= */

.product-detail-page-wrap {
  margin-top: 14px;
}

.detail-split-layout {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 36px;
  align-items: start;
  margin-bottom: 40px;
}

/* Left Gallery */
.detail-gallery-box {
  background: #ffffff;
  border: 1px solid #e5dbcc;
  border-radius: 24px;
  padding: 16px;
  box-shadow: 0 4px 20px rgba(30, 25, 15, 0.05);
}

.main-img-card {
  position: relative;
  width: 100%;
  height: 420px;
  border-radius: 18px;
  overflow: hidden;
  background: #f4ede0;
  margin-bottom: 14px;
}

.detail-main-food-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.detail-badge-origin {
  position: absolute;
  top: 14px;
  left: 14px;
  background: #1e5a2d;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  padding: 5px 12px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.detail-badge-shipping {
  position: absolute;
  top: 14px;
  right: 14px;
  background: #1b2e20;
  color: #e5b342;
  font-size: 11px;
  font-weight: 800;
  padding: 5px 12px;
  border-radius: 8px;
  border: 1px solid rgba(229, 179, 66, 0.4);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

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

.thumb-btn {
  height: 95px;
  border-radius: 14px;
  overflow: hidden;
  border: 2px solid transparent;
  background: #f7f3eb;
  padding: 0;
  cursor: pointer;
  transition: all 0.15s ease;
}

.thumb-btn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.thumb-btn.active, .thumb-btn:hover {
  border-color: #c38b28;
  transform: scale(1.02);
}

/* Right Buy Panel */
.detail-buy-panel {
  display: flex;
  flex-direction: column;
}

.producer-badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f5eedf;
  color: #8c6016;
  border: 1px solid #dfcfb3;
  font-size: 11.5px;
  font-weight: 800;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 12px;
  align-self: flex-start;
  letter-spacing: 0.4px;
}

.detail-product-title {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 32px;
  line-height: 1.2;
  color: #17241a;
  margin: 0 0 8px;
  font-weight: 400;
}

.detail-product-sub {
  font-size: 13.5px;
  color: #637064;
  margin: 0 0 16px;
  line-height: 1.5;
}

.detail-rating-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.detail-rating-row .stars-gold {
  color: #e5b342;
  font-size: 16px;
}

.detail-rating-row .rating-text {
  font-size: 12.5px;
  font-weight: 700;
  color: #2e4432;
}

/* Price Box */
.detail-price-card {
  background: #fbf7ef;
  border: 1px solid #e5dbcc;
  border-radius: 18px;
  padding: 16px 20px;
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 22px;
}

.detail-price-main {
  font-size: 30px;
  font-weight: 800;
  color: #1b2e20;
  letter-spacing: -0.5px;
}

.detail-price-note {
  font-size: 12.5px;
  color: #7a8a7c;
}

/* Portion Selector */
.portion-selector-box {
  margin-bottom: 22px;
}

.portion-label {
  font-size: 13px;
  font-weight: 800;
  color: #1a251b;
  margin-bottom: 10px;
  display: block;
}

.portion-pills-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.portion-pill {
  background: #ffffff;
  border: 1.5px solid #ded4c3;
  border-radius: 14px;
  padding: 10px 12px;
  cursor: pointer;
  text-align: left;
  transition: all 0.15s ease;
}

.portion-pill .pill-weight {
  font-size: 12px;
  font-weight: 800;
  color: #1b2e20;
  display: block;
  margin-bottom: 2px;
}

.portion-pill .pill-price {
  font-size: 12px;
  font-weight: 700;
  color: #c38b28;
  display: block;
}

.portion-pill.active {
  background: #1b2e20;
  border-color: #c38b28;
}

.portion-pill.active .pill-weight {
  color: #ffffff;
}

.portion-pill.active .pill-price {
  color: #f7d27e;
}

/* Delivery Guarantee Card */
.delivery-guarantee-card {
  background: #eef6f0;
  border: 1px solid #bedbc4;
  border-radius: 14px;
  padding: 14px 16px;
  margin-bottom: 24px;
}

.delivery-guarantee-card h4 {
  font-size: 12.5px;
  font-weight: 800;
  color: #1b5329;
  margin: 0 0 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.delivery-guarantee-card p {
  font-size: 11.5px;
  color: #436e4d;
  margin: 0;
  line-height: 1.45;
}

/* Actions Row */
.detail-actions-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.qty-stepper {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1.5px solid #dcd1be;
  border-radius: 12px;
  padding: 4px;
  height: 48px;
}

.btn-stepper {
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  font-size: 16px;
  font-weight: 800;
  color: #1b2e20;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.15s;
}

.btn-stepper:hover {
  background: #f0e9dc;
}

.input-qty-val {
  width: 38px;
  border: none;
  background: transparent;
  font-size: 15px;
  font-weight: 800;
  color: #1b2e20;
  text-align: center;
}

.btn-detail-add-to-cart {
  flex-grow: 1;
  background: #c38b28;
  color: #ffffff;
  border: none;
  border-radius: 12px;
  height: 48px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 4px 14px rgba(195, 139, 40, 0.35);
  transition: all 0.15s ease;
}

.btn-detail-add-to-cart:hover {
  background: #a9751e;
  transform: translateY(-1px);
}

/* Editorial Tabs */
.editorial-tabs-container {
  margin-bottom: 40px;
}

.editorial-tabs-nav {
  display: flex;
  gap: 8px;
  background: #f4eee2;
  border: 1px solid #ded3c0;
  border-radius: 16px;
  padding: 6px;
  margin-bottom: 20px;
  overflow-x: auto;
}

.editorial-tab-btn {
  background: transparent;
  border: none;
  padding: 10px 18px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  color: #637064;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}

.editorial-tab-btn.active {
  background: #ffffff;
  color: #1b2e20;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.editorial-tab-panel {
  background: #ffffff;
  border: 1px solid #e5dbcc;
  border-radius: 20px;
  padding: 30px 34px;
  box-shadow: 0 4px 18px rgba(30, 25, 15, 0.04);
}

.editorial-tab-panel h3 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 22px;
  color: #17241a;
  margin: 0 0 12px;
  font-weight: 400;
}

.editorial-tab-panel p {
  font-size: 13.5px;
  color: #556657;
  line-height: 1.7;
  margin: 0 0 24px;
}

.tab-badges-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.tab-badge-card {
  background: #fbf8f2;
  border: 1px solid #e8decb;
  border-radius: 14px;
  padding: 14px 16px;
}

.tab-badge-card h4 {
  font-size: 13px;
  font-weight: 800;
  color: #1b2e20;
  margin: 0 0 4px;
}

.tab-badge-card p {
  font-size: 11.5px;
  color: #718073;
  margin: 0;
  line-height: 1.45;
}

/* Related Products */
.related-products-section {
  margin-top: 40px;
}

.related-products-section .section-title-row {
  margin-bottom: 20px;
}

@media (max-width: 950px) {
  .detail-split-layout {
    grid-template-columns: 1fr;
  }
  .main-img-card {
    height: 320px;
  }
  .portion-pills-row {
    grid-template-columns: 1fr;
  }
  .tab-badges-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   CART PAGE (Concept 1: Dual-Delivery Smart Cart)
   ========================================================= */

.cart-page-wrap {
  margin-top: 14px;
}

.cart-header-row {
  margin-bottom: 20px;
}

.cart-h1 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 30px;
  color: #17241a;
  margin: 0 0 4px;
  font-weight: 400;
}

.cart-sub {
  font-size: 13.5px;
  color: #637064;
  margin: 0;
}

/* Free Shipping Progress Ribbon */
.cart-progress-ribbon {
  background: #edf6ef;
  border: 1px solid #bedbc4;
  border-radius: 18px;
  padding: 16px 20px;
  margin-bottom: 26px;
}

.cart-progress-text-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.cart-progress-text {
  font-size: 13px;
  font-weight: 800;
  color: #1d552b;
  display: flex;
  align-items: center;
  gap: 8px;
}

.cart-progress-total {
  font-size: 13px;
  font-weight: 800;
  color: #1d552b;
}

.cart-progress-bar-wrap {
  width: 100%;
  height: 8px;
  background: #d2e8d7;
  border-radius: 4px;
  overflow: hidden;
}

.cart-progress-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #2b8243 0%, #44ab60 100%);
  border-radius: 4px;
  transition: width 0.3s ease;
}

/* Main Grid (2-Columns) */
.cart-main-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 32px;
  align-items: start;
  margin-bottom: 40px;
}

/* Delivery Group Cards */
.cart-delivery-group-card {
  background: #ffffff;
  border: 1px solid #e5dbcc;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(30, 25, 15, 0.05);
  margin-bottom: 24px;
}

.delivery-group-header {
  padding: 14px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.delivery-group-header.saturday {
  background: #1b2e20;
  color: #ffffff;
}

.delivery-group-header.saturday .group-title {
  color: #f7d27e;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.5px;
}

.delivery-group-header.saturday .group-badge {
  color: #d1dfd4;
  font-size: 11px;
}

.delivery-group-header.immediate {
  background: #235830;
  color: #ffffff;
}

.delivery-group-header.immediate .group-title {
  color: #ffffff;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.5px;
}

.delivery-group-header.immediate .group-badge {
  color: #d8edd9;
  font-size: 11px;
}

.cart-items-list {
  padding: 8px 20px;
}

.cart-item-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid #f2ede4;
}

.cart-item-row:last-child {
  border-bottom: none;
}

.cart-item-img {
  width: 75px;
  height: 75px;
  border-radius: 12px;
  object-fit: cover;
  flex-shrink: 0;
  background: #f4ede0;
}

.cart-item-info {
  flex-grow: 1;
}

.cart-item-title {
  font-size: 14px;
  font-weight: 800;
  color: #1a251b;
  margin: 0 0 4px;
}

.cart-item-title a {
  color: inherit;
  text-decoration: none;
}

.cart-item-title a:hover {
  color: #c38b28;
}

.cart-item-meta {
  font-size: 12px;
  color: #718073;
  margin: 0 0 6px;
}

.cart-item-unit-price {
  font-size: 13px;
  font-weight: 700;
  color: #1b2e20;
}

/* Stepper Form */
.cart-item-stepper-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
}

.cart-item-stepper {
  display: flex;
  align-items: center;
  background: #fbf8f2;
  border: 1px solid #dcd1be;
  border-radius: 10px;
  padding: 3px;
}

.cart-item-stepper button {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  font-size: 14px;
  font-weight: 800;
  color: #1b2e20;
  cursor: pointer;
  border-radius: 6px;
  transition: background 0.15s;
}

.cart-item-stepper button:hover {
  background: #efe7d9;
}

.cart-item-stepper input {
  width: 32px;
  border: none;
  background: transparent;
  font-size: 13px;
  font-weight: 800;
  color: #1b2e20;
  text-align: center;
}

.cart-item-line-total {
  font-size: 15px;
  font-weight: 800;
  color: #1b2e20;
  min-width: 80px;
  text-align: right;
}

.btn-remove-item {
  background: transparent;
  border: none;
  color: #b54a4a;
  cursor: pointer;
  font-size: 12px;
  padding: 6px;
  border-radius: 6px;
  transition: background 0.15s;
}

.btn-remove-item:hover {
  background: #fde8e8;
}

/* Right Summary Sidebar */
.cart-summary-sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.coupon-input-box {
  background: #ffffff;
  border: 1px solid #e5dbcc;
  border-radius: 18px;
  padding: 18px 20px;
  box-shadow: 0 4px 14px rgba(30, 25, 15, 0.04);
}

.coupon-input-box label {
  font-size: 12.5px;
  font-weight: 800;
  color: #1b2e20;
  margin-bottom: 8px;
  display: block;
}

.coupon-form-row {
  display: flex;
  gap: 8px;
}

.coupon-input-field {
  flex-grow: 1;
  border: 1px solid #d8ccb8;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 700;
  color: #c38b28;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background: #fbf9f4;
}

.coupon-input-field:focus {
  outline: none;
  border-color: #c38b28;
}

.btn-apply-coupon {
  background: #253d2c;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s;
}

.btn-apply-coupon:hover {
  background: #17271c;
}

/* Summary Card */
.cart-summary-card {
  background: #ffffff;
  border: 1px solid #e5dbcc;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 4px 18px rgba(30, 25, 15, 0.05);
}

.cart-summary-card h2 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 22px;
  color: #17241a;
  margin: 0 0 16px;
  font-weight: 400;
}

.summary-rows-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 18px;
}

.summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  color: #637064;
}

.summary-row.discount-row {
  color: #1d7b3a;
  font-weight: 700;
}

.summary-row.free-tag {
  color: #1d7b3a;
  font-weight: 700;
}

.summary-divider {
  height: 1px;
  background: #eadecd;
  margin: 16px 0;
}

.summary-total-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 20px;
}

.summary-total-label {
  font-size: 15px;
  font-weight: 800;
  color: #1a251b;
}

.summary-total-val {
  font-size: 26px;
  font-weight: 800;
  color: #1b2e20;
  letter-spacing: -0.5px;
}

.btn-checkout-cta {
  width: 100%;
  background: #c38b28;
  color: #ffffff;
  border: none;
  border-radius: 14px;
  padding: 15px;
  font-size: 14.5px;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(195, 139, 40, 0.35);
  transition: all 0.15s ease;
}

.btn-checkout-cta:hover {
  background: #aa761e;
  transform: translateY(-1px);
}

.cart-guarantees-list {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #f0e6d6;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cart-guarantees-list span {
  font-size: 11.5px;
  color: #6d7d6f;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Upsell Cross-Sell Strip */
.cart-upsells-strip {
  background: #ffffff;
  border: 1px solid #e5dbcc;
  border-radius: 20px;
  padding: 24px 28px;
  box-shadow: 0 4px 18px rgba(30, 25, 15, 0.04);
}

.cart-upsells-strip h3 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 20px;
  color: #17241a;
  margin: 0 0 16px;
  font-weight: 400;
}

.cart-upsells-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.upsell-card {
  background: #fbf8f2;
  border: 1px solid #e5dccb;
  border-radius: 14px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.upsell-card img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
}

.upsell-info {
  flex-grow: 1;
}

.upsell-title {
  font-size: 12.5px;
  font-weight: 800;
  color: #1a251b;
  margin: 0 0 2px;
}

.upsell-shipping {
  font-size: 10.5px;
  color: #2b773c;
  font-weight: 700;
  margin: 0 0 4px;
}

.upsell-price {
  font-size: 13px;
  font-weight: 800;
  color: #c38b28;
}

.btn-upsell-add {
  background: #253d2c;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s;
}

.btn-upsell-add:hover {
  background: #c38b28;
}

/* Empty Cart State */
.cart-empty-box {
  background: #ffffff;
  border: 1px solid #e5dbcc;
  border-radius: 24px;
  padding: 60px 40px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(30, 25, 15, 0.05);
}

.cart-empty-icon {
  font-size: 48px;
  margin-bottom: 16px;
}

.cart-empty-box h2 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 28px;
  color: #17241a;
  margin: 0 0 8px;
}

.cart-empty-box p {
  font-size: 14px;
  color: #637064;
  margin: 0 0 24px;
}

.cart-empty-box .btn-browse {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #253d2c;
  color: #ffffff;
  border-radius: 12px;
  padding: 12px 24px;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.15s;
}

.cart-empty-box .btn-browse:hover {
  background: #17271c;
}

@media (max-width: 1000px) {
  .cart-main-grid {
    grid-template-columns: 1fr;
  }
  .cart-upsells-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   CHECKOUT PAGE (Concept 1: Dual-Column Luxury Checkout)
   ========================================================= */

.checkout-page-wrap {
  margin-top: 14px;
}

.checkout-step-indicator {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
  font-size: 13px;
}

.checkout-step-indicator .step-done {
  color: #2b773c;
  font-weight: 700;
  text-decoration: none;
}

.checkout-step-indicator .step-sep {
  color: #c0b8ac;
}

.checkout-step-indicator .step-active {
  color: #1b2e20;
  font-weight: 800;
}

.checkout-step-indicator .step-passive {
  color: #98a39a;
}

.checkout-header-row {
  margin-bottom: 24px;
}

.checkout-h1 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 30px;
  color: #17241a;
  margin: 0 0 4px;
  font-weight: 400;
}

.checkout-sub {
  font-size: 13.5px;
  color: #637064;
  margin: 0;
}

.checkout-main-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 32px;
  align-items: start;
  margin-bottom: 40px;
}

.checkout-left-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.checkout-box {
  background: #ffffff;
  border: 1px solid #e5dbcc;
  border-radius: 20px;
  padding: 26px 28px;
  box-shadow: 0 4px 18px rgba(30, 25, 15, 0.05);
}

.checkout-box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.checkout-box-title {
  font-size: 16px;
  font-weight: 800;
  color: #1a251b;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.checkout-add-address-link {
  font-size: 12.5px;
  font-weight: 700;
  color: #c38b28;
  text-decoration: none;
}

.checkout-add-address-link:hover {
  text-decoration: underline;
}

/* Address Radio Grid */
.address-radio-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 18px;
}

.address-radio-card {
  border: 1.5px solid #dfd4c2;
  border-radius: 14px;
  padding: 16px;
  cursor: pointer;
  background: #fbf9f4;
  transition: all 0.2s ease;
  position: relative;
}

.address-radio-card:hover {
  border-color: #c38b28;
}

.address-radio-card.selected {
  border-color: #2b773c;
  background: #f4faf5;
  box-shadow: 0 0 0 1px #2b773c;
}

.address-radio-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.address-radio-header input[type="radio"] {
  accent-color: #2b773c;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.address-radio-title {
  font-size: 13.5px;
  font-weight: 800;
  color: #1a251b;
}

.address-radio-body {
  font-size: 12px;
  color: #637064;
  line-height: 1.5;
  padding-left: 26px;
}

.address-radio-body strong {
  color: #1a251b;
  display: block;
  margin-bottom: 2px;
}

.delivery-note-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 10px;
}

.delivery-note-wrap label {
  font-size: 12px;
  font-weight: 700;
  color: #637064;
}

.delivery-note-input {
  border: 1px solid #d8ccb8;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13px;
  background: #fbf9f4;
  color: #1a251b;
}

.delivery-note-input:focus {
  outline: none;
  border-color: #c38b28;
}

/* Payment Section with Visual Card */
.payment-split-wrap {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 24px;
  align-items: start;
  margin-bottom: 20px;
}

/* Visual Credit Card */
.visual-cc-card {
  background: linear-gradient(135deg, #1b3322 0%, #0d1e13 100%);
  border: 1.5px solid #e5b342;
  border-radius: 16px;
  padding: 20px;
  color: #ffffff;
  box-shadow: 0 8px 24px rgba(27, 46, 32, 0.25);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 170px;
}

.cc-top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cc-brand {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 14px;
  letter-spacing: 1px;
  color: #e5b342;
}

.cc-chip {
  font-size: 11px;
  background: #d4a843;
  color: #1b2e20;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 4px;
}

.cc-number-display {
  font-family: 'Courier New', monospace;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 2px;
  color: #ffffff;
  margin: 10px 0;
}

.cc-bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.cc-holder-display {
  font-size: 11px;
  font-weight: 700;
  color: #d1dfd4;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.cc-expiry-display {
  font-size: 12px;
  font-weight: 700;
  color: #e5b342;
  font-family: 'Courier New', monospace;
}

/* Form inputs in payment box */
.checkout-form-fields {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.checkout-input-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.checkout-input-group label {
  font-size: 12px;
  font-weight: 700;
  color: #556658;
}

.checkout-input-group input {
  border: 1px solid #d8ccb8;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13px;
  background: #fbf9f4;
  color: #1a251b;
}

.checkout-input-group input:focus {
  outline: none;
  border-color: #c38b28;
}

.checkout-two-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.checkout-terms-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #ede4d6;
}

.checkout-checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  color: #556658;
  cursor: pointer;
  line-height: 1.4;
}

.checkout-checkbox-label input {
  accent-color: #2b773c;
  margin-top: 2px;
  cursor: pointer;
}

/* Right Summary Sidebar for Checkout */
.checkout-summary-box {
  background: #ffffff;
  border: 1px solid #e5dbcc;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 4px 18px rgba(30, 25, 15, 0.05);
}

.checkout-summary-box h2 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 22px;
  color: #17241a;
  margin: 0 0 16px;
  font-weight: 400;
}

.checkout-mini-products-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid #ede4d6;
}

.checkout-mini-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.checkout-mini-item img {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
  background: #f4ede0;
}

.checkout-mini-info {
  flex-grow: 1;
}

.checkout-mini-title {
  font-size: 12.5px;
  font-weight: 800;
  color: #1a251b;
  margin: 0 0 2px;
}

.checkout-mini-sub {
  font-size: 11px;
  color: #718073;
  margin: 0;
}

.checkout-mini-price {
  font-size: 13px;
  font-weight: 800;
  color: #1b2e20;
}

.btn-complete-order-cta {
  width: 100%;
  background: #c38b28;
  color: #ffffff;
  border: none;
  border-radius: 14px;
  padding: 16px;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 4px 16px rgba(195, 139, 40, 0.35);
  transition: all 0.15s ease;
  margin-top: 18px;
}

.btn-complete-order-cta:hover {
  background: #aa761e;
  transform: translateY(-1px);
}

@media (max-width: 1000px) {
  .checkout-main-grid {
    grid-template-columns: 1fr;
  }
  .payment-split-wrap {
    grid-template-columns: 1fr;
  }
  .address-radio-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   ADMIN DASHBOARD (Concept 1: Emerald Command Center)
   ========================================================= */

.dashboard.shell-wide {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 28px;
  max-width: 1440px;
  margin: 20px auto;
  padding: 0 20px;
  align-items: start;
}

/* Dark Emerald Executive Sidebar */
aside.sidebar {
  background: #142318;
  border-radius: 20px;
  padding: 24px 18px;
  color: #ffffff;
  box-shadow: 0 6px 24px rgba(15, 30, 20, 0.2);
  position: sticky;
  top: 20px;
}

aside.sidebar h2 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 20px;
  color: #ffffff;
  margin: 0 0 4px;
  letter-spacing: 0.5px;
}

aside.sidebar .sidebar-tag {
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  color: #e5b342;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

aside.sidebar .muted {
  font-size: 12px;
  color: #a4b8a8;
  margin: 0 0 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid #233a28;
}

.side-links {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 24px;
}

.side-links a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #c9d8cc;
  text-decoration: none;
  transition: all 0.15s ease;
}

.side-links a:hover {
  background: #1c3222;
  color: #ffffff;
}

.side-links a.side-active {
  background: #1c3222;
  color: #e5b342;
  font-weight: 800;
  border: 1px solid rgba(229, 179, 66, 0.4);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

aside.sidebar .btn-outline {
  border-color: #314d38;
  color: #d1dfd4;
  font-size: 12px;
  font-weight: 700;
  border-radius: 10px;
}

aside.sidebar .btn-outline:hover {
  background: #233a28;
  color: #ffffff;
}

/* Main Dashboard Container */
.dash-main {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* Header & Action Toolbar */
.dash-title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 6px;
}

.dash-h1 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 28px;
  color: #17241a;
  margin: 0 0 4px;
  font-weight: 400;
}

.dash-sub {
  font-size: 13px;
  color: #637064;
  margin: 0;
}

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

.btn-dash-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.15s ease;
}

.btn-dash-action.gold {
  background: #c38b28;
  color: #ffffff;
  box-shadow: 0 3px 12px rgba(195, 139, 40, 0.3);
}

.btn-dash-action.gold:hover {
  background: #aa761e;
}

.btn-dash-action.white {
  background: #ffffff;
  color: #1b2e20;
  border: 1px solid #dcd1be;
}

.btn-dash-action.white:hover {
  background: #fbf9f4;
  border-color: #c38b28;
}

/* Active Order Cycle Banner */
.admin-cycle-banner {
  background: linear-gradient(135deg, #1b2e20 0%, #102115 100%);
  border-radius: 18px;
  padding: 18px 24px;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 6px 20px rgba(27, 46, 32, 0.15);
  border: 1px solid rgba(229, 179, 66, 0.25);
}

.admin-cycle-info .cycle-tag {
  font-size: 10.5px;
  font-weight: 800;
  color: #e5b342;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
}

.admin-cycle-info h3 {
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 4px;
}

.admin-cycle-info .cycle-deadline {
  font-size: 12px;
  color: #cad8ce;
  margin: 0;
}

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

.cycle-open-badge {
  background: #25783c;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  padding: 5px 12px;
  border-radius: 20px;
  letter-spacing: 0.5px;
}

/* 4 Executive KPI Cards */
.admin-kpis-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.admin-kpi-card {
  background: #ffffff;
  border: 1px solid #e5dbcc;
  border-radius: 16px;
  padding: 18px 20px;
  box-shadow: 0 4px 16px rgba(30, 25, 15, 0.04);
}

.admin-kpi-label {
  font-size: 11.5px;
  font-weight: 800;
  color: #718073;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
  display: block;
}

.admin-kpi-val {
  font-size: 22px;
  font-weight: 800;
  color: #1b2e20;
  margin-bottom: 4px;
  letter-spacing: -0.5px;
}

.admin-kpi-sub {
  font-size: 11px;
  color: #2b773c;
  font-weight: 700;
}

/* Main Split Area (Left: Orders + Products, Right: Prep + Routes) */
.admin-split-layout {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 24px;
  align-items: start;
}

.admin-left-stack, .admin-right-stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.admin-card {
  background: #ffffff;
  border: 1px solid #e5dbcc;
  border-radius: 18px;
  padding: 22px 24px;
  box-shadow: 0 4px 16px rgba(30, 25, 15, 0.04);
}

.admin-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.admin-card-head h3 {
  font-size: 15px;
  font-weight: 800;
  color: #1a251b;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.admin-card-head a.head-link {
  font-size: 12px;
  font-weight: 700;
  color: #c38b28;
  text-decoration: none;
}

.admin-card-head a.head-link:hover {
  text-decoration: underline;
}

/* Table styles */
.admin-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
}

.admin-table th {
  background: #fbf8f2;
  color: #718073;
  font-weight: 800;
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid #ede4d6;
}

.admin-table td {
  padding: 12px;
  border-bottom: 1px solid #f2ede4;
  color: #243828;
}

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

.admin-table .order-num {
  font-weight: 800;
  color: #1b2e20;
  text-decoration: none;
}

.admin-table .order-num:hover {
  color: #c38b28;
}

/* Status Badges */
.badge-pay-paid {
  background: #e7f6eb;
  color: #1e7033;
  font-size: 10.5px;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 6px;
}

.badge-del-prep {
  background: #fdf5e6;
  color: #9c680f;
  font-size: 10.5px;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 6px;
}

.badge-del-done {
  background: #e7f6eb;
  color: #1e7033;
  font-size: 10.5px;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 6px;
}

/* Partner Prep Feed */
.prep-feed-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.prep-feed-item {
  background: #fbf9f4;
  border: 1px solid #e5dccb;
  border-radius: 12px;
  padding: 12px 14px;
}

.prep-feed-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}

.prep-partner-name {
  font-size: 12.5px;
  font-weight: 800;
  color: #1a251b;
}

.prep-status-pill {
  font-size: 10.5px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 4px;
}

.prep-status-pill.ready {
  background: #e7f6eb;
  color: #1e7033;
}

.prep-status-pill.cooking {
  background: #fdf5e6;
  color: #9c680f;
}

.prep-details {
  font-size: 11.5px;
  color: #637064;
  margin: 0;
}

/* Route Density Bars */
.route-density-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.route-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.route-item-head {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 700;
  color: #1a251b;
}

.route-bar-bg {
  width: 100%;
  height: 6px;
  background: #ede4d6;
  border-radius: 3px;
  overflow: hidden;
}

.route-bar-fill {
  height: 100%;
  background: #2b773c;
  border-radius: 3px;
}

@media (max-width: 1100px) {
  .dashboard.shell-wide {
    grid-template-columns: 1fr;
  }
  aside.sidebar {
    position: static;
  }
  .admin-split-layout {
    grid-template-columns: 1fr;
  }
  .admin-kpis-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* =========================================================
   ORDER CYCLE MANAGEMENT (Concept 1: Timeline & Command)
   ========================================================= */

.cycle-hero-card {
  background: linear-gradient(135deg, #1b2e20 0%, #0f1c13 100%);
  border: 1px solid rgba(229, 179, 66, 0.35);
  border-radius: 20px;
  padding: 26px 28px;
  color: #ffffff;
  box-shadow: 0 8px 28px rgba(15, 30, 20, 0.2);
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.cycle-hero-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.cycle-hero-title-wrap .cycle-eyebrow {
  font-size: 11px;
  font-weight: 800;
  color: #e5b342;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 6px;
}

.cycle-hero-title-wrap h2 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 24px;
  color: #ffffff;
  margin: 0 0 6px;
  letter-spacing: 0.5px;
}

.cycle-hero-title-wrap .cycle-meta {
  font-size: 13px;
  color: #c9d8cc;
  margin: 0;
}

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

.cycle-status-pill-lg {
  padding: 8px 16px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.cycle-status-pill-lg.open {
  background: #25783c;
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(37, 120, 60, 0.35);
}

.cycle-status-pill-lg.closed {
  background: #7a2626;
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(122, 38, 38, 0.35);
}

.btn-cycle-ctrl {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 800;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
}

.btn-cycle-ctrl.danger {
  background: #b53838;
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(181, 56, 56, 0.35);
}

.btn-cycle-ctrl.danger:hover {
  background: #9b2828;
}

.btn-cycle-ctrl.success {
  background: #25783c;
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(37, 120, 60, 0.35);
}

.btn-cycle-ctrl.success:hover {
  background: #1c612f;
}

/* 4-Step Timeline */
.cycle-timeline-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  background: rgba(15, 28, 19, 0.6);
  border-radius: 14px;
  padding: 12px;
  border: 1px solid rgba(229, 179, 66, 0.15);
}

.cycle-timeline-step {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 10px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.cycle-timeline-step.active {
  background: #e5b342;
  color: #142318;
  border-color: #e5b342;
  box-shadow: 0 4px 12px rgba(229, 179, 66, 0.3);
}

.cycle-timeline-step .st-num {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
}

.cycle-timeline-step .st-title {
  font-size: 12.5px;
  font-weight: 700;
}

.cycle-timeline-step .st-sub {
  font-size: 10.5px;
  opacity: 0.85;
}

.cycle-timeline-step.active .st-num,
.cycle-timeline-step.active .st-title,
.cycle-timeline-step.active .st-sub {
  color: #142318;
}

/* 2-Col Plan & Rules */
.cycle-two-col {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 24px;
}

.cycle-rule-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cycle-rule-item {
  background: #fbf9f4;
  border: 1px solid #e5dccb;
  border-radius: 12px;
  padding: 14px 16px;
}

.cycle-rule-item h4 {
  font-size: 13px;
  font-weight: 800;
  color: #1b2e20;
  margin: 0 0 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.cycle-rule-item p {
  font-size: 11.5px;
  color: #637064;
  margin: 0;
  line-height: 1.45;
}

@media (max-width: 1000px) {
  .cycle-timeline-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .cycle-two-col {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   CUMARTESİ DAĞITIMI (Concept 1: Filter Tabs & Split Panels)
   ========================================================= */

.delivery-filter-pills {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.filter-pill-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
  color: #1b2e20;
  background: #f4ede2;
  border: 1px solid #dfd5c4;
  text-decoration: none;
  transition: all 0.15s ease;
}

.filter-pill-btn:hover {
  background: #e8ded0;
  color: #142318;
}

.filter-pill-btn.active {
  background: #1b2e20;
  color: #e5b342;
  border-color: #1b2e20;
  box-shadow: 0 2px 8px rgba(20, 35, 24, 0.2);
}

.badge-del-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
}

.badge-del-status.delivered {
  background: #e7f6eb;
  color: #1e7033;
  border: 1px solid rgba(30, 112, 51, 0.2);
}

.badge-del-status.on_the_way {
  background: #fdf5e6;
  color: #9c680f;
  border: 1px solid rgba(156, 104, 15, 0.25);
}

.badge-del-status.preparing {
  background: #f0f4f1;
  color: #556658;
  border: 1px solid #d4ded6;
}

.btn-mark-delivered {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #25783c;
  color: #ffffff;
  border: none;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.15s ease;
}

.btn-mark-delivered:hover {
  background: #1c612f;
}

/* =========================================================
   TABBED RICH PRODUCT DETAIL EDITOR (Concept 1 Clean View)
   ========================================================= */

.editor-card-wrap {
  background: #ffffff;
  border: 1px solid #e2d6c1;
  border-radius: 16px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
  margin-bottom: 28px;
  overflow: hidden;
}

.editor-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: #ffffff;
  border-bottom: 1px solid #f0e7d8;
  gap: 16px;
  flex-wrap: wrap;
}

.editor-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.editor-mode-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #e7f6eb;
  color: #1e7033;
  font-size: 10.5px;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 4px;
  width: fit-content;
}

.editor-title-wrap h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: #1b2e20;
}

.editor-tabs-bar {
  display: flex;
  gap: 8px;
  padding: 12px 20px;
  background: #faf6ee;
  border-bottom: 1px solid #e8decb;
  overflow-x: auto;
}

.editor-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 8px;
  border: 1px solid #e0d4be;
  background: #ffffff;
  color: #556658;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.editor-tab-btn:hover {
  background: #f4ecdc;
  color: #1b2e20;
}

.editor-tab-btn.active {
  background: #1b2e20;
  color: #e5b342;
  border-color: #1b2e20;
  box-shadow: 0 2px 8px rgba(20, 35, 24, 0.18);
}

.editor-pane-body {
  padding: 22px 20px;
  background: #ffffff;
}

.editor-tab-pane {
  display: none;
}

.editor-tab-pane.active {
  display: block;
  animation: tabFadeIn 0.2s ease-out;
}

@keyframes tabFadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

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

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

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

.editor-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.editor-field label {
  font-size: 11px;
  font-weight: 800;
  color: #1b2e20;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1px;
}

.editor-field input,
.editor-field select,
.editor-field textarea {
  border: 1px solid #dcd1bd;
  border-radius: 8px;
  padding: 9px 12px;
  font-size: 12.5px;
  background: #fdfcf9;
  color: #1b2e20;
  font-family: inherit;
  width: 100%;
  box-sizing: border-box;
  height: 40px;
}

.editor-field textarea {
  height: auto;
}

.editor-field input:focus,
.editor-field select:focus,
.editor-field textarea:focus {
  border-color: #c38b28;
  background: #ffffff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(195, 139, 40, 0.12);
}

.portion-item-row {
  display: grid;
  grid-template-columns: 90px 2fr 1.2fr;
  gap: 12px;
  align-items: center;
  background: #fbf9f4;
  border: 1px solid #ebdcc5;
  border-radius: 10px;
  padding: 10px 14px;
}

.portion-item-row .p-tag {
  font-size: 11px;
  font-weight: 800;
  color: #718073;
}

.badge-item-row {
  display: grid;
  grid-template-columns: 90px 1.4fr 2fr;
  gap: 12px;
  align-items: center;
  background: #fbf9f4;
  border: 1px solid #ebdcc5;
  border-radius: 10px;
  padding: 10px 14px;
}

.badge-item-row .b-tag {
  font-size: 11px;
  font-weight: 800;
  color: #718073;
}

.editor-bottom-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px;
  background: #faf7f0;
  border-top: 1px solid #ebdcc5;
  gap: 16px;
  flex-wrap: wrap;
}

@media (max-width: 900px) {
  .editor-grid-3, .editor-grid-2 {
    grid-template-columns: 1fr;
  }
  .portion-item-row, .badge-item-row {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   SYSTEM PARAMETERS MANAGEMENT (/panel/yonetim/parametreler)
   ========================================================= */

.param-tab-card {
  background: #ffffff;
  border: 1px solid #ebdcc5;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  overflow: hidden;
  margin-top: 10px;
}

.param-tabs-nav {
  display: flex;
  gap: 10px;
  background: #faf6ee;
  border-bottom: 1px solid #ebdcc5;
  padding: 12px 20px;
  flex-wrap: wrap;
}

.param-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  border: 1px solid #dcd1bd;
  background: #ffffff;
  color: #556658;
  transition: all 0.15s ease;
}

.param-tab-btn:hover {
  border-color: #c38b28;
  color: #1b2e20;
}

.param-tab-btn.active {
  background: #1b2e20;
  color: #e5b342;
  border-color: #1b2e20;
  box-shadow: 0 4px 12px rgba(27, 46, 32, 0.18);
}

.param-tab-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 800;
  background: rgba(229, 179, 66, 0.2);
  color: #e5b342;
}

.param-tab-btn:not(.active) .param-tab-badge {
  background: #f0e6d6;
  color: #718073;
}

.param-tab-pane {
  display: none;
  padding: 24px;
}

.param-tab-pane.active {
  display: block;
}

.param-tab-header {
  margin-bottom: 18px;
}

.param-tab-header h3 {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 800;
  color: #1b2e20;
}

.param-tab-header p {
  margin: 0;
  font-size: 12.5px;
  color: #718073;
}

.param-wide-add-box {
  display: flex;
  gap: 12px;
  background: #fdfbf7;
  border: 1px solid #e2d6c1;
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 22px;
  align-items: center;
  flex-wrap: wrap;
}

.param-wide-add-box input {
  border: 1px solid #dcd1bd;
  border-radius: 6px;
  padding: 9px 14px;
  font-size: 12.5px;
  background: #ffffff;
  color: #1b2e20;
}

.param-wide-add-box input:focus {
  border-color: #c38b28;
  outline: none;
  box-shadow: 0 0 0 2px rgba(195, 139, 40, 0.12);
}

.param-wide-add-box button {
  background: #1b2e20;
  color: #e5b342;
  border: none;
  border-radius: 6px;
  padding: 9px 20px;
  font-size: 12.5px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s;
}

.param-wide-add-box button:hover {
  background: #28442f;
}

.param-wide-table {
  width: 100%;
  border-collapse: collapse;
}

.param-wide-table th {
  background: #f5f0e6;
  color: #5a6c5d;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.3px;
  padding: 11px 16px;
  text-align: left;
  border-bottom: 1px solid #e8decb;
}

.param-wide-table th.actions-col {
  text-align: right;
}

.param-wide-table td {
  padding: 13px 16px;
  font-size: 13px;
  border-bottom: 1px solid #f0e9dc;
  vertical-align: middle;
}

.param-wide-table tr:hover td {
  background: #faf7f0;
}

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

.param-code-pill {
  display: inline-block;
  font-weight: 800;
  font-size: 12px;
  color: #1e7033;
  background: #eaf4ec;
  padding: 4px 10px;
  border-radius: 6px;
  white-space: nowrap;
}

.param-usage-tag {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 12px;
  white-space: nowrap;
}

.param-usage-tag.active {
  background: #f2f8f3;
  color: #25783c;
}

.param-usage-tag.empty {
  color: #99a89c;
  font-weight: 500;
}

.param-btn-del {
  background: #ffffff;
  border: 1px solid #e0a6a6;
  color: #c0392b;
  font-size: 11.5px;
  padding: 5px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 700;
  transition: all 0.15s;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.param-btn-del:hover {
  background: #fdf2f2;
  border-color: #c0392b;
}

/* =========================================================
   CATALOG MODE SWITCHER, 4-IMAGE GALLERY & SANDIK BUILDER
   ========================================================= */

.catalog-mode-tabs {
  display: flex;
  gap: 10px;
  background: #ede5d5;
  border-radius: 12px;
  padding: 6px;
  margin-bottom: 22px;
}

.catalog-mode-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: 9px;
  font-size: 13.5px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.15s ease;
  color: #556658;
  background: transparent;
}

.catalog-mode-btn.active {
  background: #1b2e20;
  color: #e5b342;
  box-shadow: 0 4px 14px rgba(27, 46, 32, 0.2);
}

.catalog-mode-btn:not(.active):hover {
  background: #ffffff;
  color: #1b2e20;
}

/* 4-Item Image Gallery Selector & Direct File Upload */
.gallery-section-box {
  background: #fdfbf7;
  border: 1px solid #ebdcc5;
  border-radius: 14px;
  padding: 18px;
  margin-top: 10px;
}

.gallery-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  flex-wrap: wrap;
  gap: 10px;
}

.gallery-section-header h4 {
  margin: 0;
  font-size: 13.5px;
  font-weight: 800;
  color: #1b2e20;
}

.gallery-btn-bulk {
  background: #25783c;
  color: #ffffff;
  border: 1px solid #339c50;
  padding: 7px 14px;
  border-radius: 7px;
  font-size: 11.5px;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: background 0.15s ease;
}

.gallery-btn-bulk:hover {
  background: #1c6430;
}

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

@media (max-width: 900px) {
  .gallery-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.gallery-slot-card {
  background: #ffffff;
  border: 1px solid #dcd1bd;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: all 0.2s ease;
  min-height: 250px;
}

.gallery-slot-card.cover {
  border: 2px solid #c38b28;
  background: #fffdf9;
  box-shadow: 0 4px 14px rgba(195, 139, 40, 0.08);
}

.gallery-slot-badge {
  font-size: 10.5px;
  font-weight: 800;
  color: #556658;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4px;
}

.gallery-slot-badge.cover-badge {
  color: #a46d14;
}

/* Empty State / Dropzone */
.gallery-dropzone-empty {
  flex: 1;
  border: 2px dashed #c8baa0;
  background: #fdfbf7;
  border-radius: 9px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 10px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: 190px;
}

.gallery-dropzone-empty:hover,
.gallery-dropzone-empty.drag-active {
  border-color: #25783c;
  background: #f0f7f2;
}

.dropzone-cloud-icon {
  font-size: 26px;
  margin-bottom: 6px;
  color: #718073;
}

.dropzone-main-text {
  font-size: 12px;
  font-weight: 800;
  color: #1b2e20;
  margin-bottom: 2px;
}

.dropzone-sub-text {
  font-size: 11px;
  color: #718073;
  margin-bottom: 4px;
}

.dropzone-hint-text {
  font-size: 9.5px;
  color: #99a89c;
  margin-bottom: 10px;
}

.gallery-btn-browse {
  background: #25783c;
  color: #ffffff;
  border: none;
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.15s ease;
  pointer-events: none; /* Let parent click trigger */
}

.gallery-dropzone-empty:hover .gallery-btn-browse {
  background: #1c6430;
}

/* Preview Card State (When Image is Loaded) */
.gallery-preview-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gallery-img-wrap {
  position: relative;
  width: 100%;
  height: 135px;
  border-radius: 8px;
  overflow: hidden;
  background: #f5f0e6;
  border: 1px solid #ebdcc5;
}

.gallery-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.gallery-uploaded-tag {
  position: absolute;
  top: 6px;
  right: 6px;
  background: #1e7033;
  color: #ffffff;
  font-size: 9.5px;
  font-weight: 800;
  padding: 3px 6px;
  border-radius: 4px;
}

.gallery-file-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gallery-file-name {
  font-size: 11px;
  font-weight: 700;
  color: #1b2e20;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.gallery-card-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-top: auto;
}

.gallery-btn-change {
  background: #f0f7f2;
  color: #1e7033;
  border: 1px solid #bcd8c3;
  padding: 6px 8px;
  border-radius: 6px;
  font-size: 10.5px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.15s ease;
}

.gallery-btn-change:hover {
  background: #25783c;
  color: #ffffff;
}

.gallery-btn-remove {
  background: #fff5f5;
  color: #b53838;
  border: 1px solid #f0c5c5;
  padding: 6px 8px;
  border-radius: 6px;
  font-size: 10.5px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.15s ease;
}

.gallery-btn-remove:hover {
  background: #b53838;
  color: #ffffff;
}

/* Sandık Builder Layout */
.sandik-builder-split {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 20px;
  margin-top: 16px;
  align-items: start;
}

@media (max-width: 992px) {
  .sandik-builder-split {
    grid-template-columns: 1fr;
  }
}

.sandik-pool-box,
.sandik-basket-box {
  background: #ffffff;
  border: 1px solid #ebdcc5;
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03);
}

.sandik-search-bar {
  position: relative;
  margin-bottom: 12px;
}

.sandik-search-bar input {
  width: 100%;
  padding: 10px 14px 10px 36px;
  border: 1.5px solid #c38b28;
  border-radius: 8px;
  font-size: 13px;
  background: #fdfbf7;
  color: #1b2e20;
  box-sizing: border-box;
}

.sandik-search-bar input:focus {
  background: #ffffff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(195, 139, 40, 0.15);
}

.sandik-search-bar .search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  color: #c38b28;
}

.sandik-prods-scroll {
  max-height: 440px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 4px;
}

.sandik-prod-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fbf9f4;
  border: 1px solid #ebdcc5;
  border-radius: 8px;
  padding: 10px 14px;
  transition: all 0.15s;
}

.sandik-prod-item:hover {
  background: #f7f2e7;
  border-color: #c38b28;
}

.sandik-prod-item.selected {
  background: #eaf4ec;
  border-color: #25783c;
}

.sandik-prod-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sandik-prod-name {
  font-size: 12.5px;
  font-weight: 800;
  color: #1b2e20;
}

.sandik-prod-meta {
  font-size: 11px;
  color: #718073;
}

.sandik-btn-add {
  background: #1b2e20;
  color: #e5b342;
  border: none;
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 11.5px;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}

.sandik-btn-add:hover {
  background: #28442f;
}

.sandik-btn-added {
  background: #eaf4ec;
  color: #1e7033;
  border: 1px solid #25783c;
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 800;
}

/* Sandık Basket Items */
.sandik-basket-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 18px;
  min-height: 100px;
}

.sandik-basket-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fdfbf7;
  border: 1px solid #ebdcc5;
  border-radius: 8px;
  padding: 9px 12px;
}

.sandik-basket-remove {
  background: #fff0ed;
  border: 1px solid #edc9c2;
  color: #9a3c31;
  border-radius: 5px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.sandik-calc-card {
  background: #f5f0e6;
  border: 1px solid #ebdcc5;
  border-radius: 10px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 18px;
}

.sandik-calc-line {
  display: flex;
  justify-content: space-between;
  font-size: 12.5px;
}

.sandik-advantage-pill {
  background: #eaf4ec;
  color: #1e7033;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 800;
  text-align: center;
}

/* Modern Invite Banner Card */
.invite-banner-card {
  background: #fdfbf7;
  border: 2px dashed #d1c1a5;
  border-radius: 12px;
  padding: 18px 20px;
  margin-bottom: 20px;
}

.copy-input-group {
  display: flex;
  gap: 10px;
}

.copy-input-group input {
  flex: 1;
  background: #ffffff;
  border: 1px solid #d4ded6;
  border-radius: 8px;
  padding: 10px 14px;
  font-family: monospace;
  font-size: 13px;
  color: #1b2e20;
  font-weight: 600;
}

.copy-input-group button {
  white-space: nowrap;
}

/* ==========================================================================
   REPORTING, DRILL-DOWN & PROFITABILITY DASHBOARD STYLES
   ========================================================================== */

.report-tabs-bar {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.report-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: #f5f0e6;
  border: 1px solid #ebdcc5;
  border-radius: 10px;
  color: #556658;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

.report-tab-btn:hover {
  background: #ede3d1;
  color: #1b2e20;
}

.report-tab-btn.active {
  background: #1b2e20;
  border-color: #1b2e20;
  color: #ffffff;
}

/* Date Filter Toolbar */
.report-date-toolbar {
  background: #ffffff;
  border: 1px solid #e3ded5;
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.report-date-pills-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.report-date-pill {
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 700;
  text-decoration: none;
  background: #f4f6f4;
  color: #556658;
  border: 1px solid #dce4dd;
  transition: all 0.15s ease;
}

.report-date-pill:hover {
  background: #e5ece6;
  color: #1b2e20;
}

.report-date-pill.active {
  background: #25783c;
  color: #ffffff;
  border-color: #25783c;
}

.report-date-custom-form {
  display: flex;
  align-items: center;
  gap: 8px;
}

.report-date-custom-form input[type="date"] {
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid #dce4dd;
  font-size: 11.5px;
  color: #1b2e20;
  background: #ffffff;
  font-family: inherit;
}

/* Drilldown Selector & Stats Strip */
.drilldown-filter-box {
  background: #ffffff;
  border: 1px solid #e3ded5;
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.drilldown-select-row {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.drilldown-select-row select {
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid #d2ded5;
  font-size: 13px;
  font-weight: 700;
  color: #1b2e20;
  background: #ffffff;
  min-width: 320px;
}

.drilldown-stat-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  background: #f8faf8;
  border: 1px solid #e2ebe4;
  border-radius: 10px;
  padding: 12px 16px;
}

.drilldown-stat-item {
  display: flex;
  flex-direction: column;
}

.drilldown-stat-label {
  font-size: 11px;
  color: #718073;
  font-weight: 600;
}

.drilldown-stat-val {
  font-size: 16px;
  font-weight: 800;
  color: #1b2e20;
  margin-top: 2px;
}

.profit-green {
  color: #1e7033 !important;
  font-weight: 800;
}

.cost-gold {
  color: #a86c0e !important;
  font-weight: 700;
}

.report-items-list {
  font-size: 12px;
  line-height: 1.5;
  color: #2b3d2e;
}

.report-sub-item {
  display: block;
  font-size: 11px;
  color: #718073;
}

/* Master-Detail Search & Navigation Styles */
.report-search-box {
  background: #ffffff;
  border: 1px solid #dce4dd;
  border-radius: 12px;
  padding: 14px 18px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.report-search-input-wrap {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
}

.report-search-input-wrap .search-icon {
  position: absolute;
  left: 12px;
  font-size: 14px;
  color: #718073;
  pointer-events: none;
}

.report-search-input-wrap input {
  width: 100%;
  padding: 10px 14px 10px 38px;
  border: 1px solid #ccd8cf;
  border-radius: 8px;
  font-size: 13px;
  color: #1b2e20;
  background: #fdfdfd;
  font-family: inherit;
  transition: all 0.2s ease;
}

.report-search-input-wrap input:focus {
  outline: none;
  border-color: #1e7033;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(30, 112, 51, 0.12);
}

.report-filter-pills-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.report-filter-pill-btn {
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 700;
  text-decoration: none;
  background: #f4f6f4;
  color: #556658;
  border: 1px solid #dce4dd;
  cursor: pointer;
  transition: all 0.15s ease;
}

.report-filter-pill-btn:hover {
  background: #e5ece6;
  color: #1b2e20;
}

.report-filter-pill-btn.active {
  background: #1b2e20;
  color: #ffffff;
  border-color: #1b2e20;
}

.drilldown-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  background: #ffffff;
  border: 1px solid #cbd7ce;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 800;
  color: #1b2e20;
  text-decoration: none;
  transition: all 0.2s ease;
}

.drilldown-back-btn:hover {
  background: #f0f4f1;
  border-color: #1e7033;
  color: #1e7033;
}

.drilldown-profile-card {
  background: #fdfaf3;
  border: 1px solid #ebdcc5;
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.drilldown-profile-info {
  display: flex;
  align-items: center;
  gap: 14px;
}

.drilldown-avatar-badge {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #1b2e20;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 800;
}

.drilldown-profile-text h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: #1b2e20;
}

.drilldown-profile-text p {
  margin: 2px 0 0;
  font-size: 12px;
  color: #718073;
}

/* ========================================================
   ORDER MANAGEMENT & STATUS MODAL STYLES (COMPACT & NO SCROLL)
   ======================================================== */
.spacious-orders-card {
  background: #ffffff;
  border: 1px solid #dcd1be;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,0.04);
  margin-top: 14px;
  width: 100%;
}

.spacious-orders-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
  table-layout: fixed;
}

.spacious-orders-table thead th {
  background: #f4f1ea;
  color: #1b2e20;
  font-weight: 800;
  padding: 10px 12px;
  text-align: left;
  border-bottom: 2px solid #e2dac9;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.spacious-orders-table tbody td {
  padding: 10px 12px;
  border-bottom: 1px solid #eee8dc;
  vertical-align: middle;
  color: #1b2e20;
  overflow: hidden;
  text-overflow: ellipsis;
}

.spacious-orders-table tbody tr {
  transition: background 0.12s ease;
}

.spacious-orders-table tbody tr:hover {
  background: #fbf9f4;
}

.order-customer-row {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.order-customer-name {
  font-size: 13px;
  font-weight: 800;
  color: #1b2e20;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-contact-strip {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.order-contact-pill {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: #f4f1ea;
  border: 1px solid #dcd1be;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  color: #1b2e20;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.12s ease, border-color 0.12s ease;
}

.order-contact-pill:hover {
  background: #e9e4d8;
  border-color: #c38b28;
  color: #c38b28;
}

.order-whatsapp-btn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: #25D366;
  color: #ffffff !important;
  font-size: 10.5px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 4px;
  text-decoration: none;
  transition: opacity 0.12s ease;
}

.order-whatsapp-btn:hover {
  opacity: 0.9;
}

.btn-manage-order {
  background: #c38b28;
  color: #ffffff !important;
  border: none;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  transition: background 0.12s ease;
}

.btn-manage-order:hover {
  background: #a86c0e;
}

.spacious-partners-table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse;
  font-size: 12px;
}

.spacious-partners-table thead th {
  background: #fbf8f2;
  color: #718073;
  font-weight: 800;
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  padding: 11px 10px;
  border-bottom: 1px solid #ede4d6;
  white-space: normal;
  word-break: break-word;
}

.spacious-partners-table tbody td {
  padding: 12px 10px;
  border-bottom: 1px solid #f2ede4;
  color: #243828;
  vertical-align: middle;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.spacious-partners-table tbody td strong {
  display: block;
  line-height: 1.35;
  word-break: break-word;
  overflow-wrap: break-word;
}

.spacious-partners-table tbody td small.block {
  display: block;
  margin-top: 3px;
  line-height: 1.3;
  word-break: break-word;
}

.spacious-partners-table tbody tr:hover {
  background: #fdfbf7;
}

.spacious-partners-table tbody tr:last-child td {
  border-bottom: none;
}

.order-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 11.5px;
  font-weight: 800;
  white-space: nowrap;
}

.order-status-badge.confirmed {
  background: #e0e7ff;
  color: #3730a3;
  border: 1px solid #c7d2fe;
}

.order-status-badge.preparing {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fde68a;
}

.order-status-badge.on_the_way {
  background: #dbeafe;
  color: #1e40af;
  border: 1px solid #bfdbfe;
}

.order-status-badge.delivered {
  background: #dcfce7;
  color: #166534;
  border: 1px solid #bbf7d0;
}

.order-status-badge.cancelled {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}

/* ========================================================
   MODAL DIALOG STYLES
   ======================================================== */
.order-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 28, 20, 0.65);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.order-modal-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}

.order-modal-card {
  background: #ffffff;
  width: 100%;
  max-width: 660px;
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 16px;
  border: 1px solid #dcd1be;
  box-shadow: 0 24px 60px rgba(0,0,0,0.25);
  transform: translateY(20px) scale(0.98);
  transition: transform 0.2s ease;
}

.order-modal-backdrop.is-open .order-modal-card {
  transform: translateY(0) scale(1);
}

.order-modal-head {
  background: #1b2e20;
  color: #ffffff;
  padding: 18px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order-modal-head h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 800;
  color: #ffffff;
}

.order-modal-close-btn {
  background: none;
  border: none;
  color: #e6ca95;
  font-size: 26px;
  cursor: pointer;
  line-height: 1;
  padding: 2px 8px;
  border-radius: 6px;
  transition: background 0.15s ease;
}

.order-modal-close-btn:hover {
  background: rgba(255,255,255,0.1);
  color: #ffffff;
}

.order-modal-body {
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.order-modal-section-box {
  background: #fbfaf7;
  border: 1px solid #e8e2d5;
  border-radius: 10px;
  padding: 14px 16px;
}

.order-modal-section-box h4 {
  margin: 0 0 10px;
  font-size: 12.5px;
  font-weight: 800;
  color: #1b2e20;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.order-modal-form-box {
  background: #fdfbf7;
  border: 2px solid #c38b28;
  border-radius: 12px;
  padding: 18px;
}

.order-status-select {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1.5px solid #1b2e20;
  font-size: 13.5px;
  font-weight: 700;
  background: #ffffff;
  color: #1b2e20;
  margin-top: 6px;
  margin-bottom: 12px;
}

.order-input-tracking {
  width: 100%;
  padding: 9px 12px;
  border-radius: 8px;
  border: 1px solid #dcd1be;
  font-size: 12.5px;
  background: #ffffff;
  color: #1b2e20;
  margin-top: 6px;
  margin-bottom: 12px;
}

.btn-update-order-status {
  width: 100%;
  background: #1e7033;
  color: #ffffff;
  border: none;
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-update-order-status:hover {
  background: #175a28;
  transform: translateY(-1px);
}

/* ==========================================================================
   NOTIFICATION BELL & DROPDOWN DRAWER
   ========================================================================== */
.hud-notif-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.hud-notif-btn {
  background: #fbf8f2;
  border: 1px solid #dcd1bd;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 15px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  transition: all 0.15s ease;
  line-height: 1;
}

.hud-notif-btn:hover {
  background: #ffffff;
  border-color: #c99f57;
  transform: scale(1.04);
}

.hud-notif-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #dc2626;
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
  min-width: 17px;
  height: 17px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  box-shadow: 0 2px 4px rgba(220, 38, 38, 0.35);
  animation: pulseBadge 2s infinite;
}

@keyframes pulseBadge {
  0% { transform: scale(1); }
  50% { transform: scale(1.12); }
  100% { transform: scale(1); }
}

.hud-notif-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 360px;
  max-width: 90vw;
  background: #ffffff;
  border: 1.5px solid #1b2e20;
  border-radius: 12px;
  box-shadow: 0 14px 35px rgba(27, 46, 32, 0.18);
  z-index: 1000;
  overflow: hidden;
  animation: dropIn 0.18s ease-out;
}

@keyframes dropIn {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

.hud-notif-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fbf8f2;
  padding: 12px 16px;
  border-bottom: 1px solid #ede4d6;
}

.hud-notif-header h4 {
  margin: 0;
  font-size: 13.5px;
  font-weight: 800;
  color: #1b2e20;
}

.btn-mark-all-read {
  background: transparent;
  border: none;
  color: #2b773c;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
  transition: color 0.12s ease;
}

.btn-mark-all-read:hover {
  color: #1e7033;
}

.hud-notif-list {
  max-height: 380px;
  overflow-y: auto;
}

.notif-dropdown-item {
  display: block;
  padding: 12px 16px;
  border-bottom: 1px solid #f2ede4;
  text-decoration: none;
  color: inherit;
  transition: background 0.12s ease;
}

.notif-dropdown-item:hover {
  background: #fdfbf7;
}

.notif-dropdown-item.unread {
  background: #fbf9f4;
  border-left: 3.5px solid #c99f57;
}

.notif-item-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}

.notif-item-head strong {
  font-size: 12.5px;
  color: #1b2e20;
  font-weight: 700;
}

.notif-item-new-tag {
  background: #dc2626;
  color: #ffffff;
  font-size: 9px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 4px;
  letter-spacing: 0.4px;
}

.notif-item-msg {
  margin: 0 0 6px 0;
  font-size: 11.5px;
  color: #556658;
  line-height: 1.4;
}

.notif-item-time {
  font-size: 10px;
  color: #94a398;
}

.notif-empty-box {
  padding: 28px 16px;
  text-align: center;
  font-size: 12.5px;
  color: #718073;
}

/* ==========================================================================
   COUPONS & CART / CHECKOUT ALERTS
   ========================================================================== */
.coupon-alert-success {
  background: #eef7ee;
  border: 1px solid #2b773c;
  color: #1e7033;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 12px;
  border-radius: 6px;
  margin-top: 8px;
}

.coupon-alert-error {
  background: #fff8f8;
  border: 1px solid #e53e3e;
  color: #c53030;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 6px;
  margin-top: 8px;
}

.checkout-applied-coupon-badge {
  background: #eef7ee;
  border: 1px solid #2b773c;
  color: #1e7033;
  font-size: 12.5px;
  font-weight: 700;
  padding: 10px 14px;
  border-radius: 8px;
  margin-bottom: 14px;
}

/* ==========================================================================
   LUXURY ADMIN DASHBOARD PANELS (COUPONS & ANNOUNCEMENTS)
   ========================================================================== */
.admin-luxury-card {
  background: #ffffff;
  border: 1px solid #e2d6c1;
  border-radius: 12px;
  padding: 22px 24px;
  margin-bottom: 24px;
  box-shadow: 0 2px 8px rgba(27, 46, 32, 0.03);
}

.admin-luxury-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ede4d6;
}

.admin-luxury-card-head h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: #1b2e20;
  display: flex;
  align-items: center;
  gap: 8px;
}

.admin-luxury-form-section {
  background: #fdfbf7;
  border: 1px solid #ede4d6;
  border-radius: 10px;
  padding: 16px 18px;
  margin-bottom: 14px;
}

.admin-luxury-form-section-title {
  font-size: 12px;
  font-weight: 800;
  color: #1b2e20;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.admin-luxury-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.admin-luxury-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.admin-luxury-grid-target {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 14px;
}

.admin-luxury-label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 12px;
  font-weight: 700;
  color: #4a5c4e;
  margin: 0;
}

.admin-luxury-input, 
.admin-luxury-select, 
.admin-luxury-textarea {
  width: 100%;
  padding: 9px 12px;
  border-radius: 7px;
  border: 1px solid #dcd1bd;
  background: #ffffff;
  color: #1b2e20;
  font-size: 13px;
  font-family: inherit;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.admin-luxury-input:focus, 
.admin-luxury-select:focus, 
.admin-luxury-textarea:focus {
  border-color: #2b773c;
  outline: none;
  box-shadow: 0 0 0 3px rgba(43, 119, 60, 0.12);
}

.coupon-code-pill-badge {
  display: inline-block;
  background: #1b2e20;
  color: #e6ca95;
  font-family: monospace;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.8px;
  padding: 3px 8px;
  border-radius: 5px;
  border: 1px solid #2d4633;
}

.admin-luxury-table-wrap {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}

.admin-luxury-table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse;
  font-size: 12px;
  text-align: left;
}

.admin-luxury-table thead tr {
  background: #fbf8f2;
  border-bottom: 2px solid #ede4d6;
}

.admin-luxury-table thead th {
  padding: 10px 8px;
  font-size: 10.5px;
  font-weight: 800;
  color: #718073;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  white-space: nowrap;
}

.admin-luxury-table tbody tr {
  border-bottom: 1px solid #f2ede4;
  transition: background 0.12s ease;
}

.admin-luxury-table tbody tr:hover {
  background: #fdfbf7;
}

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

.admin-luxury-table tbody td {
  padding: 12px 10px;
  vertical-align: middle;
  color: #243828;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

.admin-luxury-table tbody td * {
  box-sizing: border-box;
}

.btn-luxury-submit {
  background: #1b2e20;
  color: #e6ca95;
  border: 1px solid #1b2e20;
  border-radius: 8px;
  padding: 10px 22px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  transition: all 0.15s ease;
}

.btn-luxury-submit:hover {
  background: #25402c;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(27, 46, 32, 0.15);
}

.btn-coupon-toggle-action {
  padding: 5px 12px;
  font-size: 11.5px;
  font-weight: 700;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s ease;
  border: 1px solid transparent;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  min-width: 72px;
}

.btn-coupon-toggle-action.stop {
  background: #fff5f5;
  color: #c53030;
  border-color: #feb2b2;
}

.btn-coupon-toggle-action.stop:hover {
  background: #fed7d7;
}

.btn-coupon-toggle-action.start {
  background: #f0fff4;
  color: #2b773c;
  border-color: #9ae6b4;
}

.btn-coupon-toggle-action.start:hover {
  background: #c6f6d5;
}

.status-toggle-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px 11px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 20px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s ease;
  border: 1px solid transparent;
  text-decoration: none;
}

.status-toggle-pill.active {
  background: #eef7ee;
  color: #1e7033;
  border-color: #a3d9a5;
}

.status-toggle-pill.active:hover {
  background: #fbeeee;
  color: #c53030;
  border-color: #feb2b2;
}

.status-toggle-pill.passive {
  background: #f5f0e6;
  color: #718073;
  border-color: #dcd1bd;
}

.status-toggle-pill.passive:hover {
  background: #eef7ee;
  color: #1e7033;
  border-color: #a3d9a5;
}

.status-toggle-pill.expired {
  background: #fbeeee;
  color: #8a3b3b;
  border-color: #f5c2c2;
  cursor: not-allowed;
}

/* ==========================================================================
   ADMIN MODAL DIALOG (ZERO-SCROLL POPUP FORM)
   ========================================================================== */
.admin-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(15, 23, 18, 0.65);
  backdrop-filter: blur(4px);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

.admin-modal-card {
  background: #ffffff;
  border: 1px solid #c99f57;
  border-radius: 12px;
  width: 100%;
  max-width: 680px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  animation: adminModalPop 0.18s ease-out;
}

@keyframes adminModalPop {
  from {
    opacity: 0;
    transform: translateY(-16px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.admin-modal-header {
  background: #fbf8f2;
  border-bottom: 1px solid #ede4d6;
  padding: 16px 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.admin-modal-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: #1b2e20;
}

.admin-modal-close-btn {
  background: none;
  border: none;
  font-size: 22px;
  line-height: 1;
  color: #718073;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  transition: all 0.15s ease;
}

.admin-modal-close-btn:hover {
  background: #ede4d6;
  color: #1b2e20;
}

.admin-modal-body {
  padding: 20px 22px;
  max-height: 75vh;
  overflow-y: auto;
}

.admin-modal-footer {
  background: #fbf8f2;
  border-top: 1px solid #ede4d6;
  padding: 14px 22px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

/* ==========================================================================
   LUXURY CUSTOMER DASHBOARD STYLES
   ========================================================================== */
.customer-gurme-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #1b2e20;
  color: #d4af37;
  border: 1px solid #c99f57;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.3px;
  box-shadow: 0 2px 6px rgba(27, 46, 32, 0.15);
}

.customer-tracker-steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 18px 0 20px;
  padding: 0 10px;
}

.customer-tracker-line {
  position: absolute;
  top: 12px;
  left: 30px;
  right: 30px;
  height: 3px;
  background: #e2d6c1;
  z-index: 1;
}

.customer-tracker-line-progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #2b773c;
  transition: width 0.3s ease;
}

.customer-tracker-step {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
}

.customer-tracker-node {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f5f0e6;
  border: 2px solid #dcd1bd;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 800;
  color: #718073;
  transition: all 0.2s ease;
}

.customer-tracker-step.done .customer-tracker-node {
  background: #1b2e20;
  border-color: #d4af37;
  color: #d4af37;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2);
}

.customer-tracker-step.active .customer-tracker-node {
  background: #2b773c;
  border-color: #9ae6b4;
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(43, 119, 60, 0.25);
  animation: trackerPulse 1.8s infinite;
}

@keyframes trackerPulse {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(43, 119, 60, 0.4); }
  70% { transform: scale(1.08); box-shadow: 0 0 0 6px rgba(43, 119, 60, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(43, 119, 60, 0); }
}

.customer-tracker-label {
  font-size: 11px;
  font-weight: 700;
  color: #718073;
  white-space: nowrap;
}

.customer-tracker-step.done .customer-tracker-label,
.customer-tracker-step.active .customer-tracker-label {
  color: #1b2e20;
  font-weight: 800;
}

.customer-craft-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
}

.customer-craft-card {
  background: #fdfbf7;
  border: 1px solid #ede4d6;
  border-radius: 8px;
  padding: 10px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.customer-coupon-pocket {
  background: #fdfbf7;
  border: 1px solid #ede4d6;
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  transition: all 0.15s ease;
}

.customer-coupon-pocket:hover {
  border-color: #c99f57;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(201, 159, 87, 0.12);
}

.customer-order-link {
  color: #1b2e20;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px dotted #2b773c;
  transition: color 0.12s ease;
}

.customer-order-link:hover {
  color: #2b773c;
}