/* Blockart home page additions: trust strip, Shop by Craft, buying guide headings, FAQ */

/* Trust strip */
.ba-trust { background: #FCE7E1; border-top: 1px solid #f3cfc3; border-bottom: 1px solid #f3cfc3; padding: 18px 0; }
.ba-trust-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.ba-trust-list li { display: flex; align-items: center; gap: 10px; color: var(--PColor, #513A47); font-size: 13px; line-height: 1.35; }
.ba-trust-list i { flex: 0 0 38px; width: 38px; height: 38px; line-height: 38px; text-align: center; border-radius: 50%; background: #fff; color: var(--SColor, #ee825e); font-size: 17px; }
.ba-trust-list b { display: block; font-weight: 600; font-size: 14px; }
.ba-trust-list a { color: var(--SColor, #ee825e); text-decoration: underline; }

/* Shop by Craft */
.ba-crafts { padding: 60px 0; background: #fff; }
.ba-craft-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.ba-craft { display: flex; flex-direction: column; gap: 8px; padding: 20px 18px; border: 1px solid #eadfe3; border-radius: 12px; background: #fffaf8; color: var(--PColor, #513A47) !important; text-decoration: none !important; transition: border-color .2s, box-shadow .2s, transform .2s; }
.ba-craft:hover, .ba-craft:focus-visible { border-color: var(--SColor, #ee825e); box-shadow: 0 6px 18px rgba(81, 58, 71, .10); transform: translateY(-2px); }
.ba-craft-name { font-size: 20px; font-weight: 600; }
.ba-craft-text { font-size: 13.5px; line-height: 1.5; color: #6b5d64; flex: 1; }
.ba-craft-go { font-size: 13px; font-weight: 600; color: var(--SColor, #ee825e); }
.ba-craft-more { font-size: 14px; color: var(--PColor, #513A47); }
.ba-craft-more a { color: var(--SColor, #ee825e); text-decoration: underline; }

/* Buying guide headings (inside the existing till_drop_content block) */
.till_drop_content .till_h { font-size: 18px; font-weight: 600; color: var(--PColor, #513A47); margin: 0 0 6px; }
.till_drop_content .till_h.mt-20 { margin-top: 20px; }

/* Offer banner link (only when Home.OfferText is set) */
.ba-offer-link, .ba-offer-link:hover { text-decoration: none; }

/* FAQ */
.ba-faq { padding: 60px 0; background: #fffaf8; }
.ba-faq-list { max-width: 860px; margin: 0 auto; }
.ba-faq-list details { background: #fff; border: 1px solid #eadfe3; border-radius: 10px; margin-bottom: 10px; }
.ba-faq-list summary { cursor: pointer; list-style: none; padding: 15px 44px 15px 18px; font-size: 16px; font-weight: 600; color: var(--PColor, #513A47); position: relative; }
.ba-faq-list summary::-webkit-details-marker { display: none; }
.ba-faq-list summary::after { content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 22px; font-weight: 400; color: var(--SColor, #ee825e); }
.ba-faq-list details[open] summary::after { content: "\2212"; }
.ba-faq-list summary:focus-visible { outline: 2px solid var(--SColor, #ee825e); outline-offset: 2px; border-radius: 10px; }
.ba-faq-list details p { margin: 0; padding: 0 18px 16px; font-size: 14.5px; line-height: 1.6; color: #4a3f45; }
.ba-faq-list details p a { color: var(--SColor, #ee825e); text-decoration: underline; }
.ba-faq-more { font-size: 15px; color: var(--SColor, #ee825e) !important; font-weight: 600; }

@media (max-width: 991px) {
    .ba-trust-list { grid-template-columns: repeat(3, 1fr); }
    .ba-craft-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
    .ba-trust { padding: 14px 0; }
    .ba-trust-list { grid-template-columns: 1fr 1fr; gap: 12px; }
    .ba-trust-list li:last-child { grid-column: 1 / -1; }
    .ba-craft-grid { grid-template-columns: 1fr; }
    .ba-crafts, .ba-faq { padding: 40px 0; }
    .ba-faq-list summary { font-size: 15px; }
}