.blogs-page{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#333 50%,#1a1a1a);position:relative}.blogs-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/clothing.mp4) 50%/cover;opacity:.1;z-index:0}.blogs-cover-section{position:relative;height:70vh;width:100%;background:#000000;display:flex;align-items:center;justify-content:center;overflow:hidden}.blogs-cover-section .cover-content{position:relative;z-index:20;text-align:center;color:white;max-width:900px;padding:3rem;background:transparent;border:none;border-radius:0;box-shadow:none}.blogs-page .blogs-cover-section .cover-title{font-size:6rem!important;font-weight:700!important;letter-spacing:.3em!important;margin-bottom:2rem!important;text-transform:uppercase!important;line-height:1.1!important;color:#ffffff!important;text-shadow:0 0 20px rgba(212,175,55,.5)!important}.blogs-cover-section .cover-description{font-size:1.5rem;line-height:1.8;letter-spacing:.1em;color:#ffffff;margin-bottom:3rem;text-shadow:0 0 10px rgba(212,175,55,.3)}.cover-subtitle-section{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(212,175,55,.3)}.cover-subtitle{font-size:2.5rem;font-weight:600;letter-spacing:.15em;margin-bottom:1rem;text-transform:uppercase;line-height:1.2;color:#d4af37;text-shadow:0 0 15px rgba(212,175,55,.7)}.cover-subtitle-description{font-size:1.1rem;line-height:1.6;letter-spacing:.05em;opacity:1;text-shadow:0 0 8px rgba(212,175,55,.4);color:#ffffff;max-width:600px;margin:0 auto;position:relative;z-index:20}.blogs-section{padding:6rem 2rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.blogs-container{width:100%}.blogs-header{text-align:center;margin-bottom:4rem}.blogs-header .section-title{font-size:3rem;color:var(--color-secondary);margin-bottom:1rem;font-weight:400;letter-spacing:.1em;text-shadow:0 2px 4px rgba(0,0,0,.5)}.blogs-header .section-description{font-size:1.2rem;color:rgba(255,255,255,.8);max-width:600px;margin:0 auto;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3.5rem;margin-bottom:5rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.blogs-grid.loaded{opacity:1;transform:translateY(0)}.blog-card{background:rgba(255,255,255,.95);border-radius:16px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.2);transition:all .5s cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards;border:1px solid rgba(212,175,55,.2);backdrop-filter:blur(10px)}.blog-card:hover{transform:translateY(-15px);box-shadow:0 25px 60px rgba(0,0,0,.3),0 0 30px rgba(212,175,55,.3);border-color:rgba(212,175,55,.5)}.blog-image-container{position:relative;height:280px;overflow:hidden}.blog-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.blog-card:hover .blog-image{transform:scale(1.1)}.blog-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.6));z-index:1}.blog-category{position:absolute;top:1.5rem;left:1.5rem;background:linear-gradient(45deg,var(--color-accent),#f8e484);color:var(--color-primary);padding:.75rem 1.5rem;border-radius:25px;font-size:.85rem;font-weight:600;z-index:2;box-shadow:0 4px 15px rgba(212,175,55,.3);text-transform:uppercase;letter-spacing:.1em}.blog-content{padding:2.5rem}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.9rem;color:#666;padding-bottom:1rem;border-bottom:1px solid rgba(212,175,55,.2)}.blog-date{color:#888;font-weight:500}.blog-read-time{color:var(--color-accent);font-weight:600;background:rgba(212,175,55,.1);padding:.3rem .8rem;border-radius:15px}.blog-title{font-size:1.6rem;font-weight:600;color:var(--color-primary);margin-bottom:1.2rem;line-height:1.4;transition:color .3s ease}.blog-card:hover .blog-title{color:var(--color-accent)}.blog-excerpt{color:#555;line-height:1.7;margin-bottom:2rem;font-size:1rem}.read-more-button{display:inline-flex;align-items:center;gap:.8rem;color:var(--color-accent);text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}.read-more-button:hover{gap:1.2rem;color:var(--color-primary)}.read-more-button .arrow{transition:transform .3s ease;font-size:1.2rem}.read-more-button:hover .arrow{transform:translateX(5px)}.blogs-footer{text-align:center;margin-top:5rem}.back-to-home-button{display:inline-block;background:linear-gradient(45deg,var(--color-primary),#333);color:white;padding:1.2rem 3rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 8px 25px rgba(0,0,0,.2);text-transform:uppercase;letter-spacing:.1em;border:2px solid transparent}.back-to-home-button:hover{background:linear-gradient(45deg,#333,var(--color-primary));transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,.3);border-color:var(--color-accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.blogs-cover-section{height:60vh}.blogs-page .blogs-cover-section .cover-title{font-size:3.5rem!important;letter-spacing:.2em!important}.blogs-cover-section .cover-description{font-size:1.2rem}.cover-subtitle{font-size:2rem;letter-spacing:.1em}.cover-subtitle-description{font-size:1rem}.blogs-section{padding:4rem 1.5rem}.blogs-header .section-title{font-size:3rem}.blogs-header .section-description{font-size:1.1rem}.blogs-grid{grid-template-columns:1fr;gap:2.5rem}.blog-card{max-width:500px;margin:0 auto}}@media (max-width:480px){.blogs-cover-section{height:50vh}.blogs-page .blogs-cover-section .cover-title{font-size:2.5rem!important;letter-spacing:.15em!important}.blogs-cover-section .cover-description{font-size:1rem}.cover-subtitle{font-size:1.5rem}.cover-subtitle-description{font-size:.9rem}.blogs-section{padding:3rem 1rem}.blogs-header .section-title{font-size:2.5rem}.blogs-header .section-description{font-size:1rem}.blog-content{padding:2rem}.blog-title{font-size:1.4rem}.blog-category{font-size:.75rem;padding:.5rem 1rem}.back-to-home-button{padding:1rem 2.5rem;font-size:1rem}}.blogs-cover-section .cover-content{z-index:9999!important;position:relative!important;display:block!important;visibility:visible!important;opacity:1!important;margin-top:-18rem!important;padding-top:0!important}.blogs-cover-section .cover-title{font-size:3rem!important;font-weight:700!important;text-shadow:0 0 20px rgba(212,175,55,.8)!important;white-space:nowrap!important;margin-bottom:1rem!important}.blogs-cover-section .cover-description,.blogs-cover-section .cover-title{color:#ffffff!important;opacity:1!important;visibility:visible!important;display:block!important;position:relative!important;z-index:10000!important}.blogs-cover-section .cover-description{font-size:1.2rem!important;text-shadow:0 0 10px rgba(212,175,55,.5)!important;margin-top:.5rem!important}.cover-subtitle{color:#d4af37!important;font-size:2.5rem!important;text-shadow:0 0 15px rgba(212,175,55,.8)!important}.cover-subtitle,.cover-subtitle-description{opacity:1!important;visibility:visible!important;display:block!important;position:relative!important;z-index:10000!important}.cover-subtitle-description{color:#ffffff!important;font-size:1.1rem!important;text-shadow:0 0 8px rgba(212,175,55,.4)!important}.blogs-cover-section:after,.blogs-cover-section:before,.cover-background-overlay{display:none!important}.blog-not-found{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:white;padding:2rem}.blog-not-found h1{font-size:3rem;margin-bottom:1rem;color:#d4af37}.blog-not-found p{font-size:1.2rem;margin-bottom:2rem}.back-to-blogs-button{background:#d4af37;color:#000;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em;border:none;cursor:pointer;font-size:1rem;font-family:inherit;position:relative;z-index:100;pointer-events:auto;display:inline-block;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.back-to-blogs-button:hover{background:#b8941f;transform:translateY(-2px);box-shadow:0 8px 25px rgba(212,175,55,.3)}.back-to-blogs-button:active{transform:translateY(0);box-shadow:0 4px 15px rgba(212,175,55,.4)}.back-to-blogs-button:focus{outline:2px solid #d4af37;outline-offset:2px}.blog-post-header{padding:8rem 2rem 4rem;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);position:relative}.blog-post-container{max-width:1200px;margin:0 auto;position:relative;z-index:1;pointer-events:auto}.blog-post-image-container{width:100%;height:400px;border-radius:20px;overflow:hidden;margin-bottom:3rem;box-shadow:0 20px 40px rgba(0,0,0,.3)}.blog-post-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-post-image:hover{transform:scale(1.05)}.blog-post-meta{color:white;text-align:center}.blog-post-category{display:inline-block;background:#d4af37;color:#000;padding:.5rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}.blog-post-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;color:#ffffff;text-shadow:0 0 20px rgba(212,175,55,.3)}.blog-post-excerpt{font-size:1.3rem;line-height:1.6;margin-bottom:2rem;color:#cccccc;max-width:800px;margin-left:auto;margin-right:auto}.blog-post-info{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem;flex-wrap:wrap}.blog-post-author,.blog-post-date,.blog-post-read-time{font-size:1rem;color:#d4af37;font-weight:500}.blog-post-tags{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.blog-tag{background:rgba(212,175,55,.2);color:#d4af37;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;border:1px solid rgba(212,175,55,.3)}.blog-post-content{padding:4rem 2rem;background:#ffffff;position:relative;z-index:1;pointer-events:auto}.blog-post-body{max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8;color:#333333}.blog-post-body h2{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:3rem 0 1.5rem;border-bottom:3px solid #d4af37;padding-bottom:.5rem}.blog-post-body h3{font-size:2rem;font-weight:600;color:#2d2d2d;margin:2.5rem 0 1rem}.blog-post-body h4{font-size:1.5rem;font-weight:600;color:#d4af37;margin:2rem 0 1rem}.blog-post-body p{margin-bottom:1.5rem;color:#555555}.blog-post-body ul{margin:1.5rem 0;padding-left:2rem}.blog-post-body li{margin-bottom:.5rem;color:#555555}.blog-post-body strong{color:#1a1a1a;font-weight:600}.blog-post-footer{margin-top:4rem;padding-top:3rem;border-top:2px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;position:relative;z-index:5;pointer-events:auto}.mobile-nav-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:300;position:fixed;top:20px;right:20px}.blogs-page.mobile-menu-open:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:240;pointer-events:none}.blogs-page.mobile-menu-open .blog-post-header,.blogs-page.mobile-menu-open .blogs-cover-section .cover-content{opacity:0!important;visibility:hidden!important;transition:opacity .3s ease,visibility .3s ease}.mobile-nav-toggle span{width:100%;height:3px;background:#d4af37;border-radius:10px;transition:all .3s ease;transform-origin:1px}.mobile-nav-toggle.active span:first-child{transform:rotate(45deg)}.mobile-nav-toggle.active span:nth-child(2){opacity:0}.mobile-nav-toggle.active span:nth-child(3){transform:rotate(-45deg)}.mobile-nav-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.95);backdrop-filter:blur(10px);z-index:250;flex-direction:column;justify-content:center;align-items:center;gap:2rem;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-nav-menu.active{opacity:1;visibility:visible}.mobile-nav-button{color:white;text-decoration:none;font-size:1.5rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:1rem 2rem;border:2px solid #d4af37;border-radius:50px;transition:all .3s ease;background:transparent;min-width:200px;text-align:center}.mobile-nav-button.active,.mobile-nav-button:hover{background:#d4af37;color:#000;transform:translateY(-2px);box-shadow:0 8px 25px rgba(212,175,55,.3)}@media (max-width:768px){.mobile-nav-toggle{display:flex}.top-navigation{display:none}.mobile-nav-menu{display:flex}.cover-subtitle,.cover-subtitle-description,.cover-subtitle-section,.exporter-text{display:none!important}.blogs-cover-section{height:60vh;padding:1rem}.blogs-cover-section .cover-content{padding:2rem 1rem;margin-top:-18rem!important}.blogs-cover-section .cover-title{font-size:2.5rem;letter-spacing:.2em;margin-bottom:1.5rem}.blogs-cover-section .cover-description{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.cover-subtitle{font-size:1.8rem;letter-spacing:.1em;margin-bottom:.8rem}.cover-subtitle-description{font-size:1rem;line-height:1.5}.blogs-section{padding:4rem 1rem}.blogs-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}.blog-card{margin-bottom:2rem}.blog-image-container{height:200px}.blog-category{top:1rem;left:1rem;padding:.5rem 1rem;font-size:.8rem}.blog-content{padding:1.5rem}.blog-title{font-size:1.3rem;margin-bottom:.8rem}.blog-excerpt{font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.blog-meta{flex-direction:column;gap:.5rem;margin-bottom:1rem}.blog-date,.blog-read-time{font-size:.85rem}.read-more-button{padding:.8rem 1.5rem;font-size:.9rem}.blog-post-header{padding:6rem 1rem 3rem}.blog-post-title{font-size:2.5rem}.blog-post-excerpt{font-size:1.1rem}.blog-post-info{flex-direction:column;gap:1rem}.blog-post-content{padding:3rem 1rem}.blog-post-body h2{font-size:2rem}.blog-post-body h3{font-size:1.5rem}.blog-post-footer{flex-direction:column;text-align:center}}@media (max-width:480px){.blogs-cover-section .cover-title{font-size:2rem;letter-spacing:.15em}.blogs-cover-section .cover-description{font-size:1rem}.cover-subtitle{font-size:1.5rem}.cover-subtitle-description{font-size:.9rem}.mobile-nav-button{font-size:1.2rem;padding:.8rem 1.5rem;min-width:180px}.blog-post-title{font-size:2rem}.blog-post-excerpt{font-size:1rem}}