apparel-mix-match{display:block;border:1px solid #dedbd5;border-radius:16px;padding:20px;margin:12px 0;background:#fffdfa;color:#202020;font-size:14px;box-shadow:0 4px 18px #26221c05}
apparel-mix-match .gmm-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:13px;letter-spacing:.04em}
apparel-mix-match .gmm-heading span{font-size:12px;color:#666;letter-spacing:0}
apparel-mix-match .gmm-intro{margin:10px 0 14px;font-size:13px;line-height:1.5}
apparel-mix-match .gmm-tiers{display:flex;gap:10px;border:0;margin:0 0 16px;padding:0}
apparel-mix-match .gmm-tiers label{display:block!important;flex:1;width:auto!important;position:relative;cursor:pointer}
apparel-mix-match .gmm-tiers input{position:absolute;inset:12px auto auto 12px;accent-color:#222}
apparel-mix-match .gmm-tiers span{display:block;padding:12px 10px 12px 36px;border:1px solid #dedbd5;border-radius:10px;background:#fff;font-weight:650;transition:background .15s,border-color .15s,box-shadow .15s}
apparel-mix-match .gmm-tiers input:checked+span{border-color:#242424;background:#f3f0e9;box-shadow:inset 0 0 0 1px #242424}
apparel-mix-match .gmm-tiers label:hover span{border-color:#777}
apparel-mix-match small{display:block;font-weight:400;font-size:12px;line-height:1.5}
apparel-mix-match .gmm-row{display:grid;grid-template-columns:24px minmax(0,1fr) 94px;align-items:center;gap:12px;margin-bottom:12px;padding:14px 12px;background:#f5f3ee;border:1px solid #ebe7df;border-radius:12px}
apparel-mix-match .gmm-row[hidden]{display:none}
apparel-mix-match .gmm-number{border-radius:50%;background:#242424;color:white;text-align:center;line-height:24px;font-size:11px;font-weight:600;margin-top:20px}
apparel-mix-match .gmm-row label{display:block!important;width:auto!important;min-width:0;font-size:10px;font-weight:600;letter-spacing:.055em;text-transform:uppercase;color:#706b63}
apparel-mix-match select{appearance:none;-webkit-appearance:none;display:block;width:100%;box-sizing:border-box;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%235d5952' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;color:#242424;padding:12px 34px 12px 14px;margin-top:6px;border:1px solid #dcd7ce;border-radius:9px;font:inherit;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;min-height:46px;cursor:pointer;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #26221c04}
apparel-mix-match select:hover{border-color:#a49c8e}
apparel-mix-match select:focus-visible{outline:2px solid #242424;outline-offset:2px;border-color:#242424}
apparel-mix-match .gmm-availability{grid-column:2 / 4;color:#a42121;font-size:12px}
apparel-mix-match .gmm-availability:empty{display:none}
apparel-mix-match .gmm-summary{border-top:1px solid #ddd;padding-top:12px;font-weight:650}
apparel-mix-match .gmm-shipping{font-size:13px;line-height:1.5;margin:8px 0 12px}
apparel-mix-match .gmm-accessory{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;gap:10px;padding:12px 0;border-top:1px solid #ddd;cursor:pointer;font-size:12px}
apparel-mix-match .gmm-accessory input{accent-color:#222;flex-shrink:0;width:16px;height:16px}
apparel-mix-match .gmm-accessory img{width:64px!important;height:64px!important;max-width:64px!important;min-width:64px!important;object-fit:contain;background:white;border-radius:6px;flex-shrink:0}
apparel-mix-match .gmm-add{width:100%;margin-top:8px;min-height:48px;background:#202020;color:#fff;border-radius:6px;cursor:pointer}
apparel-mix-match .gmm-add:disabled{opacity:.5;cursor:wait}
apparel-mix-match .gmm-status{font-size:13px;margin:8px 0;line-height:1.5}
apparel-mix-match .gmm-status[data-error]{color:#a42121}
apparel-mix-match .gmm-note{color:#666;font-size:11px}
apparel-mix-match :focus-visible{outline:2px solid #222;outline-offset:3px}
apparel-mix-match .gmm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:480px){apparel-mix-match{padding:16px}apparel-mix-match .gmm-tiers{gap:6px}apparel-mix-match .gmm-tiers span{padding:32px 6px 8px;text-align:center;font-size:13px}apparel-mix-match .gmm-tiers input{inset:10px auto auto calc(50% - 7px)}apparel-mix-match .gmm-tiers small{font-size:11px}apparel-mix-match .gmm-row{grid-template-columns:20px minmax(0,1fr) 78px;gap:8px;padding:12px 10px}apparel-mix-match .gmm-number{line-height:20px}apparel-mix-match select{padding-left:10px;padding-right:26px;background-position:right 8px center;font-size:12px}}
@media(max-width:380px){apparel-mix-match{padding:12px}apparel-mix-match .gmm-row{grid-template-columns:18px minmax(0,1fr) 72px;gap:6px;padding:10px 8px}}


apparel-mix-match .gmm-row{grid-template-columns:24px minmax(0,1fr)}
apparel-mix-match .gmm-options{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
apparel-mix-match .gmm-options:has(>label:nth-child(2)){grid-template-columns:minmax(0,1fr) 130px}
apparel-mix-match .gmm-options:has(>label:nth-child(3)){grid-template-columns:minmax(0,1fr);gap:10px}
apparel-mix-match .gmm-availability{grid-column:2}
apparel-mix-match .gmm-size-option{order:2}
@media(max-width:480px){apparel-mix-match .gmm-row{grid-template-columns:20px minmax(0,1fr)}apparel-mix-match .gmm-options{gap:8px}apparel-mix-match .gmm-options:has(>label:nth-child(2)){grid-template-columns:minmax(0,1fr) 112px}}
@media(max-width:359px){apparel-mix-match .gmm-options:has(>label:nth-child(2)){grid-template-columns:minmax(0,1fr)}apparel-mix-match .gmm-number{align-self:start}}

apparel-mix-match .gmm-accessories[hidden],apparel-mix-match .gmm-accessory select[hidden]{display:none!important}
apparel-mix-match .gmm-extra-info{flex:1;min-width:0}apparel-mix-match .gmm-extra-info a{font-weight:600;color:inherit;line-height:1.4;text-decoration:none}apparel-mix-match .gmm-extra-info a:hover{text-decoration:underline}apparel-mix-match .gmm-accessories>small{color:#666;margin:4px 0 10px}apparel-mix-match .gmm-extra-info select{font-size:12px;min-height:38px;padding-top:8px;padding-bottom:8px}