/*
Theme Name: DreamFair Figma
Version: 0.2.0
*/
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@300;400;500&display=swap');
:root{--blue:#305570;--cream:#f7f5f0;--sand:#eae6da;--ink:#151517;--yellow:#e7ba20;--red:#b11212}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Geologica,Arial,sans-serif;font-weight:300}a{text-decoration:none;color:inherit}button{font:inherit}.head{height:68px;padding:16px 32px;display:flex;align-items:center;gap:25px;background:rgba(247,245,240,.94)}.head img{width:128px}.head span:nth-child(2){margin-right:auto}.head label{width:252px;border:1px solid #879eae;border-radius:60px;padding:8px 16px;color:#777}.head button,.btn{border:0;background:var(--blue);color:#fff;padding:12px 32px;border-radius:25px;display:inline-block}.head>*{font-size:14px;white-space:nowrap}nav{height:44px;background:var(--blue);color:var(--sand);display:flex;align-items:center;justify-content:center;gap:80px;text-transform:uppercase;font-size:13px}.hero{height:625px;background:url('./assets/hero.png') center 58%/cover no-repeat;position:relative;padding:145px max(9vw,80px)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,245,240,.58),transparent 58%)}.hero>div{position:relative;z-index:1;width:500px}.hero h1,h2{font-weight:300;margin:0 0 20px}.hero h1{font-size:40px}.hero p{font-size:16px;line-height:1.5;margin-bottom:50px}.hero i{position:absolute;bottom:24px;left:50%;z-index:2;color:var(--blue);font-style:normal}.section{padding:80px max(9vw,80px)}.section>h2,.how h2,.motive h2{font-size:36px;text-align:center;margin-bottom:60px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.categories article{height:270px;background:#fff;border-radius:10px;padding:18px;overflow:hidden}.categories img{height:175px;width:100%;object-fit:contain}.categories h3{font-weight:400;font-size:17px;margin:8px 0}.categories p{font-size:12px;color:#777}.consult{background:var(--blue);color:#fff;padding:42px max(9vw,80px);display:flex;justify-content:space-between;align-items:center}.consult h2{margin:8px 0;font-size:27px}.consult p{margin:0;color:#d5dde2;font-size:13px}.ghost{border:1px solid #fff;background:transparent}.featured{display:grid;grid-template-columns:44% 56%;gap:55px;align-items:center}.featured>img{width:100%;height:500px;object-fit:cover;border-radius:18px}.featured h2{font-size:31px;margin:12px 0}.featured>div>p{line-height:1.6;color:#555}.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.mini span{font-size:11px}.mini img{width:100%;height:95px;object-fit:contain;background:#fff;display:block;margin-bottom:8px}.advantages{background:var(--blue);color:white;padding:45px max(9vw,80px);display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:30px}.advantages img{width:42px;height:42px}.advantages h3{font-size:15px;font-weight:400;margin:10px 0 5px}.advantages p{font-size:11px;opacity:.75}.wide{display:grid;grid-template-columns:54% 46%;min-height:450px}.wide>img{width:100%;height:100%;object-fit:cover}.wide>div{padding:100px 65px;background:#fff}.wide h2{font-size:34px;margin:12px 0}.wide p{line-height:1.6}.partner{text-align:center;background:var(--sand)}.checks{display:grid;grid-template-columns:1fr 1fr;max-width:900px;margin:35px auto 30px;text-align:left;gap:12px}.checks span{background:#fff;padding:16px;border-radius:8px}.numbers,.values>div{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;margin:0 auto 35px}.numbers{background:#fff;border-radius:8px}.numbers b,.values b{font-size:30px;padding:22px}.numbers small,.values small{font-size:11px;font-weight:300;display:block;margin-top:5px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:35px}.products article{background:#fff;border-radius:8px;padding:15px}.products img{width:100%;height:190px;object-fit:contain}.products p{font-size:14px}.products b{font-size:13px}.offer>.btn{display:table;margin:auto}.values{background:var(--blue);color:#fff;padding:60px max(9vw,80px);text-align:center}.values h2{font-size:30px}.how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.how article{background:#fff;text-align:center;border-radius:18px;padding:45px 32px;height:290px}.how article>b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--blue);color:#fff;font-size:28px;margin:0 auto 25px}.how article:nth-child(2)>b{background:var(--yellow)}.how article:nth-child(3)>b{background:var(--red)}.how h3{font-weight:400}.how p{color:#666;font-size:13px;line-height:1.5}.about{display:grid;grid-template-columns:55% 45%;align-items:center;background:var(--sand);overflow:hidden}.about>div{padding:60px max(9vw,80px)}.about img{width:100%;height:390px;object-fit:cover}.about h2{font-size:36px}.motive{background:rgba(234,230,218,.35)}.motive>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.motive article,.motive img{height:250px;border-radius:18px}.motive article{border:2px solid rgba(1,1,1,.25);display:grid;place-items:center;text-align:center;padding:30px;font-size:18px}.motive img{width:100%;object-fit:cover}footer{background:var(--blue);color:var(--sand);padding:65px max(9vw,80px);display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:55px;font-size:13px}footer div{display:flex;flex-direction:column;gap:13px}footer button{border:1px solid var(--sand);background:none;color:inherit;border-radius:24px;padding:10px 22px;width:max-content}
@media(max-width:900px){.head{padding:14px 18px}.head>*:not(img){display:none}nav{gap:18px;overflow:auto;justify-content:flex-start;padding:0 18px;font-size:11px}.hero{height:520px;padding:90px 25px;background-position:65% center}.hero>div{width:min(85%,430px)}.section{padding:60px 22px}.categories,.advantages,.products{grid-template-columns:repeat(2,1fr)}.consult{padding:35px 22px;gap:25px}.featured{grid-template-columns:1fr}.wide,.about{grid-template-columns:1fr}.checks,.how>div,.motive>div{grid-template-columns:1fr}.numbers,.values>div{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr;padding:50px 25px}}@media(max-width:560px){.hero{height:460px;padding-top:55px}.hero h1{font-size:31px}.categories,.advantages,.products{grid-template-columns:1fr}.consult{align-items:flex-start;flex-direction:column}.featured>img{height:350px}.wide>div,.about>div{padding:45px 24px}.section>h2,.how h2,.motive h2{font-size:28px}footer{grid-template-columns:1fr}}
.catalog-intro{background:var(--sand);padding:32px max(5.3vw,45px) 80px}.crumb{color:#999;font-size:12px;margin:0 0 38px}.catalog-intro h1{font-size:36px;font-weight:300;margin:0 0 34px}.catalog-intro>p:not(.crumb){font-size:14px;line-height:1.5;margin:0;max-width:1200px}.catalog-big{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:70px}.catalog-big a{background:var(--cream);height:420px;border-radius:25px;padding:28px 32px;display:flex;flex-direction:column;overflow:hidden}.catalog-big img{height:330px;width:100%;object-fit:contain}.catalog-big span{font-size:20px;display:flex;justify-content:space-between}.catalog-big b{border:1px solid var(--blue);border-radius:20px;padding:0 14px;font-weight:300}.catalog-offer{padding:80px max(5.3vw,45px)}.catalog-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:70px}.catalog-title h2{font-size:28px;margin:0}.catalog-title span{color:#e80101}.catalog-call{margin-top:80px;padding:70px;text-align:center;color:var(--sand);border-radius:32px;background:linear-gradient(rgba(48,85,112,.95),rgba(48,85,112,.95)),url('./assets/hero.png') center/cover}.catalog-call h2{font-size:28px}.catalog-call p{line-height:1.6}.catalog-call .btn{margin-top:18px}@media(max-width:700px){.catalog-intro,.catalog-offer{padding:35px 22px 60px}.catalog-big{grid-template-columns:1fr;gap:18px}.catalog-big a{height:300px}.catalog-big img{height:225px}.catalog-title{align-items:flex-start;flex-direction:column;gap:15px}.catalog-call{padding:45px 20px}.catalog-call br{display:none}}