/* Loaded only on /catalog/aktsii/: compact spacing and server-rendered sections. */
main { background: #ecfaff url('/local/templates/page/img/catalog-bg.png') repeat left top; background-origin: content-box; }
main > .catalog { background: transparent !important; }
main > .catalog { padding-bottom: 28px !important; }
.drsale { font-family: 'Nunito', sans-serif; color: #154d43; padding-bottom: 38px; }
.drsale h2 { margin: 0; font-family: inherit; color: #104d43; font-size: clamp(25px, 2.8vw, 36px); line-height: 1.2; font-weight: 800; text-transform: none; }
.drsale h3 { margin: 14px 0 9px; font-family: inherit; font-size: 22px; line-height: 1.25; font-weight: 800; text-transform: none; }
.drsale p { margin: 14px 0 0; font-size: 19px; line-height: 1.55; color: #4c625c; }
.drsale a { color: #087759; font-weight: 800; text-decoration: none; }
.drsale a:hover { text-decoration: underline; }
.drsale a:focus-visible { outline: 2px solid #087759; outline-offset: 4px; }
.drsale-intro { padding: 32px 36px; background: #fffcf4; border: 1px solid #e3e7d9; border-radius: 28px; }
.drsale-kicker { display: block; margin-bottom: 12px; color: #958043; font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.drsale-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.drsale-tags span { padding: 8px 14px; border-radius: 24px; background: #e7f3ea; color: #087759; font-size: 16px; font-weight: 700; }
.drsale-section { margin-top: 32px; }
.drsale-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.drsale-benefits article { padding: 22px; border: 1px solid #dfe9df; border-radius: 22px; background: #fffefb; }
.drsale-benefits p { font-size: 17px; margin-top: 0; }
.drsale-benefits a { display: inline-block; margin-top: 12px; font-size: 16px; }
.drsale-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 15px; background: #e7f3ea; color: #087759; font-size: 29px; }
.drsale-heading { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 20px; }
.drsale-all { flex-shrink: 0; display: inline-block; border: 1px solid #abcbbb; padding: 10px 17px; border-radius: 25px; font-size: 16px; }
.drsale-products .catalog-cnt { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0; }
.drsale-products .catalog-cnt > .card { width: auto !important; margin: 0 !important; min-width: 0; }
.drsale-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.drsale-review { display: flex; flex-direction: column; padding: 26px; border: 1px solid #e3e7df; background: #fff; border-radius: 24px; }
.drsale-stars { color: #bc9446; font-size: 25px; letter-spacing: 3px; }
.drsale blockquote { margin: 16px 0 20px; font-size: 19px; line-height: 1.6; }
.drsale-author { display: flex; flex-direction: column; gap: 5px; margin-top: auto; margin-bottom: 14px; }
.drsale-author strong { font-size: 18px; }
.drsale-author time { font-size: 14px; color: #79837d; }
.drsale-review > a { font-size: 15px; }
@media (max-width: 1000px) {
    .drsale-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .drsale-products .catalog-cnt { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    main > .catalog { padding-bottom: 20px !important; }
    .drsale { padding-bottom: 24px; }
    .drsale-intro { padding: 22px 19px; border-radius: 23px; }
    .drsale p { font-size: 17px; line-height: 1.5; }
    .drsale-kicker { font-size: 11px; }
    .drsale-tags { gap: 8px; margin-top: 17px; }
    .drsale-tags span { padding: 7px 11px; font-size: 14px; }
    .drsale-section { margin-top: 26px; }
    .drsale-benefits { grid-template-columns: 1fr; gap: 12px; margin-top: 16px; }
    .drsale-benefits article { padding: 19px; }
    .drsale h3 { font-size: 21px; }
    .drsale-heading { flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }
    .drsale-all { font-size: 15px; padding: 8px 14px; }
    .drsale-products .catalog-cnt { gap: 10px; }
    .drsale-review-grid { grid-template-columns: 1fr; gap: 14px; }
    .drsale-review { padding: 20px; }
    .drsale blockquote { font-size: 17px; line-height: 1.55; }
}