.catalog-page{height:auto;min-height:100svh;overflow:auto;grid-template-rows:88px 1fr 56px;background:radial-gradient(ellipse at 50% 0%,#f3e8dc80,transparent 55%)}
.catalog-main{display:block;max-width:1180px;width:100%;margin:0 auto;padding:54px 32px 36px;text-align:left}
.catalog-intro{text-align:center;margin-bottom:48px}.eyebrow{font-size:.7rem;letter-spacing:.16em;color:#a14e30;margin:0 0 20px}.catalog-intro h1{font-size:clamp(2.3rem,4.6vw,4rem);letter-spacing:-.055em}.catalog-intro>p:last-child{font-size:1rem;line-height:1.6;color:#696d63;margin:20px 0 0}
.automation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.automation-card{display:flex;flex-direction:column;border:1px solid #e5e4dc;background:#fffdf9;border-radius:18px;overflow:hidden;transition:transform 200ms var(--ease-out);box-shadow:0 5px 20px #363c2804}.card-copy{padding:26px;display:flex;flex:1;flex-direction:column}.card-type{color:#8d5038;font-size:.75rem;margin:0 0 12px}.card-copy h2{font-size:1.35rem;line-height:1.25;letter-spacing:-.04em;font-weight:500;margin:0}.card-copy>p:not(.card-type){font-size:.9rem;line-height:1.65;color:#686d61;margin:16px 0 26px}.card-link{display:flex;justify-content:space-between;gap:10px;margin-top:auto;font-size:.85rem;font-weight:500;min-height:24px}.availability-note{text-align:center;font-size:.8rem;color:#73776c;margin:28px 0 0}
.catalog-visual{height:205px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#eef1e8,#f5f5ee);perspective:800px;overflow:hidden}.catalog-visual.email{background:linear-gradient(145deg,#eceef3,#f3f4f7)}.catalog-visual.portfolio{background:linear-gradient(145deg,#f4e9df,#faf2e8)}.mini-sheet{width:200px;height:133px;background:#ffffffed;border:1px solid #fff;border-radius:10px;box-shadow:2px 4px #dddfd6,5px 20px 25px #525c4220;transform:rotateX(18deg) rotateY(-12deg) rotateZ(-7deg);padding:16px 18px}.mini-label{font-size:11px;color:#555e50}.mini-days{display:flex;justify-content:space-between;margin:15px 0 11px;font-size:9px;color:#8a9182}.mini-days i{font-style:normal}.mini-block{height:15px;width:65%;border-radius:3px;background:#e6ebdb}.mini-block.second{width:48%;margin:7px 0 0 auto;background:#f8e5d8}.mini-caption{position:absolute;bottom:22px;right:16px;padding:10px 13px;border:1px solid white;background:#fffdf9;border-radius:7px;box-shadow:0 6px 15px #34382d0c;font-size:10px;color:#5e6854;transform:rotate(3deg)}.mini-mail{display:flex;gap:9px;align-items:center;margin-top:12px}.mini-mail i{width:17px;height:17px;border-radius:50%;background:#e7e9f1}.mini-mail span{height:4px;width:95px;background:#e4e7de;border-radius:2px}.mini-mail:nth-child(3) i{background:#f4e1d4}.mini-mail:nth-child(4) span{width:66px}.mini-bars{height:78px;display:flex;align-items:end;gap:12px;padding-top:13px}.mini-bars i{width:16px;background:#edb48d;border-radius:3px 3px 0 0;height:40%}.mini-bars i:nth-child(2){height:65%;background:#bcc5ab}.mini-bars i:nth-child(3){height:53%}.mini-bars i:nth-child(4){height:85%;background:#bcc5ab}.mini-bars i:nth-child(5){height:70%}.mini-bars i:nth-child(6){height:95%}
@media(hover:hover) and (pointer:fine){.automation-card:hover{transform:translateY(-4px)}.automation-card:hover .card-link{color:#a14e30}}
@media(max-width:900px){.automation-grid{gap:14px}.card-copy{padding:20px}.catalog-main{padding-inline:24px}}
@media(max-width:760px){.catalog-page{grid-template-rows:78px 1fr 44px}.catalog-main{padding:32px 20px}.catalog-intro{margin-bottom:30px}.automation-grid{grid-template-columns:1fr;max-width:430px;margin:auto;gap:22px}.catalog-visual{height:190px}.card-copy{padding:24px}.catalog-intro>p:last-child{max-width:320px;margin:18px auto 0}}
@media(prefers-reduced-motion:reduce){.automation-card{transition:none}.automation-card:hover{transform:none}}