.main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sections-gap, 36px);padding-block-start:65px}.hero{position:relative;margin-block-start:36px;text-align:center;padding:142px 320px 112px;background-image:url(/Fold/assets/hero-background-DfJ_1Xcm.webp);background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden;border-radius:12px}.hero:before{content:"";position:absolute;inset:0;background:#00000073;z-index:0}.hero__title{font-family:var(--font-main, "Plus Jakarta Sans", sans-serif);font-size:110px;font-weight:var(--font-weight-extrabold, 700);color:var(--color-white, #fff);text-transform:uppercase}.hero__description{font-family:var(--font-main, "Plus Jakarta Sans", sans-serif);font-size:16px;line-height:24px;color:var(--color-white, #fff);margin-block-start:20px;inline-size:100%;max-width:376px}.button{font-family:var(--font-main, "Plus Jakarta Sans", sans-serif);background-color:var(--color-primary, #338ff2);color:#f7fafc;border:none;border-radius:var(--border-radius-large, 20px);cursor:pointer;padding:14px 36px;font-size:32px;font-weight:var(--font-weight-bold, 700);transition:background-color .3s ease,color .3s ease,transform .3s ease}.button:hover{background-color:var(--color-primary-hover, #2a75cc);color:#e1eaf9;transform:scale(1.05);outline:none;box-shadow:0 0 6px #2a75cc88}.button:focus-visible,.button:focus{outline:2px solid var(--color-primary-hover, #2a75cc);outline-offset:3px;box-shadow:0 0 8px #2a75cccc;transform:scale(1.05)}.button:active{background-color:var(--color-primary-active, #265db3);color:#d9e5fb;transform:scale(.95);box-shadow:none;transition:none}.hero__title,.hero__description,.hero__button{position:relative;z-index:1}.hero__button{margin-block-start:28px;padding:14px 36px;font-size:32px;font-weight:var(--font-weight-bold, 700)}.section__title{margin-bottom:36px;font-family:var(--font-main, "Plus Jakarta Sans", sans-serif);font-size:22px;color:var(--color-black, #0d141c);font-weight:var(--font-weight-bold, 700)}.categories__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));column-gap:56px;row-gap:var(--gap-large, 24px);justify-content:center;inline-size:100%;max-width:1012px;margin:0 auto}.categories__item{display:flex;flex-direction:column;gap:12px;align-items:center;max-width:300px;inline-size:100%;min-height:350px}.categories__image{inline-size:100%;block-size:auto;border-radius:var(--border-radius-small, 12px)}.card__text{align-self:start;font-family:var(--font-main, "Plus Jakarta Sans", sans-serif);font-weight:var(--font-weight-medium, 500)}.categories__name{line-height:24px;font-size:16px}.products__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));column-gap:39px;row-gap:24px;justify-content:center;inline-size:100%;max-width:1017px;margin:0 auto}.products__item{display:flex;flex-direction:column;align-items:center;max-width:250px;inline-size:100%;min-height:250px}.categories__item,.products__item{text-decoration:none;border-radius:var(--border-radius-medium, 16px);transition:transform .3s ease,box-shadow .3s ease;padding:12px;cursor:pointer}.categories__item:hover,.products__item:hover{transform:scale(1.03);box-shadow:var(--shadow-default, 0 8px 20px rgb(0 0 0 / .08))}.categories__item:focus-visible,.products__item:focus-visible{outline:2px dashed var(--color-primary, #338ff2);outline-offset:4px;box-shadow:0 0 0 4px #338ff24d}.products__image{inline-size:100%;block-size:auto;margin-block-end:12px;border-radius:var(--border-radius-small, 12px)}.products__name{line-height:24px;font-size:16px}.products__price{line-height:21px;font-size:14px;font-weight:var(--font-weight-regular, 400);color:var(--color-secondary, #4a709c)}.products__link{display:flex;align-items:center;gap:var(--gap-small, 8px);margin:32px auto 0;padding:12px 32px;inline-size:fit-content;font-family:var(--font-main, "Plus Jakarta Sans", sans-serif);font-size:18px;font-weight:600;color:var(--color-white, #fff);background-color:var(--color-black, #0d141c);border-radius:var(--border-radius-medium, 16px);text-decoration:none;text-align:center;cursor:pointer;transition:background-color .3s ease,color .3s ease}.products__link:hover,.products__link:focus{background-color:#1a2230;color:#aad4ff;outline:none;box-shadow:0 0 6px #aad4ff88}.products__link svg{inline-size:var(--icon-size-small, 18px);block-size:var(--icon-size-small, 18px);fill:currentColor;transition:transform .3s ease;flex-shrink:0}.products__link:hover svg,.products__link:focus svg{transform:translate(5px)}.products__link:active{background-color:#0f1a2b;color:#7fbfff;transform:scale(.98);box-shadow:none;transition:none}.products__link:focus-visible{outline:2px solid #aad4ff;outline-offset:3px;background-color:#1a2230;color:#aad4ff;box-shadow:0 0 6px #aad4ff88}.products__link:focus:not(:focus-visible){outline:none}@media (width <= 769px){.main{padding-top:56px;gap:24px}.hero{padding:100px 40px 80px}.hero__title{font-size:56px}.hero__description{font-size:14px;line-height:20px;max-width:100%}.hero__button{font-size:20px;padding:12px 24px}.section__title{font-size:28px;margin-bottom:28px;text-align:center}.categories__list{display:grid;grid-template-columns:1fr 1fr;row-gap:0;column-gap:24px}.categories__item:nth-child(3):nth-last-child(1){grid-column:1 / -1;justify-self:center}.products__list{grid-template-columns:1fr 1fr;column-gap:24px}.products__link{font-size:14px;display:inline-flex;align-items:center;gap:8px;margin-top:24px}.footer__nav-list{flex-wrap:wrap;justify-content:center;gap:20px}.footer__text{font-size:12px;text-align:center}}@media (width <= 480px){.main{padding-top:48px;gap:20px}.hero{padding:80px 20px 60px}.hero__title{font-size:36px}.hero__description{font-size:13px;line-height:18px}.hero__button{font-size:18px;padding:10px 20px}.section__title{font-size:23px;margin-bottom:8px}.categories__list,.products__list{grid-template-columns:1fr;column-gap:0;row-gap:0}.card__text{align-self:center}.products__link{font-size:13px;display:flex}}
