.sm-supplies{--sm-supply-accent:var(--grve-primary-1,#bb382a);margin:0 0 64px;color:inherit}.sm-supplies *{box-sizing:border-box}.sm-supplies .sm-supplies__heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}.sm-supplies .sm-supplies__heading h2{margin:0}.sm-supplies .sm-supplies__heading p{margin:0;font-size:15px;color:#595959}.sm-supplies .sm-supplies__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.sm-supplies .sm-supplies__card{display:flex;flex-direction:column;align-items:flex-start;padding:22px;border:1px solid #deded9;background:#fff;color:#242724;min-width:0}.sm-supplies .sm-supplies__image{display:flex;align-items:center;justify-content:center;width:100%;height:150px;margin-bottom:22px;background:transparent;overflow:hidden}.sm-supplies .sm-supplies__image img{display:block;width:100%;height:100%;object-fit:contain}.sm-supplies .sm-supplies__placeholder{display:block;width:38px;height:48px;border:2px solid #777d74;box-shadow:6px -6px 0 -2px #f4f3ef,6px -6px 0 0 #777d74}.sm-supplies .sm-supplies__card h3{margin:0 0 10px;font-size:19px;line-height:1.35;overflow-wrap:anywhere;color:inherit}.sm-supplies .sm-supplies__text{font-size:15px;line-height:1.6;margin:0 0 22px;color:#595959;overflow-wrap:anywhere}.sm-supplies .sm-supplies__sku{margin:0 0 10px;font-size:13px;color:#595959;overflow-wrap:anywhere}.sm-supplies a.sm-supplies__link{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:44px;width:100%;margin-top:auto;color:var(--sm-supply-accent);font-size:15px;line-height:1.4;font-weight:600;text-decoration:none;overflow-wrap:anywhere}.sm-supplies a.sm-supplies__link:hover{text-decoration:underline}.sm-supplies a.sm-supplies__link:focus-visible{outline:2px solid currentColor;outline-offset:4px}.sm-supplies a.sm-supplies__link>span[aria-hidden]{flex-shrink:0}.sm-supplies .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.sm-supplies .sm-supplies__actions{display:grid;gap:10px;width:100%;margin-top:auto}.sm-supplies a.sm-supplies__contact{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;width:100%;padding:12px 14px;background:var(--sm-supply-accent);color:#fff;text-decoration:none;font-size:14px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}.sm-supplies a.sm-supplies__contact:hover{text-decoration:underline}.sm-supplies a.sm-supplies__contact:focus-visible{outline:2px solid var(--sm-supply-accent);outline-offset:4px}.sm-supplies a.sm-supplies__link{margin-top:0;font-size:13px;font-weight:400;color:#4d514a}.sm-supplies .sm-supplies__grid--1{grid-template-columns:minmax(0,430px)}.sm-supplies .sm-supplies__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-supplies .sm-supplies__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.sm-supplies .sm-supplies__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-supplies .sm-supplies__heading{display:block}.sm-supplies .sm-supplies__heading p{margin-top:8px}}
@media(max-width:560px){.sm-supplies{margin-bottom:40px}.sm-supplies .sm-supplies__grid{grid-template-columns:1fr;gap:16px}.sm-supplies .sm-supplies__card{padding:20px}.sm-supplies .sm-supplies__image{height:140px}}

/* Shortcode layouts share the same content, actions and accessibility markup. */
.sm-supplies{container-type:inline-size}
.sm-supplies[data-layout="rows"] .sm-supplies__grid,.sm-supplies[data-layout="compact"] .sm-supplies__grid{grid-template-columns:minmax(0,1fr)}
.sm-supplies[data-layout="rows"] .sm-supplies__card{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1.4fr) minmax(180px,.75fr);grid-template-rows:auto auto;gap:12px 30px;align-items:center;padding:26px}
.sm-supplies[data-layout="rows"] .sm-supplies__image{grid-column:1;grid-row:1/span 2;height:210px;margin:0}
.sm-supplies[data-layout="rows"] .sm-supplies__card h3,.sm-supplies[data-layout="compact"] .sm-supplies__card h3{grid-column:2;grid-row:1;align-self:end;margin:0}
.sm-supplies[data-layout="rows"] .sm-supplies__text,.sm-supplies[data-layout="compact"] .sm-supplies__text{grid-column:2;grid-row:2;align-self:start;margin:0}
.sm-supplies[data-layout="rows"] .sm-supplies__actions,.sm-supplies[data-layout="compact"] .sm-supplies__actions{grid-column:3;grid-row:1/span 2;margin:0;align-self:center}
.sm-supplies[data-layout="compact"] .sm-supplies__grid{gap:0;border-top:1px solid #deded9}
.sm-supplies[data-layout="compact"] .sm-supplies__card{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(240px,.9fr);grid-template-rows:auto auto;gap:8px 24px;align-items:center;padding:22px 0;border:0;border-bottom:1px solid #deded9}
.sm-supplies[data-layout="compact"] .sm-supplies__image{grid-column:1;grid-row:1/span 2;height:72px;margin:0}
.sm-supplies[data-layout="compact"] .sm-supplies__card h3{font-size:18px}
.sm-supplies[data-layout="compact"] .sm-supplies__text{font-size:14px}
.sm-supplies[data-layout="compact"] .sm-supplies__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 18px}
.sm-supplies[data-layout="compact"] a.sm-supplies__contact,.sm-supplies[data-layout="compact"] a.sm-supplies__link{width:auto;max-width:100%}
.sm-supplies[data-layout="compact"] a.sm-supplies__contact{font-size:13px;padding:10px 12px}
@media(max-width:900px){
 .sm-supplies[data-layout="rows"] .sm-supplies__card,.sm-supplies[data-layout="compact"] .sm-supplies__card{grid-template-columns:140px minmax(0,1fr);grid-template-rows:auto auto auto}
 .sm-supplies[data-layout="rows"] .sm-supplies__image,.sm-supplies[data-layout="compact"] .sm-supplies__image{grid-row:1/span 3}
 .sm-supplies[data-layout="rows"] .sm-supplies__actions,.sm-supplies[data-layout="compact"] .sm-supplies__actions{grid-column:2;grid-row:3;justify-content:flex-start}
 .sm-supplies[data-layout="compact"] .sm-supplies__card{grid-template-columns:64px minmax(0,1fr)}
}
@container(max-width:900px){
 .sm-supplies[data-layout="rows"] .sm-supplies__card,.sm-supplies[data-layout="compact"] .sm-supplies__card{grid-template-columns:140px minmax(0,1fr);grid-template-rows:auto auto auto}
 .sm-supplies[data-layout="rows"] .sm-supplies__image,.sm-supplies[data-layout="compact"] .sm-supplies__image{grid-row:1/span 3}
 .sm-supplies[data-layout="rows"] .sm-supplies__actions,.sm-supplies[data-layout="compact"] .sm-supplies__actions{grid-column:2;grid-row:3;justify-content:flex-start}
 .sm-supplies[data-layout="compact"] .sm-supplies__card{grid-template-columns:64px minmax(0,1fr)}
}
@media(max-width:560px){
 .sm-supplies[data-layout="rows"] .sm-supplies__card{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px}
 .sm-supplies[data-layout="rows"] .sm-supplies__image{grid-column:1;grid-row:1;height:180px}
 .sm-supplies[data-layout="rows"] .sm-supplies__card h3{grid-column:1;grid-row:2}
 .sm-supplies[data-layout="rows"] .sm-supplies__text{grid-column:1;grid-row:3}
 .sm-supplies[data-layout="rows"] .sm-supplies__actions{grid-column:1;grid-row:4}
 .sm-supplies[data-layout="compact"] .sm-supplies__card{grid-template-columns:56px minmax(0,1fr);gap:10px 16px}
 .sm-supplies[data-layout="compact"] .sm-supplies__image{grid-row:1/span 2;height:64px}
 .sm-supplies[data-layout="compact"] .sm-supplies__actions{grid-column:1/-1;grid-row:3}
}
@container(max-width:560px){
 .sm-supplies[data-layout="rows"] .sm-supplies__card{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px}
 .sm-supplies[data-layout="rows"] .sm-supplies__image{grid-column:1;grid-row:1;height:180px}
 .sm-supplies[data-layout="rows"] .sm-supplies__card h3{grid-column:1;grid-row:2}
 .sm-supplies[data-layout="rows"] .sm-supplies__text{grid-column:1;grid-row:3}
 .sm-supplies[data-layout="rows"] .sm-supplies__actions{grid-column:1;grid-row:4}
 .sm-supplies[data-layout="compact"] .sm-supplies__card{grid-template-columns:56px minmax(0,1fr);gap:10px 16px}
 .sm-supplies[data-layout="compact"] .sm-supplies__image{grid-row:1/span 2;height:64px}
 .sm-supplies[data-layout="compact"] .sm-supplies__actions{grid-column:1/-1;grid-row:3}
}

/* Extend the native shop anchor over its card; keep the contact anchor above it. */
.sm-supplies .sm-supplies__card{position:relative;isolation:isolate;transition:border-color 200ms ease,box-shadow 200ms ease,transform 200ms ease}
.sm-supplies .sm-supplies__actions,.sm-supplies a.sm-supplies__link{position:static}
.sm-supplies a.sm-supplies__link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;cursor:pointer}
.sm-supplies a.sm-supplies__contact{position:relative;z-index:2}
.sm-supplies .sm-supplies__card:focus-within{border-color:var(--sm-supply-accent);box-shadow:0 0 0 1px var(--sm-supply-accent)}
@media(hover:hover) and (pointer:fine){
 .sm-supplies .sm-supplies__card:hover{border-color:var(--sm-supply-accent);box-shadow:0 8px 22px #0000000d;transform:translateY(-2px)}
 .sm-supplies[data-layout="compact"] .sm-supplies__card:hover{box-shadow:inset 0 0 0 1px var(--sm-supply-accent),0 5px 14px #00000008}
}
@media(prefers-reduced-motion:reduce){.sm-supplies .sm-supplies__card{transition:none}.sm-supplies .sm-supplies__card:hover{transform:none}}