/* ============================================================
   Оформление SEO-текста раздела каталога (магазин «Акватория»)
   Тема oct_ultrastore. Всё привязано к .us-category-description-text
   и .aq-cat-lead — остальной сайт не задевает.
   Пара к стилям описания товара (.us-product-description-cont в main.css).
   ============================================================ */

/* --- Вводный абзац над товарами --- */
.aq-cat-lead{
    margin:0 0 22px;
    padding:14px 20px;
    background:#fff;
    border-left:4px solid rgb(0,160,214);
    border-radius:10px;
    font-size:15px;
    line-height:1.65;
    color:#333;
}
.aq-cat-lead p{ margin:0 0 8px; }
.aq-cat-lead p:last-child{ margin-bottom:0; }

/* --- Текст под товарами: белая карточка --- */
.us-category-description{
    margin-top:32px;
}
#us-category-description{
    width:100%;
}
.us-category-description-text{
    background:#fff;
    border-radius:12px;
    padding:30px 36px 22px;
    box-shadow:0 1px 3px rgba(0,0,0,.05);
    font-size:15px;
    line-height:1.7;
    color:#333;
    word-wrap:break-word;
}

.us-category-description-text h2{
    font-size:24px;
    font-weight:700;
    line-height:1.25;
    color:#1f2d3d;
    margin:0 0 18px;
}
.us-category-description-text h3{
    font-size:20px;
    font-weight:700;
    line-height:1.3;
    color:#1f2d3d;
    margin:30px 0 14px;
    padding-left:14px;
    border-left:4px solid rgb(0,160,214);
}
/* старые тексты: заголовки в <strong> */
.us-category-description-text h2 strong,
.us-category-description-text h3 strong{ font-weight:inherit; }

.us-category-description-text p{ margin:0 0 14px; }
.us-category-description-text p,
.us-category-description-text li,
.aq-cat-lead,
.aq-cat-lead p{ color:#333; font-size:15px; line-height:1.7; }

.us-category-description-text a{
    color:rgb(0,140,190);
    text-decoration:none;
    border-bottom:1px solid rgba(0,160,214,.35);
    transition:border-color .2s, color .2s;
}
.us-category-description-text a:hover{
    color:rgb(0,110,150);
    border-bottom-color:rgb(0,110,150);
}

/* --- Список с синими точками --- */
.us-category-description-text ul{
    margin:0 0 18px;
    padding-left:0;
    list-style:none;
}
.us-category-description-text ul li{
    position:relative;
    padding-left:26px;
    margin-bottom:9px;
}
.us-category-description-text ul li::before{
    content:"";
    position:absolute;
    left:4px;
    top:9px;
    width:8px;
    height:8px;
    background:rgb(0,160,214);
    border-radius:50%;
}

/* --- Совет (blockquote) --- */
.us-category-description-text blockquote{
    margin:24px 0;
    padding:16px 22px 16px 54px;
    position:relative;
    background:#e6f5fc;
    border-left:4px solid rgb(0,160,214);
    border-radius:8px;
    font-size:16px;
    font-style:normal;
    line-height:1.6;
    color:#0c3a4e;
}
.us-category-description-text blockquote::before{
    content:"i";
    position:absolute;
    left:18px;
    top:17px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:rgb(0,160,214);
    color:#fff;
    font:700 15px/24px Georgia, serif;
    text-align:center;
}

/* --- Вопросы и ответы: <p><strong>Вопрос?</strong><br>Ответ</p> --- */
.us-category-description-text p:has(> strong:first-child + br){
    position:relative;
    background:#fff;
    border:1px solid #e3ecf2;
    border-left:3px solid rgb(0,160,214);
    border-radius:10px;
    padding:15px 18px 15px 54px;
    margin-bottom:12px;
    box-shadow:0 1px 3px rgba(0,0,0,.05);
}
.us-category-description-text p:has(> strong:first-child + br)::before{
    content:"?";
    position:absolute;
    left:16px;
    top:15px;
    width:26px;
    height:26px;
    background:rgb(0,160,214);
    color:#fff;
    font-size:15px;
    font-weight:700;
    line-height:26px;
    text-align:center;
    border-radius:50%;
}
.us-category-description-text p:has(> strong:first-child + br) strong{
    display:block;
    font-size:16px;
    font-weight:600;
    color:#0c3a4e;
    margin-bottom:5px;
}
.us-category-description-text p:has(> strong:first-child + br) br{ display:none; }

/* --- Телефон --- */
@media (max-width:767px){
    .us-category-description-text{ padding:20px 16px 12px; border-radius:10px; }
    .us-category-description-text h2{ font-size:21px; }
    .us-category-description-text h3{ font-size:18px; }
    .us-category-description-text blockquote{ padding:14px 16px 14px 48px; font-size:15px; }
    .us-category-description-text blockquote::before{ left:14px; top:15px; }
    .aq-cat-lead{ padding:12px 14px; }
    .us-category-description-text p:has(> strong:first-child + br){ padding:13px 14px 13px 46px; }
    .us-category-description-text p:has(> strong:first-child + br)::before{ left:12px; top:13px; }
}