Zebra Azerbaijan

#rt-zebra{ --navy:#102b46;--blue:#12679d;--ink:#1c3449; --muted:#607589;--line:#dce7ee; font-family:Arial,Helvetica,sans-serif; max-width:1280px;margin:auto;color:var(--ink);line-height:1.55; } #rt-zebra *{box-sizing:border-box} #rt-zebra .hero{ padding:clamp(25px,5vw,52px); background:linear-gradient(125deg,#10283f,#155b88); color:#fff;border-radius:18px; } #rt-zebra .eyebrow{ color:#b9dbf1;font-size:12px;letter-spacing:1.6px; font-weight:700;text-transform:uppercase; } #rt-zebra .hero h2{ color:#fff;font-size:clamp(28px,4vw,44px); line-height:1.16;margin:13px 0; } #rt-zebra .hero p{color:#e3eff7;max-width:850px} #rt-zebra .stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px} #rt-zebra .stat{ background:#ffffff15;border:1px solid #ffffff30; padding:12px 18px;border-radius:10px;font-size:12px; } #rt-zebra .stat b{display:block;font-size:23px;color:#fff} #rt-zebra .intro{padding:24px 3px 12px;color:#50677a} #rt-zebra .filters{ display:flex;gap:9px;flex-wrap:wrap;background:#f1f6f9; border:1px solid var(--line);border-radius:12px; padding:13px;margin:12px 0 25px; } #rt-zebra .filters a{ display:inline-block;padding:11px 14px;background:#fff; border:1px solid #cbd9e3;border-radius:8px;color:#24516e; font-size:13px;font-weight:700;text-decoration:none; } #rt-zebra .filters a:first-child{background:var(--navy);color:#fff} #rt-zebra .filters a:hover{background:var(--blue);color:#fff} #rt-zebra .section{margin:34px 0;scroll-margin-top:95px} #rt-zebra .section h3{ font-size:clamp(22px,3vw,29px); color:#123d5d;margin:0 0 8px; } #rt-zebra .section-lead{ color:var(--muted);font-size:14px;margin-bottom:18px; } #rt-zebra .grid{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; } #rt-zebra .item{ border:1px solid var(--line);background:#fff; border-radius:13px;padding:19px;display:flex; flex-direction:column;gap:12px;min-width:0; box-shadow:0 4px 15px #143e5c0b; } #rt-zebra .tag{ color:#c65c23;font-size:11px;font-weight:800; text-transform:uppercase;letter-spacing:.7px; } #rt-zebra .item h4{ font-size:18px;color:#16374f;margin:0;line-height:1.3; } #rt-zebra .desc{font-size:13px;color:#52697b;margin:0;flex:1} #rt-zebra .spec{ border-top:1px solid var(--line);padding-top:12px; display:grid;grid-template-columns:1fr 1fr;gap:10px; } #rt-zebra .spec small{ display:block;color:#788b9a;font-size:11px; } #rt-zebra .spec strong{font-size:12px;overflow-wrap:anywhere} #rt-zebra .contact-panel{ display:flex;align-items:center;justify-content:space-between; gap:22px;padding:24px 28px;border-radius:14px; margin:20px 0 26px; } #rt-zebra .contact-panel.top{ background:#f0f6fa;border:1px solid #d5e6f0; } #rt-zebra .contact-panel.bottom{ background:linear-gradient(125deg,#10283f,#155b88); color:#fff;margin:30px 0; } #rt-zebra .contact-copy{flex:1 1 340px} #rt-zebra .contact-copy h3{ margin:0 0 5px;font-size:21px;line-height:1.3;color:#173d59; } #rt-zebra .contact-copy p{ margin:0;font-size:13px;color:#61798a; } #rt-zebra .bottom .contact-copy h3{color:#fff} #rt-zebra .bottom .contact-copy p{color:#d9e9f4} #rt-zebra .contact-actions{display:flex;flex-wrap:wrap;gap:10px} #rt-zebra .contact-btn{ display:inline-flex;align-items:center;justify-content:center; padding:12px 18px;border-radius:9px;font-size:13px; font-weight:700;text-decoration:none;min-width:125px; } #rt-zebra .email-btn{ color:#12679d;background:#fff;border:1px solid #b8d7e9; } #rt-zebra .whatsapp-btn{ color:#fff;background:#168a50;border:1px solid #168a50; } #rt-zebra .local{ background:#edf5fa;padding:26px;border-radius:14px; margin:35px 0; } #rt-zebra .local h3{margin-top:0;color:#143e5e} #rt-zebra .local p{color:#536b7c} #rt-zebra .notice{ padding:18px 0;border-top:1px solid var(--line); font-size:12px;color:#647b8c; } @media(max-width:950px){ #rt-zebra .grid{grid-template-columns:repeat(2,minmax(0,1fr))} #rt-zebra .contact-panel{flex-wrap:wrap} } @media(max-width:620px){ #rt-zebra .grid{grid-template-columns:1fr} #rt-zebra .hero{border-radius:12px} #rt-zebra .filters a{flex:1 1 40%;text-align:center} #rt-zebra .item{padding:16px} #rt-zebra .stats{display:grid;grid-template-columns:1fr 1fr} #rt-zebra .contact-panel{padding:21px} #rt-zebra .contact-actions{ width:100%;display:grid;grid-template-columns:1fr 1fr; } #rt-zebra .contact-btn{min-width:0;padding:12px 8px} }