.basis-sitcol{padding-block:var(--sitcol-padding-block, 28px)}.basis-sitcol__inner{background:var(--color-bg-section);border:1px solid var(--color-border);border-radius:1rem;padding:1.75rem 1.5rem}.basis-sitcol__badge{display:inline-block;margin-bottom:.6rem;padding:.3rem .7rem;border-radius:999px;background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary-dark);font-family:var(--font-heading);font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.basis-sitcol .basis-sitcol__title{margin:0;color:var(--color-dark);font-family:var(--font-heading);font-size:1.4rem;font-weight:800;line-height:1.25}.basis-sitcol .basis-sitcol__sub{max-width:70ch;margin:.4rem 0 1.4rem;color:var(--color-text-muted);font-size:.93rem}.basis-sitcol__grid{display:grid;gap:.75rem;grid-template-columns:1fr}@media screen and (min-width:700px){.basis-sitcol__grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}}.basis-sitcol .sitcol-card{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.1rem .85rem;border:1.5px solid var(--color-border);border-radius:.85rem;background:var(--color-white);color:var(--color-dark);cursor:pointer;font-family:var(--font-heading);font-size:.87rem;font-weight:700;line-height:1.35;text-align:center;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.basis-sitcol .sitcol-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--color-dark-rgb),.08)}.basis-sitcol .sitcol-card__icon{width:46px;height:46px;object-fit:contain}.basis-sitcol .sitcol-card__count{color:var(--color-text-muted);font-family:var(--font-body);font-size:.78rem;font-weight:400}.basis-sitcol .sitcol-panel{display:none;scroll-margin-top:var(--sitcol-scroll-offset, 96px)}@media screen and (min-width:1000px){.basis-sitcol .sitcol-panel{scroll-margin-top:var(--sitcol-scroll-offset, 136px)}}.basis-sitcol .sitcol-panel:target{display:block}.basis-sitcol .sitcol-panel:focus{outline:none}.basis-sitcol:has(.sitcol-panel--1:target) .sitcol-card--1,.basis-sitcol:has(.sitcol-panel--2:target) .sitcol-card--2,.basis-sitcol:has(.sitcol-panel--3:target) .sitcol-card--3,.basis-sitcol:has(.sitcol-panel--4:target) .sitcol-card--4,.basis-sitcol:has(.sitcol-panel--5:target) .sitcol-card--5,.basis-sitcol:has(.sitcol-panel--6:target) .sitcol-card--6,.basis-sitcol:has(.sitcol-panel--7:target) .sitcol-card--7,.basis-sitcol:has(.sitcol-panel--8:target) .sitcol-card--8{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.07);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.16)}.basis-sitcol .sitcol-card:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.basis-sitcol .sitcol-panel__intro{margin-top:1.4rem;padding:1.15rem 1.35rem;border-left:4px solid var(--color-primary);border-radius:0 .75rem .75rem 0;background:rgba(var(--color-primary-rgb),.06)}.basis-sitcol .sitcol-panel__label{margin:0 0 .35rem;color:var(--color-primary-dark);font-family:var(--font-heading);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.basis-sitcol .sitcol-panel__text{margin:0 0 .85rem;font-size:.93rem}.basis-sitcol .sitcol-panel__actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.basis-sitcol .sitcol-panel__go,.basis-sitcol .sitcol-panel__reset{display:inline-flex;align-items:center;gap:.45rem;min-height:40px;padding:.55rem 1.15rem;border-radius:999px;font-family:var(--font-heading);font-size:.87rem;font-weight:700;text-decoration:none}.basis-sitcol .sitcol-panel__go{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-text-on-primary)}.basis-sitcol .sitcol-panel__go:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.basis-sitcol .sitcol-panel__reset{border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text-body);cursor:pointer;font-family:var(--font-body);font-weight:600}.basis-sitcol .sitcol-panel__reset:hover{border-color:var(--color-primary);color:var(--color-primary)}.basis-sitcol .sitcol-panel__products{display:grid;gap:1.5rem 1.25rem;margin-top:1.4rem;grid-template-columns:repeat(2,1fr)}@media screen and (min-width:700px){.basis-sitcol .sitcol-panel__products{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1000px){.basis-sitcol .sitcol-panel__products{grid-template-columns:repeat(4,1fr)}}.basis-sitcol .sitcol-panel__reading{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.basis-sitcol .sitcol-panel__reading-title{margin:0 0 .85rem;color:var(--color-text-muted);font-family:var(--font-heading);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.basis-sitcol .sitcol-panel__reading-grid{display:grid;gap:.6rem;grid-template-columns:1fr}@media screen and (min-width:700px){.basis-sitcol .sitcol-panel__reading-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1000px){.basis-sitcol .sitcol-panel__reading-grid{grid-template-columns:repeat(3,1fr)}}.basis-sitcol .rd{display:flex;align-items:center;gap:.75rem;padding:.5rem;border:1px solid var(--color-border);border-radius:.6rem;background:var(--color-white);text-decoration:none;transition:border-color .15s ease}.basis-sitcol .rd:hover{border-color:var(--color-primary)}.basis-sitcol .rd__media{flex:0 0 56px;width:56px;height:56px;overflow:hidden;border-radius:.4rem;background:var(--color-bg-section)}.basis-sitcol .rd__media img{width:100%;height:100%;object-fit:cover}.basis-sitcol .rd__media--none{background:rgba(var(--color-primary-rgb),.1)}.basis-sitcol .rd__title{display:block;color:var(--color-dark);font-family:var(--font-heading);font-size:.82rem;font-weight:700;line-height:1.3}.basis-sitcol .rd__tag{display:inline-block;margin-bottom:.15rem;padding:.05rem .4rem;border-radius:.25rem;background:#ff993a26;color:#8a4b00;font-family:var(--font-heading);font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.basis-sitcol .sitcol-panel__liee{display:block;margin-top:1.25rem;padding:.9rem 1.15rem;border:1px dashed var(--color-primary);border-radius:.6rem;background:rgba(var(--color-primary-rgb),.04);color:var(--color-primary-dark);cursor:pointer;font-size:.9rem}.basis-sitcol .sitcol-panel__liee:hover{background:rgba(var(--color-primary-rgb),.1)}.basis-sitcol .sitcol-panel__liee:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.basis-sitcol--setup{padding:1.5rem;border:1px dashed var(--color-accent);border-radius:1rem;background:#ff993a0f}.basis-sitcol--setup code{padding:.1rem .35rem;border-radius:.25rem;background:rgba(var(--color-dark-rgb),.08);font-size:.85em}
/*# sourceMappingURL=/cdn/shop/t/33/assets/basis-situation-collection.css.map */