:root{
  --brand:#006039; --brand2:#08794c; --dark:#061b14; --dark2:#0b261d;
  --gold:#c6a96c; --cream:#f2efe7; --muted:#b8c9c0; --line:rgba(255,255,255,.12);
  --panel:rgba(255,255,255,.06); --shadow:0 24px 70px rgba(0,0,0,.28);
  --admin-bg:#f5f7fb; --admin-card:#fff; --admin-text:#1b2430; --admin-muted:#718096; --admin-line:#e7ebf2;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.site-body{background:radial-gradient(circle at top,rgba(0,96,57,.35),transparent 34%),linear-gradient(180deg,#04110d,#082117 34%,#061913);color:var(--cream);overflow-x:hidden}
.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:42px 42px;z-index:0}
.page-transition{position:fixed;inset:0;background:#04110d;z-index:9999;opacity:1;pointer-events:none;transition:opacity .35s ease}
.page-transition.loaded{opacity:0}
.site-main,.topbar,.footer{position:relative;z-index:2}
.topbar{position:sticky;top:0;z-index:30;max-width:1240px;margin:auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(15px)}
.topbar:before{content:"";position:absolute;inset:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(4,17,13,.68);z-index:-1;box-shadow:0 16px 50px rgba(0,0,0,.18)}
.brand{display:flex;gap:12px;align-items:center}
.brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),#032a1b);font-family:'Cormorant Garamond',serif;font-size:28px;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.brand small,.eyebrow{display:block;color:var(--gold);font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}
.brand strong{font-size:14px}
.site-nav{display:flex;gap:15px;align-items:center}
.site-nav a{color:var(--muted);font-size:14px;transition:.25s}
.site-nav a:hover{color:#fff;transform:translateY(-1px)}
.nav-pill,.instagram-link{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.045)}
.ig-icon{font-weight:900;color:#ff7abd}
.mobile-menu-btn{display:none;border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:12px;padding:10px 12px}
.section{max-width:1240px;margin:auto;padding:78px 24px}
.compact{padding-top:20px}
.hero{min-height:80vh;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
h1,h2,h3{font-family:'Cormorant Garamond',serif;line-height:.95;margin:0 0 16px}
h1{font-size:clamp(48px,7vw,96px);max-width:10ch}
h2{font-size:clamp(34px,4vw,62px);max-width:13ch}
h3{font-size:clamp(25px,2.1vw,34px)}
p{color:var(--muted);line-height:1.75}
.hero-copy p{max-width:660px}
.hero-actions{margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:800;margin:8px 8px 0 0;transition:.3s ease;will-change:transform}
.btn:hover{transform:translateY(-4px)}
.btn-primary{background:linear-gradient(145deg,var(--brand2),var(--brand));box-shadow:0 15px 35px rgba(0,96,57,.35);color:#fff}
.btn-soft{border:1px solid var(--line);background:var(--panel);color:#fff}
.premium-stage{height:540px;border-radius:42px;border:1px solid var(--line);background:radial-gradient(circle at 50% 20%,rgba(198,169,108,.25),transparent 26%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));position:relative;overflow:hidden;box-shadow:var(--shadow)}
.spot{position:absolute;left:50%;top:4%;width:380px;height:380px;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,240,178,.38),transparent 62%);filter:blur(5px)}
.vase{position:absolute;left:50%;bottom:68px;transform:translateX(-50%);width:190px;height:260px;border-radius:45% 45% 32% 32%;background:linear-gradient(180deg,#f8f2df,#b8975b 52%,#244f3c);box-shadow:inset 0 0 30px rgba(255,255,255,.3),0 30px 80px rgba(0,0,0,.35)}
.floating-label{position:absolute;padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:700;backdrop-filter:blur(8px)}
.label-a{left:48px;top:95px}.label-b{right:58px;top:190px}.label-c{left:70px;bottom:110px}
.stage-caption{position:absolute;left:24px;right:24px;bottom:24px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18);border-radius:18px;padding:14px;color:var(--muted);text-align:center}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}
.section-head p{max-width:470px}
.home-block-grid,.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.home-block,.product-card,.category-card,.glass-panel,.form-box,.bid-box,.empty-state{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));border-radius:28px;overflow:hidden;box-shadow:var(--shadow);transition:.3s ease;transform-style:preserve-3d}
.home-block{padding:24px}
.interactive-card{opacity:0;transform:translateY(22px);transition:opacity .55s ease, transform .3s ease, border-color .3s ease}
.interactive-card.in-view{opacity:1;transform:translateY(0)}
.interactive-card:hover{border-color:rgba(198,169,108,.45)}
.block-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:rgba(198,169,108,.12);border:1px solid rgba(198,169,108,.22);font-size:24px;margin-bottom:18px}
.tag{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(198,169,108,.28);background:rgba(198,169,108,.14);color:#eddab4;font-size:12px;margin-bottom:10px}
.text-link{display:inline-flex;margin-top:16px;color:#fff;font-weight:800}
.category-visual,.product-placeholder,.detail-placeholder,.auction-placeholder{display:grid;place-items:center;min-height:230px;position:relative;overflow:hidden;text-align:center;padding:20px;color:#fff;font-weight:800}
.category-visual span{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-family:'Cormorant Garamond',serif;font-size:44px}
.visual-porcelain{background:radial-gradient(circle at 65% 32%,rgba(255,255,255,.65),transparent 18%),linear-gradient(145deg,#e5dcc9,#9f7f4e 55%,#0f4631)}
.visual-crystal{background:linear-gradient(145deg,#d8fff8,#5da7aa 48%,#073b3c)}
.visual-lighting{background:radial-gradient(circle at 50% 35%,rgba(255,232,147,.75),transparent 20%),linear-gradient(145deg,#6b3c13,#c69040 55%,#0d1a13)}
.visual-textile{background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 8px,transparent 8px 18px),linear-gradient(145deg,#223b2c,#957e56)}
.visual-wall{background:linear-gradient(145deg,#293942,#7e8f91 55%,#10241c)}
.visual-clock{background:radial-gradient(circle,rgba(255,255,255,.12),transparent 35%),linear-gradient(145deg,#221d19,#b18a49 70%)}
.visual-vase{background:linear-gradient(145deg,#dcd5c7,#9f8b63 50%,#006039)}
.visual-auction{background:radial-gradient(circle at 50% 16%,rgba(255,231,165,.42),transparent 24%),linear-gradient(145deg,#04110d,#006039)}
.visual-default{background:linear-gradient(145deg,#e7d5aa,#006039)}
.card-body{padding:22px}
.product-img{height:260px;width:100%;object-fit:cover;display:block}
.product-placeholder{height:260px;background:linear-gradient(145deg,#e7d5aa,#006039)}
.status{display:inline-flex;margin-top:12px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;color:#fff}
.status-sold{background:rgba(150,35,35,.35)}.status-auction{background:rgba(198,169,108,.28)}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 0}
.filter{padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);transition:.25s}
.filter.active,.filter:hover{background:var(--brand);color:white}
.page-hero p{max-width:760px}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;min-width:0}
.glass-panel{padding:34px}
.mini-auction-preview{min-height:390px;border-radius:32px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));display:grid;place-items:center;position:relative;overflow:hidden}
.mini-spot{position:absolute;top:-20px;width:260px;height:360px;background:linear-gradient(180deg,rgba(255,236,173,.32),transparent);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}
.placeholder-object{position:relative;width:180px;height:230px;border-radius:45% 45% 30% 30%;background:linear-gradient(180deg,#f8f2df,#b8975b 52%,#244f3c);display:grid;place-items:center;text-align:center;padding:20px;color:#061b14;font-weight:900}
.product-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center;min-width:0;overflow:hidden}
.detail-img{width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;border-radius:34px;border:1px solid var(--line);box-shadow:var(--shadow);display:block}
.detail-placeholder{min-height:560px;border-radius:34px;border:1px solid var(--line);box-shadow:var(--shadow)}
.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.detail-meta div{border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(255,255,255,.05)}
.detail-meta span{display:block;color:var(--muted);font-size:12px}.detail-meta strong{font-size:18px}
.auction-stage{min-height:620px;border-radius:42px;border:1px solid var(--line);background:radial-gradient(circle at 50% 16%,rgba(255,231,165,.42),transparent 20%),radial-gradient(circle at 50% 42%,rgba(255,231,165,.16),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:38px;box-shadow:var(--shadow)}
.auction-product{position:relative;display:grid;place-items:center}.auction-product:before{content:"";position:absolute;top:-38px;width:300px;height:480px;background:linear-gradient(180deg,rgba(255,236,173,.38),transparent);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);filter:blur(2px)}
.auction-product img{position:relative;max-width:420px;max-height:460px;object-fit:contain;border-radius:28px;filter:drop-shadow(0 35px 35px rgba(0,0,0,.45))}
.auction-placeholder{position:relative;width:260px;min-height:330px;border-radius:34px;background:linear-gradient(180deg,#f8f2df,#b8975b 52%,#244f3c);color:#061b14}
.bid-box,.form-box{padding:26px}
.highest{font-size:42px;font-weight:800;color:#fff;margin:10px 0}
.form-row{margin-bottom:14px}.form-row label{display:block;margin-bottom:7px;color:var(--muted);font-size:14px}
.site-body input,.site-body textarea,.site-body select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:white}
textarea{min-height:130px}.alert{padding:14px 16px;border-radius:16px;margin:16px 0}.alert.ok{background:rgba(0,128,75,.22);border:1px solid rgba(0,200,120,.25)}.alert.err{background:rgba(160,20,20,.22);border:1px solid rgba(255,80,80,.25)}
.list{display:grid;gap:14px}.list-item{display:flex;justify-content:space-between;gap:16px;padding:18px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.empty-state{grid-column:1/-1;padding:34px;text-align:center}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.in-view{opacity:1;transform:translateY(0)}
.footer{max-width:1240px;margin:auto;padding:50px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:14px;flex-wrap:wrap}

/* ADMIN */
.admin-body{background:var(--admin-bg);color:var(--admin-text);font-family:Inter,system-ui,sans-serif}
.admin-body p{color:var(--admin-muted)}
.admin-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.admin-sidebar{background:#fff;border-right:1px solid var(--admin-line);padding:20px;position:sticky;top:0;height:100vh;overflow:auto;transition:.25s}
.admin-brand{display:flex;gap:12px;align-items:center;padding:10px 8px 22px;border-bottom:1px solid var(--admin-line);margin-bottom:14px}.admin-brand strong{display:block}.admin-brand small{color:var(--admin-muted)}
.admin-menu-title{font-size:11px;font-weight:800;color:#a0aec0;text-transform:uppercase;letter-spacing:.12em;margin:18px 10px 8px}
.admin-sidebar a{display:flex;align-items:center;gap:10px;padding:12px 12px;border-radius:14px;color:#4a5568;font-weight:600;transition:.2s}
.admin-sidebar a:hover,.admin-sidebar a.active{background:#edf7f2;color:var(--brand)}
.admin-content{min-width:0}.admin-topbar{height:64px;background:#fff;border-bottom:1px solid var(--admin-line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}
.admin-topbar>div{display:flex;align-items:center;gap:12px;font-weight:800}.admin-burger{border:1px solid var(--admin-line);background:#fff;border-radius:12px;padding:8px 10px}.admin-top-btn,.admin-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--admin-line);background:#fff;color:#2d3748;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer}.admin-btn.primary,.admin-top-btn{background:var(--brand);border-color:var(--brand);color:#fff}
.admin-main{padding:28px}.admin-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.admin-page-head h1{font-family:Inter,system-ui,sans-serif;font-size:30px;line-height:1.1;margin:6px 0 8px}.admin-kicker{font-size:12px;font-weight:900;color:var(--brand);letter-spacing:.12em}.admin-head-actions{display:flex;gap:10px;flex-wrap:wrap}
.dashboard-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.dash-card{padding:22px;border:1px solid var(--admin-line);background:#fff;border-radius:22px;box-shadow:0 10px 30px rgba(28,39,60,.04)}.dash-card span{color:var(--admin-muted);font-weight:700}.dash-card strong{display:block;font-size:38px;margin-top:8px;color:var(--admin-text)}
.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-panel-card{background:#fff;border:1px solid var(--admin-line);border-radius:24px;padding:20px;box-shadow:0 10px 30px rgba(28,39,60,.04);margin-bottom:20px}.panel-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-card-head h2,.admin-panel-card h2{font-family:Inter,system-ui,sans-serif;font-size:18px;margin:0 0 12px}.panel-card-head a{color:var(--brand);font-weight:800}
.admin-list{display:grid;gap:12px}.admin-list-row{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--admin-line);border-radius:16px}.admin-list-row span{display:block;color:var(--admin-muted);font-size:13px}.admin-thumb{width:48px;height:48px;border-radius:14px;display:inline-grid;place-items:center;background:#edf7f2;color:var(--brand);font-weight:900;overflow:hidden}.admin-thumb img{width:100%;height:100%;object-fit:cover}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#718096;text-align:left;padding:10px}.table td{background:#fff;border-top:1px solid var(--admin-line);border-bottom:1px solid var(--admin-line);padding:12px}.table td:first-child{border-left:1px solid var(--admin-line);border-radius:14px 0 0 14px}.table td:last-child{border-right:1px solid var(--admin-line);border-radius:0 14px 14px 0}.table small{color:var(--admin-muted)}
.actions{display:flex;gap:8px;flex-wrap:wrap}.small-btn{padding:8px 10px;border-radius:10px;background:#edf7f2;color:var(--brand);font-size:13px;border:0;font-weight:800}.danger{background:#fff0f0!important;color:#b42318!important}
.admin-status{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef2f7;color:#4a5568;font-size:12px;font-weight:800}.admin-status.ok{background:#e7f8ef;color:#007a46}
.admin-form{max-width:900px}.admin-form.wide{max-width:1100px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-body input,.admin-body textarea,.admin-body select{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--admin-line);background:#fff;color:#1a202c}.admin-body label{font-weight:700;color:#4a5568}.check-line{display:flex;gap:8px;align-items:center;margin:10px 0 18px}.check-line input{width:auto}
.sidebar-closed{grid-template-columns:0 1fr}.sidebar-closed .admin-sidebar{transform:translateX(-100%);padding:0;border:0}
@media(max-width:1000px){.hero,.product-layout,.auction-stage,.split-section,.admin-grid-2{grid-template-columns:1fr}.category-grid,.home-block-grid,.product-grid{grid-template-columns:1fr 1fr}.dashboard-cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.section{padding:52px 16px}.topbar{padding:14px}.topbar:before{border-radius:24px}.mobile-menu-btn{display:block}.site-nav{display:none;position:absolute;top:72px;left:14px;right:14px;padding:14px;background:#04110d;border:1px solid var(--line);border-radius:24px;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.category-grid,.home-block-grid,.product-grid,.two,.dashboard-cards{grid-template-columns:1fr}.section-head,.footer,.admin-page-head{display:block}.premium-stage{height:420px}.vase{width:150px;height:210px}.floating-label{display:none}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-topbar{position:relative}.admin-main{padding:18px}}


/* V3 additions */
.hero-custom-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}
.hero-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,13,.05),rgba(4,17,13,.45)),radial-gradient(circle at 50% 20%,rgba(198,169,108,.2),transparent 38%)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:stretch;margin-top:26px}
.map-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));border-radius:28px;overflow:hidden;box-shadow:var(--shadow);min-height:420px}
.map-card iframe{width:100%!important;height:100%!important;min-height:420px;display:block;filter:saturate(.9) contrast(.95)}
.map-placeholder{height:420px;display:grid;place-items:center;color:var(--muted)}
.admin-current-image{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:center;margin:10px 0 14px;padding:12px;border:1px solid var(--admin-line);border-radius:16px;background:#f8fafc}
.admin-current-image img{width:180px;height:110px;object-fit:cover;border-radius:12px}
.admin-form small{display:block;color:var(--admin-muted);margin-top:6px}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.admin-current-image{grid-template-columns:1fr}.admin-current-image img{width:100%;height:180px}}


/* V4 Responsive and CMS additions */
.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}
.hero-custom-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,13,.05),rgba(4,17,13,.45)),radial-gradient(circle at 50% 20%,rgba(198,169,108,.2),transparent 38%)}
.auction-preview-img{position:relative;max-width:88%;max-height:82%;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:24px;filter:drop-shadow(0 30px 40px rgba(0,0,0,.36));z-index:2;box-sizing:border-box}
.mini-auction-preview img{object-fit:contain!important}
.product-img{object-fit:cover}.auction-product img{object-fit:contain!important;width:auto!important;height:auto!important}
.contact-grid{display:grid;grid-template-columns:.75fr 1.05fr;gap:22px;align-items:stretch;margin-top:26px}
.shop-image-card,.map-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));border-radius:28px;overflow:hidden;box-shadow:var(--shadow);min-height:420px}
.shop-image-card img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}
.shop-placeholder,.map-placeholder{height:420px;display:grid;place-items:center;color:var(--muted)}
.map-card{grid-column:1/-1}.map-card iframe{width:100%!important;height:100%!important;min-height:420px;display:block;filter:saturate(.9) contrast(.95)}
.floating-contact{position:fixed;left:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;gap:10px}
.float-btn{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 30px rgba(0,0,0,.28);backdrop-filter:blur(10px);transition:.25s}
.float-btn:hover{transform:translateY(-3px) scale(1.03)}.float-btn.whatsapp{background:#0a8f55}.float-btn.instagram{background:linear-gradient(145deg,#833ab4,#fd1d1d,#fcb045)}.float-btn.call{background:#243447}
.footer-brand img{max-width:120px;max-height:60px;object-fit:contain;display:block;margin-bottom:12px}
.small-note{font-size:13px;color:var(--muted)}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}
.upload-card{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center;border:1px solid var(--admin-line);border-radius:20px;background:#f8fafc;padding:14px;margin-bottom:14px}
.upload-card.single{grid-template-columns:220px 1fr}
.upload-preview{height:125px;border-radius:16px;background:linear-gradient(145deg,#edf7f2,#fff);border:1px dashed #cbd5e1;display:grid;place-items:center;overflow:hidden;color:#718096;font-weight:800;text-align:center}
.upload-preview img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.upload-info strong{display:block;margin-bottom:4px}.upload-info small{display:block;color:var(--admin-muted);margin-bottom:10px}
.upload-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:linear-gradient(145deg,var(--brand2),var(--brand));color:#fff;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(0,96,57,.18);transition:.2s}
.upload-button:hover{transform:translateY(-2px)}.upload-button input{display:none!important}
.remove-check{display:block;margin-top:10px;color:#b42318;font-weight:700}.remove-check input{width:auto!important;margin-right:6px}
.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.admin-tabs a{padding:10px 14px;border-radius:999px;border:1px solid var(--admin-line);background:#fff;font-weight:800;color:#4a5568}.admin-tabs a.active,.admin-tabs a:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.admin-status.danger-status{background:#fff0f0;color:#b42318}
.admin-btn,.small-btn,.admin-top-btn{transition:.22s ease}.admin-btn:hover,.small-btn:hover,.admin-top-btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(28,39,60,.08)}
@media(max-width:1000px){.contact-grid{grid-template-columns:1fr}.map-card{grid-column:auto}.upload-grid{grid-template-columns:1fr}.three{grid-template-columns:1fr}.upload-card,.upload-card.single{grid-template-columns:1fr}.upload-preview{height:180px}}
@media(max-width:760px){.floating-contact{left:10px;bottom:10px;gap:8px}.float-btn{width:42px;height:42px;border-radius:14px}.topbar{max-width:calc(100% - 16px)}.brand strong{font-size:12px}.brand small{font-size:10px}.hero{gap:22px}.premium-stage,.mini-auction-preview{height:auto;min-height:360px}.shop-image-card,.map-card,.shop-image-card img,.map-card iframe{min-height:320px}.admin-sidebar{height:auto!important}.admin-topbar{gap:8px}.admin-top-btn{padding:9px 12px}.table{font-size:13px;display:block;overflow-x:auto;white-space:nowrap}.table tbody,.table tr{min-width:760px}.admin-panel-card{padding:14px}.upload-button{width:100%}}


/* V4.2 fixes: logo containment, floating contact, upload inputs */
.topbar .brand-mark,
.admin-sidebar .brand-mark,
.admin-brand .brand-mark{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  flex:0 0 52px!important;
  overflow:hidden!important;
  border-radius:50%!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
}
.topbar .brand-mark img,
.admin-sidebar .brand-mark img,
.admin-brand .brand-mark img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:50%!important;
}
.admin-sidebar .admin-brand{
  overflow:hidden!important;
  align-items:center!important;
}
.admin-sidebar .admin-brand > div{
  min-width:0!important;
}
.admin-sidebar .admin-brand strong,
.admin-sidebar .admin-brand small{
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.hero-custom-image,
.product-img,
.shop-image-card img{
  max-width:100%!important;
}
.premium-stage{
  display:block!important;
}
.floating-contact{
  position:fixed!important;
  left:18px!important;
  bottom:18px!important;
  z-index:999!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  pointer-events:auto!important;
}
.float-wrap{
  position:relative!important;
  width:56px!important;
  height:56px!important;
}
.float-btn{
  width:56px!important;
  height:56px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  text-decoration:none!important;
  border:2px solid rgba(255,255,255,.22)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.32)!important;
  transition:.22s ease!important;
}
.float-btn svg{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  display:block!important;
  flex-shrink:0!important;
}
.mobile-action-bar svg{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  display:block!important;
  flex-shrink:0!important;
}
.float-btn:hover{
  transform:translateY(-3px) scale(1.04)!important;
}
.float-btn.call{background:#243447!important}
.float-btn.whatsapp{background:#25D366!important}
.float-btn.instagram{background:linear-gradient(145deg,#833ab4,#fd1d1d,#fcb045)!important}
.float-symbol{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  font-family:Inter,Arial,sans-serif!important;
}
.tooltiptext{
  visibility:hidden;
  opacity:0;
  position:absolute;
  left:62px;
  top:50%;
  transform:translateY(-50%);
  background:#061b14;
  color:#fff;
  padding:8px 10px;
  border-radius:10px;
  white-space:nowrap;
  font-size:12px;
  font-weight:800;
  box-shadow:0 10px 20px rgba(0,0,0,.22);
  transition:.18s ease;
}
.float-wrap:hover .tooltiptext{
  visibility:visible;
  opacity:1;
}
.admin-body input[type="file"]{
  border:1px solid var(--admin-line)!important;
  background:#fff!important;
  border-radius:14px!important;
  padding:10px!important;
  color:#4a5568!important;
}
.admin-body input[type="file"]::file-selector-button{
  border:0!important;
  background:var(--brand)!important;
  color:#fff!important;
  padding:10px 14px!important;
  border-radius:10px!important;
  font-weight:800!important;
  margin-right:12px!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(0,96,57,.16)!important;
}
.upload-button input[type="file"]{
  display:none!important;
}
.upload-button{
  background:var(--brand)!important;
  color:#fff!important;
  border-radius:12px!important;
  padding:11px 15px!important;
  font-weight:900!important;
  border:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 10px 22px rgba(0,96,57,.18)!important;
}
.admin-panel-card{
  overflow:hidden;
}
@media(max-width:760px){
  .topbar .brand-mark,.admin-sidebar .brand-mark,.admin-brand .brand-mark{
    width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important;
  }
  .tooltiptext{display:none!important}

  /* Mobil — altta sabit tam genişlik bar */
  .floating-contact{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    flex-direction:row!important;
    gap:0!important;
    z-index:999!important;
    padding:0!important;
    background:transparent!important;
  }
  .float-wrap{
    flex:1!important;
    width:auto!important;
    height:58px!important;
    position:relative!important;
  }
  .float-btn{
    width:100%!important;
    height:58px!important;
    border-radius:0!important;
    border:none!important;
    box-shadow:none!important;
    display:grid!important;
    place-items:center!important;
  }
  .float-btn.call{
    background:#006039!important;
    border-right:1px solid rgba(255,255,255,.15)!important;
  }
  .float-btn.whatsapp{
    background:#006039!important;
    border-right:1px solid rgba(255,255,255,.15)!important;
  }
  .float-btn.instagram{
    background:#006039!important;
  }
  .float-btn svg{
    width:26px!important;
    height:26px!important;
  }

  /* Sayfa altında bar kadar boşluk bırak */
  .site-main{
    padding-bottom:58px!important;
  }
}


/* V4.3 category images, about section, lightbox, cleaner panel */
.category-visual.has-image{
  background:#071a13!important;
  min-height:230px;
}
.category-visual.has-image img{
  width:100%;
  height:100%;
  min-height:230px;
  object-fit:cover;
  display:block;
}
.about-section{padding-top:20px}
.about-card{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:22px;
  align-items:stretch;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));
  border-radius:34px;
  padding:24px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.about-copy{padding:22px}
.about-copy h2{max-width:14ch}
.about-actions{margin-top:20px}
.about-image{
  min-height:390px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid var(--line);
  background:radial-gradient(circle at 50% 20%,rgba(198,169,108,.2),transparent 35%),linear-gradient(145deg,#061b14,#006039);
}
.about-image img{
  width:100%;
  height:100%;
  min-height:390px;
  object-fit:cover;
  display:block;
}
.about-placeholder{
  min-height:390px;
  display:grid;
  place-items:center;
  color:var(--muted);
  font-weight:900;
}
.image-zoom-button{
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  width:100%;
  position:relative;
  display:block;
  cursor:zoom-in;
}
.image-zoom-button span{
  position:absolute;
  right:18px;
  bottom:18px;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  color:#fff;
  font-weight:900;
  font-size:13px;
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.15);
}
.lightbox-open{overflow:hidden}
.lightbox-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.88);
  padding:24px;
  cursor:zoom-out;
}
.lightbox-overlay img{
  max-width:96vw;
  max-height:92vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
  transform-origin:center center;
  user-select:none;
  -webkit-user-drag:none;
}
.lightbox-close{
  position:fixed;
  top:18px;
  right:18px;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
.admin-sidebar a[href="pages.php"]{display:none!important}
@media(max-width:900px){
  .about-card{grid-template-columns:1fr;padding:16px}
  .about-image,.about-image img,.about-placeholder{min-height:280px}
}


/* V4.4 category fixed images, about section, product dimensions and lightbox */
.category-card{
  min-height:410px!important;
}
.category-visual{
  height:210px!important;
  min-height:210px!important;
  max-height:210px!important;
}
.category-visual.has-image{
  height:210px!important;
  min-height:210px!important;
  max-height:210px!important;
  background:none!important;
  padding:0!important;
  position:relative!important;
}
.category-visual.has-image img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
.about-section{padding-top:20px}
.about-card{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:22px;
  align-items:stretch;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));
  border-radius:34px;
  padding:24px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.about-copy{padding:22px}
.about-copy h2{max-width:14ch}
.about-actions{margin-top:20px}
.about-image{
  min-height:390px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid var(--line);
  background:radial-gradient(circle at 50% 20%,rgba(198,169,108,.2),transparent 35%),linear-gradient(145deg,#061b14,#006039);
}
.about-image img{
  width:100%;
  height:100%;
  min-height:390px;
  object-fit:cover;
  display:block;
}
.about-placeholder{
  min-height:390px;
  display:grid;
  place-items:center;
  color:var(--muted);
  font-weight:900;
}
.product-meta-grid{
  grid-template-columns:repeat(2,1fr)!important;
}
.image-zoom-button,
.auction-zoom-button{
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  width:100%;
  position:relative;
  display:block;
  cursor:zoom-in;
}
.auction-zoom-button{
  width:auto;
  max-width:100%;
  margin:auto;
}
.image-zoom-button span,
.auction-zoom-button span{
  position:absolute;
  right:18px;
  bottom:18px;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  color:#fff;
  font-weight:900;
  font-size:13px;
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.15);
  z-index:3;
}
.lightbox-open{overflow:hidden}
.lightbox-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.9);
  padding:24px;
  cursor:zoom-out;
}
.lightbox-overlay img{
  max-width:96vw;
  max-height:92vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
  transform-origin:center center;
  user-select:none;
  -webkit-user-drag:none;
}
.lightbox-close{
  position:fixed;
  top:18px;
  right:18px;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
.admin-sidebar a[href="pages.php"]{display:none!important}
@media(max-width:900px){
  .about-card{grid-template-columns:1fr;padding:16px}
  .about-image,.about-image img,.about-placeholder{min-height:280px}
}


/* V4.5 footer, scroll top, blog cards */
.footer{
  align-items:flex-start!important;
}
.footer-nav-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px;
  min-width:min(520px,100%);
}
.footer-col{
  display:flex;
  flex-direction:column;
  gap:9px;
}
.footer-col h4{
  margin:0 0 8px;
  color:var(--gold);
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.footer-col a{
  color:var(--muted);
  font-weight:700;
  transition:.2s;
}
.footer-col a:hover{
  color:#fff;
  transform:translateX(3px);
}
.scroll-top-btn{
  position:fixed;
  right:22px;
  bottom:22px;
  width:52px;
  height:52px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(145deg,var(--brand2),var(--brand));
  color:#fff;
  font-size:24px;
  font-weight:900;
  display:grid;
  place-items:center;
  cursor:pointer;
  z-index:1000;
  box-shadow:0 14px 30px rgba(0,0,0,.32);
  opacity:0;
  pointer-events:none;
  transform:translateY(12px);
  transition:.25s ease;
}
.scroll-top-btn.visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.scroll-top-btn:hover{
  transform:translateY(-4px);
}
.content-card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.content-card{
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--shadow);
  min-height:430px;
}
.content-card-image{
  width:100%;
  aspect-ratio:1/1;
  background:linear-gradient(145deg,#e7d5aa,#006039);
  overflow:hidden;
}
.content-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.content-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:28px;
  font-family:'Cormorant Garamond',serif;
  font-weight:800;
  color:#fff;
}
.article-detail{
  max-width:980px;
}
.article-detail h1{
  max-width:12ch;
}
.article-summary{
  font-size:18px;
  max-width:760px;
}
.article-image{
  margin:26px 0;
}
.article-image img{
  width:100%;
  max-height:560px;
  object-fit:contain;
  border-radius:28px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
}
.article-body{
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
  border-radius:28px;
  padding:26px;
  color:var(--muted);
  line-height:1.9;
  margin:22px 0;
}
@media(max-width:1000px){
  .content-card-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .footer-nav-grid{grid-template-columns:1fr;gap:20px}
  .content-card-grid{grid-template-columns:1fr}
  .scroll-top-btn{right:12px;bottom:12px;width:46px;height:46px}
}


/* V4.6 footer, maintenance and blog/news fixes */
.footer-pro{
  display:grid!important;
  grid-template-columns:1.4fr .8fr .9fr 1fr!important;
  gap:42px!important;
  align-items:start!important;
  border-top:1px solid var(--line)!important;
  padding-top:58px!important;
}
.footer-col{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.footer-col h4{
  margin:0 0 10px;
  color:var(--gold);
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-family:Inter,system-ui,sans-serif;
}
.footer-col a,.footer-contact span{
  color:var(--muted);
  font-weight:700;
  line-height:1.55;
  transition:.2s;
}
.footer-col a:hover{
  color:#fff;
  transform:translateX(3px);
}
.footer-buttons{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.footer-action{
  padding:12px 18px;
  border-radius:12px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:#fff!important;
  font-weight:900;
}
.footer-action.primary{
  background:linear-gradient(145deg,var(--brand2),var(--brand));
  border-color:transparent;
}
.scroll-top-btn{
  position:fixed;
  right:22px;
  bottom:22px;
  width:52px;
  height:52px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(145deg,var(--brand2),var(--brand));
  color:#fff;
  font-size:24px;
  font-weight:900;
  display:grid;
  place-items:center;
  cursor:pointer;
  z-index:1000;
  box-shadow:0 14px 30px rgba(0,0,0,.32);
  opacity:0;
  pointer-events:none;
  transform:translateY(12px);
  transition:.25s ease;
}
.scroll-top-btn.visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.content-card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.content-card{
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--shadow);
  min-height:430px;
}
.content-card-image{
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  background:linear-gradient(145deg,#e7d5aa,#006039);
}
.content-card-image img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  display:block;
}
.content-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:28px;
  font-family:'Cormorant Garamond',serif;
  font-weight:800;
  color:#fff;
}
.article-detail{max-width:980px}
.article-summary{font-size:18px;max-width:760px}
.article-image{margin:26px 0}
.article-image img{
  width:100%;
  max-height:560px;
  object-fit:contain;
  border-radius:28px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
}
.article-body{
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
  border-radius:28px;
  padding:26px;
  color:var(--muted);
  line-height:1.9;
  margin:22px 0;
}
.admin-accordion{
  border:1px solid var(--admin-line);
  background:#f8fafc;
  border-radius:18px;
  padding:0;
  margin:24px 0;
  overflow:hidden;
}
.admin-accordion summary{
  cursor:pointer;
  padding:18px 20px;
  font-weight:900;
  color:var(--admin-text);
  background:#fff;
}
.accordion-body{padding:18px 20px}
.maintenance-toggle{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:14px;
  background:#edf7f2;
  color:var(--brand)!important;
  font-weight:900!important;
  margin-bottom:16px;
}
.maintenance-toggle input{width:auto!important}
@media(max-width:1000px){
  .footer-pro{grid-template-columns:1fr 1fr!important}
  .content-card-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .footer-pro{grid-template-columns:1fr!important}
  .content-card-grid{grid-template-columns:1fr}
  .scroll-top-btn{right:12px;bottom:12px;width:46px;height:46px}
}


/* V4.7 maintenance contact and auction countdown */
.auction-countdown{
  margin:18px 0;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(198,169,108,.28);
  background:rgba(198,169,108,.12);
}
.auction-countdown span,
.auction-countdown small{
  display:block;
  color:var(--muted);
  font-size:13px;
}
.auction-countdown strong{
  display:block;
  font-size:clamp(28px,3vw,46px);
  color:#fff;
  margin:7px 0;
  font-weight:900;
}
.auction-countdown.last-five{
  border-color:rgba(255,210,90,.55);
  background:rgba(255,210,90,.15);
}
.auction-countdown.ended{
  border-color:rgba(255,80,80,.35);
  background:rgba(160,20,20,.18);
}


/* V4.8 SEO keyword chips and settings cleanup */
.keyword-preview{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.keyword-chip{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:#e7f8ef;
  color:#006039;
  border:1px solid rgba(0,96,57,.22);
  font-size:12px;
  font-weight:900;
}
.admin-form h2{
  margin-top:26px!important;
  padding-top:8px;
  border-top:1px solid var(--admin-line);
}


/* V4.9 nav/about/product description/keyword green fixes */
.keyword-field{
  border-color:rgba(0,96,57,.28)!important;
  background:#f2fbf6!important;
}
.keyword-field:focus{
  border-color:#006039!important;
  box-shadow:0 0 0 4px rgba(0,96,57,.10)!important;
}
.keyword-chip{
  background:#006039!important;
  color:#fff!important;
  border-color:#006039!important;
}
.product-mini-meta{
  color:var(--gold)!important;
  font-weight:900!important;
  margin-top:8px!important;
}
.product-description-box{
  grid-column:1/-1;
  margin:18px 0;
  padding:20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
  border-radius:22px;
}
.product-description-box h2{
  margin-top:0;
  font-size:24px;
}
.product-description-box p{
  color:var(--muted);
  line-height:1.8;
}


/* V5.0 Rich editor and module management */
.rich-editor-wrap{
  border:1px solid var(--admin-line);
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}
.rich-toolbar{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  padding:10px;
  border-bottom:1px solid var(--admin-line);
  background:#f8fafc;
}
.rich-toolbar button{
  border:1px solid var(--admin-line);
  background:#fff;
  color:#1f2937;
  border-radius:9px;
  padding:7px 10px;
  font-weight:900;
  cursor:pointer;
}
.rich-toolbar button:hover{
  background:#e7f8ef;
  color:#006039;
}
.rich-editor-box{
  min-height:220px;
  padding:16px;
  outline:none;
  line-height:1.8;
  color:#111827;
}
.rich-editor-box:focus{
  box-shadow:inset 0 0 0 3px rgba(0,96,57,.08);
}
.module-panel{
  max-width:760px;
}
.module-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid var(--admin-line);
}
.module-row strong{
  display:block;
  font-size:16px;
}
.module-row span{
  display:block;
  color:var(--admin-muted);
  margin-top:5px;
}
.switch{
  position:relative;
  width:62px;
  height:34px;
  flex:0 0 62px;
}
.switch input{
  display:none!important;
}
.switch i{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:#e85d75;
  cursor:pointer;
  transition:.25s;
}
.switch i:before{
  content:"";
  position:absolute;
  width:28px;
  height:28px;
  left:3px;
  top:3px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
  transition:.25s;
}
.switch input:checked + i{
  background:#19b88a;
}
.switch input:checked + i:before{
  transform:translateX(28px);
}
.product-image-description{
  margin-top:18px;
}
.product-description-box div,
.article-body,
.about-copy div,
.hero-rich-text{
  line-height:1.85;
}
.product-description-box ul,
.article-body ul,
.about-copy ul{
  padding-left:22px;
}


/* V5.1 admin submenu and product article description */
.admin-submenu{
  margin:4px 0;
}
.admin-submenu summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:14px;
  color:var(--admin-text);
  font-weight:800;
}
.admin-submenu summary::-webkit-details-marker{display:none}
.admin-submenu summary:hover,
.admin-submenu[open] summary{
  background:#edf7f2;
  color:var(--brand);
}
.admin-submenu summary:after{
  content:"▾";
  margin-left:auto;
  font-size:12px;
  transition:.2s;
}
.admin-submenu:not([open]) summary:after{
  transform:rotate(-90deg);
}
.admin-submenu a{
  margin-left:16px!important;
  padding:10px 12px!important;
  font-size:14px!important;
}
.product-description-section{
  padding-top:0!important;
}
.product-article-body{
  max-width:980px;
  margin:0 auto!important;
}
.product-article-body h2{
  font-size:clamp(30px,4vw,52px);
  margin:10px 0 18px;
  max-width:14ch;
}
.product-article-body div{
  color:var(--muted);
  line-height:1.9;
  font-size:17px;
}
.product-article-body p{
  color:var(--muted);
  line-height:1.9;
}
.detail-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}


/* V5.2 cleanup, maintenance switch, improved contact */
.admin-sidebar > a[href="home_blocks.php"],
.admin-sidebar > a[href="modules.php"]{
  display:none!important;
}
.maintenance-switch-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border-radius:18px;
  background:#f8fafc;
  border:1px solid var(--admin-line);
  margin-bottom:18px;
}
.maintenance-switch-row strong{display:block;color:var(--admin-text);font-size:16px}
.maintenance-switch-row span{display:block;color:var(--admin-muted);margin-top:4px}
.big-switch{width:74px!important;height:40px!important;flex-basis:74px!important}
.big-switch i:before{width:34px!important;height:34px!important}
.big-switch input:checked + i:before{transform:translateX(34px)!important}
.contact-grid{grid-template-columns:.9fr 1.1fr!important}
.contact-info-card{
  min-height:520px;border:1px solid var(--line);
  background:radial-gradient(circle at 25% 0,rgba(198,169,108,.16),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  border-radius:28px;padding:30px;box-shadow:var(--shadow);display:flex;flex-direction:column
}
.contact-info-card h2{font-size:clamp(34px,4vw,56px);line-height:.98;max-width:10ch;margin:14px 0}
.contact-lead{color:var(--muted);line-height:1.75;margin:0 0 20px}
.contact-info-list{display:grid;gap:12px;margin-top:8px}
.contact-info-list a,.contact-static{
  display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);
  background:rgba(255,255,255,.045);border-radius:18px;transition:.22s ease
}
.contact-info-list a:hover{transform:translateY(-2px);background:rgba(0,96,57,.24)}
.contact-info-list span{
  width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:rgba(198,169,108,.14);color:var(--gold);font-weight:900
}
.contact-info-list small{display:block;color:var(--muted);margin-bottom:3px}
.contact-info-list strong{color:#fff;font-weight:900}
.contact-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px;padding-top:22px}
.shop-placeholder{display:flex!important;flex-direction:column;gap:8px;padding:30px;text-align:center}
.shop-placeholder strong{font-family:'Cormorant Garamond',serif;font-size:42px;color:#fff}
.shop-placeholder span{color:var(--muted)}
@media (max-width: 1000px) {
  .contact-grid {
    grid-template-columns: 1fr !important;
  }

  .contact-info-card {
    min-height: auto;
  }
}

/* ASAMA 3 - BENZER URUNLER */
.related-products-section {
  padding-top: 12px;
}

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

.related-products-section .section-head {
  align-items: end;
}

@media (max-width: 1100px) {
  .related-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

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

/* ASAMA 4 - KATEGORI LANDING SEO */
.category-landing-hero h1 {
  max-width: 14ch;
}

.category-seo-intro {
  margin-top: 22px;
  max-width: 860px;
  display: grid;
  gap: 8px;
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(255,255,255,.045);
  color: var(--muted);
}

.category-seo-intro strong {
  color: #fff;
  font-weight: 900;
}

.category-seo-intro span {
  line-height: 1.75;
}

.category-seo-section {
  padding-top: 8px;
}

.category-seo-body {
  max-width: 980px;
  margin: 0 auto;
}

.category-seo-body h2 {
  font-size: clamp(30px, 4vw, 52px);
  max-width: 15ch;
  margin: 10px 0 18px;
}

.category-seo-body p {
  color: var(--muted);
  line-height: 1.9;
}

/* ASAMA 7 - Dashboard Analytics + Category CRUD */
.analytics-cards {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}

.analytics-card {
  border: 1px solid var(--admin-line);
  background: #fff;
  border-radius: 20px;
  padding: 18px;
  box-shadow: 0 10px 30px rgba(28,39,60,.04);
}

.analytics-card span {
  display: block;
  color: var(--admin-muted);
  font-weight: 800;
  font-size: 13px;
}

.analytics-card strong {
  display: block;
  color: var(--admin-text);
  font-size: 34px;
  margin: 7px 0 4px;
}

.analytics-card small {
  color: var(--admin-muted);
}

.analytics-card.online strong {
  color: var(--brand);
}

@media (max-width: 1200px) {
  .analytics-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

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

/* ASAMA 8 - Kategori SEO Form Alanları */
.form-section-title {
  margin: 26px 0 12px;
  font-size: 18px;
  color: var(--admin-text);
  border-top: 1px solid var(--admin-line);
  padding-top: 20px;
}

/* ASAMA 9 - Çoklu Ürün Görseli, Üye Ad Soyad, Mezat Kazananı */
.product-gallery {
  display: grid;
  gap: 14px;
  min-width: 0;
  overflow: hidden;
}

.product-main-image-button {
  border-radius: 34px;
  overflow: hidden;
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
  padding: 0;
  background: none;
}

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

.product-thumb {
  padding: 0;
  border: 2px solid transparent;
  background: rgba(255,255,255,.06);
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: .22s ease;
  aspect-ratio: 1 / 1;
}

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

.product-thumb:hover,
.product-thumb.active {
  border-color: var(--gold);
  transform: translateY(-2px);
}

.lightbox-nav {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 48px;
  line-height: 1;
  cursor: pointer;
  z-index: 100001;
  display: grid;
  place-items: center;
  backdrop-filter: blur(10px);
}

.lightbox-prev {
  left: 22px;
}

.lightbox-next {
  right: 22px;
}

.lightbox-counter {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(0,0,0,.55);
  color: #fff;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.18);
  z-index: 100001;
}

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

.gallery-admin-item {
  border: 1px solid var(--admin-line);
  border-radius: 16px;
  padding: 10px;
  background: #f8fafc;
}

.gallery-admin-item img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  margin-bottom: 10px;
}

.compact-two {
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
}

.compact-two input[type="number"] {
  margin-top: 5px;
  padding: 8px 10px;
}

.nested-panel {
  background: #fbfcff;
}

.admin-help-text {
  margin-top: -6px;
  font-size: 14px;
}

.auction-winner-box {
  margin: 18px 0;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(198,169,108,.45);
  background: radial-gradient(circle at 0 0, rgba(198,169,108,.22), transparent 38%), rgba(198,169,108,.11);
}

.auction-winner-box span,
.auction-winner-box small {
  display: block;
  color: var(--muted);
  font-size: 13px;
}

.auction-winner-box strong {
  display: block;
  color: #fff;
  font-size: clamp(26px,3vw,44px);
  margin: 6px 0;
  font-family: 'Cormorant Garamond', serif;
  line-height: 1;
}

.auction-ended-stage {
  border-color: rgba(198,169,108,.38);
}

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

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

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

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

  .lightbox-nav {
    width: 46px;
    height: 46px;
    font-size: 38px;
  }

  .lightbox-prev {
    left: 10px;
  }

  .lightbox-next {
    right: 10px;
  }
}

/* =============================================
   FEATURED SLIDER
   ============================================= */
.slider-viewport{overflow:hidden;position:relative;margin:0 -8px;padding:12px 8px 20px}
.slider-track{display:flex;gap:24px;overflow:visible;padding-bottom:4px;will-change:transform}
.slider-card{flex:0 0 300px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));border-radius:28px;overflow:visible;box-shadow:var(--shadow);cursor:pointer;transform-style:preserve-3d}
.slider-card:hover{border-color:rgba(198,169,108,.45)}
.tilt-inner{border-radius:28px;overflow:hidden;transition:transform .12s ease;transform:perspective(900px) rotateX(0) rotateY(0) scale3d(1,1,1);will-change:transform;position:relative}
.tilt-shine{position:absolute;inset:0;border-radius:28px;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:3}
.slider-controls{display:flex;align-items:center;gap:10px}
.slider-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--cream);font-size:18px;cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s,transform .15s;flex-shrink:0}
.slider-btn:hover{background:rgba(198,169,108,.18);border-color:var(--gold);transform:scale(1.08)}
.slider-btn:active{transform:scale(.95)}

/* Scroll-top butonu mobilde bar'ın hemen üstünde */
@media(max-width:760px){
  .floating-contact{ display:none!important; }
  .mobile-action-bar{ display:flex!important; }
  .site-main{ padding-bottom:54px; }
  .scroll-top-btn{
    right:calc(50% - 20px)!important;
    left:auto!important;
    bottom:62px!important;
    width:40px!important;
    height:40px!important;
    font-size:18px!important;
    transform:translateY(12px)!important;
  }
  .scroll-top-btn.visible{
    transform:translateY(0)!important;
  }
}
/* Geri Dön butonu */
button.btn {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
@media (max-width: 760px) {
  button.btn.btn-soft {
    width: 100%;
    justify-content: center;
    margin-bottom: 8px;
  }
}

/* ===== GLOBAL GERİ DÖN BUTONU ===== */
.back-btn-wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding: 16px 24px 0;
}
.back-btn-float {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.14);
  color: var(--muted);
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: .2s ease;
  font-family: inherit;
}
.back-btn-float:hover {
  background: rgba(255,255,255,.12);
  color: var(--cream);
  border-color: rgba(255,255,255,.25);
  transform: translateX(-2px);
}
@media (max-width: 760px) {
  .back-btn-wrap {
    padding: 12px 16px 0;
  }
  .back-btn-float {
    font-size: 13px;
    padding: 7px 14px;
  }
}


/* =========================================================
   Arzudan Antika Tema Anahtarı + Açık Tema
   Varsayılan tema mevcut koyu tasarımı korur. Açık tema sadece
   html.theme-light aktifken çalışır.
========================================================= */
.theme-switcher{
  display:flex;
  align-items:center;
  gap:9px;
  margin-left:22px;
  margin-right:auto;
  padding:7px 10px;
  border:1px solid rgba(198,169,108,.18);
  background:rgba(255,255,255,.035);
  border-radius:999px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  white-space:nowrap;
}
.theme-switch-text{
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.02em;
  color:rgba(242,239,231,.66);
  transition:color .25s ease, opacity .25s ease;
}
.theme-default-text{color:var(--gold)}
.theme-toggle{
  position:relative;
  width:48px;
  height:26px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  cursor:pointer;
  padding:0;
  flex:0 0 auto;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.22),0 8px 18px rgba(0,0,0,.18);
}
.theme-toggle-knob{
  position:absolute;
  top:3px;
  left:3px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:linear-gradient(145deg,#f1e5bd,#b99045);
  box-shadow:0 3px 8px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.65);
  transition:transform .28s cubic-bezier(.2,.8,.2,1), background .28s ease;
}
.theme-toggle[aria-pressed="true"] .theme-toggle-knob{transform:translateX(22px)}
html.theme-light .theme-switcher{
  background:rgba(255,255,255,.72);
  border-color:rgba(0,96,57,.16);
  box-shadow:0 10px 30px rgba(0,96,57,.08),inset 0 1px 0 rgba(255,255,255,.8);
}
html.theme-light .theme-switch-text{color:rgba(27,63,50,.54)}
html.theme-light .theme-light-text{color:var(--brand);}
html.theme-light .theme-default-text{color:rgba(27,63,50,.54)}
html.theme-light .theme-toggle{
  background:linear-gradient(145deg,#006039,#0a8455);
  border-color:rgba(0,96,57,.28);
  box-shadow:inset 0 2px 8px rgba(0,0,0,.16),0 8px 18px rgba(0,96,57,.18);
}
html.theme-light .theme-toggle-knob{background:linear-gradient(145deg,#ffffff,#e9f4ee)}

/* Açık tema: beyaz ağırlıklı, Arzudan yeşili vurgulu premium görünüm */
html.theme-light body.site-body{
  color:#17382d;
  background:
    radial-gradient(circle at 16% 0%,rgba(0,96,57,.13),transparent 32%),
    radial-gradient(circle at 84% 8%,rgba(198,169,108,.18),transparent 30%),
    linear-gradient(180deg,#fbfaf5 0%,#f5f2e9 38%,#edf5ef 100%);
}
html.theme-light .noise{
  opacity:.34;
  background-image:radial-gradient(rgba(0,96,57,.085) .9px,transparent .9px);
  background-size:42px 42px;
}
html.theme-light .page-transition{background:#f8f6ef}
html.theme-light .topbar:before{
  background:rgba(255,255,255,.86);
  border-color:rgba(0,96,57,.13);
  box-shadow:0 18px 48px rgba(0,50,31,.10),inset 0 1px 0 rgba(255,255,255,.8);
}
html.theme-light .brand strong,
html.theme-light .site-nav a,
html.theme-light .footer-col a,
html.theme-light .footer-contact span{color:#193a2f}
html.theme-light .brand small,
html.theme-light .eyebrow,
html.theme-light .footer-col h4{color:#006039}
html.theme-light .site-nav a:hover{color:#006039}
html.theme-light .nav-pill,
html.theme-light .instagram-link{
  color:#17382d;
  background:rgba(255,255,255,.72);
  border-color:rgba(0,96,57,.16);
}
html.theme-light .mobile-menu-btn{
  background:rgba(0,96,57,.10);
  color:#006039;
  border:1px solid rgba(0,96,57,.12);
}
html.theme-light h1,
html.theme-light h2,
html.theme-light h3,
html.theme-light h4{color:#16372c}
html.theme-light p,
html.theme-light .small-note,
html.theme-light .page-hero p,
html.theme-light .section-head p{color:#416155}
html.theme-light .btn-primary{
  background:linear-gradient(145deg,#0b8a5a,#006039);
  color:#fff;
  box-shadow:0 15px 32px rgba(0,96,57,.22);
}
html.theme-light .btn-soft{
  color:#17382d;
  background:rgba(255,255,255,.72);
  border-color:rgba(0,96,57,.16);
}
html.theme-light .premium-stage,
html.theme-light .mini-auction-preview,
html.theme-light .auction-stage{
  background:
    radial-gradient(circle at 50% 20%,rgba(198,169,108,.22),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.86),rgba(241,247,243,.68));
  border-color:rgba(0,96,57,.14);
  box-shadow:0 28px 70px rgba(0,50,31,.13);
}
html.theme-light .home-block,
html.theme-light .product-card,
html.theme-light .category-card,
html.theme-light .glass-panel,
html.theme-light .form-box,
html.theme-light .bid-box,
html.theme-light .empty-state,
html.theme-light .shop-image-card,
html.theme-light .map-card,
html.theme-light .content-card,
html.theme-light .article-detail,
html.theme-light .product-description-box,
html.theme-light .module-panel,
html.theme-light .about-card{
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(248,251,248,.72));
  border-color:rgba(0,96,57,.13);
  box-shadow:0 22px 55px rgba(0,50,31,.10);
}
html.theme-light .product-card:hover,
html.theme-light .category-card:hover,
html.theme-light .interactive-card:hover{
  border-color:rgba(198,169,108,.55);
  box-shadow:0 24px 58px rgba(0,96,57,.14);
}
html.theme-light .card-body,
html.theme-light .about-copy,
html.theme-light .article-body{color:#17382d}
html.theme-light .tag,
html.theme-light .status,
html.theme-light .filter,
html.theme-light .keyword-chip{
  color:#006039;
  background:rgba(0,96,57,.075);
  border-color:rgba(0,96,57,.14);
}
html.theme-light .filter.active,
html.theme-light .filter:hover{background:#006039;color:#fff;border-color:#006039}
html.theme-light .text-link{color:#006039}
html.theme-light .detail-img,
html.theme-light .detail-placeholder{border-color:rgba(0,96,57,.14);box-shadow:0 24px 60px rgba(0,50,31,.12)}
html.theme-light .detail-meta div{
  background:rgba(255,255,255,.72);
  border-color:rgba(0,96,57,.13);
}
html.theme-light .detail-meta span{color:#5d776d}
html.theme-light .site-body input,
html.theme-light .site-body textarea,
html.theme-light .site-body select{
  color:#17382d;
  background:rgba(255,255,255,.82);
  border-color:rgba(0,96,57,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
html.theme-light .site-body input::placeholder,
html.theme-light .site-body textarea::placeholder{color:#7c9088}
html.theme-light .footer,
html.theme-light .footer-pro{
  border-color:rgba(0,96,57,.12);
}
html.theme-light .footer-action{
  color:#17382d;
  background:rgba(255,255,255,.76);
  border-color:rgba(0,96,57,.16);
}
html.theme-light .footer-action.primary{background:#006039;color:#fff;border-color:#006039}
html.theme-light .scroll-top-btn{background:#006039;color:#fff;border-color:rgba(255,255,255,.22)}
html.theme-light .auction-countdown,
html.theme-light .keyword-preview{
  background:rgba(255,255,255,.72);
  border-color:rgba(0,96,57,.14);
  color:#17382d;
}
html.theme-light .product-mini-meta,
html.theme-light .product-description-box p{color:#416155}

@media(max-width:1100px){
  .theme-switcher{margin-left:12px;gap:7px;padding:6px 8px}
  .theme-switch-text{font-size:10px;letter-spacing:0}
  .theme-toggle{width:44px;height:24px}
  .theme-toggle-knob{width:18px;height:18px}
  .theme-toggle[aria-pressed="true"] .theme-toggle-knob{transform:translateX(20px)}
}
@media(max-width:760px){
  .theme-switcher{
    order:3;
    width:100%;
    justify-content:center;
    margin:10px 0 0;
    padding:8px 10px;
  }
  html.theme-light .site-nav{background:#fff;border-color:rgba(0,96,57,.14)}
}


/* =========================================================
   Tema anahtarı header sığdırma + açık tema hover düzeltmesi
   - Header yapısını bozmadan tema anahtarını kırmızıyla işaretlenen alana sığdırır.
   - Açık temada ürün hover parlama katmanını kapatır; ürün görseli kapanmaz.
   - Eski geçiş perdesi/parşömen kalıntılarını görünmez yapar.
========================================================= */
.page-transition{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.topbar{gap:14px;justify-content:flex-start;flex-wrap:nowrap;overflow:visible}
.brand{flex:0 0 auto;min-width:0;white-space:nowrap}
.brand > span:last-child{min-width:0}
.brand small,.brand strong{white-space:nowrap}
.site-nav{margin-left:auto;gap:13px;flex:0 1 auto;min-width:0;white-space:nowrap}
.site-nav a{white-space:nowrap}
.theme-switcher{
  flex:0 0 198px;
  width:198px;
  margin-left:10px;
  margin-right:8px;
  height:36px;
  padding:4px;
  gap:0;
  display:grid;
  grid-template-columns:1fr 42px 1fr;
  align-items:center;
  border-radius:999px;
}
.theme-switch-text{
  font-size:10px;
  letter-spacing:0;
  text-align:center;
  line-height:1;
  overflow:hidden;
  text-overflow:ellipsis;
}
.theme-toggle{width:42px;height:24px;margin:0 auto}
.theme-toggle-knob{width:18px;height:18px;top:2px;left:2px}
.theme-toggle[aria-pressed="true"] .theme-toggle-knob{transform:translateX(18px)}
html.theme-light .tilt-shine{display:none!important;opacity:0!important;background:none!important}
html.theme-light .slider-card:hover .tilt-inner,
html.theme-light .tilt-card:hover .tilt-inner{filter:none!important}
html.theme-light .product-card:hover img{filter:none!important}
@media(max-width:1180px){
  .topbar{gap:10px;padding-left:16px;padding-right:16px}
  .site-nav{gap:10px}
  .site-nav a{font-size:13px}
  .theme-switcher{flex-basis:174px;width:174px;margin-left:6px;margin-right:4px;grid-template-columns:1fr 38px 1fr}
  .theme-switch-text{font-size:9px}
  .theme-toggle{width:38px;height:22px}
  .theme-toggle-knob{width:16px;height:16px;top:2px;left:2px}
  .theme-toggle[aria-pressed="true"] .theme-toggle-knob{transform:translateX(16px)}
}
@media(max-width:760px){
  .topbar{flex-wrap:wrap;gap:8px 10px}
  .brand{max-width:calc(100% - 54px)}
  .theme-switcher{order:3;flex:1 1 100%;width:100%;max-width:none;margin:0;height:38px;grid-template-columns:1fr 46px 1fr}
  .theme-switch-text{font-size:11px}
  .theme-toggle{width:46px;height:24px}
  .theme-toggle-knob{width:18px;height:18px;top:2px;left:3px}
  .theme-toggle[aria-pressed="true"] .theme-toggle-knob{transform:translateX(20px)}
  .site-nav{top:104px}
}

/* =========================================================
   AÇIK TEMA OKUNABİLİRLİK + MOBİL ALT BAR DÜZELTMELERİ
   - Header çevresindeki koyu/siyah şeridi kaldırır.
   - Geri dön butonunu açık temada okunur yapar.
   - İletişim kartı yazılarını görünür yapar.
   - Canlı mezat fiyat ve son pey kutularını görünür yapar.
   - Mobil alt buton barını açık temaya uygun hale getirir.
========================================================= */
html.theme-light .topbar{
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html.theme-light .topbar:before{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(0,96,57,.16)!important;
  box-shadow:0 18px 44px rgba(0,50,31,.10), inset 0 1px 0 rgba(255,255,255,.92)!important;
}
html.theme-light .back-btn-float{
  color:#006039!important;
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(0,96,57,.18)!important;
  box-shadow:0 10px 28px rgba(0,50,31,.08)!important;
}
html.theme-light .back-btn-float:hover{
  color:#fff!important;
  background:#006039!important;
  border-color:#006039!important;
}

/* İletişim sayfası - açık tema */
html.theme-light .contact-info-card{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,251,248,.84))!important;
  border-color:rgba(0,96,57,.14)!important;
  box-shadow:0 24px 60px rgba(0,50,31,.10)!important;
}
html.theme-light .contact-info-card h2,
html.theme-light .contact-info-card .contact-lead,
html.theme-light .contact-info-list small,
html.theme-light .contact-info-list strong,
html.theme-light .contact-static strong{
  opacity:1!important;
  text-shadow:none!important;
}
html.theme-light .contact-info-card h2{color:#16372c!important;}
html.theme-light .contact-info-card .contact-lead{color:#3f5f54!important;}
html.theme-light .contact-info-list a,
html.theme-light .contact-static{
  background:rgba(255,255,255,.76)!important;
  border-color:rgba(0,96,57,.13)!important;
  box-shadow:0 10px 26px rgba(0,50,31,.055)!important;
}
html.theme-light .contact-info-list a:hover{
  background:rgba(0,96,57,.08)!important;
  border-color:rgba(0,96,57,.22)!important;
}
html.theme-light .contact-info-list span{
  background:rgba(198,169,108,.18)!important;
  color:#9a7830!important;
}
html.theme-light .contact-info-list small{color:#607970!important;}
html.theme-light .contact-info-list strong,
html.theme-light .contact-static strong{color:#16372c!important;}

/* Canlı mezat - açık tema */
html.theme-light .bid-box,
html.theme-light .form-box{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(0,96,57,.12)!important;
  border-radius:26px;
  box-shadow:0 18px 44px rgba(0,50,31,.08)!important;
}
html.theme-light .bid-box p,
html.theme-light .bid-box .small-note,
html.theme-light .form-box p{color:#3f5f54!important;}
html.theme-light .highest{
  color:#006039!important;
  text-shadow:none!important;
  opacity:1!important;
}
html.theme-light .auction-countdown{
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(0,96,57,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
html.theme-light .auction-countdown span,
html.theme-light .auction-countdown small{color:#6a8178!important;}
html.theme-light .auction-countdown strong{
  color:#006039!important;
  text-shadow:none!important;
  opacity:1!important;
}
html.theme-light .auction-winner-box{
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(198,169,108,.36)!important;
}
html.theme-light .auction-winner-box span,
html.theme-light .auction-winner-box small{color:#5d776d!important;}
html.theme-light .auction-winner-box strong{color:#006039!important;}
html.theme-light .list-item{
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(0,96,57,.14)!important;
  box-shadow:0 12px 28px rgba(0,50,31,.07)!important;
  color:#16372c!important;
}
html.theme-light .list-item strong{color:#16372c!important;}
html.theme-light .list-item span{color:#006039!important;font-weight:900!important;}
html.theme-light .empty-state{
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(0,96,57,.14)!important;
  color:#3f5f54!important;
  border-radius:20px;
}

/* Açık temada genel cam/kart içi soluk beyaz metinleri toparla */
html.theme-light .glass-panel strong,
html.theme-light .content-card strong,
html.theme-light .home-block strong,
html.theme-light .about-card strong{color:#16372c!important;}
html.theme-light .glass-panel small,
html.theme-light .content-card small,
html.theme-light .home-block small{color:#607970!important;}

/* Mobil alt buton barı - açık tema */
html.theme-light .mobile-action-bar{
  background:rgba(248,246,239,.94)!important;
  border-top:1px solid rgba(0,96,57,.14)!important;
  box-shadow:0 -12px 34px rgba(0,50,31,.10)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  padding:6px 8px calc(6px + env(safe-area-inset-bottom));
  height:calc(58px + env(safe-area-inset-bottom));
  gap:7px;
}
html.theme-light .mobile-action-bar a{
  background:#006039!important;
  color:#fff!important;
  border-right:0!important;
  border-radius:16px!important;
  box-shadow:0 8px 18px rgba(0,96,57,.20)!important;
}
html.theme-light .mobile-action-bar a:active{background:#08794c!important;}
html.theme-light .mobile-action-bar svg,
html.theme-light .mobile-action-bar svg path{fill:#fff!important;}

@media(max-width:760px){
  html.theme-light .topbar{
    background:transparent!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  html.theme-light .topbar:before{
    inset:6px 8px!important;
    border-radius:24px!important;
  }
  html.theme-light .back-btn-wrap{padding-top:10px!important;}
  html.theme-light .back-btn-float{
    font-size:13px!important;
    padding:8px 14px!important;
  }
  html.theme-light .contact-grid{grid-template-columns:1fr!important;}
  html.theme-light .contact-info-card{padding:22px!important;border-radius:24px!important;}
  html.theme-light .contact-info-list a,
  html.theme-light .contact-static{padding:12px!important;}
  html.theme-light .auction-stage{padding:20px!important;border-radius:28px!important;}
  html.theme-light .bid-box,
  html.theme-light .form-box{padding:20px!important;border-radius:22px!important;}
  html.theme-light .highest{font-size:34px!important;}
  html.theme-light .list-item{padding:14px 15px!important;border-radius:16px!important;}
  html.theme-light .site-main{padding-bottom:calc(64px + env(safe-area-inset-bottom))!important;}
  html.theme-light .scroll-top-btn{bottom:calc(72px + env(safe-area-inset-bottom))!important;}
}

/* =========================================================
   AÇIK TEMA İNCE AYAR V2
   - Başlık alanlarına varsayılan temadaki gibi çerçeve/kart hissi verir.
   - Siyah/koyu görünen başlıkları Arzudan yeşiline çeker.
   - Fiyat sorunuz / Mevcut gibi ürün durum metinlerini yeşil yapar.
   - Mobilde de aynı okunurluk ve kart çerçevesini korur.
========================================================= */
html.theme-light{
  --light-brand:#006039;
  --light-brand-dark:#123f31;
  --light-text:#123f31;
  --light-muted:#46675d;
  --light-card:rgba(255,255,255,.78);
  --light-card-strong:rgba(255,255,255,.90);
  --light-border:rgba(0,96,57,.16);
  --light-border-strong:rgba(0,96,57,.24);
}

/* Açık temada ana başlık dili: siyah yerine marka yeşili */
html.theme-light h1,
html.theme-light h2,
html.theme-light h3,
html.theme-light h4,
html.theme-light .section-head h2,
html.theme-light .page-hero h1,
html.theme-light .detail-info h1,
html.theme-light .article-body h1,
html.theme-light .article-body h2,
html.theme-light .product-article-body h2,
html.theme-light .footer-brand strong,
html.theme-light .contact-info-card h2,
html.theme-light .bid-box h2,
html.theme-light .form-box h2{
  color:var(--light-brand-dark)!important;
  text-shadow:none!important;
}
html.theme-light .eyebrow,
html.theme-light .section-kicker,
html.theme-light .footer-col h4,
html.theme-light .card-body .tag,
html.theme-light .tag{
  color:var(--light-brand)!important;
}

/* Ürün açıklaması gibi başlık blokları koyu temadaki çerçeve hissini açık temada da alsın */
html.theme-light .product-description-section .article-body,
html.theme-light .product-article-body,
html.theme-light .article-detail,
html.theme-light .page-hero,
html.theme-light .content-card,
html.theme-light .glass-panel{
  background:
    radial-gradient(circle at 12% 0%,rgba(0,96,57,.075),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,248,.76))!important;
  border:1px solid var(--light-border)!important;
  border-radius:28px!important;
  box-shadow:0 22px 58px rgba(0,50,31,.09), inset 0 1px 0 rgba(255,255,255,.86)!important;
}
html.theme-light .product-description-section .article-body,
html.theme-light .product-article-body{
  padding:34px 38px!important;
}

/* Ürün açıklaması iç metinleri: soluk gri/beyaz yerine okunur yeşil tonu */
html.theme-light .product-description-section .article-body div,
html.theme-light .product-description-section .article-body p,
html.theme-light .product-description-section .article-body li,
html.theme-light .product-article-body div,
html.theme-light .product-article-body p,
html.theme-light .product-article-body li,
html.theme-light .article-body p,
html.theme-light .article-body li{
  color:var(--light-muted)!important;
  opacity:1!important;
  text-shadow:none!important;
}
html.theme-light .product-description-section .article-body strong,
html.theme-light .product-article-body strong,
html.theme-light .article-body strong{
  color:var(--light-brand-dark)!important;
}

/* Ürün kartlarında fiyat/durum satırı tamamen marka yeşiline dönsün */
html.theme-light .product-mini-meta,
html.theme-light .card-body .product-mini-meta,
html.theme-light .product-card .product-mini-meta,
html.theme-light .product-card .price,
html.theme-light .product-card .status,
html.theme-light .product-card .availability,
html.theme-light .card-body p:last-child,
html.theme-light .related-products-grid .card-body p:last-child{
  color:var(--light-brand)!important;
  font-weight:900!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* Ürün/kategori kartlarında beyaz tema için yeşil çerçeve ve net ayrım */
html.theme-light .product-card,
html.theme-light .category-card,
html.theme-light .home-block,
html.theme-light .related-products-grid .product-card{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,248,.82))!important;
  border:1px solid var(--light-border)!important;
  box-shadow:0 18px 44px rgba(0,50,31,.08)!important;
}
html.theme-light .product-card:hover,
html.theme-light .category-card:hover,
html.theme-light .home-block:hover{
  border-color:var(--light-border-strong)!important;
  box-shadow:0 24px 58px rgba(0,96,57,.13)!important;
}
html.theme-light .product-card h3,
html.theme-light .category-card h3,
html.theme-light .home-block h3,
html.theme-light .card-body h3{
  color:var(--light-brand-dark)!important;
}
html.theme-light .product-card p,
html.theme-light .category-card p,
html.theme-light .home-block p,
html.theme-light .card-body p{
  color:var(--light-muted)!important;
  opacity:1!important;
}
html.theme-light .product-card .tag,
html.theme-light .category-card .tag,
html.theme-light .home-block .tag{
  color:var(--light-brand)!important;
  background:rgba(0,96,57,.075)!important;
  border-color:rgba(0,96,57,.16)!important;
}

/* Detay meta alanları ve fiyat bilgileri */
html.theme-light .detail-meta strong,
html.theme-light .product-meta-grid strong,
html.theme-light .detail-info strong{
  color:var(--light-brand-dark)!important;
}
html.theme-light .detail-meta span,
html.theme-light .product-meta-grid span{
  color:#648078!important;
}

/* Canlı mezat ve son peyler: ters tema mantığı, beyaz zemin + yeşil vurgu */
html.theme-light .highest,
html.theme-light .auction-price,
html.theme-light .current-bid,
html.theme-light .bid-amount,
html.theme-light .list-item span,
html.theme-light .list-item .amount{
  color:var(--light-brand)!important;
  font-weight:900!important;
  opacity:1!important;
  text-shadow:none!important;
}
html.theme-light .list-item,
html.theme-light .bid-list li,
html.theme-light .last-bids li{
  background:rgba(255,255,255,.90)!important;
  border:1px solid var(--light-border)!important;
  color:var(--light-brand-dark)!important;
  box-shadow:0 10px 24px rgba(0,50,31,.07)!important;
}
html.theme-light .list-item strong,
html.theme-light .bid-list strong,
html.theme-light .last-bids strong{
  color:var(--light-brand-dark)!important;
}

/* İletişim kartı detaylarını marka yeşiline yaklaştır */
html.theme-light .contact-info-list strong,
html.theme-light .contact-static strong,
html.theme-light .contact-info-card h2{
  color:var(--light-brand-dark)!important;
}
html.theme-light .contact-info-list small,
html.theme-light .contact-static small,
html.theme-light .contact-info-card .contact-lead{
  color:var(--light-muted)!important;
}
html.theme-light .contact-info-list span{
  background:rgba(0,96,57,.085)!important;
  color:var(--light-brand)!important;
}

@media(max-width:760px){
  html.theme-light .product-description-section .article-body,
  html.theme-light .product-article-body,
  html.theme-light .article-detail,
  html.theme-light .page-hero{
    border-radius:22px!important;
    padding:22px!important;
  }
  html.theme-light .product-description-section .article-body h2,
  html.theme-light .product-article-body h2{
    font-size:clamp(30px,9vw,44px)!important;
    line-height:.98!important;
  }
  html.theme-light .product-card,
  html.theme-light .category-card,
  html.theme-light .home-block{
    border-color:rgba(0,96,57,.18)!important;
  }
  html.theme-light .product-mini-meta,
  html.theme-light .card-body p:last-child{
    font-size:14px!important;
  }
}

/* =========================================================
   AÇIK TEMA ÜRÜNLER/KATEGORİ SAYFASI DÜZELTME V3
   - Ürünler üst seçim alanındaki büyük çerçeveyi kaldırır.
   - Kategori rehberine koyu temadaki gibi kart/çerçeve hissi verir.
   - Açık temada beyaz kalan rehber metinlerini marka yeşili tonlarına çeker.
   - Mobilde aynı düzeni korur.
========================================================= */

/* Ürünler / kategori üst alanı: açık temada koyu temadaki gibi serbest dursun, büyük beyaz çerçeve olmasın */
html.theme-light .category-landing-hero{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
html.theme-light .category-landing-hero::before,
html.theme-light .category-landing-hero::after{
  display:none!important;
}

/* Üstteki kategori açıklama kutusu varsa beyaz metin kalmasın */
html.theme-light .category-seo-intro{
  background:rgba(255,255,255,.56)!important;
  border:1px solid rgba(0,96,57,.13)!important;
  color:#416155!important;
  box-shadow:0 14px 34px rgba(0,50,31,.055)!important;
}
html.theme-light .category-seo-intro strong,
html.theme-light .category-seo-intro b{
  color:#006039!important;
}
html.theme-light .category-seo-intro span,
html.theme-light .category-seo-intro p,
html.theme-light .category-seo-intro div{
  color:#416155!important;
  opacity:1!important;
}

/* Kategori rehberi: açık temada da çevresinde çerçeveli/kartlı alan olsun */
html.theme-light .category-seo-section{
  padding-top:18px!important;
}
html.theme-light .category-seo-body{
  max-width:980px!important;
  margin:0 auto!important;
  padding:34px 38px!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(0,96,57,.075),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.90),rgba(248,251,248,.74))!important;
  border:1px solid rgba(0,96,57,.16)!important;
  border-radius:28px!important;
  box-shadow:0 22px 58px rgba(0,50,31,.09), inset 0 1px 0 rgba(255,255,255,.86)!important;
}
html.theme-light .category-seo-body .eyebrow,
html.theme-light .category-seo-body > span.eyebrow{
  color:#006039!important;
  opacity:1!important;
}
html.theme-light .category-seo-body h1,
html.theme-light .category-seo-body h2,
html.theme-light .category-seo-body h3,
html.theme-light .category-seo-body h4,
html.theme-light .category-seo-body h5,
html.theme-light .category-seo-body h6{
  color:#123f31!important;
  text-shadow:none!important;
}
html.theme-light .category-seo-body p,
html.theme-light .category-seo-body div,
html.theme-light .category-seo-body span,
html.theme-light .category-seo-body li{
  color:#416155!important;
  opacity:1!important;
  text-shadow:none!important;
}
html.theme-light .category-seo-body strong,
html.theme-light .category-seo-body b{
  color:#006039!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* Ürün fiyat/durum metinleri açık temada kesin marka yeşili */
html.theme-light .product-mini-meta,
html.theme-light .status,
html.theme-light .status-available,
html.theme-light .status-sold,
html.theme-light .product-card .status,
html.theme-light .product-card .product-mini-meta,
html.theme-light .card-body .product-mini-meta{
  color:#006039!important;
  opacity:1!important;
  font-weight:900!important;
  text-shadow:none!important;
}

/* Açık temada kategori filtreleri: aktif olan yeşil, pasif olan açık; okunurluk garanti */
html.theme-light .filter{
  color:#006039!important;
  background:rgba(0,96,57,.075)!important;
  border-color:rgba(0,96,57,.16)!important;
}
html.theme-light .filter.active,
html.theme-light .filter:hover{
  color:#fff!important;
  background:#006039!important;
  border-color:#006039!important;
}

@media(max-width:760px){
  html.theme-light .category-landing-hero{
    padding-top:42px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  html.theme-light .category-seo-body{
    padding:22px!important;
    border-radius:22px!important;
  }
  html.theme-light .category-seo-body h2{
    font-size:clamp(30px,9vw,44px)!important;
    line-height:.98!important;
  }
  html.theme-light .category-seo-intro{
    padding:14px 16px!important;
    border-radius:18px!important;
  }
}


/* =========================================================
   AÇIK TEMA SAYFA ÇERÇEVE TEMİZLİĞİ V4
   - Ürünler seçimi üst alanındaki büyük kart/çerçeve açık temada kaldırılır.
   - Hakkımızda ve blog liste başlığındaki çerçeve açık temada kaldırılır.
   - Blog yazısı detayında dış makale çerçevesi kaldırılır; içerik beyaz zeminde doğal akar.
   - İletişim sayfasında tüm sayfayı saran dış çerçeve kaldırılır, iç iletişim kartları kalır.
========================================================= */
html.theme-light.page-products .page-hero.category-landing-hero,
html.theme-light.page-products .category-landing-hero,
html.theme-light.page-about .page-hero,
html.theme-light.page-blog .page-hero,
html.theme-light.page-contact .page-hero,
html.theme-light.page-post .article-detail{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}

html.theme-light.page-products .page-hero.category-landing-hero,
html.theme-light.page-about .page-hero,
html.theme-light.page-blog .page-hero,
html.theme-light.page-contact .page-hero{
  padding-left:0!important;
  padding-right:0!important;
}

html.theme-light.page-post .article-detail{
  padding-left:0!important;
  padding-right:0!important;
  max-width:980px!important;
}

/* Dış çerçeveyi kaldırırken metinlerin marka yeşilinde okunmasını garanti et */
html.theme-light.page-about .page-hero h1,
html.theme-light.page-blog .page-hero h1,
html.theme-light.page-contact .page-hero h1,
html.theme-light.page-post .article-detail h1,
html.theme-light.page-products .category-landing-hero h1{
  color:#123f31!important;
  text-shadow:none!important;
}
html.theme-light.page-about .page-hero p,
html.theme-light.page-about .page-hero div,
html.theme-light.page-blog .page-hero p,
html.theme-light.page-contact .page-hero p,
html.theme-light.page-post .article-detail p,
html.theme-light.page-post .article-body,
html.theme-light.page-post .article-body p,
html.theme-light.page-products .category-landing-hero p,
html.theme-light.page-products .category-landing-hero div{
  color:#416155!important;
  opacity:1!important;
  text-shadow:none!important;
}
html.theme-light.page-about .page-hero .eyebrow,
html.theme-light.page-blog .page-hero .eyebrow,
html.theme-light.page-contact .page-hero .eyebrow,
html.theme-light.page-post .article-detail .eyebrow,
html.theme-light.page-products .category-landing-hero .eyebrow{
  color:#006039!important;
  opacity:1!important;
}

/* Blog yazısı içinde yalnızca yazı gövdesi temiz ve okunur kalsın; dış kutu yok */
html.theme-light.page-post .article-body{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
html.theme-light.page-post .article-summary{
  color:#416155!important;
}

/* İletişim sayfasında dış kart kalkınca iç kartlar açık temada ayrı ve okunur kalsın */
html.theme-light.page-contact .contact-info-card,
html.theme-light.page-contact .shop-image-card,
html.theme-light.page-contact .map-card{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(0,96,57,.16)!important;
  box-shadow:0 18px 44px rgba(0,50,31,.08)!important;
}
html.theme-light.page-contact .contact-info-list a,
html.theme-light.page-contact .contact-static{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(0,96,57,.12)!important;
}
html.theme-light.page-contact .contact-info-list strong,
html.theme-light.page-contact .contact-static strong{
  color:#123f31!important;
  opacity:1!important;
}
html.theme-light.page-contact .contact-info-list small,
html.theme-light.page-contact .contact-static small{
  color:#5e7a72!important;
  opacity:1!important;
}

/* Kategori rehberi: açık temada çerçeve hissi korunur, ama seçili/kalın yazılar beyaz kalmaz */
html.theme-light .category-seo-body{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,248,.78))!important;
  border:1px solid rgba(0,96,57,.16)!important;
  box-shadow:0 22px 58px rgba(0,50,31,.09)!important;
}
html.theme-light .category-seo-body strong,
html.theme-light .category-seo-body b,
html.theme-light .category-seo-intro strong,
html.theme-light .category-seo-intro b{
  color:#006039!important;
  -webkit-text-fill-color:#006039!important;
  opacity:1!important;
  text-shadow:none!important;
}
html.theme-light .category-seo-body p,
html.theme-light .category-seo-body li,
html.theme-light .category-seo-intro p,
html.theme-light .category-seo-intro span,
html.theme-light .category-seo-intro div{
  color:#416155!important;
  -webkit-text-fill-color:#416155!important;
  opacity:1!important;
}

@media(max-width:760px){
  html.theme-light.page-products .page-hero.category-landing-hero,
  html.theme-light.page-about .page-hero,
  html.theme-light.page-blog .page-hero,
  html.theme-light.page-contact .page-hero,
  html.theme-light.page-post .article-detail{
    padding-left:16px!important;
    padding-right:16px!important;
    border-radius:0!important;
  }
  html.theme-light.page-contact .contact-info-card,
  html.theme-light.page-contact .shop-image-card,
  html.theme-light.page-contact .map-card{
    border-radius:22px!important;
  }
}

/* =========================================================
   FINAL V6 - CANLI MEZAT ÇERÇEVE + TEMA DENGE DÜZELTMESİ
   - Açık temada Canlı Mezat sayfasını saran dış beyaz kart/çerçeve kaldırılır.
   - Alt bölümdeki mezat ürün/sahne kutusu korunur.
   - Varsayılan ve açık tema arasında başlık/paragraf ölçüleri eşitlenir.
   - Masaüstü ve mobilde sayfa dengesi aynı kalır; sadece renkler değişir.
========================================================= */

/* Tüm temalarda sayfa başlıklarının ölçüsü aynı kalsın */
.page-hero > .eyebrow,
html.theme-light .page-hero > .eyebrow{
  margin-bottom:12px!important;
}

.page-hero > h1,
html.theme-light .page-hero > h1{
  font-size:clamp(48px,7vw,96px)!important;
  line-height:.95!important;
  letter-spacing:0!important;
  max-width:10ch!important;
  margin:0 0 18px!important;
}

.page-hero > p,
html.theme-light .page-hero > p{
  max-width:760px!important;
  font-size:16px!important;
  line-height:1.75!important;
  margin:0 0 24px!important;
}

.page-hero > div:not(.alert):not(.auction-stage):not(.filters):not(.contact-grid),
html.theme-light .page-hero > div:not(.alert):not(.auction-stage):not(.filters):not(.contact-grid){
  max-width:1120px!important;
  font-size:16px!important;
  line-height:1.75!important;
}

/* Açık temada canlı mezat sayfasını saran büyük dış kart kalksın */
html.theme-light.page-auction .page-hero{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding-left:24px!important;
  padding-right:24px!important;
}

/* Ama mezat ürün/sahne alanındaki kendi çerçevesi kalsın ve açık temada okunur olsun */
html.theme-light.page-auction .auction-stage{
  background:
    radial-gradient(circle at 50% 18%,rgba(198,169,108,.18),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.88),rgba(246,250,247,.74))!important;
  border:1px solid rgba(0,96,57,.14)!important;
  border-radius:42px!important;
  box-shadow:0 28px 70px rgba(0,50,31,.11)!important;
}

html.theme-light.page-auction .auction-stage .bid-box{
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(0,96,57,.14)!important;
  box-shadow:0 18px 44px rgba(0,50,31,.08)!important;
}

html.theme-light.page-auction .auction-stage h2,
html.theme-light.page-auction .auction-stage h3,
html.theme-light.page-auction .auction-stage p,
html.theme-light.page-auction .auction-stage .small-note{
  text-shadow:none!important;
  opacity:1!important;
}

html.theme-light.page-auction .auction-stage h2,
html.theme-light.page-auction .auction-stage h3{
  color:#123f31!important;
}

html.theme-light.page-auction .auction-stage p,
html.theme-light.page-auction .auction-stage .small-note{
  color:#416155!important;
}

html.theme-light.page-auction .highest,
html.theme-light.page-auction .auction-countdown strong,
html.theme-light.page-auction .list-item span{
  color:#006039!important;
  -webkit-text-fill-color:#006039!important;
  opacity:1!important;
  text-shadow:none!important;
  font-weight:900!important;
}

/* Son peyler kutuları açık temada daha belirgin, koyu temada mevcut hava korunur */
html.theme-light.page-auction .list-item{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(0,96,57,.14)!important;
  box-shadow:0 12px 30px rgba(0,50,31,.07)!important;
  color:#123f31!important;
}
html.theme-light.page-auction .list-item strong{
  color:#123f31!important;
}

/* Tema geçişinde layout zıplamasını azaltmak için section ölçüleri temadan bağımsız kalsın */
html.theme-light .section{
  max-width:1240px!important;
}
html.theme-light .compact{
  padding-top:20px!important;
}

@media(max-width:1000px){
  .page-hero > h1,
  html.theme-light .page-hero > h1{
    font-size:clamp(46px,10vw,76px)!important;
    max-width:11ch!important;
  }
  html.theme-light.page-auction .auction-stage{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:760px){
  .page-hero > h1,
  html.theme-light .page-hero > h1{
    font-size:clamp(42px,14vw,66px)!important;
    line-height:.95!important;
    max-width:10ch!important;
  }
  .page-hero > p,
  html.theme-light .page-hero > p,
  .page-hero > div:not(.alert):not(.auction-stage):not(.filters):not(.contact-grid),
  html.theme-light .page-hero > div:not(.alert):not(.auction-stage):not(.filters):not(.contact-grid){
    font-size:15px!important;
    line-height:1.7!important;
  }
  html.theme-light.page-auction .page-hero{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  html.theme-light.page-auction .auction-stage{
    padding:20px!important;
    border-radius:28px!important;
  }
  html.theme-light.page-auction .auction-stage .bid-box{
    border-radius:22px!important;
    padding:22px!important;
  }
}

/* =========================================================
   FINAL V7 - TEMA GEÇİŞİNDE HİZALAMA EŞİTLEME
   - Açık/koyu tema arasında sayfa başlıklarının x-y konumu ve ölçüsü aynı kalır.
   - Hakkımızda, Blog, İletişim, Ürünler ve Canlı Mezat üst alanlarında açık temadaki dış kart/çerçeve kaldırılır.
   - Canlı Mezat'ta sadece ürün/mezat sahnesi kendi çerçevesini korur.
========================================================= */

/* Sayfa başlık alanları her temada aynı konteyner ve padding ile çalışsın */
html.page-about .page-hero,
html.page-blog .page-hero,
html.page-contact .page-hero,
html.page-auction .page-hero,
html.page-products .category-landing-hero,
html.theme-light.page-about .page-hero,
html.theme-light.page-blog .page-hero,
html.theme-light.page-contact .page-hero,
html.theme-light.page-auction .page-hero,
html.theme-light.page-products .category-landing-hero{
  max-width:1240px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* Üst başlık tipografisi temadan bağımsız aynı kalsın */
html.page-about .page-hero > h1,
html.page-blog .page-hero > h1,
html.page-contact .page-hero > h1,
html.page-auction .page-hero > h1,
html.page-products .category-landing-hero > h1,
html.theme-light.page-about .page-hero > h1,
html.theme-light.page-blog .page-hero > h1,
html.theme-light.page-contact .page-hero > h1,
html.theme-light.page-auction .page-hero > h1,
html.theme-light.page-products .category-landing-hero > h1{
  font-size:clamp(48px,7vw,96px)!important;
  line-height:.95!important;
  letter-spacing:0!important;
  max-width:14ch!important;
  margin:0 0 18px!important;
}

html.page-about .page-hero > p,
html.page-blog .page-hero > p,
html.page-contact .page-hero > p,
html.page-auction .page-hero > p,
html.page-products .category-landing-hero > p,
html.theme-light.page-about .page-hero > p,
html.theme-light.page-blog .page-hero > p,
html.theme-light.page-contact .page-hero > p,
html.theme-light.page-auction .page-hero > p,
html.theme-light.page-products .category-landing-hero > p{
  max-width:760px!important;
  font-size:16px!important;
  line-height:1.75!important;
  margin:0 0 24px!important;
}

/* Hakkımızda sayfasındaki rich-text açıklama div'i de iki temada aynı genişlikte kalsın */
html.page-about .page-hero > div,
html.theme-light.page-about .page-hero > div{
  max-width:1120px!important;
  font-size:16px!important;
  line-height:1.75!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:inherit!important;
}
html.theme-light.page-about .page-hero > div,
html.theme-light.page-about .page-hero > div p{
  color:#416155!important;
}

/* Ürünler sayfasında kategori/filtre seçim alanının çevresinde kart hissi olmasın */
html.page-products .category-landing-hero .filters,
html.theme-light.page-products .category-landing-hero .filters{
  margin-top:26px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* Canlı Mezat: dış çerçeve yok, yalnızca ürün sahnesinin kendi çerçevesi kalsın */
html.page-auction .page-hero,
html.theme-light.page-auction .page-hero{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html.page-auction .auction-stage,
html.theme-light.page-auction .auction-stage{
  max-width:100%!important;
}

/* Açık temada başlık renkleri yeşil, koyu temada mevcut krem yapı korunur */
html.theme-light.page-about .page-hero > h1,
html.theme-light.page-blog .page-hero > h1,
html.theme-light.page-contact .page-hero > h1,
html.theme-light.page-auction .page-hero > h1,
html.theme-light.page-products .category-landing-hero > h1{
  color:#123f31!important;
  text-shadow:none!important;
}
html.theme-light.page-about .page-hero > .eyebrow,
html.theme-light.page-blog .page-hero > .eyebrow,
html.theme-light.page-contact .page-hero > .eyebrow,
html.theme-light.page-auction .page-hero > .eyebrow,
html.theme-light.page-products .category-landing-hero > .eyebrow{
  color:#006039!important;
}

@media(max-width:1000px){
  html.page-about .page-hero > h1,
  html.page-blog .page-hero > h1,
  html.page-contact .page-hero > h1,
  html.page-auction .page-hero > h1,
  html.page-products .category-landing-hero > h1,
  html.theme-light.page-about .page-hero > h1,
  html.theme-light.page-blog .page-hero > h1,
  html.theme-light.page-contact .page-hero > h1,
  html.theme-light.page-auction .page-hero > h1,
  html.theme-light.page-products .category-landing-hero > h1{
    font-size:clamp(46px,10vw,76px)!important;
    max-width:14ch!important;
  }
}

@media(max-width:760px){
  html.page-about .page-hero,
  html.page-blog .page-hero,
  html.page-contact .page-hero,
  html.page-auction .page-hero,
  html.page-products .category-landing-hero,
  html.theme-light.page-about .page-hero,
  html.theme-light.page-blog .page-hero,
  html.theme-light.page-contact .page-hero,
  html.theme-light.page-auction .page-hero,
  html.theme-light.page-products .category-landing-hero{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  html.page-about .page-hero > h1,
  html.page-blog .page-hero > h1,
  html.page-contact .page-hero > h1,
  html.page-auction .page-hero > h1,
  html.page-products .category-landing-hero > h1,
  html.theme-light.page-about .page-hero > h1,
  html.theme-light.page-blog .page-hero > h1,
  html.theme-light.page-contact .page-hero > h1,
  html.theme-light.page-auction .page-hero > h1,
  html.theme-light.page-products .category-landing-hero > h1{
    font-size:clamp(42px,14vw,66px)!important;
    line-height:.95!important;
    max-width:12ch!important;
  }

  html.page-about .page-hero > p,
  html.page-blog .page-hero > p,
  html.page-contact .page-hero > p,
  html.page-auction .page-hero > p,
  html.page-products .category-landing-hero > p,
  html.theme-light.page-about .page-hero > p,
  html.theme-light.page-blog .page-hero > p,
  html.theme-light.page-contact .page-hero > p,
  html.theme-light.page-auction .page-hero > p,
  html.theme-light.page-products .category-landing-hero > p,
  html.page-about .page-hero > div,
  html.theme-light.page-about .page-hero > div{
    font-size:15px!important;
    line-height:1.7!important;
  }
}

/* =========================================================
   FINAL V8 - ÜRÜNLER SAYFASI TEMA HİZALAMA KİLİDİ
   Sorun: Açık/koyu tema değişiminde ürünler sayfası başlığı ve
   kategori filtrelerinin x-y konumu farklı görünüyordu.
   Çözüm: Ürünler sayfasında layout değerleri temadan tamamen
   bağımsız kilitlendi. Tema sadece renk değiştirir.
========================================================= */
html.page-products .site-main > .section.category-landing-hero,
html.theme-light.page-products .site-main > .section.category-landing-hero{
  box-sizing:border-box!important;
  width:calc(100% - 48px)!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:78px 0 52px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}

html.page-products .site-main > .section.category-landing-hero > .eyebrow,
html.theme-light.page-products .site-main > .section.category-landing-hero > .eyebrow{
  display:block!important;
  margin:0 0 12px!important;
  padding:0!important;
  line-height:1.2!important;
}

html.page-products .site-main > .section.category-landing-hero > h1,
html.theme-light.page-products .site-main > .section.category-landing-hero > h1{
  display:block!important;
  width:auto!important;
  max-width:14ch!important;
  margin:0 0 18px!important;
  padding:0!important;
  font-size:clamp(48px,7vw,96px)!important;
  line-height:.95!important;
  letter-spacing:0!important;
  text-align:left!important;
}

html.page-products .site-main > .section.category-landing-hero > p,
html.theme-light.page-products .site-main > .section.category-landing-hero > p{
  width:auto!important;
  max-width:760px!important;
  margin:0 0 24px!important;
  padding:0!important;
  font-size:16px!important;
  line-height:1.75!important;
  text-align:left!important;
}

html.page-products .site-main > .section.category-landing-hero > .filters,
html.theme-light.page-products .site-main > .section.category-landing-hero > .filters{
  width:100%!important;
  max-width:100%!important;
  margin:26px 0 0!important;
  padding:0!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}

html.page-products .site-main > .section.compact,
html.theme-light.page-products .site-main > .section.compact{
  box-sizing:border-box!important;
  width:calc(100% - 48px)!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:20px 0 78px!important;
}

html.page-products .site-main > .section.category-seo-section,
html.theme-light.page-products .site-main > .section.category-seo-section{
  box-sizing:border-box!important;
  width:calc(100% - 48px)!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Açık temada ürünler sayfası sadece renk değiştirir; yerleşim değerlerine dokunmaz. */
html.theme-light.page-products .site-main > .section.category-landing-hero > h1{color:#123f31!important;text-shadow:none!important;}
html.theme-light.page-products .site-main > .section.category-landing-hero > p{color:#416155!important;text-shadow:none!important;opacity:1!important;}
html.theme-light.page-products .site-main > .section.category-landing-hero > .eyebrow{color:#006039!important;opacity:1!important;}

@media(max-width:1000px){
  html.page-products .site-main > .section.category-landing-hero,
  html.theme-light.page-products .site-main > .section.category-landing-hero,
  html.page-products .site-main > .section.compact,
  html.theme-light.page-products .site-main > .section.compact,
  html.page-products .site-main > .section.category-seo-section,
  html.theme-light.page-products .site-main > .section.category-seo-section{
    width:calc(100% - 40px)!important;
  }
  html.page-products .site-main > .section.category-landing-hero > h1,
  html.theme-light.page-products .site-main > .section.category-landing-hero > h1{
    font-size:clamp(46px,10vw,76px)!important;
    max-width:14ch!important;
  }
}

@media(max-width:760px){
  html.page-products .site-main > .section.category-landing-hero,
  html.theme-light.page-products .site-main > .section.category-landing-hero{
    width:calc(100% - 32px)!important;
    padding:52px 0 38px!important;
  }
  html.page-products .site-main > .section.compact,
  html.theme-light.page-products .site-main > .section.compact,
  html.page-products .site-main > .section.category-seo-section,
  html.theme-light.page-products .site-main > .section.category-seo-section{
    width:calc(100% - 32px)!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  html.page-products .site-main > .section.category-landing-hero > h1,
  html.theme-light.page-products .site-main > .section.category-landing-hero > h1{
    font-size:clamp(42px,14vw,66px)!important;
    line-height:.95!important;
    max-width:12ch!important;
  }
  html.page-products .site-main > .section.category-landing-hero > p,
  html.theme-light.page-products .site-main > .section.category-landing-hero > p{
    font-size:15px!important;
    line-height:1.7!important;
  }
}


/* ===== CACHE BUSTING - HER GÜNCELLEMEDE DEĞİŞİR ===== */
/* v2026051201 */

/* ===== MOBİL ALT BUTON BARI ===== */
.mobile-action-bar{
  display:none;
  position:fixed;
  bottom:0;left:0;right:0;
  z-index:9999;
  height:54px;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
}
.mobile-action-bar a{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#006039;
  color:#fff;
  text-decoration:none;
  border-right:1px solid rgba(255,255,255,.18);
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  transition:background .15s;
  /* Instagram'da açılan tarayıcı için */
  -webkit-appearance:none;
}
.mobile-action-bar a:last-child{border-right:0}
.mobile-action-bar a:active{background:#08794c}
.mobile-action-bar svg{
  width:22px!important;height:22px!important;
  min-width:22px!important;max-width:22px!important;
  display:block!important;flex-shrink:0!important;
}
.float-btn svg{
  width:22px!important;height:22px!important;
  min-width:22px!important;max-width:22px!important;
  display:block!important;flex-shrink:0!important;
}

/* ===== GLOBAL GERİ DÖN BUTONU ===== */
.back-btn-wrap{max-width:1240px;margin:0 auto;padding:16px 24px 0}
.back-btn-float{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  color:var(--muted);border-radius:999px;
  padding:8px 18px;font-size:14px;font-weight:600;
  cursor:pointer;transition:.2s ease;font-family:inherit;
}
.back-btn-float:hover{
  background:rgba(255,255,255,.12);color:var(--cream);
  border-color:rgba(255,255,255,.25);transform:translateX(-2px);
}

/* ===== LIGHTBOX ZOOM ===== */
.lightbox-overlay img{
  transform-origin:center center;
  user-select:none;-webkit-user-drag:none;
}

/* ===== ADMIN KARA EKRAN SORUNU ===== */
.modal-backdrop,.modal-overlay{
  z-index:10000!important;
}

/* ===== MOBİL GENEL ===== */
@media(max-width:760px){
  .floating-contact{display:none!important}
  .mobile-action-bar{display:flex!important}
  .site-main{padding-bottom:54px}
  .scroll-top-btn{
    right:calc(50% - 20px)!important;
    bottom:62px!important;
    width:40px!important;height:40px!important;
    font-size:18px!important;
  }
  .back-btn-wrap{padding:12px 16px 0}
  .back-btn-float{font-size:13px;padding:7px 14px}
  .slider-controls{display:flex}
  .slider-btn{display:none}
  .slider-card{flex:0 0 78vw;scroll-snap-align:start}
  .slider-card[aria-hidden="true"]{display:none}
  .slider-track{
    transform:none!important;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .slider-track::-webkit-scrollbar{display:none}
}

/* ===== GALERİ OK BUTONLARI ===== */
.product-main-wrapper{position:relative}
.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.45);color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s;backdrop-filter:blur(4px)}
.gallery-prev-btn{left:14px}
.gallery-next-btn{right:14px}
.gallery-nav-btn:hover{background:rgba(0,96,57,.7);border-color:#006039;transform:translateY(-50%) scale(1.08)}
@media(max-width:760px){
  .gallery-nav-btn{width:36px;height:36px;font-size:16px}
  .gallery-prev-btn{left:8px}
  .gallery-next-btn{right:8px}
}

/* ===== ADMIN KOYU TEMA ===== */
[data-theme="dark"].admin-body{--admin-bg:#04110d;--admin-card:#081c12;--admin-text:#e8dcc8;--admin-muted:#7a9e8a;--admin-line:#163826;--border:#163826;--surface:#0a2018;background:radial-gradient(ellipse at top,rgba(0,96,57,.22) 0%,transparent 55%),#04110d;color:var(--admin-text)}
[data-theme="dark"] .admin-sidebar{background:#030e09;border-right:1px solid #163826}
[data-theme="dark"] .admin-brand{border-bottom-color:#163826}
[data-theme="dark"] .admin-menu-title{color:#4a7a5a}
[data-theme="dark"] .admin-sidebar a{color:#7a9e8a}
[data-theme="dark"] .admin-sidebar a:hover{background:rgba(0,96,57,.2);color:#c6a96c}
[data-theme="dark"] .admin-sidebar a.active{background:rgba(0,96,57,.35);color:#c6a96c;border-left:3px solid #006039}
[data-theme="dark"] .admin-topbar{background:#030e09;border-bottom:1px solid #163826}
[data-theme="dark"] .admin-panel-card,[data-theme="dark"] .dash-card{background:#081c12;border-color:#163826;box-shadow:0 4px 24px rgba(0,0,0,.3)}
[data-theme="dark"] .table td{background:#081c12;border-color:#163826;color:var(--admin-text)}
[data-theme="dark"] .table th{color:#4a7a5a}
[data-theme="dark"] .table tr:hover td{background:#0d2a1f}
[data-theme="dark"] .admin-body input,[data-theme="dark"] .admin-body textarea,[data-theme="dark"] .admin-body select{background:#040f0a;border-color:#1e4530;color:#e8dcc8}
[data-theme="dark"] .admin-body input:focus,[data-theme="dark"] .admin-body textarea:focus,[data-theme="dark"] .admin-body select:focus{border-color:#006039;outline:none;box-shadow:0 0 0 3px rgba(0,96,57,.2)}
[data-theme="dark"] .admin-body label,[data-theme="dark"] .form-row label{color:#9ab8a6}
[data-theme="dark"] .admin-top-btn,[data-theme="dark"] .admin-btn{background:#0d2a1f;border-color:#1e4530;color:#c6ddd0}
[data-theme="dark"] .admin-top-btn:hover,[data-theme="dark"] .admin-btn:hover{background:#133222;border-color:#006039}
[data-theme="dark"] .admin-btn.primary{background:linear-gradient(145deg,#08794c,#006039);border-color:#006039;color:#fff;box-shadow:0 4px 12px rgba(0,96,57,.35)}
[data-theme="dark"] .small-btn{background:#006039;border:1px solid #08794c;color:#fff;font-weight:700}
[data-theme="dark"] .small-btn:hover{background:#08794c;border-color:#0a9058}
[data-theme="dark"] .small-btn.danger{background:#b42318;border-color:#c0392b;color:#fff}
[data-theme="dark"] .small-btn.danger:hover{background:#c0392b}
[data-theme="dark"] .admin-status{background:rgba(0,96,57,.2);color:#7dda8a;border:1px solid rgba(0,150,70,.2)}
[data-theme="dark"] .admin-status.ok{background:rgba(0,120,60,.3);color:#7dda8a}
[data-theme="dark"] .admin-page-head h1,[data-theme="dark"] .admin-panel-card h2,[data-theme="dark"] .panel-card-head h2{color:#e8dcc8}
[data-theme="dark"] .admin-kicker{color:#c6a96c}
[data-theme="dark"] .admin-page-head p,[data-theme="dark"] .admin-help-text,[data-theme="dark"] .admin-body p{color:#7a9e8a}
[data-theme="dark"] .upload-card{background:#081c12;border-color:#1e4530}
[data-theme="dark"] .upload-button{background:linear-gradient(145deg,#08794c,#006039);color:#fff}
[data-theme="dark"] .rich-toolbar{background:#0a2018;border-color:#1e4530}
[data-theme="dark"] .rich-editor{background:#040f0a;color:#e8dcc8;border-color:#1e4530}
[data-theme="dark"] .dash-card span{color:#4a7a5a}
[data-theme="dark"] .dash-card strong{color:#c6a96c}
[data-theme="dark"] .admin-thumb{background:rgba(0,96,57,.25);color:#7dda8a}

/* ===== DASHBOARD 3D KARTLAR ===== */
.analytics-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.analytics-card{background:linear-gradient(145deg,#fff 0%,#f0f7f3 100%);border:1px solid rgba(0,96,57,.12);border-radius:18px;padding:16px;box-shadow:0 4px 6px rgba(0,96,57,.06),0 1px 3px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.9);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}
.analytics-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,transparent 60%);border-radius:18px;pointer-events:none}
.analytics-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 16px rgba(0,96,57,.12),0 2px 4px rgba(0,0,0,.08)}
.analytics-card.online{background:linear-gradient(145deg,#e8f8ef,#d4f0e0);border-color:rgba(0,96,57,.2)}
.analytics-card span{display:block;font-size:12px;font-weight:700;color:#4a7a5a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.analytics-card strong{display:block;font-size:32px;font-weight:800;color:#006039;line-height:1;margin-bottom:4px}
.analytics-card small{font-size:11px;color:#7a9e8a}
[data-theme="dark"] .analytics-card{background:linear-gradient(145deg,#0d2a1f 0%,#081c12 100%);border-color:rgba(0,150,70,.15);box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}
[data-theme="dark"] .analytics-card.online{background:linear-gradient(145deg,#0d3020,#0a2018);border-color:rgba(0,150,70,.25)}
[data-theme="dark"] .analytics-card span{color:#4a7a5a}
[data-theme="dark"] .analytics-card strong{color:#c6a96c}
[data-theme="dark"] .analytics-card small{color:#4a7a5a}
@media(max-width:1200px){.analytics-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.analytics-cards{grid-template-columns:repeat(2,1fr)}}


/* =========================================================
   FIX - Ürünlerimiz mobil görünür + hafif related slider
   Ağır requestAnimationFrame/klon/tilt yoktur.
========================================================= */
html.page-products .products-list-section,
html.theme-light.page-products .products-list-section{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
html.page-products .products-list-section .product-grid,
html.theme-light.page-products .products-list-section .product-grid{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:760px){
  html.page-products .products-list-section .product-grid,
  html.theme-light.page-products .products-list-section .product-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
}
.related-slider-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.related-slider-viewport{
  overflow:hidden;
  position:relative;
  padding:12px 0 18px;
}
.related-slider-track{
  display:flex;
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding:4px 2px 14px;
}
.related-slider-track::-webkit-scrollbar{display:none;}
.related-card{
  flex:0 0 min(300px, 82vw);
  scroll-snap-align:start;
}
@media(max-width:760px){
  .related-slider-actions{justify-content:flex-start;}
  .related-slider-actions .slider-btn{display:none;}
  .related-card{flex-basis:82vw;}
}


/* =========================================================
   FIX - Aynı kategoriden ürünler hafif kayar slider
   Otomatik animasyon yok; oklar + parmakla kaydırma var.
========================================================= */
.related-products-section[data-related-slider] .related-slider-viewport{
  overflow:hidden!important;
}
.related-products-section[data-related-slider] .related-slider-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding:4px 2px 14px!important;
}
.related-products-section[data-related-slider] .related-slider-track::-webkit-scrollbar{display:none;}
.related-products-section[data-related-slider] .related-card{
  flex:0 0 min(300px,82vw)!important;
  width:min(300px,82vw)!important;
  max-width:min(300px,82vw)!important;
  scroll-snap-align:start;
}
.related-products-section[data-related-slider] .slider-btn{
  display:grid;
}
.related-products-section[data-related-slider] .slider-btn:disabled{
  opacity:.35;
  cursor:not-allowed;
  transform:none;
}
@media(max-width:760px){
  .related-products-section[data-related-slider] .related-slider-actions .slider-btn{
    display:grid!important;
    width:40px;
    height:40px;
  }
  .related-products-section[data-related-slider] .related-card{
    flex-basis:82vw!important;
    width:82vw!important;
    max-width:82vw!important;
  }
}


/* =========================================================
   FIX - Slider kart hover eşitleme + mobil tıklama hissi
   - Masaüstünde related slider kartları ana sayfa gibi tilt/shine hissi alır.
   - Mobilde hover takılı kalması engellenir; kısa ve temiz tap feedback verilir.
========================================================= */
@media (hover:hover) and (pointer:fine){
  .related-products-section .slider-card:hover{
    border-color:rgba(198,169,108,.45)!important;
  }
}

@media (hover:none), (pointer:coarse){
  .slider-card,
  .product-card,
  .tilt-card{
    -webkit-tap-highlight-color:transparent;
    touch-action:pan-y;
  }

  .slider-card:hover,
  .product-card:hover,
  .tilt-card:hover,
  .interactive-card:hover,
  html.theme-light .product-card:hover,
  html.theme-light .category-card:hover,
  html.theme-light .interactive-card:hover{
    transform:none!important;
    border-color:var(--line)!important;
    box-shadow:var(--shadow)!important;
  }

  .slider-card:hover .tilt-inner,
  .product-card:hover .tilt-inner,
  .tilt-card:hover .tilt-inner,
  .slider-card .tilt-inner,
  .product-card .tilt-inner,
  .tilt-card .tilt-inner{
    transform:perspective(900px) rotateX(0) rotateY(0) scale3d(1,1,1)!important;
    transition:transform .14s ease, filter .14s ease!important;
  }

  .slider-card:hover .tilt-shine,
  .product-card:hover .tilt-shine,
  .tilt-card:hover .tilt-shine,
  .tilt-shine{
    opacity:0!important;
  }

  .slider-card:active .tilt-inner,
  .product-card:active .tilt-inner,
  .tilt-card:active .tilt-inner{
    transform:perspective(900px) rotateX(0) rotateY(0) scale3d(.985,.985,.985)!important;
  }

  .slider-card:active,
  .product-card:active,
  .tilt-card:active{
    filter:brightness(.96);
  }
}

/* =========================================================
   FIX - Mobil slider dokunma dengesi
   Yatay kaydırma kart üstünden çalışır; dikey sayfa scroll'u kilitlenmez.
========================================================= */
@media (hover:none), (pointer:coarse){
  .slider-viewport,
  .slider-track,
  .related-slider-viewport,
  .related-slider-track{
    touch-action:pan-x pan-y!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
  }

  .slider-card,
  .slider-card *,
  .related-card,
  .related-card *,
  .related-products-section .product-card,
  .related-products-section .product-card *{
    touch-action:pan-x pan-y!important;
  }

  .slider-card a,
  .related-card a,
  .related-products-section .product-card a{
    -webkit-user-drag:none;
    user-select:none;
  }

  .related-products-section[data-related-slider] .related-slider-track{
    overflow-x:auto!important;
    scroll-snap-type:x mandatory;
  }
}