.why-page{font-family:Inter,Arial,sans-serif}
.why-hero-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:65px;align-items:center;padding:10px 0 40px}
.why-hero .about-label{font-size:18px;gap:12px}
.why-hero h1{font-size:clamp(36px,4vw,58px);letter-spacing:-2px;font-weight:600;line-height:1.12;margin:0 0 24px}
.why-page em{font-style:normal;color:var(--red)}
.why-lead{font-size:15px;line-height:1.85;color:#71767b;max-width:640px;margin:0}
.why-promise{position:relative;overflow:hidden;background:#f2f3f3;border-radius:24px;padding:32px}
.why-promise>i{display:grid;place-items:center;background:white;color:var(--red);width:62px;height:62px;border-radius:18px;font-size:33px;margin-bottom:24px}
.why-promise>span{font-size:25px;line-height:1.3;letter-spacing:-.6px;color:#85898c}
.why-promise strong{color:var(--ink);font-weight:600}
.why-promise p{font-size:12px;color:#7c8084;line-height:1.7;max-width:220px;margin-top:18px}
.why-path{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e1e3e4;border-radius:16px;overflow:hidden;margin-bottom:30px}
.why-path a{display:flex;align-items:center;gap:16px;padding:24px;text-decoration:none;color:var(--ink);border-right:1px solid #e1e3e4;transition:background .2s}
.why-path a:last-child{border:0}
.why-path a:hover{background:#f7f7f7}
.why-path-icon{font-size:24px;color:var(--red)}
.why-path small{display:block;font-size:10px;color:#8a8c8f;margin-bottom:7px}
.why-path strong{font-size:16px;font-weight:600}
.why-path-go{margin-left:auto;color:var(--red);font-size:24px}
.why-chapter{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:65px;padding-bottom:65px;align-items:center;border-bottom:1px solid #e5e6e7;scroll-margin-top:110px}
.why-chapter:nth-of-type(3) .why-chapter-copy{order:2}
.why-chapter .about-label{font-size:14px;gap:10px}
.why-chapter .about-label i{font-size:22px}
.why-chapter h2{font-size:37px;letter-spacing:-1px;margin:0 0 24px;line-height:1.15}
.why-body{font-size:14px;line-height:1.85;color:#686d72;margin:0 0 16px}
.why-assurance{display:flex;gap:12px;align-items:center;padding:16px 18px;border-radius:12px;background:#f3f4f4;font-size:12px;line-height:1.6;margin-top:24px}
.why-assurance i{font-size:25px;color:var(--red);flex:none}
.why-photo-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#93979a;font-size:11px}
.why-photo-heading strong{font-size:40px;line-height:1;color:#d1d3d5;font-weight:400;letter-spacing:-2px}
.why-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.why-photo-grid a{display:block;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;cursor:zoom-in;background:#eee}
.why-photo-grid a:first-child{grid-column:1/-1;aspect-ratio:1.5;border-radius:18px}
.why-photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.why-photo-grid a:hover img{transform:scale(1.035)}
.why-photo-grid a>span{position:absolute;right:8px;bottom:8px;width:30px;height:30px;background:white;border-radius:50%;display:grid;place-items:center;color:var(--red);font-size:14px}
.why-photo-grid a:first-child>span{width:42px;height:42px;right:16px;bottom:16px;font-size:19px}
.why-page a:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media(min-width:992px){.header-actions{gap:18px}.site-header nav{gap:18px}.site-header nav a{white-space:nowrap}.site-search{width:140px}}
@media(min-width:992px) and (max-width:1199px){.site-header nav{gap:12px}.header-actions{gap:12px}.site-search{width:110px}.why-chapter{gap:35px}.why-path a{padding:18px}}
@media(max-width:991px){.why-hero-grid{gap:25px}.why-chapter{gap:30px}.why-path a{padding:18px 12px;gap:10px}.why-path strong{font-size:13px}.why-path-go{display:none}}
@media(max-width:650px){.why-hero-grid{grid-template-columns:1fr;padding-bottom:28px;gap:25px}.why-hero h1{font-size:37px;letter-spacing:-1.3px}.why-lead{font-size:14px}.why-promise{padding:24px;display:grid;grid-template-columns:48px 1fr;gap:12px 18px;align-items:center;border-radius:18px}.why-promise>i{width:48px;height:48px;font-size:27px;margin:0}.why-promise>span{font-size:23px}.why-promise p{grid-column:2;max-width:none;margin:0}.why-path{grid-template-columns:1fr}.why-path a{padding:18px;border-right:0;border-bottom:1px solid #e1e3e4;gap:18px}.why-path strong{font-size:16px}.why-path-go{display:block}.why-chapter{grid-template-columns:1fr;gap:24px;padding-top:34px;padding-bottom:34px;scroll-margin-top:85px}.why-chapter:nth-of-type(3) .why-chapter-copy{order:0}.why-chapter h2{font-size:31px}.why-photo-grid{gap:7px}.why-photo-grid a>span{width:23px;height:23px;right:5px;bottom:5px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.why-photo-grid img{transition:none}}
/* Balanced chapter system: compact introduction, consistent icon rows. */
.why-hero .about-breadcrumb{padding-bottom:24px}
.why-hero-grid{grid-template-columns:1.5fr 1fr;gap:40px;align-items:stretch;padding:0 0 28px}
.why-hero .about-label{font-size:23px;gap:12px;margin-bottom:16px}
.why-hero .about-label>i{font-size:29px}
.why-hero h1{font-size:clamp(36px,3.8vw,52px);margin-bottom:18px}
.why-promise{background:var(--red);color:white;border-radius:20px;padding:28px;display:grid;grid-template-columns:56px 1fr;gap:12px 20px;align-content:center;align-items:center}
.why-promise>i{width:56px;height:56px;font-size:30px;background:#ffffff1f;color:white;border:1px solid #ffffff60;border-radius:16px;margin:0}
.why-promise>span{font-size:28px;color:#ffffffd9;line-height:1.25}
.why-promise strong{color:white}
.why-promise p{grid-column:2;font-size:13px;color:#ffffffdb;margin:0;max-width:260px}
.why-path{margin-bottom:0;border-top:3px solid var(--red)}
.why-path a{padding:20px}
.why-path-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff0f0;flex:none;font-size:24px}
.why-path small{font-size:11px}
.why-chapter{gap:40px;padding-top:44px;padding-bottom:44px;align-items:start}
.why-chapter:nth-of-type(3) .why-chapter-copy{order:0}
/* Alternate the middle chapter only on desktop; retain mobile reading order. */
@media(min-width:992px){
  .why-chapter#isporuka .why-chapter-copy{order:2}
  .why-chapter#isporuka .why-photos{order:1}
}
.why-chapter .about-label{min-height:46px;margin-bottom:18px;font-size:15px}
.why-chapter .about-label>i{width:42px;height:42px;display:grid;place-items:center;background:#fff0f0;border-radius:12px;flex:none}
.why-chapter h2{font-size:34px;margin-bottom:20px}
.why-assurance{border-left:3px solid var(--red);background:#f3f4f4;margin-top:24px;min-height:108px;padding:22px 24px;gap:18px;border-radius:14px;font-size:15px;font-weight:600;line-height:1.6}
.why-assurance i{display:grid;place-items:center;width:48px;height:48px;flex:none;background:white;border-radius:50%;font-size:30px}
.why-photo-heading{justify-content:flex-start;gap:12px;min-height:46px;margin-bottom:18px;font-size:16px;font-weight:600;color:var(--ink)}
.why-heading-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:var(--red);color:white;font-size:23px}
.why-photo-grid a:first-child{aspect-ratio:1.65}
.why-photo-grid:has(>a:nth-child(4):last-child){grid-template-columns:repeat(3,1fr)}
.why-photo-grid:has(>a:nth-child(3):last-child){grid-template-columns:repeat(2,1fr)}
.why-photo-grid a:not(:first-child){height:92px;aspect-ratio:auto}
@media(max-width:991px){.why-hero-grid,.why-chapter{gap:26px}.why-promise{grid-template-columns:1fr;padding:24px;gap:14px}.why-promise p{grid-column:auto}.why-promise>span{font-size:25px}.why-path a{padding:16px 12px}}
@media(max-width:650px){.why-hero-grid{grid-template-columns:1fr;gap:24px}.why-hero .about-label{font-size:22px}.why-hero h1{font-size:37px}.why-promise{grid-template-columns:48px 1fr;padding:24px;gap:12px 16px}.why-promise>i{width:48px;height:48px;font-size:27px}.why-promise>span{font-size:25px}.why-promise p{grid-column:2}.why-path a{padding:16px 18px}.why-chapter{padding-top:30px;padding-bottom:30px;gap:22px}.why-chapter h2{font-size:31px}.why-photo-heading{font-size:16px}.why-photo-grid a:not(:first-child){height:74px}}