.cc_p8w4ph6f_TST0lJsW0S .loyalty-container { padding:1rem 1rem 2rem; }
.cc_p8w4ph6f_TST0lJsW0S .loyalty-panel { display:grid; gap:1.25rem; padding:1.25rem; border:1px solid var(--kombos-gray-200); border-radius:24px; color:var(--kombos-gray-900); text-decoration:none; }
.cc_p8w4ph6f_TST0lJsW0S .loyalty-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; list-style:none; margin:0; padding:1.25rem; background:var(--kombos-white); border-radius:18px; }
.cc_p8w4ph6f_TST0lJsW0S .loyalty-steps li { display:flex; flex-direction:column; align-items:center; gap:.75rem; text-align:center; position:relative; }
.cc_p8w4ph6f_TST0lJsW0S .loyalty-step-number { padding:.5rem 1.5rem; border-radius:999px; background:var(--kombos-gray-200); }
.cc_p8w4ph6f_TST0lJsW0S .loyalty-step-dot { width:.75rem; height:.75rem; background:var(--kombos-gray-300); border-radius:50%; }
.cc_p8w4ph6f_TST0lJsW0S .loyalty-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.cc_p8w4ph6f_TST0lJsW0S .loyalty-copy h2 { margin:0 0 .75rem; }
.cc_p8w4ph6f_TST0lJsW0S .loyalty-copy p { margin:0 0 1.25rem; }
.cc_p8w4ph6f_TST0lJsW0S .loyalty-cta { display:inline-flex; align-items:center; justify-content:center; gap:1rem; border-radius:10px; background:var(--kombos-gray-900); color:var(--kombos-white); padding:.875rem 1.25rem; }
.cc_p8w4ph6f_TST0lJsW0S .loyalty-panel:focus-visible { outline:3px solid var(--kombos-harrem-green); outline-offset:3px; }
@media(min-width:1024px){ .cc_p8w4ph6f_TST0lJsW0S .loyalty-container { padding:1rem 2rem 2.5rem; } .cc_p8w4ph6f_TST0lJsW0S .loyalty-panel { grid-template-columns:1.45fr 1fr; } .cc_p8w4ph6f_TST0lJsW0S .loyalty-steps { grid-template-columns:repeat(4,minmax(0,1fr)); align-items:center; } .cc_p8w4ph6f_TST0lJsW0S .loyalty-steps li:not(:last-child):after { content:''; position:absolute; bottom:.3125rem; left:calc(50% + .75rem); width:calc(100% - .5rem); height:.125rem; background:var(--kombos-gray-300); } }