@import url("https://fonts.googleapis.com/css2?family=Spectral:wght@400;500;600&family=Inter:wght@400;500;600&display=swap");*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #2c3e50;--color-secondary: #34495e;--color-text: #333333;--color-background: #ffffff;--font-primary: 'Spectral', Georgia, serif;--font-secondary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;--max-width: 1200px;--spacing-unit: 1rem}body{font-family:var(--font-primary);line-height:1.6;color:var(--color-text);background-color:var(--color-background)}.wrapper{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-unit)}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);margin-bottom:1rem}.site-header{padding:1.5rem 0;border-bottom:1px solid var(--color-border)}.site-header .wrapper{display:flex;justify-content:space-between;align-items:center}.site-title{font-size:1.5rem;text-decoration:none;color:var(--color-primary)}.site-nav{display:flex;gap:2rem}.nav-items{display:flex;gap:1rem}.nav-item{text-decoration:none;color:var(--color-secondary)}.book-image-main{width:100%;height:auto;max-width:300px}.book-image-thumb{width:100px;height:auto;margin-top:1rem}.social-media-list{list-style:none;padding:0;margin:0;display:flex;gap:1rem}.social-media-list li{display:inline-block}.social-media-list a{color:var(--color-secondary);transition:color 0.2s ease}.social-media-list a:hover{color:var(--color-primary)}button{background-color:var(--color-primary);color:var(--color-background);border:none;padding:0.5rem 1rem;cursor:pointer;font-family:var(--font-secondary)}@media (max-width: 768px){.site-header .wrapper{flex-direction:column;gap:1rem}.site-nav{width:100%;justify-content:center}}html,body{height:100%}body{display:flex;flex-direction:column}.page-content{flex:1 0 auto}.site-footer,.sub-footer{flex-shrink:0}.book{display:grid;grid-template-columns:minmax(300px, 2fr) 3fr;gap:2rem;margin:2rem 0}.book-gallery{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1rem}.gallery-main{position:relative;aspect-ratio:3/4;background:#f8f8f8;border-radius:4px;overflow:hidden}.gallery-featured{width:100%;height:100%;object-fit:contain;cursor:zoom-in}.gallery-thumbnails{display:grid;grid-template-columns:repeat(auto-fill, minmax(60px, 1fr));gap:0.5rem}.gallery-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px;cursor:pointer;opacity:0.8;transition:opacity 0.2s}.gallery-thumb:hover{opacity:1}.book-metadata dl{display:grid;grid-template-columns:auto 1fr;gap:0.5rem 1rem;margin:1rem 0}.book-metadata dt{font-weight:500;color:var(--color-secondary)}.book-metadata dd{margin:0}.book-header{margin-bottom:1.5rem}.book-title{margin-bottom:0.25rem}.book-author{font-weight:normal;color:var(--color-secondary);margin-bottom:0.5rem}.book-price{font-size:1.5rem;font-weight:600;color:var(--color-primary)}@media (max-width: 768px){.book{grid-template-columns:1fr}.book-gallery{position:relative;top:0}}.catalog-header{margin-bottom:2rem}.catalog-header h1{margin-bottom:1rem}.catalog-search{display:flex;gap:1rem;margin-bottom:2rem}.catalog-search input,.catalog-search select{padding:0.5rem;border:1px solid var(--color-secondary);border-radius:4px;font-family:var(--font-secondary)}.catalog-search input{flex:1}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:2rem}.catalog-item{border:1px solid #eee;border-radius:8px;overflow:hidden;transition:transform 0.2s, box-shadow 0.2s}.catalog-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.catalog-item-link{text-decoration:none;color:inherit}.catalog-item-image{aspect-ratio:3/4;background:#f8f8f8}.catalog-item-image img{width:100%;height:100%;object-fit:contain}.catalog-item-info{padding:1rem}.catalog-item-title{font-size:1.1rem;margin:0}.catalog-item-author{color:var(--color-secondary);font-size:0.9rem;margin:0.25rem 0}.catalog-item-meta{margin:0.5rem 0;font-size:0.8rem}.catalog-item-meta .meta-item{display:inline-block;background:#f0f0f0;padding:0.25rem 0.5rem;border-radius:4px;margin-right:0.5rem}.catalog-item-price{font-weight:600;margin:0;color:var(--color-primary)}@media (max-width: 768px){.catalog-search{flex-direction:column}.catalog-grid{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}}.welcome-message{max-width:42rem;margin:3rem auto}.welcome-message h1{margin-bottom:1.5rem;color:var(--color-primary)}.welcome-message p{margin-bottom:1rem;font-size:1.1rem;line-height:1.7}