/* Compact first screen, Tandiry.kz, 2026-10-30 */
.tw-hero.tw-hero-v4{width:calc(100% - 48px);max-width:1280px;height:420px;min-height:0;margin:24px auto 0;border:1px solid #e7d9c4;border-radius:16px;background:#f2e6d1;isolation:isolate}
.tw-hero-v4>picture{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;display:block}
.tw-hero-v4>picture img{display:block;width:100%;height:100%;object-fit:contain;object-position:right center;aspect-ratio:auto}
.tw-hero-v4:after{background:linear-gradient(90deg,#f2e6d1 0%,#f2e6d1 29%,#f2e6d1b3 39%,#f2e6d100 53%)}
.tw-hero-v4 .tw-hero-inner{width:100%;max-width:none;height:100%;min-height:0;padding:30px 40px;background:transparent}
.tw-hero-v4 .tw-hero-copy{width:44%;max-width:530px}
.tw-hero-v4 .tw-eyebrow{font-size:10px;line-height:1.4;letter-spacing:.14em;color:#855c37;margin:0 0 16px}
.tw-hero-v4 h1{font-family:Georgia,"Times New Roman",serif;font-size:44px;font-weight:500;line-height:1.12;letter-spacing:-.8px;max-width:530px;margin:0 0 20px;color:#30291f;text-wrap:balance}
.tw-hero-v4 p:not(.tw-eyebrow){font-size:17px;line-height:1.5;max-width:420px;margin:0 0 25px;color:#62523f}
.tw-hero-v4 .tw-actions{display:flex;flex-wrap:wrap;max-width:none;gap:10px}
.tw-hero-v4 .tw-button{min-height:46px;font-size:14px;padding:11px 18px;border-radius:7px}
.tw-hero-v4 .tw-button.secondary{background:#fff6;color:#794e30;border-color:#b79570}
.index-template #tw-categories-title{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:28px;letter-spacing:-.3px}
.index-template .tw-categories-head{margin-bottom:18px}
.index-template #tw-main>.container>.tw-section:first-child{padding-top:32px}
@media(max-width:700px){.tw-hero-v4 .tw-actions .tw-button span[aria-hidden]{display:none}}
@media(min-width:701px) and (max-width:1000px){.tw-hero.tw-hero-v4{height:380px;width:calc(100% - 32px);margin-top:16px}.tw-hero-v4 .tw-hero-inner{min-height:0;padding:24px 28px}.tw-hero-v4 .tw-hero-copy{width:44%}.tw-hero-v4 h1{font-size:32px;margin-bottom:16px}.tw-hero-v4 p:not(.tw-eyebrow){font-size:15px;margin-bottom:18px}.tw-hero-v4 .tw-eyebrow{font-size:9px;margin-bottom:12px}.tw-hero-v4 .tw-actions{display:flex;gap:8px;max-width:290px}.tw-hero-v4 .tw-button{font-size:13px;padding:10px 14px;min-height:44px}}
@media(max-width:700px){.tw-hero.tw-hero-v4{display:flex;flex-direction:column;width:calc(100% - 24px);height:auto;margin:12px auto 0;border-radius:12px}.tw-hero-v4:after{display:none}.tw-hero-v4 .tw-hero-inner{height:auto;min-height:0;order:1;padding:23px 20px 18px;background:transparent}.tw-hero-v4 .tw-hero-copy{width:100%;max-width:none}.tw-hero-v4 h1{font-size:30px;line-height:1.12;letter-spacing:-.5px;max-width:440px;margin-bottom:14px}.tw-hero-v4 .tw-eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:12px}.tw-hero-v4 p:not(.tw-eyebrow){font-size:15px;line-height:1.45;margin-bottom:18px;max-width:440px}.tw-hero-v4 .tw-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:8px;max-width:440px}.tw-hero-v4 .tw-button{font-size:12px;padding:10px 7px;min-height:44px}.tw-hero-v4>picture{position:relative;inset:auto;order:2;width:100%;height:clamp(240px,67vw,280px);aspect-ratio:auto;margin:0;overflow:hidden}.tw-hero-v4>picture img{width:100%;height:100%;object-fit:contain;object-position:center;aspect-ratio:auto}.index-template #tw-categories-title{font-size:21px;font-weight:600}.index-template #tw-main>.container>.tw-section:first-child{padding-top:25px}}