/* Munasabati: a festive studio identity, with a plum stage and paper-like cards. */
:root{--purple:#51258b;--ink:#322244;--paper:#fffcf5;--line:#e9e0d5}
body{background:var(--paper)}
.announcement{background:#08a8b4;color:#fff;padding:7px;letter-spacing:.2px}
header{height:112px;background:var(--paper);border-bottom:0}
.brand{width:205px;display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-crop{width:83px;height:86px;flex-shrink:0;border-radius:18px;background:#fffcfa}
.logo-crop img{width:104px;top:-36px;left:-10px;mix-blend-mode:multiply}
.brand-name{display:flex;flex-direction:column;font-size:24px;color:var(--purple);font-weight:700;line-height:1.5}
.brand-name small{font-size:10px;font-weight:400;color:#857293;letter-spacing:.5px}
header nav{gap:24px}header nav button.active:after{background:var(--orange);left:5%;right:5%;height:2px}
.provider-btn{background:transparent;border:1px solid #d8c7e7;border-radius:30px}
.avatar{background:#e4f4f0;color:#168a88}
main{padding-top:12px}
.hero{background:#47216f;border-radius:30px 30px 110px 30px;min-height:420px;grid-template-columns:1.1fr 1fr;isolation:isolate;overflow:hidden}
.hero:before{content:'';position:absolute;width:310px;height:310px;border:1px solid #ffffff16;border-radius:50%;right:-125px;bottom:-190px;box-shadow:0 0 0 40px #ffffff05,0 0 0 80px #ffffff04;z-index:-1}
.hero:after{content:'✦';position:absolute;top:23px;left:47%;font-size:42px;color:#ffb51f;transform:rotate(15deg)}
.hero-copy{padding:46px 44px 40px}.hero .eyebrow{color:#65d7d4;font-size:11px;letter-spacing:1px}.hero .eyebrow:before{background:#ffb51f}
.hero h1{color:#fff8ee;font-size:44px;line-height:1.5;font-weight:500;margin:19px 0 14px;max-width:560px}
.hero h1 em{color:#ffc54d}.hero h1 em:after{display:none}
.hero p{color:#ddcfe9;max-width:390px;font-size:13px;line-height:2}
.hero-tags{color:#e7dcef;gap:13px;flex-wrap:wrap;font-size:10px}.hero-tags span{border:1px solid #ffffff22;padding:6px 10px;border-radius:20px}.hero-tags span:before{color:#56d8cb}
.hero-image{min-height:420px;margin:0;position:relative}
.hero-image>img{height:310px;width:76%;left:12%;top:40px;border-radius:150px 150px 16px 16px;transform:rotate(-5deg);border:7px solid #fff8eb;box-shadow:14px 18px 0 #0ca8b3;object-fit:cover}
.hero-image:after{content:'✷';background:none;position:absolute;inset:auto auto 22px 36px;color:#ffb21c;font-size:90px;line-height:1;transform:rotate(12deg)}
.hero-badge{left:auto;right:0;bottom:27px;transform:rotate(3deg);border-radius:10px;padding:13px 17px;background:#fffbf1;box-shadow:0 8px 20px #23123d30;max-width:85%}
.badge-icon{background:#fff0c3;color:#b3831a}
.search-bar{position:relative;margin:27px 0 39px;border:1px solid #dfd4e9;border-radius:18px;box-shadow:0 8px 0 #f1eaf3;padding:21px 24px;background:#fff}
.search-bar .primary{background:#08a3ae;border-radius:12px;padding:14px 25px}
.section-head h2{font-weight:500;font-size:25px}.section-head p{color:#998494}.section-head{margin-top:38px}
#categories{gap:0;background:#fff;border-block:1px solid var(--line);padding:18px 0;border-radius:0}
#categories .category{border:0;border-inline-end:1px solid var(--line);border-radius:0;background:none;display:flex;flex-direction:column;align-items:center;padding:10px 8px}
#categories .category:last-child{border-inline-end:0}
#categories .category .cat-icon{width:55px;height:55px;border-radius:50%;font-size:28px;margin-bottom:10px;transition:transform .2s}
#categories .category:hover .cat-icon{transform:rotate(-12deg)}
#categories .category.selected{color:var(--purple);transform:none}
#categories .category.selected .cat-icon{box-shadow:0 0 0 3px white,0 0 0 4px var(--purple)}
.chip{background:transparent;border-color:#e6dbe9;border-radius:8px}.chip.selected{background:#efe6f6;color:#54258c;border-color:#dbc9e9}
.cards{gap:25px}.card{border:0;border-radius:3px;background:#fff;box-shadow:0 2px 0 #e7e0d7;overflow:visible}
.card-img{height:230px;margin:8px 8px 0;border-radius:3px;overflow:hidden}
.card:nth-child(3n+1) .card-img{border-radius:65px 3px 3px 3px}
.card-body{padding:19px 21px}.card h3{font-weight:500;font-size:19px}
.card-tag{border-radius:20px;padding:5px 10px;font-size:9px}.heart{background:white}
.card-bottom button{border-radius:30px;background:#f0e9f6;padding:7px 13px}
.inspiration{gap:24px;margin-top:48px}.promo{border-radius:5px 50px 5px 5px;background:#def0ec;padding:32px}.promo.purple{background:#fff0cb;border-radius:50px 5px 5px 5px}.promo small{font-size:10px;letter-spacing:.5px}.promo h3{font-size:25px}.promo button{font-weight:600}.promo-decoration{font-size:85px}
footer{background:#eee5f4;border-top:0;padding-top:43px}footer strong{font-size:32px}footer small{color:#897893}
dialog{background:#fffcf7;border-radius:20px}.primary{border-radius:30px}.secondary{border-radius:30px}.panel,.stat{border-radius:8px}.stat{border-top:3px solid var(--teal)}
@media(max-width:1100px){header nav{gap:14px}.brand{width:190px}.hero h1{font-size:38px}.hero-copy{padding:40px 30px}.hero-image>img{width:80%;left:8%}.card-img{height:200px}}
@media(max-width:700px){header{height:96px}.brand{width:auto;gap:8px}.brand-name{font-size:21px}.brand-name small{font-size:9px}.logo-crop{width:66px;height:72px}.logo-crop img{width:85px;left:-9px;top:-29px}.header-actions{gap:12px}.hero{display:flex;flex-direction:column;border-radius:22px 22px 65px 22px;min-height:0}.hero-copy{padding:28px 25px 16px}.hero h1{font-size:32px;max-width:100%;margin:13px 0 10px}.hero p{max-width:100%;font-size:12px}.hero:after{top:23px;left:20px;font-size:24px}.hero-tags{font-size:9px;gap:6px;margin-top:16px}.hero-tags span{padding:4px 8px}.hero-image{height:255px;min-height:255px}.hero-image>img{height:205px;width:61%;left:20%;top:10px;object-position:center;border-width:5px;border-radius:100px 100px 8px 8px;box-shadow:9px 10px 0 #0ca8b3;transform:rotate(-6deg)}.hero-image:after{font-size:65px;bottom:29px;left:16px}.hero-badge{right:12px;bottom:15px;padding:9px 12px;max-width:80%}.hero-badge strong{font-size:12px}.hero-badge small{font-size:9px}.search-bar{margin:20px 0 32px;padding:16px;gap:13px;box-shadow:0 5px 0 #f1eaf3}.search-bar .primary{padding:12px}.section-head{margin-top:30px}.section-head h2{font-size:21px}#categories{grid-template-columns:repeat(3,1fr);padding:8px 0;gap:0}#categories .category{padding:14px 5px;border-bottom:1px solid var(--line)}#categories .category:nth-child(3n){border-inline-end:0}#categories .category .cat-icon{width:44px;height:44px;font-size:24px}#categories .category:nth-last-child(-n+3){border-bottom:0}.cards{gap:13px}.card-img{height:150px;margin:5px 5px 0}.card:nth-child(3n+1) .card-img{border-radius:38px 3px 3px 3px}.card-body{padding:12px}.card h3{font-size:14px}.card-bottom button{font-size:10px}.promo{padding:26px}.promo h3{font-size:22px}.promo-decoration{font-size:66px}.mobile-nav{background:#fffcf6f5}.mobile-nav button.active:after{background:var(--orange)}footer{padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}