:root{font-family:Arial,Helvetica,sans-serif;color:#26342d;background:#f6f5f0;--green:#203e31;--muted:#758078;--line:#dddfd5}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}header{padding:25px 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;background:#fcfbf8}.brand{font-weight:900;letter-spacing:3px;font-size:23px;color:var(--green);text-decoration:none}.brand span{font-size:10px;letter-spacing:4px;display:block;margin-top:5px}nav{display:flex;gap:6px;margin-left:auto}nav button,.text-button{border:0;background:none;padding:12px 16px;color:var(--muted)}nav button.active{color:var(--green);background:#e7ebdf;border-radius:30px}#cart-count{display:inline-grid;place-items:center;background:var(--green);color:white;border-radius:50%;min-width:21px;height:21px;font-size:11px}.local-tag{font-size:11px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:55px 5%}h1{font-size:clamp(38px,5vw,66px);letter-spacing:-2.5px;line-height:1.08;font-weight:500;margin:18px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#65816a}h2{font-weight:500;font-size:25px;letter-spacing:-.7px}p{line-height:1.65}.intro{margin-bottom:35px}.intro p{color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#617565}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px}.designer,.summary{background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px}.switch{display:flex;align-items:center;gap:7px;letter-spacing:0;color:var(--muted)}input[type=checkbox]{accent-color:var(--green)}.preview{height:270px;border-radius:12px;margin-top:22px;background:radial-gradient(ellipse at 50% 40%,#39443b,#151e19);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:35px 25px 55px}.preview:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 55px,#ffffff04 56px)}#preview-text{position:relative;z-index:2;font-size:60px;white-space:pre;font-weight:900;letter-spacing:4px;color:#fffefa;text-shadow:2px 4px 0 #4e514c,3px 6px 0 #0c100e,0 0 12px #ffffdc90,0 0 30px #ffffcb70;max-width:100%;line-height:1.35}.preview.off #preview-text{color:#c5c7c1;text-shadow:2px 4px 0 #4e514c,3px 6px 0 #0c100e}.rail{position:absolute;left:9%;right:9%;top:62%;height:9px;background:#0a0e0b;box-shadow:0 3px 2px #0008}.preview-caption{position:absolute;bottom:20px;font-size:10px;letter-spacing:1px;color:#b2bcb4}.preview-tools{display:flex;justify-content:space-between;align-items:center;padding:15px 0 20px;font-size:11px;color:var(--muted)}.preview-tools label{display:flex;align-items:center;gap:12px}input[type=range]{width:90px;accent-color:var(--green)}.field-label{font-size:13px;display:block;margin-bottom:10px}.word-row{display:flex;gap:8px}input:not([type=checkbox]):not([type=range]),textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fcfcf9;color:#26342d;outline-color:#6d9474}.word-row input{font-size:20px!important;font-weight:600;letter-spacing:2px}.hint{font-size:12px;color:var(--muted);line-height:1.7}.letters{display:grid;grid-template-columns:repeat(11,1fr);gap:7px;margin-top:20px}.letters button{height:44px;border:1px solid var(--line);border-radius:7px;background:#f8f9f4;color:var(--green);font-size:18px;position:relative}.letters button:hover{border-color:#789177;background:#ebefdf}.letters button.selected{background:#e4ecd9;border-color:#79916a}.letter-badge{position:absolute;right:3px;top:2px;font-size:9px}.builder-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:var(--muted);font-size:12px}.text-button{padding-left:0;font-size:12px}.summary{align-self:start}.specs{display:grid;gap:14px;border-bottom:1px solid var(--line);padding:10px 0 24px;margin-bottom:23px;font-size:12px}.specs span{display:flex;justify-content:space-between;color:var(--muted)}.specs b{color:#26342d;font-weight:500}.price-row{display:flex;justify-content:space-between;gap:12px;margin:16px 0;font-size:12px}.muted{color:var(--muted)}.total{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid var(--line);margin-top:25px;font-size:12px}.total strong{font-size:28px;font-weight:500;letter-spacing:-1px}.primary{background:var(--green);color:white;border:0;border-radius:9px;padding:17px 20px;width:100%;font-size:13px}.primary:hover{background:#325740}.secondary{border:1px solid var(--line);background:#fff;padding:12px 17px;border-radius:8px;color:var(--green)}.note{background:#f2f4e9;padding:15px;border-radius:8px;font-size:12px;line-height:1.7;margin-top:25px}.accessory-section{margin-top:55px}.accessories{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}.accessory{background:#fff;border:1px solid var(--line);padding:24px;border-radius:14px}.accessory-icon{background:#eef0e7;padding:22px;font-size:30px;color:#57705a;text-align:center;border-radius:9px}.accessory h3{font-size:16px;font-weight:500}.accessory-bottom{display:flex;align-items:center;justify-content:space-between;font-size:13px}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:30px}.cart-line{display:flex;align-items:center;gap:15px;background:#fff;padding:20px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.cart-symbol{font-size:30px;background:#eef0e7;min-width:55px;text-align:center;padding:8px;border-radius:8px}.cart-detail{flex:1}.cart-detail h3{font-size:14px;font-weight:500;margin:0 0 7px}.quantity{display:flex;gap:8px;align-items:center}.quantity button{border:1px solid var(--line);background:white;border-radius:5px;width:27px;height:27px}.remove{border:0;background:none;color:#8b5454;padding:10px;font-size:12px}#checkout label{display:block;font-size:12px;margin-bottom:15px}#checkout input,#checkout textarea{margin-top:7px}textarea{resize:vertical;min-height:65px}.empty{padding:45px;background:#fff;border:1px dashed var(--line);border-radius:14px;text-align:center;margin:20px 0;color:var(--muted)}.order{padding:25px;border:1px solid var(--line);background:white;border-radius:14px;margin-top:20px}.order-head{display:flex;justify-content:space-between;gap:15px}.status{background:#eef1df;color:#607044;padding:8px 12px;border-radius:30px;font-size:12px}.steps{display:flex;gap:12px;margin:25px 0;flex-wrap:wrap;font-size:11px;color:#969e98}.steps span{border-top:3px solid #e6e9e1;padding-top:10px;flex:1;min-width:85px}.steps .current{border-color:#6f8e58;color:#31563c}footer{padding:35px 5%;border-top:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:15px 25px;border-radius:10px;z-index:10;display:none;max-width:90%;font-size:13px}[hidden]{display:none!important}@media(max-width:950px){.workspace,.cart-layout{grid-template-columns:1fr}.summary{width:100%}.accessories{grid-template-columns:1fr}.letters{grid-template-columns:repeat(8,1fr)}header{flex-wrap:wrap}nav{order:3;width:100%;margin:0;justify-content:space-between}nav button{padding:10px}.local-tag{margin-left:auto}footer{flex-wrap:wrap}.cart-line{flex-wrap:wrap}.preview{height:230px}main{padding-top:30px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}#preview-text{transition:text-shadow .2s,color .2s}}
/* Magnet ray konfiguratoru */
.configuration{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.configuration label{font-size:12px;color:var(--muted)}select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fafbf6;color:var(--green);font:inherit;font-size:15px}.switch{padding:9px 13px;border-radius:25px;background:#edf2e5;color:var(--green);font-size:12px;font-weight:600}.preview{height:320px;background:radial-gradient(ellipse at 50% 30%,#edf0e8,#c1c8bd);padding:35px 20px 55px}.preview:before{background:linear-gradient(180deg,#ffffff70,transparent)}#preview-text{display:flex;align-items:flex-start;justify-content:center;position:relative;max-width:none;flex-shrink:0;letter-spacing:0;font-size:70px;line-height:1;text-shadow:none;transform-origin:center center}.preview-letter{display:flex;align-items:center;justify-content:center;width:110px;height:190px;flex-shrink:0;position:relative}.preview-letter img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.07) drop-shadow(0 0 7px #ffffe199)}.small-letters .preview-letter{width:55px;height:95px;margin-top:15px}.preview.off .preview-letter img{filter:brightness(.55) saturate(.15)}.preview .rail{top:55px;left:12%;right:12%;height:16px;background:linear-gradient(#303730,#111811);border-top:2px solid #687365;box-shadow:0 6px 6px #0003;z-index:0}.preview.long-rail .rail{left:4%;right:4%}.preview-caption{color:#41523f;font-size:11px;letter-spacing:.5px}.preview-space{width:35px;flex-shrink:0}.fallback{flex-direction:column;justify-content:flex-start;padding-top:25px;color:#fffce6;font-size:105px;font-weight:900;text-shadow:3px 4px #2e342e,0 0 13px #fffbd0}.magnet-adapter{display:block;background:linear-gradient(#333a33,#101810);width:60%;height:22px;margin-bottom:8px;box-shadow:0 3px #0003}.small-letters .fallback{font-size:52px;padding-top:8px}.small-letters .magnet-adapter{height:11px;margin-bottom:4px}.preview.off .fallback{color:#c2c5bb;text-shadow:3px 4px #2e342e}.catalog-reference{display:flex;gap:24px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-top:20px}.catalog-reference img{width:140px;height:160px;object-fit:contain;border-radius:8px}.catalog-reference h3{font-size:20px;font-weight:500}.cart-symbol img{width:48px;height:55px;object-fit:contain}.total strong{font-size:24px}@media(max-width:600px){.configuration{gap:10px}.preview{height:250px}.preview-letter{width:80px;height:140px}.small-letters .preview-letter{width:40px;height:70px}.fallback{font-size:75px;padding-top:20px}.small-letters .fallback{font-size:38px}.catalog-reference{gap:12px}.catalog-reference img{width:95px;height:120px}.section-label{letter-spacing:0;font-size:10px}}
.preview .rail{display:none}.shared-preview-rail{position:absolute;top:54px;left:-4%;width:108%;height:12px;background:linear-gradient(#475044,#11180f);border-top:2px solid #75806e;box-shadow:0 4px 5px #0003;z-index:0}.long-rail .shared-preview-rail{left:-14%;width:128%}.small-letters .shared-preview-rail{top:42px;height:8px}.preview-letter{z-index:1}.preview-letter.fallback{z-index:2}@media(max-width:600px){.shared-preview-rail{top:40px}.small-letters .shared-preview-rail{top:32px}}
.preview-letter img{mix-blend-mode:normal;filter:brightness(1.07) drop-shadow(0 0 7px #ffffe199)}.preview.off .preview-letter img{filter:brightness(.55) saturate(.15)}
.configuration{grid-template-columns:repeat(3,1fr)}.preview{background:radial-gradient(ellipse at 50% 45%,#4b5147,#20271e);--lamp:#fff4dc;--lamp-filter:sepia(.18) saturate(.65)}.preview[data-kelvin="3000"]{--lamp:#ffd596;--lamp-filter:sepia(.65) saturate(1.1)}.preview[data-kelvin="6500"]{--lamp:#e2eeff;--lamp-filter:sepia(.15) hue-rotate(175deg) saturate(.65)}.preview-letter img{filter:var(--lamp-filter) brightness(1.12) drop-shadow(0 0 6px var(--lamp))}.preview.off .preview-letter img{filter:brightness(.60);}.preview-caption{color:#c6cfc2}.preview-letter.front{--glyph-height:130px;width:calc(var(--ratio)*var(--glyph-height));height:var(--glyph-height);margin-top:48px;flex-shrink:0}.front-window{width:100%;height:100%;position:relative;overflow:hidden;filter:drop-shadow(0 0 6px var(--lamp))}.front-window img{position:absolute!important;width:calc(var(--source-w)*var(--glyph-height))!important;height:calc(var(--source-h)*var(--glyph-height))!important;left:calc(var(--offset-x)*var(--glyph-height));top:calc(var(--offset-y)*var(--glyph-height));max-width:none;object-fit:fill!important;filter:var(--lamp-filter) brightness(1.12)!important}.small-letters .preview-letter.front{--glyph-height:65px;margin-top:48px}.preview.off .front-window{filter:none}.preview.off .front-window img{filter:brightness(.6)!important}.shared-preview-rail,.small-letters .shared-preview-rail{top:38px;height:12px}.preview-letter.front:before{content:'';position:absolute;top:-8px;width:16px;height:8px;background:#11180f}.preview.off{background:radial-gradient(ellipse at 50% 45%,#41483d,#20271e)}@media(max-width:600px){.configuration{grid-template-columns:1fr 1fr}.configuration label:last-child{grid-column:1/-1}.preview-letter.front{--glyph-height:100px}.small-letters .preview-letter.front{--glyph-height:50px}.shared-preview-rail,.small-letters .shared-preview-rail{top:38px}}
/* Kare olcu ve mekan secimi */
.configuration{grid-template-columns:1fr 1fr}.preview{height:360px;isolation:isolate}.preview:before{z-index:0;background:none}.scene-decor{position:absolute;inset:0;z-index:0;pointer-events:none}.preview[data-scene="store"],.preview[data-scene="store"].off{background:linear-gradient(180deg,#d8d0be 0%,#c5b9a2 64%,#8b8170 65%,#655e50 100%)}.scene-shelf{position:absolute;left:9%;right:55%;top:60%;height:25%;background:repeating-linear-gradient(0deg,#242521 0 5px,transparent 5px 27px);border:5px solid #242521;opacity:.5}.scene-counter{position:absolute;right:8%;bottom:18%;width:35%;height:18%;background:linear-gradient(180deg,#574735 0 8px,#c7b698 8px);box-shadow:0 6px 14px #0003}.preview[data-scene="window"],.preview[data-scene="window"].off{background:linear-gradient(145deg,#d9e8ea99,transparent 45%),linear-gradient(0deg,#777f79 0 18%,#bac6c699 18% 100%),linear-gradient(90deg,#9aaea1,#dde1d7)}.scene-window{position:absolute;inset:0;background:linear-gradient(90deg,transparent 32%,#1b1b1b 32% 33%,transparent 33% 67%,#1b1b1b 67% 68%,transparent 68%),linear-gradient(160deg,transparent 35%,#ffffff4a 36% 39%,transparent 40% 57%,#ffffff33 58% 60%,transparent 61%);border:8px solid #191919}.preview:not([data-scene="store"]) .scene-shelf,.preview:not([data-scene="store"]) .scene-counter,.preview:not([data-scene="window"]) .scene-window{display:none}.preview[data-scene="plain"]{background:#454a46}.preview>.rail{display:block;left:7%;right:7%;top:64px;height:14px;background:linear-gradient(#272727,#080808);border-top:2px solid #454545;box-shadow:0 4px 6px #0004;z-index:2}.preview.long-rail>.rail{left:7%;right:7%}.shared-preview-rail{display:none}#preview-text{position:absolute;top:86px;z-index:3;align-items:flex-start}.preview-letter.front,.small-letters .preview-letter.front{--glyph-height:var(--glyph-size);width:var(--glyph-height);height:var(--glyph-height);margin-top:0}.preview-letter.front:before{background:#080808;top:-10px;height:10px;width:15px;border-radius:2px}.preview-letter:not(.front),.small-letters .preview-letter:not(.front){width:var(--glyph-size);height:var(--glyph-size);margin-top:0}.preview-letter:not(.front) img{width:100%;height:100%;object-fit:contain}.magnet-adapter{background:#080808}.preview-letter.fallback{padding-top:0;font-size:calc(var(--glyph-size)*.9)}.preview-caption{z-index:4;bottom:12px;padding:7px 12px;background:#101010cc;border-radius:6px;color:#fff;font-size:10px}.preview-letter.front:after{content:'';position:absolute;inset:0;border:1px dashed #ffffff30;pointer-events:none}@media(max-width:600px){.configuration label:last-child{grid-column:auto}.preview{height:300px}.preview-letter.front,.small-letters .preview-letter.front{--glyph-height:var(--glyph-size)}.preview-caption{max-width:95%;font-size:9px;text-align:center}}