.misan-categories{padding:7.2rem 0;background:var(--brand-white)}.misan-categories__header{text-align:center;margin-bottom:4.8rem}.misan-categories__eyebrow{display:inline-block;font-family:var(--font-brand-body);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--brand-primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-3)}.misan-categories__title{font-family:var(--font-hero-display);font-weight:700;font-size:clamp(3rem,4vw,4.4rem);color:var(--brand-accent);line-height:1.1;margin:0 0 var(--space-3)}.misan-categories__title span{color:var(--brand-primary)}.misan-categories__sub{font-family:var(--font-brand-body);font-size:var(--text-base);color:#2b1b6f99;max-width:52ch;margin:0 auto;line-height:1.6}.misan-categories__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.4rem}.misan-cat-card{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:3 / 4;cursor:pointer;text-decoration:none;display:block;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 16px #2b1b6f1a}.misan-cat-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 16px 40px #2b1b6f33}.misan-cat-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .4s ease}.misan-cat-card:hover .misan-cat-card__bg{transform:scale(1.06)}.misan-cat-card__bg img{width:100%;height:100%;object-fit:cover}.misan-cat-card--1 .misan-cat-card__bg{background:linear-gradient(160deg,#fff3cd,#ffecb3)}.misan-cat-card--2 .misan-cat-card__bg{background:linear-gradient(160deg,#e8eaf6,#c5cae9)}.misan-cat-card--3 .misan-cat-card__bg{background:linear-gradient(160deg,#e8f5e9,#c8e6c9)}.misan-cat-card--4 .misan-cat-card__bg{background:linear-gradient(160deg,#fbe9e7,#ffccbc)}.misan-cat-card__illustration{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:2.4rem}.misan-cat-card__illustration svg{width:60%;height:60%;opacity:.55}.misan-cat-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(20,10,60,.96) 0%,rgba(20,10,60,.82) 30%,rgba(20,10,60,.4) 55%,rgba(20,10,60,.1) 72%,transparent 88%);transition:opacity .3s ease}.misan-cat-card:hover .misan-cat-card__overlay{opacity:1}.misan-cat-card__content{position:absolute;bottom:0;left:0;right:0;padding:2.4rem;opacity:0;transform:translateY(12px);transition:opacity .28s ease,transform .28s ease}.misan-cat-card:hover .misan-cat-card__content,.misan-cat-card:focus-visible .misan-cat-card__content{opacity:1;transform:translateY(0)}.misan-cat-card__tag{display:inline-block;background:var(--brand-primary);color:var(--brand-accent);font-family:var(--font-brand-body);font-size:1.1rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;padding:.4rem 1rem;border-radius:var(--radius-pill);margin-bottom:var(--space-2)}.misan-cat-card__name{font-family:var(--font-hero-display);font-weight:700;font-size:var(--text-2xl);color:var(--brand-white);line-height:1.15;margin:0 0 var(--space-2);text-shadow:0 2px 12px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.9)}.misan-cat-card__desc{font-family:var(--font-brand-body);font-size:var(--text-sm);color:#ffffffc7;line-height:1.5;opacity:0;transform:translateY(8px);transition:opacity .3s ease 50ms,transform .3s ease 50ms}.misan-cat-card:hover .misan-cat-card__desc{opacity:1;transform:translateY(0)}.misan-cat-card__arrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--brand-primary);font-family:var(--font-brand-body);font-size:var(--text-sm);font-weight:var(--fw-semibold);margin-top:var(--space-3);opacity:0;transform:translate(-8px);transition:opacity .25s ease .1s,transform .25s ease .1s}.misan-cat-card:hover .misan-cat-card__arrow{opacity:1;transform:translate(0)}.misan-cat-card__arrow svg{width:16px;height:16px;transition:transform .2s ease}.misan-cat-card:hover .misan-cat-card__arrow svg{transform:translate(4px)}.misan-categories__footer{text-align:center;margin-top:4rem}.misan-categories__view-all{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--font-brand-display);font-weight:var(--fw-semibold);font-size:var(--text-base);color:var(--brand-accent);border:2px solid var(--brand-accent);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-8);text-decoration:none;transition:all .2s ease}.misan-categories__view-all:hover{background:var(--brand-accent);color:var(--brand-white)}.misan-categories__view-all svg{width:18px;height:18px;transition:transform .2s ease}.misan-categories__view-all:hover svg{transform:translate(4px)}@media screen and (max-width:1024px){.misan-categories__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.misan-categories{padding:5.6rem 0}.misan-categories__grid{grid-template-columns:repeat(2,1fr);gap:1.6rem}.misan-cat-card{aspect-ratio:2 / 3}.misan-cat-card__desc{display:none}.misan-cat-card__content,.misan-cat-card__arrow{opacity:1;transform:none}}.misan-cat-card{transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease!important;will-change:transform}.misan-cat-card:hover,.misan-cat-card:focus-visible{transform:translateY(-8px) scale(1.03)!important;box-shadow:0 20px 48px #2b1b6f38!important}.misan-cat-card:hover .misan-cat-card__name{color:var(--brand-white)!important}.misan-cat-card__illustration{transition:transform .3s ease}.misan-cat-card:hover .misan-cat-card__illustration{transform:scale(1.12) rotate(3deg)}.misan-cat-card__arrow{transition:gap .2s ease,letter-spacing .2s ease}.misan-cat-card:hover .misan-cat-card__arrow svg{animation:arrowBounce .5s ease-in-out}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.misan-cat-card{transition:none!important}.misan-cat-card:hover{transform:none!important}.misan-cat-card__content,.misan-cat-card__illustration{transition:none}.misan-cat-card:hover .misan-cat-card__arrow svg{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-misan-categories.css.map */