/* Изолированные классы — не конфликтуют с глобальными */
.s404tl{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}
@media(max-width:640px){.s404tl{grid-template-columns:repeat(2,1fr)}}
.s404tl__item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px 16px;text-align:center;box-shadow:0 4px 12px rgba(17,24,39,.06)}
.s404tl__title{font-weight:800;margin-bottom:6px;color:#111827}
.s404tl__date{font-weight:600;color:#374151}

.s404p{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:16px;box-shadow:0 6px 18px rgba(17,24,39,.06)}
.s404p__total{font-size:44px;line-height:1;font-weight:900;margin:6px 0 12px}
.s404p__total--green{color:#10c18f}
.s404p__opt{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 14px;margin:12px 0;cursor:pointer;transition:all .18s ease}
.s404p__opt:hover{box-shadow:0 6px 14px rgba(17,24,39,.08);transform:translateY(-1px)}
.s404p__opt.is-active{outline:2px solid #10c18f;box-shadow:0 8px 18px rgba(16,193,143,.18)}
.s404p__left{font-weight:700;color:#111827}
.s404p__right{display:flex;gap:12px;align-items:center}
.s404p__old{opacity:.6}
.s404p__tag{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:999px;padding:3px 10px;font-size:12px}
.s404p__sum{color:#111827}
.s404p input[type=radio]{margin-left:8px}

/* --- CORRECTED: Стили для кнопки "Добавить в корзину" с повышенной специфичностью --- */
.s404p .s404p__add-btn.button {
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 14px 20px;
    border: none;
    border-radius: 12px;
    background: #10c18f; /* Используем background вместо background-color для надежности */
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s ease;
    box-sizing: border-box; /* На всякий случай */
}
.s404p .s404p__add-btn.button:hover{
    background: #0eab7e;
    color: #fff;
}
/* Стили для состояний WooCommerce */
.s404p .s404p__add-btn.loading {
    opacity: 0.7;
    position: relative;
}
.s404p .s404p__add-btn.added::after {
    font-family: WooCommerce;
    content: '\e017';
    margin-left: .5em;
    vertical-align: middle;
}