*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-dark: #3a3732;--color-bg-light: #e9d26c;--color-text: #f5f5f5;--color-text-dark: #1f1d1a;--color-primary: #e9d26c;--color-primary-dark: #cbb24f}body{margin:0;padding:0;background-color:var(--color-bg-dark);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}.header{width:100%;height:100px;background-color:var(--color-bg-dark);display:flex;justify-content:space-between;align-items:center;padding:16px 48px;color:var(--color-text);box-shadow:0 2px 8px #0000004d;position:fixed;top:0;left:0;right:0;z-index:100;transition:height .25s ease,padding .25s ease}.logo-area{display:flex;align-items:center;gap:12px;cursor:pointer}.logo-icon img{height:120px;width:auto;display:block}.logo-text{font-size:1.4rem;font-weight:600;letter-spacing:.5px}.nav-bar{display:flex;align-items:center;gap:24px}.nav-bar a{text-decoration:none;color:var(--color-text-muted);font-size:.95rem;font-weight:500;position:relative;padding-bottom:4px}.nav-bar a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--color-primary);transition:width .2s ease}.nav-bar a:hover:after{width:100%}.nav-bar a:hover{color:var(--color-primary)}.header.header--shrink{height:70px;padding:8px 40px;background-color:var(--color-bg-dark)}.header.header--shrink .logo-icon img{height:55px}.header.header--shrink .logo-text{font-size:1.2rem}.header.header--shrink .nav-bar a{font-size:.9rem}.mobile-menu-btn{display:none;width:32px;height:24px;flex-direction:column;justify-content:space-between;background:none;border:none;cursor:pointer;padding:0;margin-left:16px;z-index:110}.mobile-menu-btn span{display:block;width:100%;height:3px;border-radius:999px;background-color:var(--color-text);transition:transform .2s ease,opacity .2s ease}.mobile-menu-btn--active span:nth-child(1){transform:translateY(10px) rotate(45deg)}.mobile-menu-btn--active span:nth-child(2){opacity:0}.mobile-menu-btn--active span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}@media(max-width:768px){.header{height:72px;padding:10px 16px}.logo-icon img{height:56px}.logo-text{font-size:1.1rem}.nav-bar{position:absolute;top:72px;right:0;left:0;background-color:var(--color-bg-dark);padding:12px 16px 16px;flex-direction:column;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);display:none}.nav-bar--open,.mobile-menu-btn{display:flex}.nav-bar a{font-size:.95rem;color:var(--color-text)}.nav-bar a:after{display:none}}.footer{width:100%;background:linear-gradient(135deg,#2f2c28,#3a3732);color:var(--color-text);padding:60px 10% 30px;border-top:4px solid var(--color-primary);font-family:Arial,Helvetica,sans-serif}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;margin-bottom:30px}.footer-brand h2{font-size:2rem;color:var(--color-primary);margin-bottom:10px}.brand-desc{font-size:.98rem;line-height:1.6;color:#e8e8e8;max-width:260px}.footer-col{flex:1 1 220px;min-width:220px}.footer-col h3{font-size:1.15rem;color:var(--color-primary);margin-bottom:12px;border-left:4px solid var(--color-primary);padding-left:8px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:6px 0}.footer-links a{color:#e4e4e4;text-decoration:none;font-size:.95rem;transition:.2s ease}.footer-links a:hover{color:var(--color-primary);padding-left:4px}.contact-row{display:flex;align-items:flex-start;gap:10px;margin:8px 0;text-decoration:none;color:#e4e4e4;font-size:.95rem;line-height:1.4;transition:.2s ease}.contact-icon{font-size:1.2rem}.contact-row:hover{color:var(--color-primary);transform:translate(5px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:14px;text-align:center;font-size:.9rem;color:#dcdcdc}@media(max-width:768px){.footer{padding:24px 6% 18px}.footer-inner{display:block;margin-bottom:10px}.footer-col{margin-bottom:18px}.footer-col:last-child{margin-bottom:0}.footer-col h3{font-size:1.05rem;margin-bottom:6px}.footer-col p{font-size:.95rem;line-height:1.4;margin:3px 0}.footer-links li{margin:3px 0}.footer-links a{font-size:.95rem}.contact-row{font-size:.95rem;line-height:1.4;margin:4px 0;align-items:flex-start;gap:8px}.contact-row span{display:block}.footer-brand h2{font-size:1.5rem}.brand-desc{font-size:.94rem;line-height:1.45;margin-top:4px}.footer-bottom{font-size:.82rem;padding-top:10px;text-align:center}}#top,#hakkimizda,#urunler,#iletisim{scroll-margin-top:80px}.hero{width:100%;min-height:100vh;padding:120px 48px 40px;margin:0;background:linear-gradient(135deg,#14213e,#1f2f5d);color:#fff;display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:hidden}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 10%;opacity:.45;z-index:0}.hero-content{max-width:550px;position:relative;z-index:2;margin-top:0}.hero-content h1{font-size:3.4rem;font-weight:700;margin-bottom:16px;letter-spacing:1px}.hero-content p{font-size:1.25rem;line-height:1.6;color:#e0e0e0;margin-bottom:28px}.hero-btn{padding:12px 28px;font-size:1.1rem;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:.3s ease}.hero-btn:hover{opacity:.85}.hero-blob{position:absolute;right:-120px;top:50%;width:420px;height:420px;background:var(--color-primary);opacity:.25;border-radius:50%;transform:translateY(-50%);filter:blur(60px);z-index:1}.hero-blob2{position:absolute;right:180px;top:20%;width:260px;height:260px;background:#ffffff25;opacity:.1;border-radius:50%;filter:blur(40px);z-index:1}.product-preview{width:100%;padding:70px 48px 90px;background:#fff;color:#0f172a}.product-preview h2{font-size:2.3rem;margin-bottom:10px}.product-subtitle{font-size:1.05rem;color:#555;margin-bottom:32px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.product-card{position:relative;border-radius:18px;min-height:300px;overflow:hidden;text-decoration:none;color:#fff;background-size:contain;background-position:center;background-repeat:no-repeat;box-shadow:0 14px 36px #0f172a59;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.product-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f172acc,#0f172a40);z-index:1}.product-overlay{position:absolute;inset:0;padding:24px 26px 26px;display:flex;flex-direction:column;justify-content:flex-end;z-index:2}.product-tag{display:inline-block;font-size:.75rem;padding:4px 12px;border-radius:999px;background:#94a3b866;margin-bottom:10px}.product-overlay h3{font-size:1.35rem;margin-bottom:8px}.product-overlay p{font-size:.98rem;line-height:1.5;color:#e5e7eb}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 46px #0f172a80;filter:brightness(1.05)}.product-pos{background-image:url(/images/dokunmatik-pos.jpg);background-position:center}.product-printer{background-image:url(/images/etiket-yazici.jpg);background-position:center}.product-yazarkasa{background-image:url(/images/yazarkasa-pos.jpg);background-position:center}.product-barkod{background-image:url(/images/barkod-okuyucu.jpg);background-position:center}.about-section{width:100%;padding:80px 48px;background-color:#f8f8f8;color:var(--color-text-dark)}.about-inner{max-width:1200px;margin:0 auto}.about-section h2{font-size:2.3rem;font-weight:700;margin-bottom:20px;color:var(--color-bg-dark)}.about-text{font-size:1.1rem;line-height:1.7;color:#444;max-width:900px;margin-bottom:40px}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.about-box{background:#fff;padding:28px;border-radius:12px;box-shadow:0 6px 16px #00000014;border-left:5px solid var(--color-primary)}.about-box h3{font-size:1.3rem;margin-bottom:10px;color:var(--color-bg-dark)}.about-box p{font-size:1rem;line-height:1.6;color:#555}@media(max-width:768px){.about-section{padding:60px 20px}.about-grid{grid-template-columns:1fr}.about-box{padding:22px}.about-section h2{font-size:2rem}}@media(max-width:768px){.hero{min-height:100vh;height:auto;padding:100px 16px 40px;flex-direction:column;align-items:flex-start;justify-content:center}.hero-content{margin-top:0;max-width:100%}}@media(max-width:480px){.hero-content h1{font-size:1.8rem}}@media(max-width:768px){.product-preview{padding:50px 16px 60px}.product-inner{max-width:100%}.product-grid{grid-template-columns:1fr;gap:20px}.product-card{min-height:220px;background-size:cover}.product-overlay{padding:18px 16px 20px}.product-overlay h3{font-size:1.1rem}.product-overlay p{font-size:.95rem}}.products-page{background:#fff;padding-top:100px}.product-preview{padding:70px 48px 90px}.product-inner{max-width:1200px;margin:0 auto}.product-inner h2{font-size:2rem;margin-bottom:8px;color:#0f172a}.product-subtitle{font-size:.98rem;color:#6b7280;margin-top:4px}.product-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.product-detail-card{background:#f9fafb;border-radius:12px;padding:20px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0f172a0d;display:flex;flex-direction:column;justify-content:space-between}.product-tag{font-size:.75rem;padding:4px 10px;border-radius:999px;background:#94a3b859;margin-bottom:10px;display:inline-block}.product-detail-card h3{font-size:1.1rem;margin-bottom:8px;color:#111827}.product-desc{font-size:.95rem;line-height:1.5;color:#4b5563;margin-bottom:16px}.product-detail-btn{align-self:flex-start;padding:8px 16px;font-size:.9rem;border-radius:999px;background:var(--color-primary);border:none;color:#fff;cursor:pointer;transition:.25s ease}.product-detail-btn:hover{opacity:.85}.products-note{margin-top:30px;padding:14px;font-size:.95rem;background:#f3f4f6;border-radius:10px;border-left:4px solid var(--color-primary)}@media(max-width:992px){.product-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-preview{padding:60px 24px 70px}}@media(max-width:768px){.products-page{padding-top:80px}.product-preview{padding:40px 16px 50px}.product-inner h2{font-size:1.5rem}.product-subtitle{font-size:.9rem}.product-detail-grid{grid-template-columns:1fr;gap:16px}.product-detail-card{padding:16px}.product-desc{font-size:.9rem}.product-detail-btn{width:100%;text-align:center}}@media(max-width:480px){.product-preview{padding:32px 12px 40px}.product-detail-card{padding:14px;border-radius:10px}.product-inner h2{font-size:1.3rem}}
