@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#111b22;--ink-soft:#26343d;--muted:#6d7a80;--paper:#f7f8f6;--white:#fff;--line:#e4e9e6;--lime:#c8f169;--lime-dark:#a8d947;--red:#c3473d;--green:#228653;--shadow:0 18px 50px rgba(20,35,38,.09)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 "DM Sans","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
.top{height:78px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 6.2vw;background:rgba(247,248,246,.94);border-bottom:1px solid rgba(17,27,34,.07);backdrop-filter:blur(16px)}
.logo{display:inline-flex;align-items:center;gap:10px;font:800 19px/1 Manrope,sans-serif;letter-spacing:-.7px;white-space:nowrap}
.logo-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--lime);border-radius:11px;font-size:19px}
.logo-light{font-weight:500;color:#718079}
.top nav{display:flex;align-items:center;gap:34px;margin-left:auto}
.top nav a{font-size:13px;font-weight:600;color:#647177;transition:color .2s}
.top nav a:hover,.top nav a.active{color:var(--ink)}
.account-menu{position:relative;margin-left:4px}
.header-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.account-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font-size:13px;font-weight:700;cursor:pointer}
.account-menu-trigger:hover,.account-menu-trigger[aria-expanded=true]{background:var(--lime);border-color:var(--lime)}
.account-menu-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.account-menu-chevron{font-size:15px;line-height:1}
.account-menu-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:20;width:220px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--white);box-shadow:var(--shadow)}
.account-menu-panel[hidden]{display:none}
.account-menu-panel a,.account-menu-logout{display:block;width:100%;padding:11px 12px;border:0;border-radius:6px;background:none;color:var(--ink);text-align:left;font:600 13px "DM Sans","Segoe UI",sans-serif;cursor:pointer}
.account-menu-panel a:hover,.account-menu-logout:hover{background:var(--paper)}
.account-menu-greeting{margin:4px 10px 7px;padding:4px 0 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}
.account-choice{max-width:620px;margin:0 auto;text-align:center}
.account-choice-actions{display:flex;justify-content:center;gap:12px;margin:24px 0}
.account-back{margin-bottom:8px;border:0;background:none;color:var(--muted);cursor:pointer}
.account-sections{display:flex;gap:8px;margin:24px 0;border-bottom:1px solid var(--line)}
.account-sections a,.account-sections button{padding:12px 15px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font:600 13px "DM Sans","Segoe UI",sans-serif;cursor:pointer}
.account-sections a.active,.account-sections a:hover,.account-sections button:hover{border-bottom-color:var(--lime-dark);color:var(--ink)}
.account-view{padding-top:4px}
.order-filters{display:flex;align-items:end;gap:14px;margin:18px 0}
.order-filters label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:700}
.order-filters select,.order-filters input{min-height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink)}
.customer-order-filters{margin:14px 0}
.order-badges{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.order-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:#f7f8f6;color:var(--ink-soft);font-size:12px;font-weight:700}
.order-badge.is-paid{border-color:#b9e2ca;background:#eff9f2;color:#176b3e}
.order-badge.is-payment-review{border-color:#f0d7a0;background:#fff8e9;color:#875d0a}
.payment-approved-at{color:#176b3e;font-size:12px;font-weight:600}
.order-card-heading,.order-card-items{display:flex;align-items:center;justify-content:space-between;gap:12px}
.order-card-heading span{color:var(--muted);font-size:12px}
.order-tracking,.order-carrier{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:9px 0;font-size:13px}
.order-tracking-pending{margin:9px 0;color:var(--muted);font-size:12px}
.tracking-link{display:inline-flex;align-items:center;margin-left:8px;color:#245f3a;font-weight:700}
.tracking-link:hover{text-decoration:underline}
.order-admin-card .order-badges{margin:10px 0}
@media(max-width:650px){.order-filters{align-items:stretch;flex-direction:column}.order-filters label,.order-filters select,.order-filters input{width:100%}.order-card-heading,.order-card-items{align-items:flex-start;flex-direction:column}}
.top nav a.active:after{content:"";display:block;width:5px;height:5px;margin:6px auto -11px;border-radius:50%;background:#a6d94d}
.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;border:0;border-radius:7px;background:var(--lime);color:var(--ink);font-weight:700;font-size:14px;cursor:pointer;transition:transform .2s,background .2s}
.btn:hover{background:var(--lime-dark);transform:translateY(-1px)}
.btn-small{min-height:40px;padding:0 16px;font-size:12px}
.btn-light{background:#fff}
.btn-light:hover{background:#eff4e8}
.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700}
.text-link span,.btn span{font-size:17px}
.hero{min-height:630px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:5vw;padding:70px 8.5vw 78px 10vw;background:var(--ink);color:#fff;overflow:hidden}
.hero-copy{max-width:620px;position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#7e8a88;font-size:10px;font-weight:700;letter-spacing:1.6px}
.hero .eyebrow{color:#c5d0c8}
.eyebrow-dot,.status-pulse{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(200,241,105,.12)}
.hero h1,.page-hero h1{max-width:650px;margin:27px 0 20px;font:700 clamp(42px,5.1vw,68px)/1.09 Manrope,sans-serif;letter-spacing:-3.7px}
.hero h1 span{color:var(--lime)}
.hero-copy>p{max-width:490px;color:#aab7b4;font-size:16px;line-height:1.85}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}
.hero .text-link{color:#e1e9e2}
.hero-trust{display:flex;gap:36px;margin-top:60px;padding-top:20px;border-top:1px solid #334047;color:#82918e;font-size:10px;letter-spacing:1px}
.hero-trust span{display:grid;gap:5px}
.hero-trust b{color:#d8dfd9;font-size:11px;letter-spacing:0;font-weight:500}
.hero-visual{min-height:430px;position:relative;display:grid;place-items:center}
.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000 20%,transparent 72%)}
.visual-orbit{position:absolute;border:1px solid rgba(200,241,105,.16);border-radius:50%;transform:rotate(-28deg)}
.orbit-one{width:min(90%,420px);height:250px}
.orbit-two{width:min(74%,350px);height:320px;transform:rotate(36deg);border-color:rgba(255,255,255,.11)}
.visual-center{width:200px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(200,241,105,.27);border-radius:50%;background:radial-gradient(circle,rgba(200,241,105,.1),rgba(17,27,34,.8) 69%);box-shadow:0 0 70px rgba(200,241,105,.08);font-size:10px;font-weight:700;letter-spacing:1.4px}
.visual-symbol{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:var(--lime);color:var(--ink);font:800 35px Manrope}
.visual-center small{color:#81908a;font-size:7px;letter-spacing:1.2px}
.visual-card{position:absolute;display:grid;grid-template-columns:16px 1fr;column-gap:9px;min-width:190px;padding:14px 16px;border:1px solid #36434a;border-radius:8px;background:rgba(27,39,45,.92);color:#bbc6bf;font-size:10px;box-shadow:0 14px 30px rgba(0,0,0,.2)}
.visual-card b{grid-column:2;color:#fff;font-size:12px}
.card-one{top:48px;right:2px}.card-one .status-pulse{margin-top:5px}
.card-two{bottom:42px;left:0}
.visual-icon{grid-row:span 2;color:var(--lime);font-size:20px}
.visual-index{position:absolute;right:0;bottom:2px;color:#596761;font-size:8px;letter-spacing:1.3px}
.intro-section,.home-services,.content-section,.page-hero,.cta-band,.footer{padding-left:10vw;padding-right:10vw}
.intro-section{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:10vw;padding-top:105px;padding-bottom:100px}
.intro-section h2,.section-heading h2,.content-section h2,.cta-band h2{margin:13px 0 0;font:700 clamp(27px,3vw,39px)/1.25 Manrope,sans-serif;letter-spacing:-1.6px}
.intro-section>p{max-width:460px;margin:0;color:var(--muted);font-size:15px;line-height:1.9}
.home-services{padding-top:0;padding-bottom:110px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}
.section-heading h2{max-width:610px}
.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service-card{min-height:260px;position:relative;display:flex;flex-direction:column;padding:25px 26px;background:#fff;border:1px solid var(--line);border-radius:10px;transition:transform .2s,box-shadow .2s}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.service-number{color:#87928d;font-size:9px;font-weight:700;letter-spacing:1.3px}
.service-mark{margin:20px 0 12px;color:#96c545;font-size:28px}
.service-card h3{margin:0 0 7px;font:700 18px Manrope}
.service-card p{max-width:300px;margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.card-arrow{position:absolute;right:24px;bottom:24px;font-size:18px}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:48px;padding-bottom:48px;background:var(--ink);color:#fff}
.cta-band .eyebrow{color:#c5d0c8}
.cta-band h2{max-width:620px;font-size:27px}
.footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#0b141a;color:#a7b3ae;font-size:11px}
.footer .logo{color:#fff}
.page-hero{padding-top:78px;padding-bottom:72px;background:var(--ink);color:#fff}
.page-hero h1{max-width:780px;margin:18px 0 14px;font-size:clamp(38px,5vw,58px);letter-spacing:-2.7px}
.page-hero p{max-width:650px;margin:0;color:#aab7b4;font-size:15px}
.content-section{padding-top:65px;padding-bottom:90px}
.content-section h2{font-size:30px}
.content-intro{max-width:700px;color:var(--muted)}
.service-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px}
.detail-card{scroll-margin-top:100px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:10px}
.detail-card .service-mark{margin-top:5px}
.detail-card h2{margin:0 0 10px;font-size:23px}
.detail-card p,.detail-card li{color:var(--muted);font-size:13px}
.detail-card ul{padding-left:19px}
.shop-layout{display:block}
.shop-layout .store-main{min-width:0}
.shop-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.shop-heading h2{margin:0;font:700 26px Manrope;letter-spacing:-.8px}
.shop-heading p{margin:3px 0 0;color:var(--muted);font-size:12px}
.filtre{display:grid;gap:12px;margin-bottom:22px;padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff}
.category-filter-row{display:grid;gap:7px}
.category-filter-row>span{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.category-filter-options{display:flex;gap:8px;flex-wrap:wrap}
.filtre button{padding:7px 15px;border:1px solid var(--line);border-radius:30px;background:#fff;color:#5a6864;font-size:11px;cursor:pointer;transition:background .15s,border-color .15s}
.filtre button:hover{border-color:#b7c2bb;background:#f7f9f5}
.filtre button.on{border-color:var(--ink);background:var(--ink);color:#fff}
.product-category-path{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.03em}
.urunler{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:15px}
.urun{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;transition:box-shadow .2s,transform .2s}
.urun:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.urun .ikon{min-height:150px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#edf2e8,#f5f6f3);font-size:52px}
.urun .ikon img{width:100%;height:100%;min-height:150px;max-height:210px;object-fit:cover}
.urun .product-gallery-trigger{position:relative;width:100%;padding:0;border:0;cursor:zoom-in}
.urun .product-gallery-trigger img{transition:transform .35s ease}
.urun .product-gallery-trigger:hover img{transform:scale(1.09)}
.gallery-trigger-hint{position:absolute;right:9px;bottom:9px;padding:5px 8px;border-radius:20px;background:rgba(17,27,34,.78);color:#fff;font-size:10px;font-weight:600;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.product-gallery-trigger:hover .gallery-trigger-hint,.product-gallery-trigger:focus-visible .gallery-trigger-hint{opacity:1;transform:translateY(0)}
.urun div.g{display:flex;flex:1;flex-direction:column;gap:8px;padding:15px}
.urun h3{margin:0;font:700 14px/1.4 Manrope}
.urun p{flex:1;margin:0;color:var(--muted);font-size:11px;line-height:1.7}
.product-specs,.admin-product-specs{margin:2px 0 0;padding-left:17px;color:var(--ink-soft);font-size:11px;line-height:1.65}
.product-specs li+li,.admin-product-specs li+li{margin-top:2px}
.product-refresh-status{min-height:18px;margin:9px 0;color:var(--muted);font-size:11px}
.product-specifications{grid-column:1/-1;display:grid;gap:6px;color:var(--ink);font-size:12px;font-weight:700}
.product-specifications>span{color:var(--muted);font-size:10px;font-weight:400}
.product-specifications textarea{width:100%;resize:vertical}
.admin-product-specs{font-size:10px}
.urun .alt{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.fiyat{font:700 15px Manrope}
.urun .btn{min-height:36px;padding:0 11px;font-size:10px}
.cart-dialog{width:min(440px,calc(100vw - 28px));max-width:none;max-height:min(82vh,700px);padding:0;background:#fff}
.cart-dialog[open]{animation:gallery-enter .2s ease-out}
.cart-dialog .cart-card{padding:22px;border:0;background:#fff}
.cart-card{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff}
.cart-card h2{margin:0;font:700 18px Manrope}
.cart-card>p{margin:4px 0 15px;color:var(--muted);font-size:11px}
.cart-card #sepetListe{min-height:100px;max-height:360px;overflow:auto}
.cart-card .kalem{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}
.kalem .adet{grid-column:1/-1}
.kalem .adet button{width:26px;height:26px;border:1px solid var(--line);border-radius:5px;background:#fff;cursor:pointer}
.kalem .adet span{display:inline-block;min-width:26px;text-align:center}
.sepetAlt{display:grid;gap:12px;padding-top:17px;font-size:14px}
.checkout-note{margin:0;color:var(--muted);font-size:10px}
.form{display:grid;gap:13px}
.checkout-invoice{display:grid;gap:13px;padding:15px;border:1px solid var(--line);border-radius:8px;background:#fafbf9}
.checkout-invoice h3{margin:0;font:700 16px Manrope}
input,textarea,select{width:100%;padding:12px 13px;border:1px solid #d5ddda;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:13px}
input:focus,textarea:focus,select:focus{outline:2px solid #b5df67;outline-offset:1px}
textarea{resize:vertical}
.cift{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.not{margin:0;color:var(--muted);font-size:11px}
.durum{min-height:1.3em;margin:0;font-size:12px;font-weight:600}
.durum.hata{color:var(--red)}.durum.ok{color:var(--green)}
.form-panel{max-width:690px;padding:30px;border:1px solid var(--line);border-radius:12px;background:#fff}
.form-panel h2{margin:0;font:700 23px Manrope}
.form-panel>p{margin:2px 0 8px;color:var(--muted);font-size:13px}
.form-aside{padding:24px;background:#eaf0e5;border-radius:10px}
.form-aside h3{margin:0 0 9px;font:700 17px Manrope}
.form-aside p{color:#596a61;font-size:12px}
.form-aside .text-link{margin-top:12px}
.two-column{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:start}
.bildirim{padding:13px 10vw;background:#258756;color:#fff;font-size:13px;font-weight:700}
.bildirim.hata{background:#b74038}
dialog{width:min(520px,94vw);max-height:92vh;overflow:auto;padding:28px;border:0;border-radius:12px;background:var(--paper);box-shadow:0 30px 100px rgba(0,0,0,.25)}
dialog::backdrop{background:rgba(10,18,22,.72);backdrop-filter:blur(3px)}
dialog h2{margin:0;font:700 23px Manrope}
.sepetBas{display:flex;align-items:center;justify-content:space-between;gap:12px}
.btn-quiet{border:1px solid var(--line);background:#fff;color:var(--ink)}
.btn-quiet:hover{background:#f1f3ee}
.admin-page{min-height:100vh}
.admin-top{display:flex;align-items:center;justify-content:space-between;padding:18px 6vw;border-bottom:1px solid var(--line);background:#fff}
.admin-main{max-width:1050px;margin:54px auto;padding:0 24px}
.admin-main>h1{margin:0;font:700 34px Manrope;letter-spacing:-1.5px}
.admin-main>.lead{margin:5px 0 28px;color:var(--muted);font-size:13px}
.admin-panel{padding:25px;border:1px solid var(--line);border-radius:10px;background:#fff}
.admin-panel h2{margin:0 0 16px;font:700 20px Manrope}
.category-select-row{display:flex;align-items:center;gap:7px}
.category-select-row select{min-width:0;flex:1}
.category-add-button{width:42px;height:42px;flex:0 0 42px;border:1px solid #cbd5cf;border-radius:7px;background:#fff;color:var(--ink);font-size:23px;line-height:1;cursor:pointer}
.category-add-button:hover{border-color:var(--lime-dark);background:var(--lime)}
.category-manager-dialog{width:min(760px,94vw);max-height:88vh;padding:24px;background:var(--paper)}
.category-manager-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.category-manager-heading h2{margin:0;font:700 21px Manrope}
.category-manager-heading .not{margin-top:5px}
.category-tree{display:grid;gap:8px;margin-bottom:20px}
.category-tree-item{display:grid;grid-template-columns:minmax(130px,.3fr) 1fr;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#fafbf9;font-size:12px}
.category-tree-item>span{display:flex;flex-wrap:wrap;gap:6px}
.category-chip{padding:4px 9px;border-radius:20px;background:#eaf0e5;color:#43573e;font-size:10px}
.category-form{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.category-form-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fafbf9}
.category-form-action .btn{min-height:42px}
.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.admin-grid .wide{grid-column:1/-1}
.image-field{display:grid;gap:6px;padding:13px;border:1px dashed #cbd5cf;border-radius:7px;background:#fafbf9;color:var(--ink);font-size:12px;font-weight:700;cursor:pointer}
.image-field span,.image-field small{color:var(--muted);font-size:10px;font-weight:400}
.image-field input{padding:8px;font-size:11px}
.image-preview{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}
.image-preview img{width:90px;height:70px;object-fit:cover;border-radius:6px;background:#edf2e8}
.product-image-manager{display:grid;gap:12px;padding:15px;border:1px solid var(--line);border-radius:8px;background:#fafbf9}
.image-library-toggle{justify-self:start}
.image-upload-new{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.image-upload-new .btn{min-height:42px}
.product-image-manager-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.product-image-manager-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}
.selected-product-images{display:flex;flex-wrap:wrap;gap:9px}
.selected-product-images>p{margin:0;color:var(--muted);font-size:11px}
.selected-product-images>.selected-image-count{flex:0 0 100%;color:var(--ink-soft);font-weight:700}
.selected-product-image{position:relative;width:92px;height:72px;margin:0}
.selected-product-image img{width:100%;height:100%;border-radius:6px;object-fit:cover}
.selected-product-image button{position:absolute;top:-7px;right:-7px;width:23px;height:23px;border:1px solid #fff;border-radius:50%;background:#a5362e;color:#fff;cursor:pointer}
.image-library{display:grid;gap:9px;padding-top:12px;border-top:1px solid var(--line)}
.image-library[hidden]{display:none}
.image-library .image-field{background:#fff}
.image-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:9px;max-height:350px;overflow:auto;padding:2px}
.image-library-item{position:relative;display:grid;gap:5px;min-width:0;padding:7px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}
.image-library-item.is-selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
.image-library-item input[type=checkbox]{position:absolute;top:10px;left:10px;z-index:1;width:20px;height:20px;margin:0;padding:0;border:0;border-radius:4px;background:#fff;accent-color:var(--green);cursor:pointer}
.image-library-item img{width:100%;height:85px;object-fit:cover;border-radius:4px}
.image-library-item span{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.image-library-grid>p{grid-column:1/-1;color:var(--muted);font-size:11px}
.product-gallery-dialog{width:min(820px,94vw);max-height:92vh;padding:22px;border:0;border-radius:13px;background:var(--white);color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.3)}
.product-gallery-dialog::backdrop{background:rgba(10,18,22,.76);backdrop-filter:blur(4px)}
.product-gallery-dialog[open]{animation:gallery-enter .2s ease-out}
.gallery-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.gallery-heading h2{margin:0;font:700 20px Manrope}
.gallery-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}
.gallery-close{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:24px;line-height:1;cursor:pointer}
.gallery-stage{position:relative;display:grid;place-items:center;min-height:220px;max-height:55vh;margin-top:16px;overflow:hidden;border-radius:9px;background:#f2f4f0}
.gallery-stage img{width:100%;height:clamp(220px,52vh,500px);object-fit:contain;transition:opacity .16s ease,transform .3s ease}
.gallery-stage img:hover{transform:scale(1.04)}
.gallery-stage img.is-changing{opacity:.15;transform:translateX(-10px)}
.gallery-arrow{position:absolute;top:50%;z-index:1;width:40px;height:40px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(17,27,34,.7);color:#fff;font-size:30px;line-height:1;cursor:pointer;transform:translateY(-50%)}
.gallery-previous{left:12px}.gallery-next{right:12px}
.gallery-position{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;color:var(--muted);font-size:11px}
.gallery-dots{display:flex;gap:6px}
.gallery-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#cbd2cd;cursor:pointer}
.gallery-dots button.active{background:var(--green)}
.gallery-details{padding-top:12px;border-top:1px solid var(--line)}
.gallery-details h3{margin:0 0 8px;font:700 14px Manrope}
.gallery-details ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 20px;margin:0;padding-left:18px;color:var(--ink-soft);font-size:12px}
@keyframes gallery-enter{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 14px}
.admin-toolbar h2{margin:0;font:700 21px Manrope}
.admin-list{display:grid;gap:10px}
.admin-product{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff}
.admin-product-icon{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:8px;background:#eef2e9;object-fit:cover;font-size:25px}
.admin-product h3{margin:0;font:700 13px Manrope}
.admin-product p{margin:2px 0 0;color:var(--muted);font-size:11px}
.admin-actions{display:flex;gap:7px}
.admin-actions button{padding:7px 10px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:10px;cursor:pointer}
.admin-actions .delete{color:#a5362e}
.admin-status{min-height:20px;margin:12px 0;color:var(--muted);font-size:12px}
.login-panel{max-width:430px;margin:90px auto;padding:30px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}
.login-panel h1{margin:0;font:700 25px Manrope}
.login-panel p{color:var(--muted);font-size:12px}
.account-main{max-width:900px}
.account-panel,.legal-document{margin-top:22px;padding:26px;border:1px solid var(--line);border-radius:10px;background:#fff}
.account-panel h2{margin:0;font:700 21px Manrope}
.account-panel h3{margin:24px 0 12px;font:700 17px Manrope}
.form-label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:600}
.profile-details{margin:20px 0 26px;padding:17px;border:1px solid var(--line);border-radius:8px;background:#fafbf9}
.profile-details summary{cursor:pointer;font:700 14px Manrope}
.profile-form{margin-top:20px}
.profile-form h3,#registerForm h3{margin:8px 0 0;font:700 16px Manrope}
.verification-panel{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}
.resend-verification-form{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.resend-verification-form h3{margin:0;font:700 14px Manrope}
.company-fields{display:grid;gap:13px}
.company-fields[hidden]{display:none}
.account-tabs,.account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.account-tabs{justify-content:flex-start}
.account-heading p{margin:3px 0;color:var(--muted);font-size:12px}
.order-card{display:grid;gap:9px;padding:14px 0;border-top:1px solid var(--line);font-size:12px}
.order-card>div{display:flex;justify-content:space-between;gap:12px}
.order-card>div span,.order-card small{color:var(--muted)}
.guest-order-form{max-width:520px;margin-top:16px}
.order-admin-card{display:grid;gap:8px;padding:17px;border:1px solid var(--line);border-radius:8px;background:#fff}
.order-admin-card h3,.order-admin-card p{margin:0}
.order-admin-card h3{font:700 14px Manrope}
.order-admin-card p{color:var(--muted);font-size:11px}
.order-admin-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.order-admin-summary>b{white-space:nowrap}
.shipping-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:8px;margin-top:5px}
.shipping-form input,.shipping-form select{min-width:0;padding:9px;font-size:11px}
.payment-approval-control{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:#f8faf6;color:var(--ink-soft);font-size:12px;cursor:pointer}
.payment-approval-control input{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:var(--green)}
.payment-approval-control span{display:grid;gap:2px}
.payment-approval-control small{color:var(--muted);font-size:11px}
.shipping-form .btn{grid-column:1/-1;justify-self:start;min-height:38px;padding:0 12px;font-size:10px}
.account-panel>.not{margin-top:8px}
.agreement-check{display:flex;align-items:flex-start;gap:10px;color:var(--ink-soft);font-size:12px;line-height:1.6}
.agreement-check input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:var(--green)}
.agreement-check a{color:#426d18;text-decoration:underline;text-underline-offset:2px}
.draft-warning{padding:18px;border:1px solid #e6ba71;border-radius:8px;background:#fff4d9;color:#63470e;font-size:13px}
.draft-warning p{margin:6px 0 0}
.legal-document h1{margin:0 0 18px;font:700 30px Manrope}
.legal-document h2{margin:24px 0 8px;font:700 18px Manrope}
.legal-document p{color:var(--ink-soft);font-size:14px}
.legal-document .text-link{color:#426d18;text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid #97c63e;outline-offset:3px}
[hidden]{display:none!important}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:25px;padding:68px 8vw}.hero-copy{max-width:760px}.hero-visual{min-height:340px}.intro-section,.home-services,.content-section,.page-hero,.cta-band,.footer{padding-left:8vw;padding-right:8vw}.shop-layout{grid-template-columns:1fr}.cart-card{position:static}.top nav{gap:18px}}
@media(max-width:650px){.top{height:68px;padding:0 5vw;gap:12px}.logo{font-size:16px}.logo-mark{width:30px;height:30px}.top nav{position:absolute;top:67px;left:0;right:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;padding:10px 8px;background:rgba(247,248,246,.97);border-bottom:1px solid var(--line)}.top nav a{font-size:10px}.top nav a.active:after{margin-bottom:-8px}.top nav #sepetAc{min-height:32px;padding:0 9px;font-size:10px}.account-menu{margin-left:0}.account-menu-trigger{gap:5px;padding:6px 7px;font-size:10px}.account-menu-trigger svg{width:16px;height:16px}.account-menu-panel{right:-5px}.hero{padding:72px 7vw 55px}.hero h1{font-size:44px;letter-spacing:-2.5px}.hero-copy>p{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.hero-trust{gap:18px;margin-top:40px}.hero-visual{min-height:300px}.visual-center{width:165px;height:165px}.card-one{right:-2px;top:22px}.card-two{left:-8px;bottom:20px}.visual-card{min-width:165px;padding:11px;font-size:9px}.intro-section,.home-services,.content-section,.page-hero,.cta-band,.footer{padding-left:7vw;padding-right:7vw}.intro-section{grid-template-columns:1fr;gap:19px;padding-top:70px;padding-bottom:70px}.section-heading{align-items:flex-start;flex-direction:column}.service-cards,.service-detail-grid,.two-column{grid-template-columns:1fr}.service-card{min-height:225px}.cta-band{align-items:flex-start;flex-direction:column;padding-top:36px;padding-bottom:36px}.footer{align-items:flex-start;flex-direction:column;padding-top:26px;padding-bottom:26px}.page-hero{padding-top:55px;padding-bottom:54px}.page-hero h1{font-size:39px;letter-spacing:-2px}.content-section{padding-top:48px;padding-bottom:65px}.shop-heading{align-items:flex-start;flex-direction:column}.urunler{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.urun .ikon{min-height:115px;font-size:42px}.urun div.g{padding:11px}.urun h3{font-size:12px}.urun p{font-size:10px}.urun .alt{align-items:flex-start;flex-direction:column}.urun .btn{width:100%}.cift,.admin-grid,.category-form,.category-form-action,.image-upload-new{grid-template-columns:1fr}.admin-grid .wide{grid-column:auto}.category-tree-item{grid-template-columns:1fr;gap:7px}.category-form-action .btn,.image-upload-new .btn{justify-self:start}.category-manager-dialog{padding:16px}.category-manager-heading{align-items:flex-start}.form-panel{padding:20px}.admin-main{margin-top:34px;padding:0 15px}.admin-product{grid-template-columns:40px 1fr}.admin-product-icon{width:38px;height:38px;font-size:21px}.admin-actions{grid-column:2}.cart-card{padding:16px}}
@media(max-width:650px){.account-menu{margin-left:0}.account-menu-trigger{gap:5px;padding:6px 7px;font-size:10px}.account-menu-trigger svg{width:16px;height:16px}.account-menu-panel{right:-5px}.account-sections{gap:0}.account-sections a,.account-sections button{padding:10px 8px;font-size:11px}}
@media(max-width:800px){.shipping-form{grid-template-columns:1fr 1fr}.shipping-form .btn{grid-column:1/-1}}
@media(max-width:450px){.shipping-form{grid-template-columns:1fr}}
@media(max-width:650px){.product-image-manager-heading{align-items:flex-start;flex-direction:column}.product-gallery-dialog{padding:15px}.gallery-stage{min-height:190px}.gallery-stage img{height:42vh}.gallery-details ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}