/* Comparison layout supplied by the user, 21 October 2026. */
html body.cartoons-page #tariffs .tariff-duo{
 grid-template-columns:repeat(2,minmax(0,1fr));
 grid-template-rows:repeat(5,auto);gap:0 20px;align-items:stretch;
}
html body.cartoons-page #tariffs .tariff-brief{
 position:relative;display:grid;grid-template-rows:subgrid;grid-row:1/span 5;
 min-width:0;padding:28px 26px 8px;border:1px solid #e7d8c6;border-radius:20px;
 background:#fbf5ed;box-shadow:none;overflow:visible;
}
html body.cartoons-page #tariffs .tariff-brief-premium{
 border:2px solid #f4775b;background:#fcece2;padding:27px 25px 7px;
}
html body.cartoons-page #tariffs .tariff-brief header{
 position:static;display:grid;grid-template-rows:auto auto 1fr;
 align-content:start;gap:0;padding:0 0 18px;
}
html body.cartoons-page #tariffs .tariff-brief .tariff-level{
 color:#796354;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.025em;
 margin:0 0 14px;max-width:245px;
}
html body.cartoons-page #tariffs .tariff-brief-premium .tariff-level{color:#d9664d}
html body.cartoons-page #tariffs .tariff-brief .tariff-name-row{
 display:block;min-height:0;margin:0 0 10px;padding:0;
}
html body.cartoons-page #tariffs .tariff-brief .tariff-name-row h3{
 font-family:Manrope,Arial,sans-serif;font-size:32px;font-weight:700;line-height:1.2;
 color:#4e3428;margin:0;padding:0;border:0;letter-spacing:-.035em;
}
html body.cartoons-page #tariffs .tariff-brief .tariff-description{
 color:#796354;font-size:17px;line-height:1.65;margin:0;
}
html body.cartoons-page #tariffs .tariff-brief .tariff-recommended{
 position:absolute;inset:-15px 16px auto auto;z-index:1;display:block;
 margin:0;padding:6px 13px;width:max-content;max-width:calc(100% - 32px);
 background:#f4775b;border:0;border-radius:999px;color:#4e3428;
 font-size:12px;font-weight:600;line-height:1.5;letter-spacing:0;
}
html body.cartoons-page #tariffs .tariff-brief .tariff-point{
 position:relative;min-width:0;margin:0;padding:18px 0 18px 31px;
 border-top:1px solid #eadfce;color:#4e3428;font-size:16px;line-height:1.65;
}
html body.cartoons-page #tariffs .tariff-brief .tariff-point::before{
 content:'✓';position:absolute;left:0;top:17px;color:#f4775b;
 font-family:Arial,sans-serif;font-size:25px;font-weight:700;line-height:1.1;
}
html body.cartoons-page #tariffs .tariff-brief :is(.tariff-unavailable,.tariff-personalized){
 display:grid;grid-template-columns:23px minmax(0,1fr);column-gap:8px;padding-left:0;
}
html body.cartoons-page #tariffs .tariff-brief :is(.tariff-unavailable,.tariff-personalized)::before{content:none}
html body.cartoons-page #tariffs .tariff-brief .tariff-status{
 font-family:Arial,sans-serif;font-size:25px;font-weight:700;line-height:1.1;color:#f4775b;
}
html body.cartoons-page #tariffs .tariff-brief .tariff-unavailable,
html body.cartoons-page #tariffs .tariff-brief .tariff-unavailable .tariff-status{color:#94877d}
html body.cartoons-page #tariffs .tariff-shared{
 margin-top:18px;padding:23px 27px 25px;border:1px solid #e7d8c6;border-radius:20px;
 background:#fbf5ed;
}
html body.cartoons-page #tariffs .tariff-shared h3{
 margin:0 0 14px;font-size:26px;font-weight:700;line-height:1.25;color:#4e3428;
 letter-spacing:-.025em;
}
html body.cartoons-page #tariffs .tariff-shared ul{display:grid;grid-template-columns:1fr;gap:9px;margin:0;padding:0;list-style:none}
html body.cartoons-page #tariffs .tariff-shared li{
 position:relative;padding-left:31px;color:#4e3428;font-size:16px;line-height:1.65;
}
html body.cartoons-page #tariffs .tariff-shared li::before{
 content:'✓';position:absolute;top:0;left:0;color:#f4775b;font-family:Arial,sans-serif;
 font-size:25px;font-weight:700;line-height:1.1;
}
@media(max-width:767px){
 html body.cartoons-page #tariffs .tariff-duo{column-gap:14px}
 html body.cartoons-page #tariffs .tariff-brief{padding:25px 18px 5px}
 html body.cartoons-page #tariffs .tariff-brief-premium{padding:24px 17px 4px}
 html body.cartoons-page #tariffs .tariff-brief .tariff-name-row h3{font-size:27px}
 html body.cartoons-page #tariffs .tariff-brief .tariff-description{font-size:15px}
 html body.cartoons-page #tariffs .tariff-brief .tariff-point,
 html body.cartoons-page #tariffs .tariff-shared li{font-size:14px;line-height:1.65}
 html body.cartoons-page #tariffs .tariff-shared{padding:21px 20px}
 html body.cartoons-page #tariffs .tariff-shared h3{font-size:22px}
}
@media(max-width:599px){
 html body.cartoons-page #tariffs .tariff-duo{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:28px}
 html body.cartoons-page #tariffs .tariff-brief{
  grid-column:1;grid-row:auto;grid-template-rows:auto;gap:0;padding:25px 20px 6px;
 }
 html body.cartoons-page #tariffs .tariff-brief-premium{padding:24px 19px 5px}
 html body.cartoons-page #tariffs .tariff-brief .tariff-level{font-size:12px;margin-bottom:12px;max-width:none}
 html body.cartoons-page #tariffs .tariff-brief .tariff-point{padding-block:15px}
 html body.cartoons-page #tariffs .tariff-brief .tariff-point::before{top:14px}
 html body.cartoons-page #tariffs .tariff-shared{margin-top:18px}
}
@supports not(grid-template-rows:subgrid){
 html body.cartoons-page #tariffs .tariff-brief{grid-template-rows:auto;gap:0;align-content:start}
}