.header{background-color:#111;color:#fff;padding:1rem 0;position:relative;z-index:1000}.header .header__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.header .header__logo{color:#fff;font-size:1.8rem;font-weight:700;margin-right:10px;text-decoration:none}.header .header__nav{display:flex;gap:2rem;transition:all .3s ease-in-out}.header .header__nav a{color:#fff;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none}.header .header__nav a:after{background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:.3s ease;width:0}.header .header__nav a:hover:after{width:100%}.header .header__nav a:hover{opacity:.8}@media(max-width:768px){.header .header__nav{align-items:center;background-color:#111;flex-direction:column;gap:1.2rem;left:0;opacity:0;padding:2rem 1rem;pointer-events:none;position:absolute;right:0;top:70px;transform:translateY(-200%);transition:all .4s ease}.header .header__nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}}.header .burger{cursor:pointer;display:none;flex-direction:column;gap:6px;transition:all .3s ease}.header .burger span{background-color:#fff;border-radius:2px;display:block;height:3px;transition:.3s ease;width:28px}.header .burger.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.header .burger.open span:nth-child(2){opacity:0}.header .burger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:768px){.header .burger{display:flex}}.footer{background-color:#111;color:#ddd;font-size:.95rem;padding:1.5rem 1rem}.footer .footer__content--compact{align-items:center;display:flex;flex-direction:column;gap:.8rem;margin:0 auto;max-width:1200px;text-align:center}.footer .footer__brand h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.footer .footer__contacts{line-height:1.6;list-style:none;margin:0;padding:0}.footer .footer__contacts li{margin:.2rem 0}.footer .footer__contacts li a{color:#ddd;text-decoration:none}.footer .footer__contacts li a:hover{color:#fff}@media(max-width:768px){.footer .footer__content--compact{font-size:.9rem;gap:.6rem}.footer .footer__brand h3{font-size:1rem}}.hero{min-height:100dvh;overflow:hidden;position:relative;width:100%}.hero:after{content:"";display:block;inset:0;pointer-events:none;position:absolute}.hero{background-image:url(https://xdot-pc.ru/wp-content/uploads/2024/11/1-768x768.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.hero,.hero__overlay{align-items:center;display:flex;justify-content:center}.hero__overlay{background-color:#0009;inset:0;padding:1rem;position:absolute;z-index:1}.hero__content{color:#fff;max-width:90%;position:relative;text-align:center;z-index:2}.hero__content h1{font-size:clamp(1.8rem,5vw,3rem);margin-bottom:.8rem}.hero__content p{color:#ddd;font-size:clamp(1rem,2.5vw,1.3rem)}.home .hero{background-image:url(https://xdot-pc.ru/wp-content/uploads/2024/11/1-768x768.png);background-position:50%;background-repeat:no-repeat;background-size:contain;position:relative}.home .hero,.home .hero__overlay{align-items:center;display:flex;justify-content:center}.home .hero__overlay{background-color:#0009;height:100%;padding:2rem;width:100%}.home .hero__content{color:#fff;text-align:center}.home .hero__content h1{font-size:2.8rem;margin-bottom:1rem}.home .hero__content p{color:#ddd;font-size:1.2rem;margin:0 auto;max-width:600px}@media(max-width:768px){.home .hero__content h1{font-size:2rem}.home .hero__content p{font-size:1rem}}.products{background:#000;color:#fff;min-height:100vh;padding:2rem}.products h1{font-size:2rem;margin-bottom:2rem;text-align:center}.products__list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.products__card{background:#1c1c1c;border-radius:1rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.products__card:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-6px)}.products__card img{background:#111;border-radius:.5rem;height:160px;margin-bottom:1rem;object-fit:contain;padding:.5rem;width:100%}.products__card h2{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.products__card .specs{color:#ccc;font-size:.9rem;margin-bottom:auto}.products__card .price{font-weight:700;margin-top:.5rem}.products__card .btn,.products__card a.btn,.products__card button{background:#00c292;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;margin-top:1rem;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background .3s;width:100%}.products__card .btn:hover,.products__card a.btn:hover,.products__card button:hover{background:#00a67e}.monitors{background:#000;color:#fff;min-height:100vh;padding:2rem}.monitors h1{font-size:2rem;margin-bottom:2rem;text-align:center}.monitors__list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.monitors__card{background:#1c1c1c;border-radius:1rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.monitors__card:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-6px)}.monitors__card img{background:#111;border-radius:.5rem;height:160px;margin-bottom:1rem;object-fit:contain;padding:.5rem;width:100%}.monitors__card h2{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.monitors__card .specs{color:#ccc;font-size:.9rem;margin-bottom:auto}.monitors__card .price{font-weight:700;margin-top:.5rem}.monitors__card .btn,.monitors__card a.btn,.monitors__card button{background:#00c292;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;margin-top:1rem;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background .3s;width:100%}.monitors__card .btn:hover,.monitors__card a.btn:hover,.monitors__card button:hover{background:#00a67e}.gpu{background:#000;color:#fff;min-height:100vh;padding:2rem}.gpu h1{font-size:2rem;margin-bottom:2rem;text-align:center}.gpu__list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.gpu__card{background:#1c1c1c;border-radius:1rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.gpu__card:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-6px)}.gpu__card img{background:#111;border-radius:.5rem;height:160px;margin-bottom:1rem;object-fit:contain;padding:.5rem;width:100%}.gpu__card h2{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.gpu__card .specs{color:#ccc;font-size:.9rem;margin-bottom:auto}.gpu__card .price{font-weight:700;margin-top:.5rem}.gpu__card .btn,.gpu__card a.btn,.gpu__card button{background:#00c292;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;margin-top:1rem;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background .3s;width:100%}.gpu__card .btn:hover,.gpu__card a.btn:hover,.gpu__card button:hover{background:#00a67e}.cpu{background:#000;color:#fff;min-height:100vh;padding:2rem}.cpu h1{font-size:2rem;margin-bottom:2rem;text-align:center}.cpu__list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cpu__card{background:#1c1c1c;border-radius:1rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.cpu__card:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-6px)}.cpu__card img{background:#111;border-radius:.5rem;height:160px;margin-bottom:1rem;object-fit:contain;padding:.5rem;width:100%}.cpu__card h2{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.cpu__card .specs{color:#ccc;font-size:.9rem;margin-bottom:auto}.cpu__card .price{font-weight:700;margin-top:.5rem}.cpu__card .btn,.cpu__card a.btn,.cpu__card button{background:#00c292;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;margin-top:1rem;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background .3s;width:100%}.cpu__card .btn:hover,.cpu__card a.btn:hover,.cpu__card button:hover{background:#00a67e}.psu{background:#000;color:#fff;min-height:100vh;padding:2rem}.psu h1{font-size:2rem;margin-bottom:2rem;text-align:center}.psu__list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.psu__card{background:#1c1c1c;border-radius:1rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.psu__card:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-6px)}.psu__card img{background:#111;border-radius:.5rem;height:160px;margin-bottom:1rem;object-fit:contain;padding:.5rem;width:100%}.psu__card h2{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.psu__card .specs{color:#ccc;font-size:.9rem;margin-bottom:auto}.psu__card .price{font-weight:700;margin-top:.5rem}.psu__card .btn,.psu__card a.btn,.psu__card button{background:#00c292;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;margin-top:1rem;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background .3s;width:100%}.psu__card .btn:hover,.psu__card a.btn:hover,.psu__card button:hover{background:#00a67e}.ram{background:#000;color:#fff;min-height:100vh;padding:2rem}.ram h1{font-size:2rem;margin-bottom:2rem;text-align:center}.ram__list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ram__card{background:#1c1c1c;border-radius:1rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.ram__card:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-6px)}.ram__card img{background:#111;border-radius:.5rem;height:160px;margin-bottom:1rem;object-fit:contain;padding:.5rem;width:100%}.ram__card h2{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.ram__card .specs{color:#ccc;font-size:.9rem;margin-bottom:auto}.ram__card .price{font-weight:700;margin-top:.5rem}.ram__card .btn,.ram__card a.btn,.ram__card button{background:#00c292;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;margin-top:1rem;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background .3s;width:100%}.ram__card .btn:hover,.ram__card a.btn:hover,.ram__card button:hover{background:#00a67e}.storage{background:#000;color:#fff;min-height:100vh;padding:2rem}.storage h1{font-size:2rem;margin-bottom:2rem;text-align:center}.storage__list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.storage__card{background:#1c1c1c;border-radius:1rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.storage__card:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-6px)}.storage__card img{background:#111;border-radius:.5rem;height:160px;margin-bottom:1rem;object-fit:contain;padding:.5rem;width:100%}.storage__card h2{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.storage__card .specs{color:#ccc;font-size:.9rem;margin-bottom:auto}.storage__card .price{font-weight:700;margin-top:.5rem}.storage__card .btn,.storage__card a.btn,.storage__card button{background:#00c292;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;margin-top:1rem;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background .3s;width:100%}.storage__card .btn:hover,.storage__card a.btn:hover,.storage__card button:hover{background:#00a67e}.cases{background:#000;color:#fff;min-height:100vh;padding:2rem}.cases h1{font-size:2rem;margin-bottom:2rem;text-align:center}.cases__list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cases__card{background:#1c1c1c;border-radius:1rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.cases__card:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-6px)}.cases__card img{background:#111;border-radius:.5rem;height:160px;margin-bottom:1rem;object-fit:contain;padding:.5rem;width:100%}.cases__card h2{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.cases__card .specs{color:#ccc;font-size:.9rem;margin-bottom:auto}.cases__card .price{font-weight:700;margin-top:.5rem}.cases__card .btn,.cases__card a.btn,.cases__card button{background:#00c292;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;margin-top:1rem;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background .3s;width:100%}.cases__card .btn:hover,.cases__card a.btn:hover,.cases__card button:hover{background:#00a67e}.motherboards{background:#000;color:#fff;min-height:100vh;padding:2rem}.motherboards h1{font-size:2rem;margin-bottom:2rem;text-align:center}.motherboards__list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.motherboards__card{background:#1c1c1c;border-radius:1rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.motherboards__card:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-6px)}.motherboards__card img{background:#111;border-radius:.5rem;height:160px;margin-bottom:1rem;object-fit:contain;padding:.5rem;width:100%}.motherboards__card h2{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.motherboards__card .specs{color:#ccc;font-size:.9rem;margin-bottom:auto}.motherboards__card .price{font-weight:700;margin-top:.5rem}.motherboards__card .btn,.motherboards__card a.btn,.motherboards__card button{background:#00c292;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;margin-top:1rem;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background .3s;width:100%}.motherboards__card .btn:hover,.motherboards__card a.btn:hover,.motherboards__card button:hover{background:#00a67e}.cooling{background:#000;color:#fff;min-height:100vh;padding:2rem}.cooling h1{font-size:2rem;margin-bottom:2rem;text-align:center}.cooling__list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cooling__card{background:#1c1c1c;border-radius:1rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.cooling__card:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-6px)}.cooling__card img{background:#111;border-radius:.5rem;height:160px;margin-bottom:1rem;object-fit:contain;padding:.5rem;width:100%}.cooling__card h2{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.cooling__card .specs{color:#ccc;font-size:.9rem;margin-bottom:auto}.cooling__card .price{font-weight:700;margin-top:.5rem}.cooling__card .btn,.cooling__card a.btn,.cooling__card button{background:#00c292;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;margin-top:1rem;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background .3s;width:100%}.cooling__card .btn:hover,.cooling__card a.btn:hover,.cooling__card button:hover{background:#00a67e}.laptops{background:#000;color:#fff;min-height:100vh;padding:2rem}.laptops h1{font-size:2rem;margin-bottom:2rem;text-align:center}.laptops__list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.laptops__card{background:#1c1c1c;border-radius:1rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.laptops__card:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-6px)}.laptops__card img{background:#111;border-radius:.5rem;height:160px;margin-bottom:1rem;object-fit:contain;padding:.5rem;width:100%}.laptops__card h2{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.laptops__card .specs{color:#ccc;font-size:.9rem;margin-bottom:auto}.laptops__card .price{font-weight:700;margin-top:.5rem}.laptops__card .btn,.laptops__card a.btn,.laptops__card button{background:#00c292;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;margin-top:1rem;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background .3s;width:100%}.laptops__card .btn:hover,.laptops__card a.btn:hover,.laptops__card button:hover{background:#00a67e}.readybuilds{background:#000;color:#fff;min-height:100vh;padding:2rem}.readybuilds h1{font-size:2rem;margin-bottom:2rem;text-align:center}.readybuilds__list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.readybuilds__card{background:#1c1c1c;border-radius:1rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.readybuilds__card:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-6px)}.readybuilds__card img{background:#111;border-radius:.5rem;height:160px;margin-bottom:1rem;object-fit:contain;padding:.5rem;width:100%}.readybuilds__card h2{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.readybuilds__card .specs{color:#ccc;font-size:.9rem;margin-bottom:auto}.readybuilds__card .price{font-weight:700;margin-top:.5rem}.readybuilds__card .btn,.readybuilds__card a.btn,.readybuilds__card button{background:#00c292;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;margin-top:1rem;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background .3s;width:100%}.readybuilds__card .btn:hover,.readybuilds__card a.btn:hover,.readybuilds__card button:hover{background:#00a67e}.product-page img{max-width:100%}@media(max-width:900px){.product-page{align-items:stretch;flex-direction:column;padding:1rem}.product-page img{margin-bottom:1.5rem;width:100%}.products{padding:1rem}.products__list{gap:1rem}.products__card{padding:.7rem}.monitors{padding:1rem}.monitors__list{gap:1rem}.monitors__card{padding:.7rem}.gpu{padding:1rem}.gpu__list{gap:1rem}.gpu__card{padding:.7rem}.cpu{padding:1rem}.cpu__list{gap:1rem}.cpu__card{padding:.7rem}.psu{padding:1rem}.psu__list{gap:1rem}.psu__card{padding:.7rem}.ram{padding:1rem}.ram__list{gap:1rem}.ram__card{padding:.7rem}.storage{padding:1rem}.storage__list{gap:1rem}.storage__card{padding:.7rem}.cases{padding:1rem}.cases__list{gap:1rem}.cases__card{padding:.7rem}.motherboards{padding:1rem}.motherboards__list{gap:1rem}.motherboards__card{padding:.7rem}.cooling{padding:1rem}.cooling__list{gap:1rem}.cooling__card{padding:.7rem}.laptops{padding:1rem}.laptops__list{gap:1rem}.laptops__card{padding:.7rem}.readybuilds{padding:1rem}.readybuilds__list{gap:1rem}.readybuilds__card{padding:.7rem}}@media(max-width:600px){.product-page{border-radius:.5rem;box-shadow:none;margin:10px 0;padding:.5rem}.product-page img{height:180px}.product-page .product-info h1{font-size:1.2rem}.product-page .product-info .price{font-size:1.1rem}.products{padding:.5rem}.products__list{gap:.7rem;grid-template-columns:1fr}.products__card{border-radius:.5rem;padding:.5rem}.products__card img{height:120px}.products__card h2{font-size:1rem}.monitors{padding:.5rem}.monitors__list{gap:.7rem;grid-template-columns:1fr}.monitors__card{border-radius:.5rem;padding:.5rem}.monitors__card img{height:120px}.monitors__card h2{font-size:1rem}.gpu{padding:.5rem}.gpu__list{gap:.7rem;grid-template-columns:1fr}.gpu__card{border-radius:.5rem;padding:.5rem}.gpu__card img{height:120px}.gpu__card h2{font-size:1rem}.cpu{padding:.5rem}.cpu__list{gap:.7rem;grid-template-columns:1fr}.cpu__card{border-radius:.5rem;padding:.5rem}.cpu__card img{height:120px}.cpu__card h2{font-size:1rem}.psu{padding:.5rem}.psu__list{gap:.7rem;grid-template-columns:1fr}.psu__card{border-radius:.5rem;padding:.5rem}.psu__card img{height:120px}.psu__card h2{font-size:1rem}.ram{padding:.5rem}.ram__list{gap:.7rem;grid-template-columns:1fr}.ram__card{border-radius:.5rem;padding:.5rem}.ram__card img{height:120px}.ram__card h2{font-size:1rem}.storage{padding:.5rem}.storage__list{gap:.7rem;grid-template-columns:1fr}.storage__card{border-radius:.5rem;padding:.5rem}.storage__card img{height:120px}.storage__card h2{font-size:1rem}.cases{padding:.5rem}.cases__list{gap:.7rem;grid-template-columns:1fr}.cases__card{border-radius:.5rem;padding:.5rem}.cases__card img{height:120px}.cases__card h2{font-size:1rem}.motherboards{padding:.5rem}.motherboards__list{gap:.7rem;grid-template-columns:1fr}.motherboards__card{border-radius:.5rem;padding:.5rem}.motherboards__card img{height:120px}.motherboards__card h2{font-size:1rem}.cooling{padding:.5rem}.cooling__list{gap:.7rem;grid-template-columns:1fr}.cooling__card{border-radius:.5rem;padding:.5rem}.cooling__card img{height:120px}.cooling__card h2{font-size:1rem}.laptops{padding:.5rem}.laptops__list{gap:.7rem;grid-template-columns:1fr}.laptops__card{border-radius:.5rem;padding:.5rem}.laptops__card img{height:120px}.laptops__card h2{font-size:1rem}.readybuilds{padding:.5rem}.readybuilds__list{gap:.7rem;grid-template-columns:1fr}.readybuilds__card{border-radius:.5rem;padding:.5rem}.readybuilds__card img{height:120px}.readybuilds__card h2{font-size:1rem}}.components-page{background-color:#000;color:#fff;padding:40px 20px}.components-page h1{color:#fff;font-size:2rem;margin-bottom:30px;text-align:center}@media(max-width:480px){.components-page h1{font-size:1.5rem;margin-bottom:20px}}.components-page .components-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.components-page .components-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.components-page .components-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.components-page .components-grid{gap:15px;grid-template-columns:repeat(2,1fr)}}.components-page .component-card{background:#1c1c1c;border-radius:12px;box-shadow:0 4px 10px #0000001a;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.components-page .component-card h2{color:#fff;font-size:1.2rem;text-decoration:none}@media(max-width:480px){.components-page .component-card h2{font-size:1rem}.components-page .component-card{border-radius:8px;font-size:.9rem;padding:15px}}.product-page{align-items:flex-start;background:#1c1c1c;border-radius:1rem;box-shadow:0 6px 18px #0009;color:#fff;display:flex;gap:2rem;margin:20px auto;max-width:1000px;padding:2rem}.product-page img{border-radius:.8rem;object-fit:cover;width:400px}.product-page .product-info{display:flex;flex:1 1;flex-direction:column}.product-page .product-info h1{color:#fff;font-size:1.8rem;margin-bottom:1rem}.product-page .product-info .price{color:#00c292;font-size:1.4rem;font-weight:700;margin:1rem 0}.product-page .product-info p{color:#ccc;margin-bottom:.8rem}.btn{background:#00c292;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;margin-top:1.5rem;min-width:150px;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:background .3s;width:auto}.btn:hover{background:#00a67e}.admin-panel{background:#111;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh}.admin-header{background:#222;border-bottom:1px solid #333;padding:1rem 2rem}.admin-header h1{color:#00c292;font-size:1.5rem;margin:0}.admin-body{display:flex;flex:1 1}.admin-sidebar{background:#1c1c1c;border-right:1px solid #333;padding:1rem;width:220px}.admin-sidebar ul{list-style:none;margin:0;padding:0}.admin-sidebar ul li{margin-bottom:1rem}.admin-sidebar ul li a{color:#ccc;text-decoration:none;transition:color .3s}.admin-sidebar ul li a:hover{color:#00c292}.admin-content{flex:1 1;overflow-y:auto;padding:2rem}.admin-content h2{color:#fff;margin-bottom:1rem}.admin-content p{color:#aaa}.admin-content .admin-form{background:#1a1a1a;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem}.admin-content .admin-form label{color:#ccc;display:flex;flex-direction:column;font-size:.9rem}.admin-content .admin-form label input,.admin-content .admin-form label textarea{background:#111;border:1px solid #333;border-radius:5px;color:#fff;font-size:.9rem;margin-top:.5rem;padding:.6rem}.admin-content .admin-form label input:focus,.admin-content .admin-form label textarea:focus{border-color:#00c292;outline:none}.admin-content .admin-form label textarea{min-height:80px;resize:vertical}.admin-content .admin-form .btn{align-self:flex-start;background:#00c292;border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:.6rem 1.2rem;transition:background .3s}.admin-content .admin-form .btn:hover{background:#00a67d}.admin-content .admin-list{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.5rem}.admin-content .admin-list h3{color:#fff;margin-bottom:1rem}.admin-content .admin-list table{border-collapse:collapse;font-size:.9rem;width:100%}.admin-content .admin-list table td,.admin-content .admin-list table th{border-bottom:1px solid #333;padding:.8rem;text-align:left}.admin-content .admin-list table th{color:#00c292;font-size:.8rem;text-transform:uppercase}.admin-content .admin-list table tr:hover{background:#222}.admin-content .admin-list table button{background:none;border:none;color:#ccc;cursor:pointer;margin-right:.5rem;transition:color .3s}.admin-content .admin-list table button:hover{color:#00c292}:root{--bg-color:#000;--primary-color:#1e88e5;--text-color:#f0f0f0;--accent-color:#2c2c2c;--feature-bg:red;--font-main:"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100%;overflow-x:hidden;width:100%}body{background-color:#000;background-color:var(--bg-color);color:#f0f0f0;color:var(--text-color);font-family:Segoe UI,Roboto,sans-serif;font-family:var(--font-main);margin:0}a{color:#1e88e5;color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.header{align-items:center;background-color:#2c2c2c;background-color:var(--accent-color);box-shadow:0 2px 5px #0006;display:flex;justify-content:space-between;padding:1rem 2rem}.header .logo{color:#1e88e5;color:var(--primary-color);font-size:1.5rem;font-weight:700}.header nav ul{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.header nav ul li a{font-weight:500;transition:.3s}.hero{background-color:#000;background-color:var(--bg-color);padding:4rem 2rem;text-align:center}.hero h2{font-size:2.5rem;margin-bottom:1rem}.hero p{color:#ccc;font-size:1.2rem;margin-bottom:2rem}.hero button{display:none}.features{grid-gap:2rem;background-color:#2c2c2c;background-color:var(--accent-color);display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:4rem 2rem}.features .feature{background-color:red;background-color:var(--feature-bg);border-radius:10px;box-shadow:0 4px 8px #0000004d;padding:1.5rem}.features .feature h3{font-size:1.4rem;margin-bottom:.5rem}.features .feature p{color:#bbb}.footer{background-color:#2c2c2c;background-color:var(--accent-color);color:#888;font-size:.9rem;padding:2rem;text-align:center}
/*# sourceMappingURL=main.7f04bc96.css.map*/