:root{--primary: #0c2340;--primary-light: #16365c;--primary-dark: #051020;--accent: #ca9c2f;--accent-light: #e6c268;--accent-dark: #96701c;--bg-parchment: #fdfbf7;--bg-white: #ffffff;--bg-soft: #f4ede1;--text-dark: #1f1f1a;--text-light: #ffffff;--text-muted: #5e5e54;--border-color: #ebdcb9;--border-muted: #f4eae1;--font-serif: "Frank Ruhl Libre", Georgia, serif;--font-sans: "Assistant", "Segoe UI", system-ui, sans-serif;--shadow-sm: 0 2px 8px rgba(12, 35, 64, .05);--shadow-md: 0 8px 24px rgba(12, 35, 64, .08);--shadow-lg: 0 16px 40px rgba(12, 35, 64, .12);--border-radius: 8px;--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-parchment);color:var(--text-dark);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl] body{text-align:right}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:700;color:var(--primary);line-height:1.25}p{color:var(--text-dark)}a{color:var(--accent);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-light)}button,input,textarea,select{font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-title{font-size:2.5rem;text-align:center;margin-bottom:12px;position:relative}.section-title:after{content:"♦ ❖ ♦";display:block;font-family:var(--font-serif);font-size:1rem;color:var(--accent);margin-top:8px;letter-spacing:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-weight:600;border-radius:var(--border-radius);transition:var(--transition);cursor:pointer;border:none;font-size:1rem}.btn-primary{background-color:var(--primary);color:var(--text-light);border:1px solid var(--primary)}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-accent{background-color:var(--accent);color:var(--text-light);border:1px solid var(--accent)}.btn-accent:hover{background-color:var(--accent-light);color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background-color:var(--primary);color:var(--text-light);transform:translateY(-2px)}.header{background-color:#0c2340fa;color:var(--text-light);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-md);border-bottom:2px solid var(--accent)}.header-container{display:flex;justify-content:space-between;align-items:center;height:80px}.logo-link{display:flex;align-items:center;gap:12px;color:var(--text-light)}.logo-icon{font-family:var(--font-serif);font-size:2rem;font-weight:800;color:var(--accent);background:var(--primary-dark);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--accent);box-shadow:inset 0 0 10px #ca9c2f4d}.logo-text{display:flex;flex-direction:column}.logo-main{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;letter-spacing:1px;line-height:1.1;color:var(--accent-light)}.logo-sub{font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:#a4b4cb}.nav-links{display:flex;list-style:none;gap:24px;align-items:center}.nav-link{color:#d1dbe5;font-weight:500;font-size:1rem;padding:8px 4px;position:relative}.nav-link:hover,.nav-link.active{color:var(--accent-light)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--accent);transition:var(--transition)}.nav-link:hover:after,.nav-link.active:after{width:100%}.lang-toggle{background:transparent;border:1px solid var(--accent);color:var(--accent-light);padding:4px 10px;border-radius:4px;font-size:.85rem;cursor:pointer;font-weight:600;transition:var(--transition)}.lang-toggle:hover{background-color:var(--accent);color:var(--primary-dark)}.menu-toggle{display:none;background:transparent;border:none;color:var(--text-light);font-size:1.8rem;cursor:pointer}.hero{background:linear-gradient(135deg,#051020f2,#0c2340eb),radial-gradient(circle,rgba(202,156,47,.15) 10%,transparent 80%);color:var(--text-light);padding:100px 0 120px;text-align:center;position:relative;overflow:hidden;border-bottom:4px double var(--accent)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.04;pointer-events:none;background-image:radial-gradient(var(--accent) 1px,transparent 0),radial-gradient(var(--accent) 1px,transparent 0);background-size:24px 24px;background-position:0 0,12px 12px}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:10}.hero-badge{display:inline-block;font-family:var(--font-serif);color:var(--accent-light);border:1px solid var(--accent);padding:6px 16px;border-radius:30px;font-size:.95rem;margin-bottom:24px;letter-spacing:1px;background-color:#ca9c2f1a}.hero-title{font-size:4rem;color:#fff;margin-bottom:20px;font-family:var(--font-serif);font-weight:900;text-shadow:0 4px 12px rgba(0,0,0,.5)}.hero-subtitle{font-family:var(--font-serif);font-size:1.6rem;color:var(--accent-light);margin-bottom:30px}.hero-description{font-size:1.15rem;line-height:1.8;color:#d1dbe5;margin-bottom:40px;max-width:650px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:16px;justify-content:center}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.about-text{display:flex;flex-direction:column;gap:20px}.about-text h3{font-size:1.8rem;margin-bottom:-10px}.about-image-container{position:relative;border-radius:var(--border-radius);padding:12px;background-color:var(--bg-soft);border:1px solid var(--border-color);box-shadow:var(--shadow-md);height:400px;display:flex;align-items:center;justify-content:center}.book-stack-art{position:relative;width:250px;height:250px}.stack-book{position:absolute;background-color:var(--primary);border:2px solid var(--accent);border-radius:4px;box-shadow:0 4px 10px #0000004d;display:flex;align-items:center;justify-content:center;color:var(--accent-light);font-family:var(--font-serif);font-weight:700;transition:var(--transition)}.stack-book-1{width:160px;height:44px;bottom:20px;left:40px;transform:rotate(-4deg);background-color:#58181a;z-index:1}.stack-book-2{width:140px;height:38px;bottom:58px;left:55px;transform:rotate(3deg);background-color:#0c2340;z-index:2}.stack-book-3{width:130px;height:36px;bottom:92px;left:60px;transform:rotate(-1deg);background-color:#123e25;z-index:3}.stack-book:after{content:"";position:absolute;top:4px;bottom:4px;left:8px;width:1px;background-color:var(--accent);opacity:.8}.stack-book:before{content:"";position:absolute;top:4px;bottom:4px;left:12px;width:3px;background-color:var(--accent);opacity:.8}.catalog-controls{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{background-color:var(--bg-white);border:1px solid var(--border-color);color:var(--text-dark);padding:8px 20px;border-radius:30px;cursor:pointer;transition:var(--transition);font-weight:500}.filter-btn:hover,.filter-btn.active{background-color:var(--primary);color:var(--text-light);border-color:var(--primary)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:36px}.book-card{background-color:var(--bg-white);border-radius:var(--border-radius);border:1px solid var(--border-muted);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);display:flex;flex-direction:column;position:relative}.book-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--border-color)}.book-cover-wrap{background:linear-gradient(135deg,#16365c,#051020);height:240px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:3px solid var(--accent)}.book-cover-wrap:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid rgba(202,156,47,.3);pointer-events:none}.book-cover-design{width:130px;height:180px;background-color:var(--primary-dark);border:2px solid var(--accent);border-radius:4px;box-shadow:0 8px 16px #0006;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:16px 12px;position:relative}.book-cover-design:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;right:4px;border:1px solid var(--accent);opacity:.5}.cover-title{font-family:var(--font-serif);color:var(--accent-light);font-size:1.15rem;text-align:center;font-weight:700;line-height:1.3}.cover-author{font-family:var(--font-sans);color:#fff;font-size:.65rem;letter-spacing:1px;opacity:.8}.cover-ornament{color:var(--accent);font-size:1rem}.book-details{padding:24px;display:flex;flex-direction:column;flex-grow:1}.book-tag{align-self:flex-start;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--accent-dark);background-color:var(--bg-soft);padding:4px 10px;border-radius:12px;margin-bottom:12px}.book-title{font-size:1.4rem;margin-bottom:8px}.book-author{font-size:.9rem;color:var(--text-muted);margin-bottom:16px}.book-desc{font-size:.95rem;color:var(--text-dark);margin-bottom:24px;flex-grow:1}.book-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.book-price{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:var(--primary)}.book-actions{display:flex;gap:8px}.btn-sm{padding:8px 14px;font-size:.85rem;border-radius:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#051020d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.modal-content{background-color:var(--bg-parchment);border:2px solid var(--accent);border-radius:var(--border-radius);max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.modal-header{background-color:var(--primary);color:var(--text-light);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--accent)}.modal-title{font-family:var(--font-serif);color:var(--accent-light);font-size:1.5rem}.close-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;transition:var(--transition)}.close-btn:hover{color:var(--accent-light)}.modal-body{padding:32px;overflow-y:auto;flex-grow:1}.sample-book-page{background-color:#fff;border:1px solid var(--border-color);padding:40px;box-shadow:var(--shadow-sm);max-width:600px;margin:0 auto;border-radius:2px;position:relative;font-family:var(--font-serif)}.sample-book-page:before{content:"";position:absolute;top:12px;bottom:12px;left:12px;right:12px;border:1px solid rgba(202,156,47,.15);pointer-events:none}.traditional-layout-sample{display:flex;flex-direction:column;gap:20px}.traditional-header{text-align:center;font-size:1.6rem;border-bottom:1px solid var(--accent);padding-bottom:8px;color:var(--accent-dark)}.traditional-main-text{font-size:1.25rem;text-align:justify;line-height:1.8;font-weight:700;border:2px solid var(--primary-light);padding:16px;background-color:var(--bg-soft)}.traditional-commentary-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:.9rem;color:#444}.commentary-left{text-align:justify;border-right:1px dashed var(--accent);padding-right:12px}.commentary-right{text-align:justify;border-left:1px dashed var(--accent);padding-left:12px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);background-color:var(--bg-soft);display:flex;justify-content:flex-end;gap:12px}.contact-grid{display:grid;grid-template-columns:2fr 3fr;gap:48px}.contact-info{background-color:var(--primary);color:var(--text-light);padding:40px;border-radius:var(--border-radius);border-bottom:4px solid var(--accent);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:30px}.contact-info h3{color:var(--accent-light);font-size:1.8rem}.info-item{display:flex;align-items:flex-start;gap:16px}.info-icon{font-size:1.5rem;color:var(--accent-light);margin-top:4px}.info-details h4{color:#fff;font-size:1.1rem;margin-bottom:4px}.info-details p,.info-details a{color:#a4b4cb;font-size:.95rem}.info-details a:hover{color:var(--accent-light)}.contact-form{background-color:var(--bg-white);padding:40px;border-radius:var(--border-radius);border:1px solid var(--border-muted);box-shadow:var(--shadow-md)}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-label{font-weight:600;font-size:.95rem;color:var(--primary)}.form-input{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-parchment);color:var(--text-dark);font-size:1rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ca9c2f26;background-color:var(--bg-white)}.form-textarea{min-height:150px;resize:vertical}.form-feedback{padding:12px;border-radius:var(--border-radius);margin-bottom:20px;font-weight:500;font-size:.95rem}.form-feedback-success{background-color:#e2f4e8;color:#1a5c37;border:1px solid #cce8d4}.form-feedback-error{background-color:#fce8e6;color:#a8201a;border:1px solid #f9d0cb}.footer{background-color:var(--primary-dark);color:#a4b4cb;padding:60px 0 30px;border-top:4px double var(--accent)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand h3{font-family:var(--font-serif);color:var(--accent-light);font-size:1.8rem;margin-bottom:12px}.footer-brand p{color:#a4b4cb;margin-bottom:20px;max-width:350px}.footer-links h4{color:#fff;font-size:1.1rem;margin-bottom:20px;position:relative;display:inline-block}.footer-links h4:after{content:"";position:absolute;bottom:-6px;left:0;width:30px;height:2px;background-color:var(--accent)}[dir=rtl] .footer-links h4:after{left:auto;right:0}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:#a4b4cb}.footer-links a:hover{color:var(--accent-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}@media(max-width:992px){.hero-title{font-size:3rem}.about-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.about-image-container{height:300px;order:-1}}@media(max-width:768px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:80px;left:0;right:0;background-color:var(--primary);flex-direction:column;padding:24px;border-bottom:2px solid var(--accent);box-shadow:var(--shadow-md);gap:16px;z-index:999}.nav-links.open{display:flex}.form-group-row{grid-template-columns:1fr;gap:0}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}
