.mf-selector{margin:28px 0 30px}.mf-heading,.mf-heading>div{display:flex;align-items:center;gap:10px}.mf-heading{justify-content:space-between;margin-bottom:15px}.mf-heading h2{font-size:18px;margin:0;color:#25463b}.mf-step{display:grid;place-items:center;width:26px;height:26px;background:#266b54;color:white;border-radius:50%;font-size:13px;font-weight:700}.mf-browse{display:flex;align-items:center;gap:8px;min-height:44px;background:white;border:1px solid #d8e2da;border-radius:9px;padding:0 14px;color:#255e4b;font-weight:650}.mf-popular{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mf-card{display:flex;align-items:center;gap:12px;text-align:left;min-height:96px;border:1px solid #dce5dc;border-radius:12px;background:white;padding:16px;color:#243e35;transition:border-color .15s,box-shadow .15s}.mf-card:focus-visible,.mf-card:hover{border-color:#28775d;box-shadow:0 2px 10px #1d483010}.mf-card>span:nth-child(2){min-width:0;flex:1 1}.mf-card strong{display:block;font-size:15px}.mf-card small{display:block;color:#64786e;font-size:12px;line-height:1.5;margin-top:5px}.mf-card>svg{flex-shrink:0;color:#67917e}.mf-swatch{display:block;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:linear-gradient(130deg,#abb3b5,#edf0f1 45%,#929ea0);border:1px solid #263b3520}.mf-CU{background:linear-gradient(135deg,#a75631,#e9ad84 45%,#b76b44)}.mf-BZ,.mf-CUA{background:linear-gradient(135deg,#806942,#c5a86b 45%,#877143)}.mf-BR{background:linear-gradient(135deg,#b39d59,#e9d890 45%,#a48c48)}.mf-CS,.mf-TS{background:linear-gradient(135deg,#434d55,#899498 45%,#475156)}.mf-AL{background:linear-gradient(135deg,#b8c0c3,#f7f9fa 45%,#a9b2b8)}.mf-current{display:flex;align-items:center;gap:12px;border:1px solid #b7cfbf;border-radius:12px;background:#edf5ef;padding:14px 18px;color:#284c3c}.mf-current>span:nth-of-type(2){font-size:13px;color:#5b7366}.mf-current button{margin-left:auto;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:#456356}.mf-all{padding:20px;border:1px solid #d3dfd5;border-radius:12px;background:white;margin-top:12px}.mf-search{display:flex;align-items:center;gap:9px;border:1px solid #d6e1d9;border-radius:8px;padding:0 12px;max-width:500px}.mf-search input{width:100%;border:0;min-height:46px;background:transparent;outline:none;font:inherit}.mf-all h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#687d70;margin:24px 0 10px}.mf-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mf-options button{display:flex;justify-content:space-between;align-items:center;text-align:left;min-height:58px;background:#f7faf7;border:1px solid #e4ebe4;border-radius:8px;padding:10px 12px;color:#304c3e}.mf-options button[aria-pressed=true]{border-color:#267258;background:#edf6ef}.mf-options small{display:block;color:#6a7d72;font-size:11px;margin-top:3px}.sf-catalog-layout.sf-popular-layout{display:block}.sf-section-heading{font-size:21px;color:#25463b;margin:4px 0 20px}.sf-browse-all{display:flex;justify-content:center;margin:25px 0}.sf-matched-reference{display:block;padding:9px 10px;border-radius:6px;background:#edf5ee;color:#24593f;font-size:12px;line-height:1.6;margin:10px 0}.sf-more-forms{margin:25px 0;border-top:1px solid #dce4dc;padding-top:20px}.sf-more-forms>summary{cursor:pointer;color:#385a49;font-weight:600;min-height:44px}.mf-browse:focus-visible,.mf-card:focus-visible,.mf-current button:focus-visible,.mf-options button:focus-visible{outline:3px solid #85bca5;outline-offset:3px}@media(max-width:1100px){.mf-popular{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.mf-selector{margin:22px 0}.mf-heading h2{font-size:16px}.mf-browse{padding:0 10px;font-size:12px}.mf-popular{gap:8px}.mf-card{padding:12px 10px;min-height:110px;gap:9px;align-items:flex-start}.mf-card strong{font-size:13px}.mf-card small{font-size:11px}.mf-card>svg{display:none}.mf-swatch{flex-basis:24px;width:24px;height:24px}.mf-options{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-all{padding:12px}.mf-current{flex-wrap:wrap;padding:10px 12px;gap:8px}.mf-current>span:nth-of-type(2){order:4;flex-basis:100%;padding-left:32px}.mf-current button{height:32px}.mf-options button{font-size:12px}.mf-search input{font-size:13px}}