.lfsc{--navy:#1A2544;--gold:#C9A24B;--ink:#3A4668;--line:#E3E8F1;font-family:'Montserrat',Arial,sans-serif;color:var(--navy);max-width:1100px;margin:0 auto;padding:48px 20px;box-sizing:border-box}
.lfsc *,.lfsc *::before,.lfsc *::after{box-sizing:border-box}
.lfsc-head{display:flex;align-items:center;gap:24px;margin-bottom:12px}
.lfsc-head i{flex:1;height:1px;background:var(--navy);opacity:.55}
.lfsc-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:.38em;text-transform:uppercase}
.lfsc-sub{text-align:center;margin:0 0 28px;font-size:15px;color:var(--ink)}
.lfsc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.lfsc-card{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:22px;padding:22px 26px 22px 30px;background:#F4F6FA;border:1px solid var(--line);border-radius:14px;box-shadow:inset 6px 0 0 var(--gold);transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.lfsc-card:hover{transform:translateY(-3px);box-shadow:inset 6px 0 0 var(--gold),0 8px 20px rgba(26,37,68,.12)}
.lfsc-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.lfsc-icon{flex:none;width:68px;height:68px;display:block;border-radius:50%}
.lfsc-icon svg{width:100%;height:100%;display:block}
.lfsc-txt{display:flex;flex-direction:column;gap:6px}
.lfsc-txt strong{font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.lfsc-txt span{font-size:14px;line-height:1.55;color:var(--ink)}
.lfsc-card[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.lfsc-card[aria-pressed="true"] .lfsc-txt span{color:#C9D2E6}
.lfsc-card[aria-pressed="true"] .lfsc-icon{box-shadow:0 0 0 3px var(--gold)}
.lfsc-panel{margin-top:28px;padding:32px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:14px;box-shadow:0 8px 24px rgba(26,37,68,.08)}
.lfsc-panel[hidden]{display:none}
.lfsc-panel h3{margin:0 0 4px;font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;font-weight:600}
.lfsc-panel .lfsc-note{margin:0 0 24px;font-size:14px;color:var(--ink)}
.lfsc-form{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 20px}
.lfsc-field{display:flex;flex-direction:column;gap:6px}
.lfsc-field.full{grid-column:1/-1}
.lfsc-field label{font-size:13px;font-weight:600;letter-spacing:.04em}
.lfsc-field input,.lfsc-field select,.lfsc-field textarea{font:inherit;font-size:15px;color:var(--navy);padding:12px 14px;border:1px solid #C9D2E6;border-radius:8px;background:#fff;width:100%}
.lfsc-field input:focus,.lfsc-field select:focus,.lfsc-field textarea:focus{outline:3px solid rgba(201,162,75,.45);border-color:var(--gold)}
.lfsc-alert{margin:0 0 16px;padding:14px 18px;background:#FFF7E3;border-left:5px solid var(--gold);border-radius:8px;font-size:14px;line-height:1.55;font-weight:500}
.lfsc-sec{grid-column:1/-1;margin:8px 0 -4px;font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#8A6A1F}
.lfsc-consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--ink)}
.lfsc-consent input{margin-top:3px;width:18px;height:18px;flex:none}
.lfsc-actions{grid-column:1/-1;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.lfsc-submit{font:inherit;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:15px 32px;border:0;border-radius:8px;background:var(--navy);color:#fff;cursor:pointer;box-shadow:inset 0 -3px 0 var(--gold)}
.lfsc-submit:hover{background:#2F4170}
.lfsc-submit:disabled{opacity:.6;cursor:wait}
.lfsc-msg{font-size:14px}
.lfsc-msg.err{color:#9B2C2C}
.lfsc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lfsc-done{text-align:center;padding:24px 8px}
.lfsc-done h3{margin-bottom:8px}
@media (max-width:760px){.lfsc-grid,.lfsc-form{grid-template-columns:1fr}.lfsc-head h2{letter-spacing:.2em}.lfsc-panel{padding:22px 18px}}
@media (prefers-reduced-motion:reduce){.lfsc-card{transition:none}}

/* ==== Theme-proofing ====================================================
   The product cards and the submit button are real <button> elements, and most
   themes (Elementor / Hello included) paint button:hover in their own accent
   colour. These rules have higher specificity so the buttons always keep the
   Lifeshield look: grey card, gold edge, and a lift plus shadow on hover. */
.lfsc .lfsc-grid .lfsc-card{display:flex;align-items:center;gap:22px;width:auto;margin:0;padding:22px 26px 22px 30px;background:#F4F6FA;color:var(--navy);border:1px solid var(--line);border-radius:14px;box-shadow:inset 6px 0 0 var(--gold);font:inherit;text-align:left;text-transform:none;text-decoration:none;white-space:normal}
.lfsc .lfsc-grid .lfsc-card:hover,.lfsc .lfsc-grid .lfsc-card:focus,.lfsc .lfsc-grid .lfsc-card:active{background:#F4F6FA!important;color:var(--navy)!important;border-color:var(--line)!important;text-decoration:none!important}
.lfsc .lfsc-grid .lfsc-card:hover{transform:translateY(-3px)!important;box-shadow:inset 6px 0 0 var(--gold),0 8px 20px rgba(26,37,68,.12)!important}
.lfsc .lfsc-grid .lfsc-card[aria-pressed="true"],.lfsc .lfsc-grid .lfsc-card[aria-pressed="true"]:hover,.lfsc .lfsc-grid .lfsc-card[aria-pressed="true"]:focus,.lfsc .lfsc-grid .lfsc-card[aria-pressed="true"]:active{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}
.lfsc .lfsc-grid .lfsc-card[aria-pressed="true"] .lfsc-txt span{color:#C9D2E6}
.lfsc .lfsc-actions .lfsc-submit{background:var(--navy);color:#fff;border:0;border-radius:8px;padding:15px 32px;font:inherit;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;box-shadow:inset 0 -3px 0 var(--gold)}
.lfsc .lfsc-actions .lfsc-submit:hover,.lfsc .lfsc-actions .lfsc-submit:focus,.lfsc .lfsc-actions .lfsc-submit:active{background:#2F4170!important;color:#fff!important;text-decoration:none!important}
