:root{--primary-color:#2c3e50;--accent-color:#c0392b;--text-color:#333;--light-bg:#f9f9f9;--white:#ffffff;--border-color:#ddd;--success-color:#27ae60;--error-color:#c0392b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI', Roboto, Helvetica, Arial, sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--light-bg);padding-top:100px}img{max-width:100%;height:auto;display:block}a{color:var(--primary-color);text-decoration:none;transition:color 0.3s}a:hover{color:var(--accent-color)}body > header{background:var(--white);box-shadow:0 2px 5px rgba(0,0,0,0.1);padding:1rem 0;position:fixed;top:0;left:0;width:100%;height:92px;z-index:1000;transition:transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;will-change:transform}body > header.scrolled{padding:0.2rem 0;height:60px;box-shadow:0 4px 10px rgba(0,0,0,0.1)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;height:100%}body > header.scrolled .header-content{flex-direction:row;justify-content:space-between;gap:0}.logo{font-size:1.5rem;font-weight:bold;color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center}.logo img{width:240px;height:60px;max-height:60px;object-fit:contain;transition:transform 0.3s ease;will-change:transform}body > header.scrolled .logo img{max-height:35px !important;width:auto;height:35px}.scroll-title{display:none;font-size:0.9rem;font-weight:600;color:#555;margin-left:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px;flex-grow:1;text-align:center;opacity:0;transition:opacity 0.3s ease}body > header.scrolled .scroll-title{display:block;opacity:1}body > header.scrolled nav ul{gap:15px}nav ul{display:flex;list-style:none;gap:20px}nav ul li a.active{color:var(--accent-color);font-weight:bold}.breadcrumb-container{margin-bottom:20px}.breadcrumb-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;font-size:0.9em;color:#333}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item + .breadcrumb-item::before{content:"/";margin:0 8px;color:#555}.breadcrumb-item a{color:var(--primary-color);text-decoration:none;transition:color 0.2s}.breadcrumb-item a:hover{color:var(--accent-color);text-decoration:underline}.breadcrumb-item.active{color:#222;font-weight:600}.image-wrapper{position:relative;width:100%;overflow:hidden;display:block}.ratio-16-9{aspect-ratio:16 / 9;background-color:#eee}.ratio-4-3{aspect-ratio:4 / 3;background-color:#eee}.ratio-1-1{aspect-ratio:1 / 1;background-color:#eee}.image-wrapper img{max-width:100%;height:auto;display:block;margin:0 auto}.ratio-16-9 img, .ratio-4-3 img, .ratio-1-1 img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;margin:0}.hero{text-align:center;padding:40px 0}.hero h1{font-size:2rem;margin-bottom:10px;color:var(--primary-color)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:30px;padding:40px 0}.post-card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.1);transition:transform 0.3s, box-shadow 0.3s;display:flex;flex-direction:column;will-change:transform, box-shadow}.post-card-link{display:flex;flex-direction:column;height:100%;color:inherit}.post-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.15)}.post-thumbnail{width:100%;aspect-ratio:16 / 9;overflow:hidden;position:relative;background-color:#f0f0f0}.post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;will-change:transform}.post-card:hover .post-thumbnail img{transform:scale(1.05)}.post-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.post-title{font-size:1.2rem;margin-bottom:10px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em}.post-excerpt{font-size:0.9rem;color:#444;margin-bottom:15px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more{align-self:flex-start;font-weight:600;font-size:0.9rem;color:var(--accent-color)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:30px;padding:40px 0}.category-card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.1);transition:transform 0.3s, box-shadow 0.3s;text-align:center;will-change:transform, box-shadow}.category-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.15)}.category-link{display:block;color:inherit}.category-image{width:100%;aspect-ratio:4 / 3;overflow:hidden;background-color:#eee;position:relative}.category-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;will-change:transform}.category-card:hover .category-image img{transform:scale(1.05)}.category-title{padding:15px;font-size:1.2rem;color:var(--primary-color);border-top:1px solid #eee}.post-header{text-align:center;padding:40px 0 20px}.post-header h1{margin-bottom:10px;color:var(--primary-color)}@media (min-width:769px){.post-header h1{font-size:1.8rem}}@media (max-width:768px){.post-header h1{font-size:1.5rem}}.post-meta{font-size:0.9rem;color:#555;margin-bottom:20px}.post-body{background:var(--white);padding:40px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05);margin-bottom:40px}.post-body a{text-decoration:underline;color:#0056b3}.post-body a:hover{color:var(--accent-color);text-decoration:none}.post-body h2{color:var(--primary-color);margin-top:30px;margin-bottom:15px}.post-body h3{color:var(--primary-color);margin-top:40px;margin-bottom:15px;font-size:1.3rem}.post-body table{width:100%;border-collapse:collapse;margin:25px 0;font-size:0.95rem;border:1px solid #e0e0e0;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.post-body table th, .post-body table td{padding:12px 15px;border:1px solid #e0e0e0;text-align:left;vertical-align:middle}.post-body table th{background-color:#f2f2f2;color:#333;font-weight:700;text-transform:uppercase;font-size:0.85rem;letter-spacing:0.5px}.post-body table tr:nth-child(even){background-color:#f9f9f9}.post-body table tr:hover{background-color:#eaeaea;transition:background-color 0.2s}.post-banner{width:100%;height:auto;display:block}.post-banner-amazon{max-width:300px !important;width:100%;height:auto;display:block;margin:0 auto}.post-banner-wrapper{width:100%;aspect-ratio:2400 / 1002;overflow:hidden;background-color:#f0f0f0;margin-bottom:20px;margin-top:5px;position:relative}.post-banner-wrapper img{position:relative;width:100%;height:auto;object-fit:cover}.post-body p strong{font-weight:700;margin:0 2px;display:inline-block}main ul, .post-body ul{padding-left:25px;list-style-position:outside;margin:15px 0;border-left:3px solid #eee;padding-top:10px;padding-bottom:10px;background-color:#fafafa}main li, .post-body li{margin-bottom:8px;margin-left:10px}.post-img-secondary{margin:10px auto;height:auto;width:auto;max-width:100%;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,0.1);display:block}.coupon-container{text-align:center;margin:10px 0}.coupon-img{max-width:100%;width:auto;height:auto;display:inline-block;transition:transform 0.3s;will-change:transform}.coupon-img:hover{transform:scale(1.05)}.post-tags-container{margin-top:30px}.post-navigation-container{display:flex;justify-content:space-between;gap:20px;margin-top:40px;border-top:1px solid #eee;padding-top:20px;flex-wrap:wrap}.nav-prev, .nav-next{flex:1;min-width:250px}.nav-next{text-align:right}.nav-link{display:flex;align-items:center;gap:15px;color:#333;transition:color 0.3s;background:#fcfcfc;padding:10px;border-radius:6px;border:1px solid #eee}.nav-link:hover{color:var(--accent-color);background:#f5f5f5;border-color:#ddd}.nav-link-next{flex-direction:row-reverse;text-align:right}.nav-thumb{width:80px;height:80px;object-fit:cover;border-radius:4px;flex-shrink:0}.nav-label{font-size:0.8rem;color:#555;text-transform:uppercase;margin-bottom:5px}.nav-title{font-weight:600;line-height:1.3;font-size:1rem}footer{background:#333;color:#fff;padding:40px 0 20px;margin-top:auto}footer a{color:#ccc}footer a:hover{color:#fff}@media (max-width:768px){body{padding-top:140px}.header-content{flex-direction:column}.post-body{padding:20px}.hero h1{font-size:1.5rem}.post-navigation-container{flex-direction:column;gap:15px}.nav-prev, .nav-next{width:100%}}