:root{--bg-color:#121212;--text-color:#ffffff;--border-color:rgba(255,255,255,0.12);--section-color:rgba(250,210,190,0.05);--accent-color:orange;--accent-color-dark:tomato;--font-size-h1:32px;--font-size-h2:28px;--font-size-h3:20px} html{background-color:var(--bg-color);color:var(--text-color);font-family:"Google Sans",sans-serif;font-optical-sizing:auto;font-style:normal;font-size:16px;line-height:1.5} body,h1,h2,h3,h4,p{margin:0} a{color:var(--accent-color)} h2{font-size:var(--font-size-h2);line-height:1.2;color:var(--accent-color)} h3{font-size:var(--font-size-h3);line-height:1.2;color:var(--accent-color);margin-bottom:8px} img{max-width:100%;height:auto;object-fit:cover} .header{border-bottom:1px solid var(--border-color);max-width:1280px;margin:0 auto;padding-left:16px;padding-right:16px} @media (min-width:1024px){.header{padding-left:32px;padding-right:32px} } .header-inner{align-items:center;display:flex;flex-wrap:wrap;gap:8px 32px;padding-top:16px;padding-bottom:16px;flex-direction:column;justify-content:space-between} @media (min-width:1024px){.header-inner{flex-direction:row} } .header-inner .action{display:flex;gap:8px} .logo{flex:0 1 auto} .nav{flex:1 1 auto} .nav-items{align-items:center;list-style:none;margin:0;justify-content:center;padding:0;flex:0 1 auto;display:flex;gap:32px} .nav-item .nav-item-link{display:inline-block;text-decoration:none;color:var(--text-color);font-weight:700;font-size:16px;transition:color 0.3s ease;letter-spacing:0.01em} .nav-item .nav-item-link:hover{color:var(--accent-color)} .nav-item button{all:unset;cursor:pointer} .action a{background-color:#444;background-image:linear-gradient( 180deg,var(--accent-color),var(--accent-color-dark) );text-shadow:0 0 4px rgba(0,0,0,0.6);font-weight:700;font-size:18px;color:var(--text-color);flex:1 1 auto;padding:12px 24px;display:inline-block;text-align:center;text-decoration:none;border-radius:4px} .main .section{max-width:1280px;margin:0 auto;padding-left:16px;padding-right:16px} @media (min-width:1024px){.main .section{padding-left:32px;padding-right:32px} } .main .section-fullwidth{background-color:var(--section-color);max-width:100%} .breadcrumb{align-items:center;padding-top:16px;padding-bottom:16px;display:flex;font-size:14px;justify-content:center;gap:8px} @media (min-width:1024px){.breadcrumb{font-size:16px;gap:12px} } .breadcrumb-items{display:flex;align-items:center;gap:8px} .breadcrumb p{margin:0} .breadcrumb-separator{opacity:0.5} .breadcrumb-desc{text-transform:uppercase} .hero{padding-top:24px;padding-bottom:24px;display:flex;flex-direction:column;gap:24px} @media (min-width:1024px){.hero{flex-direction:row} } .hero-left{flex:0 0 50%} .hero-image{text-align:center} .hero-text-title{font-weight:500;font-size:var(--font-size-h1);text-transform:uppercase} .hero-text-price{color:#1dba61;font-weight:600;font-size:24px;margin-bottom:12px} .hero-text-desc{margin-bottom:24px} .hero-text-button{all:unset;box-sizing:border-box;cursor:pointer;background-image:linear-gradient( 180deg,var(--accent-color),var(--accent-color-dark) );background-color:var(--accent-color);color:var(--text-color);font-weight:700;font-size:16px;padding:12px 24px;border-radius:4px;text-decoration:none;text-align:center;text-transform:uppercase;width:100%;display:block;transition:background-color 0.3s ease} .hero-review{padding-top:24px;padding-bottom:24px} .hero-review-head{display:flex;gap:12px;margin-bottom:24px} .hero-review-head .average{font-weight:600} .hero-review-head .total{opacity:0.5} .hero-review-item{border-bottom:1px solid var(--border-color);padding-bottom:16px;margin-bottom:16px} .hero-review-item .head{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;justify-content:space-between} @media (min-width:1024px){.hero-review-head{align-items:center;flex-direction:row;gap:12px} } .hero-review-item .rating{display:flex;align-items:center;gap:8px} .hero-review-item .stars{color:var(--accent-color)} .hero-review-item .author{font-size:14px;opacity:0.6} .hero-review-item .name{font-weight:600} .hero-review-item .date{font-weight:400} .hero-review-item .review{letter-spacing:0.02em} .hero-faq{border:1px solid var(--border-color);padding:16px;margin-top:24px;border-radius:8px;background-color:rgba(255,255,255,0.02)} @media (min-width:1024px){.hero-faq{padding:24px} } .hero-faq-head{margin-bottom:16px} .hero-faq-head .title{font-size:20px;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:0.01em} .hero-faq-head .subtitle{opacity:0.7;font-size:14px} .hero-faq-list{display:flex;flex-direction:column;gap:12px} .hero-faq-item{padding:12px 0;border-bottom:1px solid var(--border-color)} .hero-faq-item:last-child{border-bottom:none} .hero-faq-item summary{list-style:none;cursor:pointer;font-weight:600;margin-bottom:6px;letter-spacing:0.01em;padding-right:24px;position:relative;user-select:none} .hero-faq-item summary::-webkit-details-marker{display:none} .hero-faq-item summary::marker{display:none} .hero-faq-item summary::after{content:"+";position:absolute;right:0;top:0;font-size:20px;font-weight:400;color:var(--accent-color);transition:transform 0.3s ease} .hero-faq-item[open] summary::after{content:"−";transform:rotate(0deg)} .hero-faq-item .answer{opacity:0.85;line-height:1.6;letter-spacing:0.01em;margin-top:8px;padding-left:0} .hero-why{margin-bottom:64px} .hero-why-head{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px} .hero-why-head .icon{font-size:24px} .hero-why-head .title{font-weight:600;font-size:20px;text-transform:uppercase;letter-spacing:0.01em} .hero-why-content{display:grid;grid-template-columns:repeat(1,1fr);gap:16px} @media (min-width:640px){.hero-why-content{grid-template-columns:repeat(2,1fr)} } @media (min-width:1024px){.hero-why-content{grid-template-columns:repeat(3,1fr)} } .hero-why-item{border:1px solid var(--border-color);border-radius:8px;padding:20px 16px;background-color:rgba(255,255,255,0.02);display:flex;gap:12px;align-items:flex-start} .hero-why-item .icon{font-size:32px;flex-shrink:0} .hero-why-item .content{flex:1} .hero-why-item .content .title{font-weight:600;font-size:16px;margin-bottom:6px;color:var(--accent-color);letter-spacing:0.01em} .hero-why-item .content .desc{font-size:14px;line-height:1.6;opacity:0.8;letter-spacing:0.01em} .hero-seller{border:1px solid var(--border-color);background-color:rgba(255,255,255,0.02);border-radius:8px;padding:16px;margin-top:24px;margin-bottom:24px} @media (min-width:1024px){.hero-seller{padding:24px} } .hero-seller-head{display:flex;align-items:center;gap:8px;margin-bottom:16px} .hero-seller-head .title{color:var(--accent-color);font-weight:600;font-size:16px;text-transform:uppercase} .hero-seller-content p{font-size:14px;letter-spacing:0.01em;opacity:0.8} .hero-seller-content p:not(:last-child){margin-bottom:8px} .hero-seller-content table{border-collapse:collapse;font-size:14px;margin-top:16px;width:100%} .hero-seller-content table th,.hero-seller-content table td{border:1px solid var(--border-color);padding:4px 8px;text-align:left} .hero-seller-content table th{font-weight:500;background-color:rgba(255,255,255,0.04);opacity:0.6} .newsletter{max-width:1280px;margin:0 auto;padding-top:64px;padding-bottom:64px;text-align:center} .newsletter-head{margin-bottom:24px} .newsletter-button{all:unset;box-sizing:border-box;background-color:white;border:1px solid var(--border-color);border-radius:160px;color:rgba(0,0,0,0.7);cursor:pointer;font-size:18px;font-weight:500;letter-spacing:0.02em;min-width:37.5%;padding:8px 32px} .hero-contact{background-color:rgba(255,255,255,0.02);border:1px solid var(--border-color);border-radius:8px;margin-top:24px;padding:16px} @media (min-width:1024px){.hero-contact{padding:24px} } .hero-contact-head{margin-bottom:16px} .hero-contact-head .title{color:var(--accent-color);font-weight:600;font-size:20px;text-transform:uppercase} .hero-contact-head .subtitle{font-size:14px;opacity:0.8} .hero-contact-content{display:flex;flex-direction:column;gap:4px} .hero-contact-item{border:1px solid var(--border-color);padding:12px;background-color:rgba(255,255,255,0.02);display:flex;gap:12px;align-items:flex-start} .hero-contact-item .title{font-weight:600;font-size:16px;letter-spacing:0.02em} .hero-privacy{background-color:rgba(255,255,255,0.02);border:1px solid var(--border-color);border-radius:8px;margin-top:24px;padding:16px} @media (min-width:1024px){.hero-privacy{padding:24px} } .hero-privacy-head{margin-bottom:16px} .hero-privacy-head .title{color:var(--accent-color);font-weight:600;font-size:20px;text-transform:uppercase} .hero-privacy-head .subtitle{font-size:14px;opacity:0.8} .hero-privacy-content{display:flex;flex-direction:column;gap:4px} .hero-privacy-item{border:1px solid var(--border-color);padding:12px;background-color:rgba(255,255,255,0.02);display:flex;gap:12px;align-items:flex-start} .hero-privacy-item .title{font-weight:600;font-size:16px;letter-spacing:0.02em} .footer{padding-top:32px;padding-left:16px;padding-right:16px;font-size:14px;text-align:center;padding-bottom:32px} @media (min-width:1024px){.footer{padding-left:32px;padding-right:32px} }