:root{–ts-navy:#1B2C4B;–ts-navy-l:#243659;–ts-gold:#C4975A;–ts-gold-l:#D4A96A;–ts-cream:#F7F4EE;–ts-cream-d:#EDE9E0;–ts-white:#FFFFFF;–ts-text:#1E2435;–ts-text-l:#5A6070;–ts-border:#DDD8CE;–ts-footer-bg:#0E1A2F;–fd:’Playfair Display’,Georgia,serif;–fb:’Inter’,system-ui,sans-serif;–r:8px;–rl:16px;–sh-s:0 1px 3px rgba(27,44,75,.08);–sh-m:0 4px 16px rgba(27,44,75,.10);–sh-l:0 8px 32px rgba(27,44,75,.12);–mw:1200px;–spy:80px} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:var(–fb);color:var(–ts-text);background:var(–ts-white);line-height:1.6;-webkit-font-smoothing:antialiased} img{max-width:100%;height:auto;display:block} a{text-decoration:none;color:inherit} ul{list-style:none} input,select,textarea,button{font-family:inherit} .container{max-width:var(–mw);margin:0 auto;padding:0 24px} .section{padding:var(–spy) 0} .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(–r);font-size:15px;font-weight:600;cursor:pointer;border:2px solid transparent;transition:all .22s ease;white-space:nowrap;text-decoration:none} .btn-primary{background:var(–ts-navy);color:#fff;border-color:var(–ts-navy)} .btn-primary:hover{background:var(–ts-navy-l);transform:translateY(-2px)} .btn-gold{background:var(–ts-gold);color:#fff;border-color:var(–ts-gold)} .btn-gold:hover{background:var(–ts-gold-l);transform:translateY(-2px);box-shadow:0 4px 16px rgba(196,151,90,.3)} .btn-outline{background:transparent;color:var(–ts-navy);border-color:var(–ts-navy)} .btn-outline:hover{background:var(–ts-navy);color:#fff} .btn-wa{background:#25D366;color:#fff;border-color:#25D366} .btn-wa:hover{background:#1ebe5c} .btn-sm{padding:10px 20px;font-size:13px} .btn-lg{padding:17px 36px;font-size:16px} /* TOPBAR */ .topbar{background:var(–ts-navy);color:rgba(255,255,255,.85);font-size:13px;padding:8px 0;border-bottom:1px solid rgba(196,151,90,.25)} .topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:16px} .topbar-left{display:flex;align-items:center;gap:20px} .topbar-item{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.8)} .topbar-right{display:flex;align-items:center;gap:16px} .topbar-lang{color:var(–ts-gold);font-weight:600;font-size:12px} /* HEADER */ .header{background:var(–ts-white);position:sticky;top:0;z-index:100;box-shadow:0 1px 0 var(–ts-border),var(–sh-s)} .header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:24px} .logo{display:flex;flex-direction:column;gap:2px;text-decoration:none} .logo-name{font-family:var(–fd);font-size:24px;font-weight:700;color:var(–ts-navy);letter-spacing:-.03em;line-height:1} .logo-name span{color:var(–ts-gold)} .logo-tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(–ts-text-l);font-weight:500} .nav{display:flex;align-items:center;gap:6px} .nav-link{padding:8px 12px;font-size:14px;font-weight:500;color:var(–ts-text);border-radius:var(–r);transition:all .18s} .nav-link:hover{color:var(–ts-navy);background:var(–ts-cream)} .hdr-cta{display:flex;align-items:center;gap:10px} .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(–ts-navy)} /* PAGE HERO */ .page-hero{background:linear-gradient(135deg,var(–ts-navy) 0%,var(–ts-navy-l) 100%);padding:56px 0;position:relative;overflow:hidden;text-align:center} .page-hero::before{content:”;position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 38px,rgba(196,151,90,.05) 38px,rgba(196,151,90,.05) 39px),repeating-linear-gradient(90deg,transparent,transparent 38px,rgba(196,151,90,.05) 38px,rgba(196,151,90,.05) 39px)} .page-hero-inner{position:relative;z-index:1} .page-hero-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(–ts-gold);display:block;margin-bottom:12px} .page-hero-title{font-family:var(–fd);font-size:clamp(32px,4vw,52px);font-weight:700;color:#fff;margin-bottom:16px;line-height:1.1} .page-hero-sub{font-size:17px;color:rgba(255,255,255,.7);max-width:560px;margin:0 auto 32px;line-height:1.7} .page-hero-badges{display:flex;justify-content:center;gap:16px;flex-wrap:wrap} .hero-badge{padding:8px 20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:100px;font-size:13px;color:rgba(255,255,255,.8);display:flex;align-items:center;gap:6px} /* STEPS */ .steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative} .steps-row::before{content:”;position:absolute;top:24px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,var(–ts-gold),rgba(196,151,90,.2));z-index:0} .step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px;position:relative;z-index:1} .step-num{width:48px;height:48px;border-radius:50%;background:var(–ts-gold);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 0 0 4px rgba(196,151,90,.15)} .step-title{font-weight:700;font-size:14px;color:var(–ts-navy);margin-bottom:6px} .step-desc{font-size:13px;color:var(–ts-text-l);line-height:1.5} /* FORM PAGE LAYOUT */ .form-page{display:grid;grid-template-columns:1fr 360px;gap:40px;padding:60px 0} /* MAIN FORM */ .quote-form{background:var(–ts-white);border:1px solid var(–ts-border);border-radius:var(–rl);overflow:hidden} .form-section{padding:32px 36px;border-bottom:1px solid var(–ts-border)} .form-section:last-child{border-bottom:none} .form-section-title{font-family:var(–fd);font-size:18px;font-weight:700;color:var(–ts-navy);margin-bottom:4px} .form-section-sub{font-size:13px;color:var(–ts-text-l);margin-bottom:24px} .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px} .fg{display:flex;flex-direction:column;gap:6px} .fg.full{grid-column:1/-1} .fl{font-size:13px;font-weight:600;color:var(–ts-navy)} .fl .req{color:var(–ts-gold);margin-left:2px} .fi,.fs,.ft{width:100%;padding:12px 14px;border:1.5px solid var(–ts-border);border-radius:var(–r);font-size:14px;color:var(–ts-text);background:var(–ts-white);transition:border-color .18s,box-shadow .18s;outline:none} .fi:focus,.fs:focus,.ft:focus{border-color:var(–ts-navy);box-shadow:0 0 0 3px rgba(27,44,75,.08)} .ft{resize:vertical;min-height:96px} .fs{appearance:none;cursor:pointer;background-image:url(“data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ width=’12’ height=’12’ viewBox=’0 0 24 24′ fill=’none’ stroke=’%236B7280′ stroke-width=’2’%3E%3Cpolyline points=’6 9 12 15 18 9’/%3E%3C/svg%3E”);background-repeat:no-repeat;background-position:right 14px center;padding-right:36px} .checkbox-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(–ts-text-l);cursor:pointer;padding:8px 0} .checkbox-row input{cursor:pointer;accent-color:var(–ts-navy);width:16px;height:16px} /* PRODUCT ITEMS */ .prod-items{display:flex;flex-direction:column;gap:12px} .prod-item{background:var(–ts-cream);border:1px solid var(–ts-border);border-radius:var(–r);padding:16px;display:grid;grid-template-columns:1fr 120px 100px auto;gap:12px;align-items:center} .prod-item-name{font-size:14px;font-weight:500;color:var(–ts-navy)} .prod-item select,.prod-item input{padding:8px 10px;border:1.5px solid var(–ts-border);border-radius:var(–r);font-size:13px;color:var(–ts-text);background:var(–ts-white);outline:none;width:100%} .prod-item select:focus,.prod-item input:focus{border-color:var(–ts-navy)} .remove-btn{background:none;border:none;cursor:pointer;color:var(–ts-text-l);font-size:18px;padding:4px;transition:color .15s} .remove-btn:hover{color:#e53e3e} .add-prod-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px dashed var(–ts-border);border-radius:var(–r);font-size:14px;font-weight:500;color:var(–ts-text-l);cursor:pointer;background:none;width:100%;justify-content:center;transition:all .15s;margin-top:8px} .add-prod-btn:hover{border-color:var(–ts-gold);color:var(–ts-gold)} /* FORM SUBMIT */ .form-submit-block{padding:32px 36px;background:var(–ts-cream)} .form-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(–ts-text-l);line-height:1.5;margin-bottom:20px;cursor:pointer} .form-consent input{cursor:pointer;accent-color:var(–ts-navy);width:16px;height:16px;flex-shrink:0;margin-top:2px} .submit-btn{width:100%;padding:18px;background:var(–ts-gold);color:#fff;border:none;border-radius:var(–r);font-size:17px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px} .submit-btn:hover{background:var(–ts-gold-l);transform:translateY(-2px);box-shadow:0 6px 20px rgba(196,151,90,.35)} .submit-note{text-align:center;font-size:12px;color:var(–ts-text-l);margin-top:12px;line-height:1.5} /* SIDEBAR */ .sidebar{display:flex;flex-direction:column;gap:20px} .sidebar-card{background:var(–ts-white);border:1px solid var(–ts-border);border-radius:var(–rl);overflow:hidden} .sidebar-card-header{background:var(–ts-navy);padding:16px 20px} .sidebar-card-title{font-family:var(–fd);font-size:16px;font-weight:700;color:#fff} .sidebar-card-body{padding:20px} .info-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px} .info-row:last-child{margin-bottom:0} .info-icon{font-size:20px;flex-shrink:0;margin-top:2px} .info-text{font-size:13px;color:var(–ts-text-l);line-height:1.5} .info-text strong{color:var(–ts-navy);display:block;margin-bottom:2px} .sidebar-wa{background:linear-gradient(135deg,#1a7c39,#25a84d);border-radius:var(–rl);padding:24px;text-align:center} .sidebar-wa-icon{font-size:40px;margin-bottom:8px} .sidebar-wa-title{font-weight:700;color:#fff;margin-bottom:6px} .sidebar-wa-sub{font-size:12px;color:rgba(255,255,255,.7);margin-bottom:16px;line-height:1.5} .trust-list{display:flex;flex-direction:column;gap:10px} .trust-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(–ts-text-l)} .trust-check{width:20px;height:20px;border-radius:50%;background:rgba(196,151,90,.12);border:1px solid rgba(196,151,90,.25);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;color:var(–ts-gold)} /* SUCCESS MODAL */ .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;display:none;align-items:center;justify-content:center} .modal-overlay.show{display:flex} .modal{background:var(–ts-white);border-radius:var(–rl);padding:48px 40px;max-width:480px;width:90%;text-align:center} .modal-icon{font-size:64px;margin-bottom:16px} .modal-title{font-family:var(–fd);font-size:28px;font-weight:700;color:var(–ts-navy);margin-bottom:12px} .modal-sub{font-size:15px;color:var(–ts-text-l);line-height:1.7;margin-bottom:24px} /* FOOTER */ .footer{background:var(–ts-footer-bg);color:rgba(255,255,255,.75);padding:64px 0 0} .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)} .footer-logo-name{font-family:var(–fd);font-size:22px;font-weight:700;color:#fff;letter-spacing:-.03em} .footer-logo-name span{color:var(–ts-gold)} .footer-logo-tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-top:2px} .footer-desc{font-size:14px;line-height:1.75;color:rgba(255,255,255,.5);margin:12px 0 24px} .footer-social{display:flex;gap:10px} .soc-btn{width:36px;height:36px;border-radius:var(–r);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px;color:#fff} .soc-btn:hover{background:var(–ts-gold);border-color:var(–ts-gold)} .footer-col-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:20px} .footer-links{display:flex;flex-direction:column;gap:10px} .footer-link{font-size:14px;color:rgba(255,255,255,.55);transition:color .15s} .footer-link:hover{color:var(–ts-gold)} .footer-contact-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:rgba(255,255,255,.55);margin-bottom:12px} .footer-bottom{padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:rgba(255,255,255,.3)} .footer-legal{display:flex;gap:20px} .footer-legal a{font-size:12px;color:rgba(255,255,255,.3);transition:color .15s} .footer-legal a:hover{color:var(–ts-gold)} /* WA */ .wa-float{position:fixed;bottom:28px;right:28px;z-index:999;display:flex;flex-direction:column;align-items:flex-end;gap:8px} .wa-btn{width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.4);transition:transform .2s;text-decoration:none} .wa-btn:hover{transform:scale(1.1)} .wa-tip{background:var(–ts-navy);color:#fff;font-size:12px;font-weight:600;padding:7px 12px;border-radius:var(–r);white-space:nowrap;box-shadow:var(–sh-m)} /* RESPONSIVE */ @media(max-width:1024px){.form-page{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}} @media(max-width:768px){:root{–spy:56px}.topbar-left .topbar-item:not(:first-child){display:none}.nav,.hdr-cta{display:none}.menu-toggle{display:flex}.prod-item{grid-template-columns:1fr 1fr;gap:8px}.sidebar{grid-template-columns:1fr}.steps-row{grid-template-columns:1fr 1fr;gap:24px}.steps-row::before{display:none}.form-grid{grid-template-columns:1fr}.form-section{padding:20px}.form-submit-block{padding:20px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;text-align:center}.footer-legal{flex-wrap:wrap;justify-content:center}}

TekstilSepeti Kurumsal Tekstil Tedarik Platformu

📞 Ara 💬 WhatsApp

☰

B2B Teklif Sistemi

Fiyat Teklifi Alın

İhtiyaçlarınızı belirtin, 48 saat içinde size özel fiyat teklifimizi hazırlayalım. Ücretsiz numune gönderimi mevcut.

✅ 48 saat teklif garantisi 📦 Ücretsiz numune 🔒 Bilgileriniz gizlidir

let prodCount=1; function addProd(){ const container=document.getElementById(‘prodItems’); const item=document.createElement(‘div’); item.className=’prod-item’; item.innerHTML=`Ürün Türü SeçinOtel Banyo HavlusuEl HavlusuYüz HavlusuPlaj HavlusuAyak Havlusu / PaspasBornozNevresim SetiPike / YorganMasa ÖrtüsüPeçete SetiHastane ÇarşafıTerlikÖzel Üretim / Logo Nakış×`; container.appendChild(item); prodCount++; } function removeProd(btn){ const items=document.querySelectorAll(‘.prod-item’); if(items.length>1){btn.closest(‘.prod-item’).remove()} } // 📌 PROD NOTU: Elementor Form kullanırken “Actions After Submit” → Redirect // → /tesekkurler/ (bkz: 15-tesekkurler.html) ayarlanmalı. Bu modal sadece // statik HTML önizlemesi için demo amaçlıdır. function submitForm(){ document.getElementById(‘modal’).classList.add(‘show’); } document.getElementById(‘modal’).addEventListener(‘click’,function(e){if(e.target===this)this.classList.remove(‘show’)}); const tip=document.getElementById(‘waTip’); setTimeout(()=>{if(tip)tip.style.opacity=’0′},4000);