:root{--color-primary:#ff3a2d;--color-primary-dark:#e0322a;--color-primary-light:#ff6b61;--color-green:#9ccb3f;--color-green-dark:#7fb030;--color-maroon:maroon;--color-black:#000;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-body:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-max:1200px;--container-narrow:800px;--container-padding:1rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--header-height:72px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1rem);-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-gray-800);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,picture,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}ol,ul{list-style:none}button,input,select,textarea{font:inherit;color:inherit;border:none;background:none}button{cursor:pointer}table{border-collapse:collapse;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-gray-900)}h1{font-size:var(--text-3xl);margin-bottom:var(--space-6)}h2{font-size:var(--text-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4)}h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}h4{font-size:var(--text-lg);margin-top:var(--space-6);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4)}b,strong{font-weight:var(--font-bold)}small{font-size:var(--text-sm)}@media (min-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}}@media (min-width:1024px){h1{font-size:var(--text-5xl)}}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container--narrow{max-width:var(--container-narrow)}.main-content{min-height:calc(100vh - var(--header-height) - 300px);padding-top:var(--space-8);padding-bottom:var(--space-16)}.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}@media (min-width:768px){:root{--container-padding:1.5rem}.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}}@media (min-width:1024px){:root{--container-padding:2rem}.section{padding-top:var(--space-20);padding-bottom:var(--space-20)}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);height:var(--header-height)}.header__inner{justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.header__inner,.header__logo{display:flex;align-items:center}.header__logo{gap:var(--space-2);flex-shrink:0;z-index:calc(var(--z-sticky) + 1)}.header__logo svg{height:40px;width:auto}.header__logo-text{font-family:var(--font-heading);font-weight:var(--font-bold);font-size:var(--text-xl);color:var(--color-gray-900)}.header__logo-text span{color:var(--color-primary)}.header__nav{display:none}.header__nav-list{display:flex;align-items:center;gap:var(--space-1)}.header__nav-item{position:relative}.header__nav-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700);border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap}.header__nav-link:focus,.header__nav-link:hover{color:var(--color-primary);background-color:var(--color-gray-50)}.header__nav-link--active{color:var(--color-primary)}.header__nav-arrow{width:12px;height:12px;transition:transform var(--transition-fast)}.header__dropdown{position:absolute;top:100%;left:0;min-width:260px;padding:var(--space-2) 0;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);z-index:var(--z-dropdown)}.header__nav-item:focus-within .header__dropdown,.header__nav-item:hover .header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header__nav-item:hover .header__nav-arrow{transform:rotate(180deg)}.header__dropdown-link{display:block;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-gray-700);transition:color var(--transition-fast),background-color var(--transition-fast)}.header__dropdown-link:focus,.header__dropdown-link:hover{color:var(--color-primary);background-color:var(--color-gray-50)}.header__hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;border-radius:var(--radius-md);z-index:calc(var(--z-sticky) + 1);transition:background-color var(--transition-fast)}.header__hamburger:hover{background-color:var(--color-gray-100)}.header__hamburger-line{display:block;width:100%;height:2px;background-color:var(--color-gray-800);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.header__hamburger--open .header__hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.header__hamburger--open .header__hamburger-line:nth-child(2){opacity:0}.header__hamburger--open .header__hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header__mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-white);z-index:var(--z-sticky);padding:calc(var(--header-height) + var(--space-4)) var(--container-padding) var(--space-8);overflow-y:auto}.header__mobile-menu--open{display:block}.header__mobile-nav-list{display:flex;flex-direction:column}.header__mobile-nav-link{display:block;padding:var(--space-3) 0;font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-gray-800);border-bottom:1px solid var(--color-gray-100)}.header__mobile-nav-link:hover{color:var(--color-primary)}.header__mobile-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) 0;font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-gray-800);border-bottom:1px solid var(--color-gray-100)}.header__mobile-dropdown-toggle svg{width:16px;height:16px;transition:transform var(--transition-fast)}.header__mobile-dropdown-toggle--open svg{transform:rotate(180deg)}.header__mobile-dropdown{display:none;padding-left:var(--space-4)}.header__mobile-dropdown--open{display:block}.header__mobile-dropdown-link{display:block;padding:var(--space-2) 0;font-size:var(--text-base);color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-50)}.header__mobile-dropdown-link:hover{color:var(--color-primary)}@media (min-width:1024px){.header__nav{display:block}.header__hamburger{display:none}.header__mobile-menu{display:none!important}}.footer{background-color:var(--color-gray-900);color:var(--color-gray-300);padding-top:var(--space-12);padding-bottom:var(--space-8)}.footer__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.footer__top{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-gray-700)}.footer__brand{max-width:320px}.footer__logo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.footer__logo svg{height:32px;width:auto}.footer__logo-text{font-family:var(--font-heading);font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--color-white)}.footer__logo-text span{color:var(--color-primary)}.footer__brand-text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-gray-400)}.footer__columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-6);gap:var(--space-6)}.footer__column-title{font-family:var(--font-heading);font-weight:var(--font-bold);font-size:var(--text-sm);color:var(--color-white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.footer__link{display:block;padding:var(--space-1) 0;font-size:var(--text-sm);color:var(--color-gray-400);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-primary)}.footer__bottom{padding-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-gray-500)}@media (min-width:768px){.footer__top{grid-template-columns:1.2fr 1.8fr}.footer__columns{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.footer__top{grid-template-columns:1fr 2fr;gap:var(--space-16)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;text-decoration:none;white-space:nowrap;border:2px solid transparent}.btn--primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn--secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.btn--green{background-color:var(--color-green);color:var(--color-white);border-color:var(--color-green)}.btn--green:hover{background-color:var(--color-green-dark);border-color:var(--color-green-dark)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn--small{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--full{width:100%}.breadcrumb{padding:var(--space-4) 0;font-size:var(--text-sm)}.breadcrumb__list{flex-wrap:wrap}.breadcrumb__item,.breadcrumb__list{display:flex;align-items:center;gap:var(--space-1)}.breadcrumb__item:before{content:"/";color:var(--color-gray-400);margin-right:var(--space-1)}.breadcrumb__item:first-child:before{display:none}.breadcrumb__link{color:var(--color-gray-500);transition:color var(--transition-fast)}.breadcrumb__link:hover{color:var(--color-primary)}.breadcrumb__current{color:var(--color-gray-800);font-weight:var(--font-medium)}.product-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-6);gap:var(--space-6)}@media (min-width:640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}.product-card{display:flex;flex-direction:column;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-base),transform var(--transition-base)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-card__image{position:relative;width:100%;padding-top:66.67%;background-color:var(--color-gray-100);overflow:hidden}.product-card__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card__image img{transform:scale(1.05)}.product-card__badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-white);background-color:var(--color-green);border-radius:var(--radius-full)}.product-card__body{display:flex;flex-direction:column;flex:1 1;padding:var(--space-5)}.product-card__category{font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:var(--space-2)}.product-card__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-2);margin-top:0;line-height:var(--leading-tight)}.product-card__title a{transition:color var(--transition-fast)}.product-card__title a:hover{color:var(--color-primary)}.product-card__description{font-size:var(--text-sm);color:var(--color-gray-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);flex:1 1}.product-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.product-card__price{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900)}.product-card__price-from{font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--color-gray-500)}.article-layout{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8);align-items:start}@media (min-width:1024px){.article-layout{grid-template-columns:1fr 280px;gap:var(--space-12)}}.article-content{min-width:0}.article-content h1{color:var(--color-gray-900)}.article-content h2{padding-top:var(--space-4);border-top:2px solid var(--color-gray-100)}.article-content p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-gray-700)}.article-content ol,.article-content ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{margin-bottom:var(--space-2);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-gray-700)}.article-content blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);border-left:4px solid var(--color-primary);background-color:var(--color-gray-50);border-radius:0 var(--radius-md) var(--radius-md) 0}.article-content blockquote p{color:var(--color-gray-700);font-style:italic}.article-content img{border-radius:var(--radius-md);margin:var(--space-6) 0}.article-content table{margin:var(--space-6) 0;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.article-content th{background-color:var(--color-gray-50);text-align:left;font-weight:var(--font-bold);color:var(--color-gray-700);border-bottom:2px solid var(--color-gray-200)}.article-content td,.article-content th{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.article-content td{color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-100)}.article-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.article-content a:hover{color:var(--color-primary-dark)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200);font-size:var(--text-sm);color:var(--color-gray-500)}.toc{position:relative}.toc__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-weight:var(--font-bold);font-size:var(--text-sm);color:var(--color-gray-800)}.toc__toggle svg{width:16px;height:16px;transition:transform var(--transition-fast)}.toc__toggle--open svg{transform:rotate(180deg)}.toc__body{display:none;padding:var(--space-4);border:1px solid var(--color-gray-200);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);background-color:var(--color-white)}.toc__body--open{display:block}.toc__list{display:flex;flex-direction:column;gap:var(--space-1)}.toc__link{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-gray-600);border-radius:var(--radius-sm);border-left:2px solid transparent;transition:all var(--transition-fast)}.toc__link:hover{color:var(--color-primary);background-color:var(--color-gray-50)}.toc__link--active{color:var(--color-primary);font-weight:var(--font-medium);border-left-color:var(--color-primary);background-color:rgba(255,58,45,.05)}.toc__link--h2{padding-left:calc(var(--space-3) + var(--space-4))}@media (min-width:1024px){.toc{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + var(--space-8))}.toc__toggle{display:none}.toc__body{display:block;padding:var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background-color:var(--color-gray-50);max-height:calc(100vh - var(--header-height) - 6rem);overflow-y:auto}.toc__title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-500);margin-bottom:var(--space-3)}}.faq{max-width:var(--container-narrow);margin:0 auto}.faq__title{text-align:center;margin-bottom:var(--space-8)}.faq__list{display:flex;flex-direction:column;gap:var(--space-3)}.faq__item{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.faq__item--open{border-color:var(--color-primary)}.faq__question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);text-align:left;font-weight:var(--font-medium);font-size:var(--text-base);color:var(--color-gray-800);background-color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast);gap:var(--space-4)}.faq__item--open .faq__question,.faq__question:hover{background-color:var(--color-gray-50)}.faq__item--open .faq__question{color:var(--color-primary)}.faq__icon{flex-shrink:0;width:20px;height:20px;transition:transform var(--transition-base)}.faq__item--open .faq__icon{transform:rotate(180deg)}.faq__answer{display:none;padding:0 var(--space-5) var(--space-5) var(--space-5);background-color:var(--color-white)}.faq__item--open .faq__answer{display:block}.faq__answer p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-gray-600)}.faq__answer p:last-child{margin-bottom:0}@media (min-width:768px){.faq__question{font-size:var(--text-lg);padding:var(--space-5) var(--space-6)}.faq__answer{padding:0 var(--space-6) var(--space-6) var(--space-6)}.faq__answer p{font-size:var(--text-base)}}.hero{background-color:var(--color-gray-900);padding:var(--space-12) 0;text-align:center}.hero,.hero h1{color:var(--color-white)}.hero h1{margin-bottom:var(--space-4)}.hero p{color:var(--color-gray-300);font-size:var(--text-lg);max-width:600px;margin-left:auto;margin-right:auto}@media (min-width:768px){.hero{padding:var(--space-20) 0}.hero p{font-size:var(--text-xl)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-green{color:var(--color-green)}.text-muted{color:var(--color-gray-500)}.mt-0{margin-top:0}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.schema-hidden{display:none}