.cc{background:var(--bg,#fff)}.cc__head{display:grid;gap:8px;margin-bottom:clamp(20px,3vw,36px);max-width:60ch}.cc__heading{font-size:clamp(28px,3.6vw,46px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.cc__intro{margin:0;font-size:15px;line-height:1.55;opacity:.75}.cc__grid{display:grid;gap:clamp(12px,1.6vw,22px);grid-template-columns:repeat(var(--cc-cols,3),minmax(0,1fr))}.cc__card{position:relative;display:block;color:inherit;text-decoration:none;border-radius:var(--cc-radius,22px);overflow:hidden;isolation:isolate;background:var(--off);transform:translateZ(0)}.cc__media{position:relative;display:block;aspect-ratio:var(--cc-ratio,4 / 5);overflow:hidden}.cc__media img,.cc__placeholder,.cc__placeholder svg{display:block;width:100%;height:100%;object-fit:cover}.cc__media img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.cc__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #0000000f;pointer-events:none;z-index:3}.cc__panel{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:grid;gap:6px;padding:16px 18px;border-radius:calc(var(--cc-radius,22px) - 6px);background:#fffffff5;color:#070707;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease}.cc__grid[data-panel=glass] .cc__panel{background:#ffffffb8;-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px)}.cc__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.cc__title{font-size:clamp(17px,1.6vw,22px);font-weight:600;letter-spacing:-.01em;line-height:1.1}.cc__arrow{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.18);transition:background-color .35s ease,border-color .35s ease,transform .45s cubic-bezier(.3,1.4,.5,1)}.cc__meta{font-size:12.5px;line-height:1.4;color:#0000009e;font-variant-numeric:tabular-nums}.cc__swatches{display:flex;gap:6px;margin-top:2px}.cc__sw{width:28px;height:28px;border-radius:50%;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.12);flex:none}.cc__sw img{display:block;width:100%;height:100%;object-fit:cover}@media(hover:hover){.cc__card:hover .cc__media img{transform:scale(1.05)}.cc__card:hover .cc__panel{transform:translateY(-4px);box-shadow:0 18px 36px -22px #00000080}.cc__card:hover .cc__arrow{background:var(--cc-accent,#c0f20a);border-color:var(--cc-accent,#c0f20a);transform:translate(3px)}}.cc__card:focus-visible{outline:2px solid #5c7a00;outline-offset:3px}.cc__card--empty{display:grid;min-height:260px;align-items:end;background:var(--off)}.cc__card--empty .cc__panel{position:static;margin:12px}.cc--reveal.is-ready .cc__card{opacity:0;transform:translateY(26px)}.cc--reveal.is-ready.is-in .cc__card{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * .11s)}@media(max-width:749px){.cc__grid--scroll{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1*clamp(16px,4vw,56px));padding-inline:clamp(16px,4vw,56px);scroll-padding-inline:clamp(16px,4vw,56px);padding-bottom:6px}.cc__grid--scroll::-webkit-scrollbar{display:none}.cc__grid--scroll .cc__card{scroll-snap-align:start}.cc__grid--stack{grid-template-columns:1fr}}@media(min-width:750px)and (max-width:989px){.cc__grid{grid-template-columns:repeat(min(var(--cc-cols,3),3),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.cc__media img,.cc__panel,.cc__arrow{transition:none}.cc--reveal.is-ready .cc__card{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hoad-category-cards.css.map */