@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--purple:#7045a1;--ink:#30243f;--paper:#fbf9f5;--line:#e5dfe9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:12px 18px;background:white;color:var(--ink)}button:disabled{cursor:default;opacity:.55}.purple{background:var(--purple);color:white;border:0}.purple:hover{background:#593182}a{color:inherit}header{height:88px;padding:0 6%;display:flex;justify-content:space-between;align-items:center;background:#ffffffed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.brand{font:500 18px 'Outfit',sans-serif;text-decoration:none;line-height:1.05}.brand b{display:block;font-size:32px;color:var(--purple)}.brand span{color:#e6ad36}nav{display:flex;align-items:center;gap:30px}nav>a{text-decoration:none;font-weight:500}#count{margin-left:10px;background:#ffffff24;border-radius:50%;padding:2px 7px}main{max-width:1440px;margin:auto;padding:0 6%}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding:65px 0 75px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--purple)}h1,h2,h3{font-family:'Outfit',sans-serif}h1{font-size:clamp(40px,4.7vw,68px);line-height:1.06;letter-spacing:-2px;margin:24px 0}h1 em{font-style:normal;color:var(--purple)}.intro{font-size:17px;line-height:1.75;max-width:480px;color:#72677c}.linkbutton{display:inline-flex;gap:40px;padding:16px 22px;text-decoration:none;border-radius:10px;margin:16px 0 28px}.tags{display:flex;gap:9px;flex-wrap:wrap}.tags span{border:1px solid #ddd4e5;border-radius:30px;padding:7px 12px;font-size:11px}.heroart{background:#e7ddef;position:relative;border-radius:48% 48% 16px 16px;padding:32px 45px 30px;max-height:500px}.heroart img{display:block;object-fit:cover;object-position:top;width:100%;height:385px;border:10px solid white;border-radius:8px;transform:rotate(3deg);box-shadow:0 15px 35px #45286224}.sticker{position:absolute;z-index:1;top:12px;right:-15px;transform:rotate(10deg);background:#f5d47d;border-radius:50%;padding:25px 20px;font:600 17px 'Outfit';text-align:center}.artcaption{display:block;text-align:center;font-size:11px;margin-top:22px;color:#705882}.sectiontop{display:flex;justify-content:space-between;align-items:end;gap:20px}.sectiontop>p{color:#81768b;font-size:12px}h2{font-size:32px;font-weight:600;letter-spacing:-.8px;margin:10px 0 18px}.toolbar{display:flex;justify-content:space-between;gap:15px;margin:20px 0}#filters{display:flex;gap:8px;flex-wrap:wrap}#filters button{border-radius:30px;font-size:12px;padding:10px 16px}#filters .active{background:var(--purple);color:white;border-color:var(--purple)}.search{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:30px;padding:0 15px;gap:7px}.search input{border:0;background:none;width:240px;padding:11px 0;font-size:12px}.resultline{display:flex;justify-content:space-between;font-size:11px;color:#887b92;padding:5px 0 20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.cardimage{display:block;width:100%;border:0;border-radius:0;background:#eee7f3;padding:18px 24px;height:340px;overflow:hidden}.cardimage img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.cardimage:hover img{transform:scale(1.035)}.cardbody{padding:20px}.cardbody>small{font-size:10px;letter-spacing:1.2px;color:var(--purple);text-transform:uppercase}.card h3{font-size:19px;margin:9px 0;min-height:45px}.cardbody p{font-size:11px;color:#8d8295}.cardbottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee8f1;padding-top:14px;margin-top:15px;font-size:11px}.cardbottom button{padding:8px 12px;color:var(--purple);background:#f4eef8;border:0;font-size:12px}.how{margin:85px 0 60px;border-top:1px solid var(--line);padding-top:40px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px}.how article>b{color:#b29bc9;font-family:'Outfit';font-size:27px}.how h3{font-size:17px}.how p{font-size:12px;color:#817489;line-height:1.7}footer{padding:32px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}footer p{font-size:11px;color:#877a91}dialog{border:0;border-radius:20px;padding:32px;max-width:1100px;width:92%;max-height:90vh;color:var(--ink)}dialog::backdrop{background:#23132cb3}.close{position:absolute;top:10px;right:12px;border:0;border-radius:50%;font-size:25px;padding:4px 12px;z-index:2}.detailgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:32px}.sheet img{width:100%;display:block}.detailform{padding-top:20px}label{display:block;font-size:12px;font-weight:500;margin:16px 0}label input,label select,label textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}.small{font-size:12px;color:#87788f;line-height:1.7}#fullImage{font-size:12px;color:var(--purple)}#cartDialog{max-width:650px}textarea{min-height:80px}.cartitem{border-top:1px solid var(--line);padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.cartitem p{font-size:12px;color:#7a6c84}.cartitem input{width:70px;padding:8px;border:1px solid var(--line);border-radius:8px}.cartitem button{padding:7px 10px}.cartitem h3{font-size:15px;margin:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 25px;background:var(--ink);color:white;border-radius:12px;z-index:10;display:none}@media(min-width:1500px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:850px){.hero{gap:30px}.heroart{padding:25px}.heroart img{height:330px}.grid{grid-template-columns:repeat(2,1fr)}.toolbar{flex-direction:column}.search input{width:100%}.how{grid-template-columns:1fr 1fr}.sectiontop{align-items:start;flex-direction:column;gap:0}footer{flex-wrap:wrap}.detailgrid{grid-template-columns:1fr}.detailform{padding:0}}@media(max-width:540px){header{height:76px;padding:0 5%}nav{gap:12px}nav>a{display:none}main{padding:0 5%}.hero{grid-template-columns:1fr;padding:32px 0 45px;gap:25px}h1{font-size:45px}.heroart{max-width:340px;width:100%;margin:auto}.heroart img{height:280px}.sticker{right:-8px;font-size:13px;padding:18px}.grid{gap:12px}.cardimage{height:235px;padding:8px}.cardbody{padding:12px}.card h3{font-size:16px;min-height:54px}.cardbottom{align-items:start;gap:9px;flex-direction:column}.cardbottom button{width:100%}h2{font-size:28px}.resultline{gap:15px}.how{margin-top:45px;gap:20px}dialog{padding:22px 16px}.cartitem{flex-wrap:wrap}}

.grid{grid-template-columns:repeat(4,1fr)}.cardimage{height:245px;background:white;padding:20px}.cardbody h3{font-size:17px}.cardbottom{align-items:stretch;flex-direction:column;gap:12px}.cardbottom button{background:var(--purple);color:white;padding:12px}.categorylabel{max-width:360px}.cartproduct{display:flex;gap:14px;align-items:center;flex:1}.cartproduct img{width:65px;height:75px;object-fit:contain}.sheet{display:flex;align-items:center;justify-content:center}.sheet img{max-height:65vh;object-fit:contain}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.grid{grid-template-columns:repeat(2,1fr)}.cardimage{height:190px}.cardbody h3{font-size:15px}}