.website-preview .browser-viewport{position:relative;overflow:hidden;background:#140c12}.website-preview .browser-viewport iframe{display:none!important}.project-mock{min-height:390px;padding:30px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-mock:before,.project-mock:after{content:'';position:absolute;border-radius:50%;filter:blur(2px)}.mock-window{width:92%;border-radius:22px;overflow:hidden;transform:perspective(900px) rotateX(2deg) rotateY(-3deg);box-shadow:0 30px 65px #0005;position:relative;z-index:2}.mock-browser{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px}.mock-dots{display:flex;gap:5px}.mock-dots i{width:7px;height:7px;border-radius:50%;display:block}.mock-body{min-height:250px;padding:17px}.mock-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.mock-brand{font-weight:900;font-size:16px}.mock-lines{display:flex;gap:7px}.mock-lines i{height:5px;width:34px;border-radius:20px;display:block}.beauty-mock{background:radial-gradient(circle at 20% 15%,#f9a8d455,transparent 25rem),linear-gradient(145deg,#3b1028,#160b15)}.beauty-mock:before{width:190px;height:190px;background:#ec489933;right:-55px;bottom:-30px}.beauty-window{background:#fff8fb}.beauty-window .mock-browser{background:#fce7f3;color:#9d174d}.beauty-window .mock-dots i:nth-child(1){background:#fb7185}.beauty-window .mock-dots i:nth-child(2){background:#fbbf24}.beauty-window .mock-dots i:nth-child(3){background:#34d399}.beauty-window .mock-body{background:linear-gradient(135deg,#fff,#fff1f7)}.beauty-window .mock-brand{color:#be185d}.beauty-window .mock-lines i{background:#fbcfe8}.beauty-hero{display:grid;grid-template-columns:1.25fr .8fr;gap:14px}.beauty-copy{border-radius:16px;padding:18px;background:linear-gradient(135deg,#fce7f3,#f5d0fe)}.beauty-copy h4{color:#831843;font-size:17px;margin:0 0 7px}.beauty-copy p{color:#9d174d;font-size:10px;margin:0}.beauty-bottle{display:grid;place-items:center;border-radius:16px;background:#fff;position:relative}.beauty-bottle:before{content:'';width:58px;height:100px;border-radius:17px 17px 21px 21px;background:linear-gradient(160deg,#f9a8d4,#db2777);box-shadow:0 13px 25px #be185d33}.beauty-bottle:after{content:'';position:absolute;width:26px;height:14px;border-radius:5px 5px 2px 2px;background:#831843;top:36px}.beauty-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.beauty-products span{height:54px;border-radius:12px;background:#fff;border:1px solid #fce7f3;box-shadow:0 7px 16px #9d174d0c;position:relative}.beauty-products span:after{content:'';position:absolute;right:11px;left:11px;bottom:9px;height:5px;border-radius:10px;background:#fbcfe8}.shoe-mock{background:radial-gradient(circle at 80% 0,#38bdf855,transparent 25rem),linear-gradient(145deg,#071a2f,#020617)}.shoe-mock:after{width:230px;height:230px;background:#2563eb33;left:-75px;top:-70px}.shoe-window{background:#081525;color:#e0f2fe;transform:perspective(900px) rotateX(2deg) rotateY(3deg)}.shoe-window .mock-browser{background:#0f2742;color:#7dd3fc}.shoe-window .mock-dots i:nth-child(1){background:#38bdf8}.shoe-window .mock-dots i:nth-child(2){background:#818cf8}.shoe-window .mock-dots i:nth-child(3){background:#22c55e}.shoe-window .mock-body{background:linear-gradient(135deg,#081525,#0c1f38)}.shoe-window .mock-brand{color:#fff}.shoe-window .mock-lines i{background:#1e3a5f}.shoe-hero{display:grid;grid-template-columns:.9fr 1.3fr;gap:13px}.shoe-side{border-radius:16px;padding:16px;background:#0f2742}.shoe-side h4{font-size:17px;margin:0 0 7px;color:#7dd3fc}.shoe-side p{font-size:10px;color:#94a3b8;margin:0}.shoe-product{height:135px;border-radius:16px;background:linear-gradient(135deg,#0ea5e9,#4338ca);display:grid;place-items:center;position:relative;overflow:hidden}.shoe-product:before{content:'👟';font-size:78px;filter:drop-shadow(0 16px 14px #02061766);transform:rotate(-12deg)}.shoe-product:after{content:'NEW';position:absolute;top:11px;left:12px;background:#fff;color:#1e3a8a;font-size:9px;font-weight:900;border-radius:20px;padding:5px 8px}.shoe-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.shoe-cards span{height:45px;border-radius:11px;background:#102945;border:1px solid #1e4973;position:relative}.shoe-cards span:after{content:'';position:absolute;right:10px;left:10px;bottom:8px;height:4px;border-radius:10px;background:#38bdf8}.mock-tag{position:absolute;top:16px;left:16px;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:900;z-index:3}.beauty-mock .mock-tag{background:#f9a8d4;color:#831843}.shoe-mock .mock-tag{background:#7dd3fc;color:#0c4a6e}@media(max-width:700px){.project-mock{min-height:285px;padding:18px}.mock-window{width:100%}.mock-body{min-height:195px;padding:12px}.beauty-bottle:before{height:70px;width:43px}.beauty-bottle:after{top:27px}.shoe-product{height:105px}.shoe-product:before{font-size:57px}}