.hshade{background:linear-gradient(#fff,#f4f9ff);padding:80px 0 28px}.shade-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;max-width:1060px;margin:auto}.lead{font-size:18px;margin:14px 0 26px;color:var(--muted)}.opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.opt{display:flex;flex-direction:column;text-align:left;padding:10px 10px 14px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;min-width:0}.opt.on{border-color:var(--navy);background:var(--soft)}.opt .ph{width:100%;aspect-ratio:16/10;border-radius:8px;overflow:hidden;margin-bottom:8px}.opt .ph img{width:100%;height:100%;object-fit:cover}.opt b{font:800 16px/1.2 Manrope,Inter;margin:2px 4px 0}.opt small{font-size:13px;line-height:1.4;color:var(--muted);margin:5px 4px 10px;flex:1}.sh-pick{font:700 13px/1.3 Inter;color:var(--navy);margin:0 4px}.sh-note{font-size:14px;color:var(--muted);margin:14px 0}.shade-big{max-width:440px;width:100%;justify-self:end;position:relative;border-radius:24px;overflow:hidden;box-shadow:0 24px 50px #0b2a5b24;aspect-ratio:4/3;background:var(--soft2)}.shade-big img{width:100%;height:100%;object-fit:cover}.shade-big>span{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:var(--navy);color:#fff;font:700 14px/1 Inter;padding:10px 16px;border-radius:99px;white-space:nowrap}@media (max-width:900px){.shade-wrap{grid-template-columns:1fr;gap:28px}.shade-big{justify-self:center;max-width:520px}}@media (max-width:560px){.hshade{padding:56px 0 16px}.opts{gap:8px}.opt{padding:8px 7px 12px}.opt b{font-size:14px}.opt small,.sh-pick{font-size:12px}}