:root{--primary: #171a20;--primary-hover: #1e2228;--primary-light: #2d333d;--primary-lighter: #3d4451;--secondary: #4a5262;--secondary-light: #5e6876;--accent: #4a90a4;--accent-hover: #3d7a8d;--accent-light: #7bb3c3;--accent-lighter: #a3d0dd;--success: #2d5a3d;--success-light: #e8f5ea;--success-medium: #4a7c59;--warning: #7a5e2b;--warning-light: #faf4e8;--warning-medium: #ff9800;--error: #ff1744;--error-light: #ffe5ea;--error-hover: #d50000;--error-medium: #ff4569;--white: #ffffff;--gray-50: #fafbfc;--gray-100: #f4f6f8;--gray-150: #eef2f4;--gray-200: #e2e8ed;--gray-300: #d1dae2;--gray-400: #9eaab6;--gray-500: #6b7a88;--gray-600: #4a5562;--gray-700: #3a424d;--gray-800: #2a3138;--gray-900: #1a2025;--bg-page: #f8f9fb;--bg-card: var(--white);--bg-section: #fbfcfd;--bg-overlay: rgba(248, 249, 251, .9);--bg-overlay-hover: rgba(248, 249, 251, .95);--bg-selected: rgba(23, 26, 32, .08);--bg-navbar: rgba(248, 249, 251, .8);--bg-footer: #171a20;--bg-sidebar: #f4f6f8;--border-light: rgba(23, 26, 32, .06);--border: var(--gray-200);--border-medium: var(--gray-300);--border-hover: var(--accent);--border-focus: var(--accent-light);--text-primary: var(--primary);--text-secondary: var(--secondary);--text-tertiary: var(--gray-600);--text-muted: var(--gray-500);--text-light: var(--gray-400);--text-inverse: var(--white);--text-accent: var(--accent);--text-link: var(--accent);--text-link-hover: var(--accent-hover);--max-width: 1200px;--radius-sm: 6px;--radius: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(23, 26, 32, .08);--shadow: 0 4px 20px rgba(23, 26, 32, .1);--shadow-md: 0 6px 24px rgba(23, 26, 32, .12);--shadow-lg: 0 10px 30px rgba(23, 26, 32, .15);--shadow-xl: 0 16px 40px rgba(23, 26, 32, .2);--shadow-2xl: 0 24px 48px rgba(23, 26, 32, .25);--shadow-accent: 0 4px 16px rgba(74, 144, 164, .3);--shadow-accent-lg: 0 8px 24px rgba(74, 144, 164, .4);--backdrop-blur: blur(20px);--backdrop-blur-sm: blur(14px);--backdrop-blur-md: blur(16px);--backdrop-blur-lg: blur(24px);--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--bg: var(--primary);--text: var(--text-primary);--muted: var(--text-muted);--brand: var(--accent);--light: var(--white);--card: var(--bg-card);--max: var(--max-width);--primary-color: var(--primary);--secondary-color: var(--secondary);--border-color: var(--border-light);--border-color-hover: var(--border-hover);--background-white: var(--bg-overlay);--background-white-hover: var(--bg-overlay-hover);--background-selected: var(--bg-selected);--color-primary-50: #f8f9fb;--color-primary-100: #f1f3f6;--color-primary-200: #e2e8ed;--color-primary-300: #d1dae2;--color-primary-400: #9eaab6;--color-primary-500: #6b7a88;--color-primary-600: #4a5562;--color-primary-700: #3a424d;--color-primary-800: #2a3138;--color-primary-900: #171a20}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);background:var(--bg-page)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto;border-radius:var(--radius-md)}.container{max-width:var(--max-width);margin:70px auto auto;padding:0 var(--spacing-xl)}.container-compact{margin-top:30px}nav{position:sticky;top:0;left:0;right:0;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-3xl);background:var(--bg-navbar);-webkit-backdrop-filter:saturate(180%) var(--backdrop-blur-sm);backdrop-filter:saturate(180%) var(--backdrop-blur-sm);border-bottom:1px solid var(--border-light);z-index:1000;box-sizing:border-box}nav.home{position:fixed}nav .logo a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}nav .logo:hover{opacity:.9}nav .logo img{height:30px}nav .menu{display:flex;align-items:center}nav ul{list-style:none;display:flex;gap:28px;margin:0 var(--spacing-2xl) 0 0;padding:0}nav ul li a{font-weight:600;opacity:.85}nav ul li a:hover{opacity:1}.hamburger{display:none;font-size:26px;background:none;border:none;cursor:pointer}.mobile-menu{display:none;position:absolute;top:70px;left:0;right:0;background:var(--white);border-bottom:1px solid var(--border-light);z-index:99}.mobile-menu a{display:block;padding:14px var(--spacing-xl);font-weight:600;border-top:1px solid var(--border-light)}@media (max-width: 1200px){nav{padding:0 var(--spacing-xl)}nav ul{gap:20px;margin-right:var(--spacing-lg)}.language-switcher{margin-right:var(--spacing-md);padding-left:var(--spacing-md)}}@media (max-width: 900px){nav ul{display:none}.language-switcher{display:none}.hamburger,.mobile-menu.show{display:block}}@media (max-width: 480px){nav.home{position:sticky}nav{padding:0 16px}nav .logo span{font-size:14px}nav .logo img{height:24px}.mobile-menu{left:0;right:0}}.section{margin:80px 0}.title{font-size:clamp(20px,3vw,36px);margin:8px 0;font-weight:800}.subtitle{margin:0 0 30px;color:var(--text-muted);font-weight:600;letter-spacing:.2px}.footer{background:var(--bg-footer);color:var(--gray-200);margin-top:60px}.footer .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:54px var(--spacing-xl)}.footer h5{margin:0 0 14px;font-size:16px}.footer p,.footer li{color:var(--gray-400)}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.social{display:flex;gap:14px;margin-top:10px}.social a{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gray-800);display:grid;place-items:center;color:var(--gray-400);text-decoration:none;transition:all .3s ease}.social a:hover{background:var(--accent);color:var(--white);transform:translateY(-2px)}.social a svg{width:20px;height:20px;transition:all .3s ease}.copy{border-top:1px solid rgba(23,26,32,.2);padding:16px 0;color:var(--gray-400);text-align:center}@media (max-width: 900px){.footer .wrap{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.footer .wrap{grid-template-columns:1fr}}.hero{position:relative;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;padding:100px;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:#0000001a}.hero-content{position:relative;max-width:600px}.hero-content h1{font-size:clamp(32px,6vw,72px);font-weight:900;line-height:1}.hero-content p{margin-top:20px;font-size:.9em;line-height:1.6;text-transform:uppercase}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}.about .lg{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.about img.lg{display:block;width:100%;object-fit:cover;height:100%}.about .right{display:grid;gap:18px}.about .right p{color:var(--gray-700);line-height:1.7}.about .right h2{margin:0}.thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.thumbs img{height:220px;object-fit:cover}@media (max-width: 1000px){.about{grid-template-columns:1fr;gap:22px}.thumbs{grid-template-columns:1fr 1fr}}.products .grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.products .grid .col{display:grid;gap:18px}.featured-card{height:100%;min-height:300px;display:flex;flex-direction:column}.featured-card img{flex:1;height:100%;object-fit:cover}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.card .body{padding:18px}.badge{display:inline-block;background:var(--primary-color);color:var(--white);border:1px solid var(--primary-light);padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:400}@media (max-width: 1000px){.products .grid{grid-template-columns:1fr}}.news .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news .card h4{margin:12px 0 6px;font-size:18px}.news .meta{font-size:12px;color:var(--text-muted);margin-bottom:8px}.news .excerpt{color:var(--gray-600)}@media (max-width: 1000px){.news .cards{grid-template-columns:1fr}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.card-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease}.card-link:hover{text-decoration:none;color:inherit}.card-link:hover .card{transform:translateY(-4px)}.news-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease}.news-link:hover{text-decoration:none;color:inherit}.news-link:hover .card{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .2s;cursor:pointer}.card:hover{transform:none}.card img{width:100%;height:220px;object-fit:cover}.card-content{padding:1rem;text-align:center}.card .product-info{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0}.card h3{font-size:1rem;margin:0;color:var(--primary);font-weight:600;text-align:start;flex:1}.card p{color:var(--gray-600);font-size:.9rem;margin:.25rem 0}.card .price-section{margin:.25rem 0 .5rem;display:flex;align-items:end;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;background:none;background-color:transparent}.card .price{color:#e53e3e;font-size:1.2rem;font-weight:700;text-shadow:0 1px 2px rgba(229,62,62,.1);margin:0}.card .price-unit{font-size:80%;font-weight:400;vertical-align:baseline;position:relative;left:4px}.product-detail .hero{height:50vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;margin-top:70px}.product-detail .hero-content{max-width:600px;padding:0 24px}.hero-title{font-size:clamp(32px,5vw,60px);font-weight:800;margin:0 0 16px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-subtitle{font-size:clamp(16px,2vw,20px);margin:0;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.breadcrumb{padding:20px;font-size:14px;color:var(--primary)}.breadcrumb a{color:var(--primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline;color:var(--text-muted)}.product-container{background:var(--bg-card);padding:0;margin:0;max-width:none}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;padding:40px;max-width:var(--max-width);margin:0 auto}.product-images{position:relative}.main-swiper{width:100%;max-width:600px;height:500px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow);margin-bottom:20px;margin-left:auto;margin-right:auto}.main-swiper .swiper-slide{text-align:center;font-size:18px;background:var(--white);display:flex;justify-content:center;align-items:center}.main-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.thumbs-swiper{height:100px;max-width:600px;box-sizing:border-box;padding:10px 0;margin-left:auto;margin-right:auto}.thumbs-swiper .swiper-slide{width:25%;height:100%;opacity:.4;cursor:pointer;border-radius:var(--radius);overflow:hidden}.thumbs-swiper .swiper-slide-thumb-active{opacity:1;border:2px solid var(--accent)}.thumbnail{width:100%;height:100%;object-fit:cover;border-radius:var(--radius);transition:all .3s ease}.thumbnail:hover{transform:scale(1.05)}.main-swiper .swiper-button-next,.main-swiper .swiper-button-prev{color:var(--accent);background:var(--bg-overlay);border-radius:50%;width:44px;height:44px;margin-top:-22px;opacity:0;transition:all .3s ease}.main-swiper:hover .swiper-button-next,.main-swiper:hover .swiper-button-prev{opacity:1}.main-swiper .swiper-button-next:after,.main-swiper .swiper-button-prev:after{font-size:18px;font-weight:900}.main-swiper .swiper-pagination{bottom:15px}.main-swiper .swiper-pagination-bullet{width:12px;height:12px;background:var(--bg-overlay);opacity:1}.main-swiper .swiper-pagination-bullet-active{background:var(--accent)}@media (min-width: 1200px){.main-swiper,.thumbs-swiper{max-width:500px}.product-grid{max-width:1200px}}@media (min-width: 1400px){.main-swiper,.thumbs-swiper{max-width:550px}.product-grid{max-width:1400px}}.product-info{padding-left:0}.product-title{font-size:2.25rem;font-weight:700;margin:0 0 16px;color:var(--text-primary);line-height:1.3}.price-section{margin-bottom:32px;padding:20px;background:var(--error-light);border-radius:var(--radius-md)}.product-price{font-size:2.5rem;font-weight:800;color:var(--error);margin:0 0 8px}.product-price-unit{font-size:60%;font-weight:400;color:var(--primary)}.product-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;background:var(--error);color:var(--text-inverse);border-radius:var(--radius);font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 14px #8b26354d;flex:1;min-width:200px}.btn-primary:hover{background:var(--error-hover);transform:translateY(-2px);box-shadow:0 8px 25px #8b263566}.btn-secondary{padding:16px 32px;border:2px solid var(--error);color:var(--error);border-radius:var(--radius);background:transparent;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:200px}.btn-secondary:hover{background:var(--error);color:var(--text-inverse);transform:translateY(-2px)}.service-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.service-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted)}.service-icon{width:16px;height:16px;color:var(--success)}.product-details{max-width:var(--max-width);padding:0}.tabs{display:flex;border-bottom:2px solid var(--gray-200);margin-bottom:40px}.tab{padding:16px var(--spacing-xl);cursor:pointer;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;transition:all .3s ease}.tab:hover,.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{display:none}.tab-content.active{display:block}.description-content{line-height:1.8;color:var(--text-primary)}.description-content h3{margin-top:32px;margin-bottom:16px;color:var(--text-primary)}.description-content p{margin-bottom:16px}.news-list{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:3rem}.news-item{display:flex;flex-direction:row;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-light);transition:all .3s ease}.news-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);background:var(--bg-overlay-hover)}.news-image{width:280px;flex-shrink:0;overflow:hidden;display:block;position:relative}.news-image img{width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0;border:none}.news-content{padding:var(--spacing-xl);flex:1;display:flex;flex-direction:column}.news-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.news-date{color:var(--text-secondary);font-size:.875rem;font-weight:400}.news-category{background:var(--primary);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:20px;font-size:.75rem;font-weight:500}.news-item h3{font-size:1.25rem;margin:0 0 var(--spacing-md) 0;line-height:1.4;font-weight:600;color:var(--primary)}.news-item p{color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-lg) 0;flex:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.read-more{color:var(--primary);font-weight:500;font-size:.875rem;transition:opacity .2s;align-self:flex-start}.read-more:hover{opacity:.7}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem}.page-btn{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-overlay);color:var(--primary);font-weight:500;transition:all .3s ease;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.page-btn:hover{background:var(--primary);color:var(--text-inverse);border-color:var(--primary);transform:translateY(-1px)}.page-btn.active{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.page-btn.prev,.page-btn.next{font-weight:600}.news-detail .breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem;color:var(--text-secondary)}.news-detail .breadcrumb a{color:var(--primary);font-weight:500}.news-detail .breadcrumb a:hover{opacity:.7}.news-detail{max-width:800px;margin:0 auto}.news-header{margin-bottom:2rem;text-align:center}.news-category-badge{display:inline-block;background:var(--primary);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-lg);border-radius:20px;font-size:.75rem;font-weight:500;margin-bottom:1rem}.news-title{font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.3;margin:0 0 1.5rem;color:var(--primary)}.news-meta-info{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.meta-item{font-size:.875rem}.meta-label{color:var(--text-secondary)}.meta-value{color:var(--primary);font-weight:500}.news-featured-image{margin:2rem 0;text-align:center}.news-featured-image img{width:100%;max-width:800px;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.image-caption{margin-top:.5rem;font-size:.875rem;color:var(--text-secondary);font-style:italic}.news-content{line-height:1.8;color:var(--primary)}.content-summary{background:var(--gray-50);padding:1.5rem;border-left:4px solid var(--primary);margin-bottom:2rem;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.content-summary p{margin:0;font-size:1rem}.content-section{margin:2.5rem 0}.content-section h2{color:var(--primary);font-size:1.5rem;margin-bottom:1rem;font-weight:600}.content-section p{margin-bottom:1rem}.content-quote{background:var(--gray-50);border-left:4px solid var(--primary);padding:1.5rem;margin:2rem 0;font-style:italic;border-radius:0 var(--radius) var(--radius) 0}.content-quote cite{display:block;margin-top:1rem;font-weight:600;font-style:normal;color:var(--primary)}.content-list{margin:1.5rem 0;padding-left:0;list-style:none}.content-list li{position:relative;padding-left:2rem;margin-bottom:.75rem;line-height:1.6}.content-list li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.content-image{margin:2rem 0;text-align:center}.content-image img{max-width:100%;border-radius:var(--radius);box-shadow:var(--shadow-lg)}.trend-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.trend-card{background:var(--white);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);text-align:center}.trend-card h3{color:var(--primary);margin-bottom:.5rem}.trend-card p{color:var(--text-secondary);font-size:.875rem}.content-highlight{background:var(--error-light);padding:2rem;border-radius:var(--radius-md);margin:2rem 0;text-align:center}.content-highlight h3{color:var(--error);margin-bottom:1rem}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.data-number{font-size:2rem;font-weight:800;color:var(--error)}.data-label{font-size:.875rem;color:var(--text-secondary)}.content-tags{margin:2rem 0;display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:var(--gray-200);color:var(--primary);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.news-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--gray-200)}.share-section,.related-news{margin-bottom:2rem}.share-section h4,.related-news h4{color:var(--primary);margin-bottom:1rem;font-size:1.125rem}.share-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.share-btn{padding:.5rem 1rem;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;transition:opacity .2s}.share-btn.facebook{background:#1877f2}.share-btn.twitter{background:#1da1f2}.share-btn.linkedin{background:#0a66c2}.share-btn.wechat{background:#07c160}.share-btn:hover{opacity:.8}.related-items{display:grid;gap:1rem}.related-item{display:flex;gap:1rem;padding:1rem;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .2s}.related-item:hover{transform:translateY(-2px)}.related-item img{width:80px;height:60px;object-fit:cover;border-radius:4px;flex-shrink:0}.related-content{flex:1}.related-item h5{margin:0 0 .5rem;font-size:.875rem;line-height:1.4;color:var(--primary)}.related-date{font-size:.75rem;color:var(--text-secondary)}.back-to-news{text-align:center;margin:3rem 0}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:var(--text-inverse);border-radius:var(--radius-sm);font-weight:500;transition:background .2s}.btn-back:hover{background:var(--primary-hover)}@media (max-width: 768px){.hero{height:40vh;padding:10px}.container{padding:0 16px;margin-top:8px}.product-grid{grid-template-columns:1fr;gap:40px;padding:20px 0}.product-container,.product-info{padding:0}.product-images{width:100%;max-width:400px;margin:0 auto}.product-title{font-size:1.75rem}.product-price{font-size:2rem}.main-swiper{height:350px;border-radius:8px;max-width:none;width:100%}.thumbs-swiper{height:100px;max-width:none;width:100%}.thumbs-swiper .swiper-slide,.thumbnail{border-radius:6px}.main-swiper .swiper-button-next,.main-swiper .swiper-button-prev{width:36px;height:36px;margin-top:-18px}.main-swiper .swiper-button-next:after,.main-swiper .swiper-button-prev:after{font-size:14px}.main-swiper .swiper-pagination-bullet{width:8px;height:8px}.product-actions{flex-direction:column}.btn-primary,.btn-secondary{flex:none;min-width:auto}.service-features{grid-template-columns:1fr}.tabs{display:none}.tab-content{display:block}.tab-content h3:first-child{margin-top:0}.product-details{padding:0}.breadcrumb{padding:10px 0;font-size:12px}.description-content{font-size:14px}.hero-content{padding:0 16px}.news-item{flex-direction:column}.news-image{width:100%;height:200px}.news-content{padding:var(--spacing-lg)}.news-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.pagination{flex-wrap:wrap;gap:.25rem}.page-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.news-header{text-align:start}.news-meta-info{justify-content:flex-start;gap:1rem}.data-grid{grid-template-columns:1fr;text-align:start}.trend-cards{grid-template-columns:1fr}.share-buttons{justify-content:flex-start}.related-item{flex-direction:column}.related-item img{width:100%;height:120px}}@media (max-width: 480px){.container{padding:0 12px;margin-top:0}.product-grid{padding:16px 0;gap:24px}.product-images{width:100%;max-width:350px;margin:0 auto}.product-title{font-size:1.5rem}.product-price{font-size:1.75rem}.price-section{padding:16px}.breadcrumb{padding:8px}.tabs{display:none}.tab-content{display:block}.product-details{padding:0}.btn-primary,.btn-secondary{padding:12px 24px}.service-features{gap:12px}.service-item{font-size:13px}.main-swiper{height:350px;max-width:none;width:100%}.thumbs-swiper{height:100px;max-width:none;width:100%}.thumbnail{border-radius:4px}.main-swiper .swiper-button-next,.main-swiper .swiper-button-prev{width:32px;height:32px;margin-top:-16px}.main-swiper .swiper-button-next:after,.main-swiper .swiper-button-prev:after{font-size:12px}.main-swiper .swiper-pagination{bottom:10px}.main-swiper .swiper-pagination-bullet{width:6px;height:6px;margin:0 2px}.hero-content{padding:0 12px}.hero-title{font-size:clamp(24px,6vw,40px)}.hero-subtitle{font-size:clamp(14px,3vw,18px)}.card img{height:100%}.section{margin:40px 0}}.clickable-image{cursor:pointer;transition:transform .2s ease}.clickable-image:hover{transform:scale(1.02)}.image-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000000e6;justify-content:center;align-items:center;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{position:relative;max-width:90%;max-height:90%;margin:auto;display:block;animation:zoomIn .3s ease-in-out}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-image{width:100%;height:auto;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px #00000080}.image-modal-close{position:absolute;top:-40px;right:0;color:#fff;font-size:35px;font-weight:700;cursor:pointer;transition:color .3s ease;z-index:10001}.image-modal-close:hover,.image-modal-close:focus{color:#ccc}.image-modal-caption{position:absolute;bottom:-50px;left:0;right:0;color:#fff;text-align:center;font-size:16px;background:#000000b3;padding:12px;border-radius:4px}.modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-nav-btn:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.modal-prev{left:-70px}.modal-next{right:-70px}@media (max-width: 768px){.image-modal-content{max-width:95%;max-height:95%}.modal-image{max-height:80vh}.image-modal-close{top:-35px;font-size:30px}.image-modal-caption{font-size:14px;bottom:-40px;padding:8px}.modal-nav-btn{width:40px;height:40px}.modal-prev{left:-50px}.modal-next{right:-50px}}@media (max-width: 480px){.modal-prev{left:10px}.modal-next{right:10px}.image-modal-close{top:10px;right:10px}.image-modal-caption{bottom:10px;left:10px;right:10px}}