/* Shared catalogue design for the main site and copies for sale. */
.products.owner-catalog{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
.products.owner-catalog .product{grid-column:span 3;min-height:270px;padding:27px 25px;border:1px solid var(--site-custom-line,hsl(var(--site-palette-hue, 85) 18.181818% 87.058824%));border-radius:22px;background:var(--site-custom-paper,hsl(var(--site-palette-hue, 75) 33.333333% 97.647059%));box-shadow:none;isolation:isolate;transition:transform .25s,border-color .25s,box-shadow .25s}
.products.owner-catalog .product:before{display:none}
.products.owner-catalog .product:hover{transform:translateY(-4px);border-color:var(--site-custom-line,hsl(var(--site-palette-hue, 87.692308) 22.285714% 65.686275%));box-shadow:0 12px 30px hsl(var(--site-palette-hue, 133.333333) 16.363636% 10.784314% / 0.043137)}
.products.owner-catalog .product:focus-visible{outline:3px solid var(--site-custom-line,hsl(var(--site-palette-hue, 81.573034) 35.177866% 49.607843%));outline-offset:4px}
.products.owner-catalog .product[href] .product-icon{width:42px;height:42px;margin-bottom:25px;background:var(--site-custom-panel,hsl(var(--site-palette-hue, 85.714286) 31.818182% 91.372549%));border:0;border-radius:12px;box-shadow:none;color:var(--site-custom-ink,hsl(var(--site-palette-hue, 98.823529) 29.310345% 22.745098%))}
.products.owner-catalog .product[href] .product-icon{line-height:0}
.products.owner-catalog .product[href] .product-icon:after{grid-area:1 / 1;align-self:center;justify-self:center;width:26px;height:26px;background:currentColor;filter:none}
.products.owner-catalog .product h3{font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:24px;font-weight:800;line-height:1.18;letter-spacing:-0.03542em;color:var(--site-custom-ink,var(--dark));margin:0 0 12px}
.products.owner-catalog .product p{font-size:13px;line-height:1.75;color:var(--site-custom-muted,hsl(var(--site-palette-hue, 90) 8.264463% 47.45098%));margin:0 0 26px;max-width:260px}
.products.owner-catalog .product .go{display:flex;align-items:center;font-size:12px;font-weight:700;color:var(--site-custom-icon,hsl(var(--site-palette-hue, 92.093023) 26.380368% 31.960784%));margin-top:auto;padding-top:16px;border-top:1px solid var(--site-custom-line,hsl(var(--site-palette-hue, 85.714286) 22.580645% 87.843137%));letter-spacing:-0.00833em}
.products.owner-catalog .product .arrow{top:26px;right:23px;width:30px;height:30px;background:transparent;border:1px solid var(--site-custom-line,hsl(var(--site-palette-hue, 86.666667) 25% 85.882353%));border-radius:50%;font-size:16px;color:var(--site-custom-icon,hsl(var(--site-palette-hue, 91.304348) 23.469388% 38.431373%));transform:rotate(-40deg);transition:transform .25s,background .25s}
.products.owner-catalog .product:hover .arrow{transform:translate(2px,-2px) rotate(-40deg);background:var(--site-custom-panel,hsl(var(--site-palette-hue, 84) 38.461538% 92.352941%))}
.products.owner-catalog .product[href="/insurance/osago/"]{grid-column:span 6;background:var(--dark);border-color:var(--dark);padding-right:48%;position:relative;overflow:hidden}
.products.owner-catalog .product[href="/insurance/osago/"]:after{content:"";position:absolute;right:-12px;bottom:37px;width:64%;height:126px;background:url('/assets/hero-car-modern.webp') center/contain no-repeat;z-index:-1;pointer-events:none;filter:drop-shadow(0 15px 14px #0005);transform:rotate(-3deg);transition:transform .3s}
.products.owner-catalog .product[href="/insurance/osago/"]:hover:after{transform:translateX(6px) rotate(-3deg)}
.products.owner-catalog .product[href="/insurance/osago/"] h3{font-size:32px;color:#fff;letter-spacing:-0.03125em}
.products.owner-catalog .product[href="/insurance/osago/"] p{color:var(--site-custom-dark-muted,hsl(var(--site-palette-hue, 91.111111) 17.419355% 69.607843%));max-width:255px}
.products.owner-catalog .product[href="/insurance/osago/"] .product-icon{background:#ffffff0b;color:var(--accent)}
.products.owner-catalog .product[href="/insurance/osago/"] .go{color:var(--accent);border-color:#ffffff1f;white-space:nowrap}
.products.owner-catalog .product[href="/insurance/osago/"] .arrow{color:var(--accent);border-color:#ffffff25}
.products.owner-catalog .product[href="/insurance/osago/"]:hover .arrow{background:#ffffff0b}
.products.owner-catalog .product[href="/insurance/mini-casco/"]{background:var(--site-custom-panel,hsl(var(--site-palette-hue, 83.333333) 39.130435% 90.980392%));border-color:var(--site-custom-line,hsl(var(--site-palette-hue, 86.086957) 31.506849% 85.686275%))}
.products.owner-catalog .product[href="/insurance/mini-casco/"] .product-icon{background:var(--site-custom-panel,hsl(var(--site-palette-hue, 81.290323) 42.465753% 85.686275%));color:var(--site-custom-icon,hsl(var(--site-palette-hue, 88.064516) 40.25974% 30.196078%))}
.products.owner-catalog .product[href="/insurance/mini-casco/"] .go{border-color:var(--site-custom-line,hsl(var(--site-palette-hue, 85.16129) 32.631579% 81.372549%))}
.products.owner-catalog .product[href="/insurance/business/"]{background:var(--site-custom-panel,hsl(var(--site-palette-hue, 85.714286) 18.918919% 92.745098%))}
@media(max-width:1100px){.products.owner-catalog{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.products.owner-catalog .product{grid-column:span 2;padding:24px 21px;min-height:275px}.products.owner-catalog .product[href="/insurance/osago/"]{grid-column:span 4;padding-right:48%}.products.owner-catalog .product h3{font-size:22px}.products.owner-catalog .product p{font-size:13px}.products.owner-catalog .product .arrow{top:24px;right:20px}}
@media(max-width:820px){.products.owner-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.products.owner-catalog .product{grid-column:span 1;min-height:255px;padding:25px}.products.owner-catalog .product[href="/insurance/osago/"]{grid-column:1/-1;min-height:265px;padding-right:52%}.products.owner-catalog .product[href="/insurance/osago/"]:after{width:55%;height:150px;right:0;bottom:33px}.products.owner-catalog .product[href="/insurance/osago/"] .product-icon{margin-bottom:20px}.products.owner-catalog .product[href="/insurance/osago/"] h3{font-size:34px}.products.owner-catalog .product[href="/insurance/osago/"] p{max-width:300px}.products.owner-catalog .product .arrow{top:25px;right:23px}}

@media(prefers-reduced-motion:reduce){.products.owner-catalog .product,.products.owner-catalog .product:after,.products.owner-catalog .product .arrow{transition:none}.products.owner-catalog .product:hover{transform:none}}
/* A separate parking bay keeps the car completely outside the text area. */
.products.owner-catalog .product[href="/insurance/osago/"]{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding:0;min-height:285px;gap:0;align-items:stretch}
.products.owner-catalog .product[href="/insurance/osago/"]:after{display:none;content:none}
.owner-osago-copy{position:relative;display:flex;flex-direction:column;min-width:0;padding:27px 24px}
.products.owner-catalog .product[href="/insurance/osago/"] .owner-osago-copy .product-icon{margin:0 0 20px}
.products.owner-catalog .product[href="/insurance/osago/"] .owner-osago-copy h3{font-size:30px;margin:0 0 12px}
.products.owner-catalog .product[href="/insurance/osago/"] .owner-osago-copy p{max-width:none;font-size:13px;line-height:1.7;margin:0 0 23px}
.products.owner-catalog .product[href="/insurance/osago/"] .owner-osago-copy .go{margin-top:auto;white-space:normal}
.products.owner-catalog .product[href="/insurance/osago/"] .arrow{top:21px;right:20px;z-index:2}
.owner-osago-stage{position:relative;min-width:0;min-height:240px;overflow:hidden;border-left:1px solid #ffffff0b;background:radial-gradient(ellipse at 58% 68%,hsl(var(--site-palette-hue, 82.553191) 64.976959% 57.45098% / 0.07451),transparent 66%);pointer-events:none}
.owner-osago-stage:before{content:"";position:absolute;width:220px;height:220px;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid hsl(var(--site-palette-hue, 83.2) 38.461538% 61.764706% / 0.062745);border-radius:50%}
.owner-osago-stage>img{position:absolute;width:90%;height:auto;left:5%;top:50%;transform:translateY(-50%);transition:opacity .15s}
.owner-osago-stage>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .15s}
.owner-osago-stage.is-animated>img{opacity:0}
.owner-osago-stage.is-animated>canvas{opacity:1}
.owner-osago-caption{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-size:9px;font-weight:600;letter-spacing:1.5px;color:var(--site-custom-muted,hsl(var(--site-palette-hue, 93.333333) 10.931174% 51.568627%));text-transform:uppercase}
@media(min-width:521px) and (max-width:820px){.products.owner-catalog .product[href="/insurance/osago/"]{grid-template-columns:1fr 1.1fr;min-height:270px}.owner-osago-copy{padding:26px}.owner-osago-stage{min-height:250px}}

@media(prefers-reduced-motion:reduce){.owner-osago-stage>img,.owner-osago-stage>canvas{transition:none}}
.products.owner-catalog .product-short-description { display: none; }
/* Compact mobile catalogue: one featured tile and six small product choices. */
@media (max-width: 620px) {
  #products .section-head { margin-bottom: 18px; }
  #products .section-head h2 { margin: 0 0 10px; font-size: 28px; line-height: 1.15; letter-spacing: -.035em; }
  #products .section-lead { font-size: 13px; line-height: 1.6; }
  .products.owner-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(158px, auto); gap: 10px; }
  .products.owner-catalog .product { grid-column: auto; min-height: 158px; padding: 16px; display: flex; flex-direction: column; align-items: stretch; border-radius: 22px; }
  .products.owner-catalog .product .arrow { display: none; }
  .products.owner-catalog .product[href] .product-icon { flex: 0 0 30px; width: 30px; height: 30px; margin: 0 0 11px; border-radius: 10px; }
  .products.owner-catalog .product[href] .product-icon::after { width: 20px; height: 20px; }
  .products.owner-catalog .product h3 { margin: 0 0 6px; font-size: 18px; font-weight: 800; line-height: 1.2; letter-spacing: -.035em; }
  .products.owner-catalog .product p { margin: 0 0 10px; max-width: none; color:var(--site-custom-muted,hsl(var(--site-palette-hue, 96.428571) 14.893617% 36.862745%)); font-size: 12px; line-height: 1.45; }
  .products.owner-catalog .product-full-description { display: none; }
  .products.owner-catalog .product-short-description { display: inline; }
  .products.owner-catalog .product .go { margin-top: auto; padding-top: 9px; border:0; font-size: 11px; line-height: 1.4; }
  .products.owner-catalog .product[href="/insurance/osago/"] { grid-column: 1; grid-row: span 2; display: flex; flex-direction: column; padding: 0; min-height: 0; }
  .owner-osago-copy { flex: 1; padding: 18px 17px 8px; }
  .products.owner-catalog .product[href="/insurance/osago/"] .owner-osago-copy .product-icon { margin-bottom: 14px; }
  .products.owner-catalog .product[href="/insurance/osago/"] .owner-osago-copy h3 { margin: 0 0 8px; font-size: 25px; }
  .products.owner-catalog .product[href="/insurance/osago/"] .owner-osago-copy p { margin: 0 0 14px; color:var(--site-custom-dark-muted,hsl(var(--site-palette-hue, 108) 12.820513% 77.058824%)); font-size: 12px; line-height: 1.5; }
  .products.owner-catalog .product[href="/insurance/osago/"] .owner-osago-copy .go { padding-top: 10px; font-size: 11px; }
  .owner-osago-stage { flex: 0 0 104px; height: 104px; min-height: 104px; border:0; background:none; }
  .owner-osago-stage::before { display: none; }
  .owner-osago-stage > img { width: 112%; max-width: none; left: -6%; top: 46%; }
  .owner-osago-caption { bottom: 10px; font-size: 8px; letter-spacing: .9px; }
}
@media (max-width: 360px) {
  .products.owner-catalog .product { padding: 14px; }
  .products.owner-catalog .product h3 { font-size: 17px; }
  .owner-osago-copy { padding: 17px 14px 8px; }
}
/* Keep the featured mobile action below the car, at the bottom of the tile. */
@media (max-width: 620px) {
  #products .products.owner-catalog .product[href="/insurance/osago/"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto minmax(104px, 1fr) auto;
    padding: 18px 17px 14px;
  }
  #products .owner-osago-copy { display: contents; }
  #products .owner-osago-copy .product-icon { grid-row: 1; }
  #products .owner-osago-copy h3 { grid-row: 2; }
  #products .owner-osago-copy p { grid-row: 3; }
  #products .owner-osago-stage {
    grid-row: 4;
    align-self: end;
    margin: 0 -17px;
  }
  #products .owner-osago-stage > img {
    width: 90%;
    max-width: 100%;
    left: 5%;
  }
  #products .products.owner-catalog .product[href="/insurance/osago/"] .owner-osago-copy .go {
    grid-row: 5;
    justify-content: center;
    min-height: 44px;
    padding: 10px 8px;
    border:0;
    border-radius: 11px;
    background:var(--accent);
    color:var(--site-on-accent, var(--site-custom-ink,var(--dark)));
    line-height: 1.4;
    text-align: center;
  }
}
@media (hover: none) {
  .products.owner-catalog .product:hover { transform: none; box-shadow: none; }
}

/* Calculator cards use a regular grid inside the narrower page panel. */
.page .page-card .products.owner-catalog {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 16px;
}
.page .page-card .products.owner-catalog > .product[href] {
  grid-column: auto;
  grid-row: auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 250px;
  padding: 22px;
}
.page .page-card .products.owner-catalog .owner-osago-copy { display: contents; }
.page .page-card .products.owner-catalog .owner-osago-stage { display: none; }
.page .page-card .products.owner-catalog .product h3 {
  font-size: 22px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.page .page-card .products.owner-catalog .product p {
  max-width: none;
  font-size: 13px;
  line-height: 1.65;
}
.page .page-card .products.owner-catalog .product .go { white-space: normal; }
.page .page-card .products.owner-catalog .product .arrow { top: 22px; right: 22px; }
@media (max-width: 1100px) {
  .page .page-card .products.owner-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .page .page-card .products.owner-catalog { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; }
  .page .page-card .products.owner-catalog > .product[href] { min-height: 210px; padding: 20px; }
}
