@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#1e2926;--muted:#78817d;--cream:#f7f6f1;--line:#e5e6df;--green:#254c3e;--gold:#c49a60}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.top{height:76px;padding:0 max(calc((100vw - 1180px)/2),24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.brand{font-size:20px;font-weight:700;letter-spacing:-.7px}.brand span{color:var(--gold)}nav{display:flex;gap:28px;color:#4d5954;font-size:14px}.hero{background:var(--cream);min-height:490px;padding:70px max(calc((100vw - 1180px)/2),24px);display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden}.hero>div:first-child{max-width:520px}.eyebrow{color:#9b7950;font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 16px}.hero h1{font-size:clamp(40px,5vw,62px);letter-spacing:-2.7px;line-height:1.08;margin:0 0 22px}.hero h1 em{font-family:'Playfair Display',serif;color:var(--green);font-weight:500}.hero p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:420px}.btn{border:0;background:var(--green);color:white;display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:15px 22px;font:600 14px 'DM Sans';cursor:pointer;border-radius:3px;margin-top:14px}.btn:hover{background:#17382c}.hero-art{width:470px;height:330px;position:relative;flex-shrink:0}.mock-invite{position:absolute;left:20px;top:0;width:280px;height:300px;background:#fffdf7;box-shadow:0 22px 50px #253d301b;border:1px solid #e9e2d2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;color:#344a3e;transform:rotate(-5deg)}.mock-invite small{font-size:8px;letter-spacing:3px}.mock-invite strong{font:18px 'Playfair Display';letter-spacing:2px}.mock-invite span{font:italic 27px 'Playfair Display'}.mock-invite i{font:11px 'Playfair Display'}.mock-invite b{font-size:10px;letter-spacing:2px}.mock-card{position:absolute;right:0;bottom:12px;width:220px;height:130px;background:#294a3d;color:#f6eddb;box-shadow:0 20px 40px #253d3028;padding:28px 22px;transform:rotate(7deg);font-size:10px;letter-spacing:2px}.mock-card strong{display:block;font-size:24px;margin-top:5px}.mock-card small{display:block;margin-top:10px;font-size:8px}.wrap{max-width:1180px;margin:auto;padding:75px 24px 100px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head h2,.design-head h1{font-size:36px;letter-spacing:-1.2px;margin:0}.section-head>p{max-width:320px;color:var(--muted);font-size:13px;line-height:1.7}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product{border:1px solid var(--line);padding:12px;transition:transform .2s}.product:hover{transform:translateY(-3px)}.product-image{height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;position:relative;overflow:hidden;text-align:center;padding:25px}.product-image.invitation{background:#f4eee3;color:#34483d}.product-image.card{background:#e5ece6;color:#254b3c}.product-image span{font-size:9px;letter-spacing:3px}.product-image strong{font:27px 'Playfair Display';max-width:230px}.product-image small{font:italic 12px 'Playfair Display'}.product-image b{position:absolute;bottom:17px;font-size:8px;letter-spacing:1px;font-weight:500;opacity:.7}.product-info{display:flex;justify-content:space-between;gap:10px;padding:17px 3px 12px}.product-info h3{margin:0 0 7px;font-size:16px}.product-info p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.price{font-size:14px;font-weight:700;white-space:nowrap}.price small{display:block;color:var(--muted);font-size:10px;text-align:right;font-weight:400}.text-link{font-size:13px;color:var(--green);font-weight:700;display:flex;justify-content:space-between;padding:12px 3px}.text-link span{font-size:18px}footer{background:#1f3029;color:#f5f5ed;padding:38px max(calc((100vw - 1180px)/2),24px)}footer p{font-size:12px;color:#b7c2bb}footer small{font-size:10px;color:#9ba9a0}.designer-wrap{max-width:1180px;margin:auto;padding:45px 24px 90px}.design-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.design-head>div>p:last-child{color:var(--muted);font-size:13px}.designer{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);border:1px solid var(--line);min-height:650px}.preview-panel{background:#f5f5f0;padding:24px;display:flex;flex-direction:column}.preview-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:700}.live-dot{color:#54856b;letter-spacing:0}.paper-stage{flex:1;min-height:470px;display:flex;align-items:center;justify-content:center;padding:35px 10px}.paper{width:min(100%,430px);aspect-ratio:1.42;background:#fffdf7;box-shadow:0 12px 35px #172e241a;display:flex;align-items:center;justify-content:center;padding:24px;color:#263b35;transition:color .15s}.paper.card{aspect-ratio:1.75;background:#e8eee8}.paper-inner{border:1px solid #d7c7a9;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:15px;padding:18px}.paper-inner h2{font:clamp(22px,3vw,34px) 'Playfair Display';margin:0}.paper-inner p{font:12px 'Playfair Display';max-width:250px;margin:0;line-height:1.5}.prev3{font-size:8px;letter-spacing:2px}.prev-date{font-size:9px;letter-spacing:2px}.preview-note{font-size:11px;color:var(--muted);line-height:1.6}.controls{padding:28px 30px}.control-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.control-title:not(:first-child){margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.control-title h2{font-size:17px;margin:0}.control-title span{font-size:10px;color:#9b7950;letter-spacing:1px}.controls label{display:block;font-size:12px;font-weight:600;margin:0 0 16px}.controls input:not([type=color]),.controls select,.checkout-form input,.checkout-form textarea{width:100%;margin-top:8px;padding:12px;border:1px solid #dfe2da;background:#fff;border-radius:2px;font:13px 'DM Sans';color:var(--ink);outline-color:#8ca995}.controls input[type=color]{display:block;width:100%;height:41px;margin-top:8px;border:1px solid var(--line);background:white;padding:3px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.price-box{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--cream);margin:20px 0 8px}.price-box span{font-size:12px;font-weight:700;display:block}.price-box small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.price-box strong{font-size:21px;color:var(--green)}.btn-wide{width:100%;margin-top:10px}.secure-note{text-align:center;color:var(--muted);font-size:10px}.cart-wrap,.checkout-wrap{max-width:980px;margin:auto;padding:55px 24px 90px}.page-title{font-size:36px;letter-spacing:-1.2px;margin:0 0 10px}.subtle{color:var(--muted);line-height:1.7}.cart-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:28px;margin-top:30px}.cart-item,.summary,.panel{border:1px solid var(--line);padding:22px;margin-bottom:14px}.cart-item{display:flex;justify-content:space-between;gap:15px}.cart-item h3{margin:0 0 8px}.cart-item p{font-size:12px;color:var(--muted);line-height:1.6}.cart-item form button,.remove-btn{border:0;background:none;color:#a04e43;cursor:pointer}.summary h3{margin-top:0}.sum-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.sum-total{font-size:18px;font-weight:700;border:0}.empty{text-align:center;padding:70px 20px;background:var(--cream)}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.checkout-form label{display:block;font-size:12px;font-weight:600;margin-bottom:16px}.checkout-form input,.checkout-form textarea{display:block}.bank-box{background:var(--cream);padding:20px;line-height:1.9;font-size:13px;margin-top:15px}.notice{padding:14px 16px;background:#edf5ee;color:#27543d;font-size:13px;margin:18px 0}.error{background:#fff0ed;color:#8b3326}.order-number{font-size:24px;font-weight:700;color:var(--green)}.admin-wrap{max-width:1100px;margin:auto;padding:45px 24px}.admin-nav{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0 28px;padding:16px;background:var(--cream)}.admin-nav a{font-size:13px;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--cream)}.admin-form{max-width:720px;border:1px solid var(--line);padding:24px}.admin-form label{display:block;font-size:12px;font-weight:600;margin-bottom:15px}.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:11px;border:1px solid var(--line);margin-top:7px;font:13px 'DM Sans'}.pill{display:inline-block;padding:5px 8px;background:#f1eee4;font-size:10px;border-radius:3px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{padding:20px;background:var(--cream)}.stat strong{display:block;font-size:25px;margin-top:10px}@media(max-width:800px){.hero{padding-top:48px;padding-bottom:48px}.hero-art{width:300px;transform:scale(.8);transform-origin:center right;margin-left:-40px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.designer{grid-template-columns:1fr}.paper-stage{min-height:350px}.controls{padding:24px}.cart-layout,.checkout-grid{grid-template-columns:1fr}.design-head{align-items:flex-start;gap:20px}.section-head{align-items:flex-start;flex-direction:column;gap:8px}}@media(max-width:540px){.top{height:65px;padding:0 16px}.brand{font-size:17px}nav{gap:12px;font-size:12px}.hero{display:block;padding:45px 22px 15px}.hero-art{height:250px;width:100%;transform:none;margin:30px 0 0}.mock-invite{width:210px;height:220px;left:0}.mock-invite span{font-size:22px}.mock-card{width:160px;height:100px;padding:18px 15px;right:0;bottom:10px}.mock-card strong{font-size:19px}.wrap,.designer-wrap{padding:42px 16px 60px}.section-head h2,.design-head h1,.page-title{font-size:29px}.products{grid-template-columns:1fr;gap:16px}.product-image{height:250px}.design-head{display:block}.design-head>.text-link{margin-top:12px}.preview-panel{padding:17px}.paper-stage{min-height:300px;padding:20px 0}.paper-inner{gap:10px;padding:12px}.controls{padding:20px 16px}.two{gap:8px}.cart-wrap,.checkout-wrap{padding:35px 16px}.cart-item{padding:15px}.admin-wrap{padding:30px 15px}.admin-grid{grid-template-columns:1fr}.admin-nav{gap:12px}.top nav a:last-child{display:none}}.paper{position:relative;overflow:hidden}.paper-inner{position:absolute;inset:5%;width:90%;height:90%}.paper-inner>*{white-space:pre-wrap}.editor-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.upload-label{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:600;cursor:pointer}.upload-label input{max-width:180px;font-size:11px}.btn-outline{background:#fff;color:var(--green);border:1px solid var(--green);margin-top:0;padding:11px 13px}
/* Yönetim paneli iyileştirmeleri */
.login-shell{max-width:520px;padding-top:9vh}.login-panel{padding:30px;box-shadow:0 18px 55px rgba(25,45,35,.07);border-radius:8px}.login-panel .page-title{font-size:32px}.login-panel .admin-form{border:0;padding:0;max-width:none}.login-panel .btn{width:100%;margin-top:6px}.small{font-size:11px}.option-panel{border-radius:6px;margin-bottom:18px}.option-panel h2{margin-top:0;font-size:20px}.option-panel .admin-form{border:0;padding:0;max-width:100%}.admin-form textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55;resize:vertical}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{outline:2px solid #b5cbbd;outline-offset:1px}.admin-form .inline-check{display:flex;align-items:center;gap:9px}.admin-form .inline-check input{width:auto;margin:0}.btn-light{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;background:#f4f5f0;color:var(--green);border:1px solid var(--line);border-radius:3px;font-size:12px;font-weight:700}.btn-light:hover{background:#e8eee8}.admin-wrap .table-wrap{border:1px solid var(--line);border-radius:5px}.admin-wrap table{min-width:780px}.admin-wrap .stat{border:1px solid var(--line);border-radius:5px}.admin-nav{border-radius:5px}.admin-nav a:hover{color:#9b7950;text-decoration:underline;text-underline-offset:4px}.btn:disabled{opacity:.5;cursor:not-allowed}
/* Yönetim paneli: sol sabit menü */
@media(min-width:901px){
body:has(.admin-nav){padding-left:240px}
body:has(.admin-nav) .top{display:none}
body:has(.admin-nav) .admin-wrap>.brand{display:none}
.admin-nav{position:fixed;top:0;left:0;bottom:0;width:240px;margin:0;padding:24px 14px;background:#1f3029;flex-direction:column;flex-wrap:nowrap;gap:4px;overflow-y:auto;border-radius:0;z-index:60}
.admin-nav::before{content:"✦ Tasarla & Bas";display:block;color:#fff;font:700 19px 'DM Sans',sans-serif;letter-spacing:-.5px;padding:4px 14px 18px;border-bottom:1px solid #33503f;margin-bottom:12px}
.admin-nav a{display:block;color:#c8d4cb;font-size:13.5px;font-weight:600;padding:11px 14px;border-radius:8px}
.admin-nav a:hover{background:#2b4436;color:#fff;text-decoration:none}
.admin-nav a.on{background:var(--green);color:#fff}
}
@media(max-width:900px){.admin-nav::before{display:none}}
/* Site logosu */
.brand-logo-link{display:inline-flex;align-items:center}
.brand-logo{height:36px;max-width:240px;width:auto;display:block}
.logo-preview{max-height:90px;max-width:280px;display:block;border:1px solid var(--line);background:var(--cream);padding:12px;margin:12px 0}
@media(max-width:540px){.brand-logo{height:30px;max-width:170px}}
/* Ürün ızgarası: 1-2 ürün olduğunda sütunlar alanı doldurur */
.products.cols-1{grid-template-columns:minmax(0,1fr)}
.products.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.products.cols-2 .product-image{height:320px}
@media(max-width:540px){.products.cols-1,.products.cols-2{grid-template-columns:1fr}.products.cols-2 .product-image{height:250px}}
/* Sipariş yönetimi */
.muted-sm{color:var(--muted);font-size:12px}
.order-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}
.status-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12.5px;font-weight:600;color:#4d5954}
.status-tab:hover{border-color:#b5cbbd;color:var(--green)}
.status-tab.on{background:var(--green);border-color:var(--green);color:#fff}
.status-tab .n{display:inline-block;min-width:20px;text-align:center;padding:1px 6px;border-radius:999px;background:var(--cream);color:#6b756e;font-size:11px}
.status-tab.on .n{background:rgba(255,255,255,.22);color:#fff}
.search-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.search-form input[type=search]{flex:1;min-width:220px;padding:11px 13px;border:1px solid var(--line);border-radius:3px;font:13px 'DM Sans';color:var(--ink)}
.search-form input[type=search]:focus{outline:2px solid #b5cbbd;outline-offset:1px}
.search-form .btn{margin:0}
.status-pill{display:inline-block;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.status-awaiting_transfer{background:#fdf3e0;color:#8a6018}
.status-paid{background:#e6f4ea;color:#20663c}
.status-printing{background:#e8eefb;color:#2f4b8f}
.status-shipped{background:#e9f1ef;color:#1f5a52}
.status-cancelled{background:#fdeceb;color:#8b3326}
.status-form{display:flex;gap:6px;align-items:center;margin-top:9px}
.status-form select{padding:8px 10px;border:1px solid var(--line);border-radius:3px;background:#fff;font:12.5px 'DM Sans';color:var(--ink);cursor:pointer}
.status-form select:focus{outline:2px solid #b5cbbd;outline-offset:1px}
.status-form .btn{padding:8px 12px;margin:0}
.pagination{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:22px}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:4px;font-size:13px;font-weight:600;background:#fff;color:#4d5954}
.pagination a:hover{border-color:#b5cbbd;color:var(--green)}
.pagination .cur{background:var(--green);border-color:var(--green);color:#fff}
.pagination .gap{border:0;background:none;min-width:auto;padding:0 2px}
.orders-empty{text-align:center;padding:60px 20px;background:var(--cream);border-radius:6px;margin-top:18px}
.orders-empty h3{margin:0 0 8px}
