:root{--main-pink: #FF85C4;--accent-purple: #C7A6EE;--light-peach: #FFDAB9;--baby-pink: #F8B4C8;--dark-text: #2c2c2c;--light-text: #555555;--glass-bg: rgba(255, 255, 255, .45);--glass-border: 1px solid rgba(255, 255, 255, .25);--backdrop-blur: blur(15px);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .1);--border-radius-xl: 25px;--border-radius-lg: 18px}html{scroll-behavior:smooth}body{font-family:Lato,sans-serif;background-color:#fdf9fb;color:var(--dark-text);margin:0;padding:0;line-height:1.7;overflow-x:hidden}.background-blob{position:fixed;border-radius:50%;filter:blur(180px);z-index:-1;opacity:.7;animation:move 25s infinite alternate ease-in-out}.blob1{width:450px;height:450px;background:var(--main-pink);top:-150px;left:-200px}.blob2{width:550px;height:550px;background:var(--accent-purple);bottom:-200px;right:-250px;animation-delay:3s}@keyframes move{0%{transform:translate(0) rotate(0)}to{transform:translate(80px,120px) rotate(90deg)}}h1,h2,h3,h4{font-family:Playfair Display,serif;font-weight:700;text-align:center;margin-top:0;margin-bottom:2.5rem}h1{font-size:3.2rem}h2{font-size:2.8rem;color:var(--main-pink)}h3{font-size:2rem}.btn-go{display:inline-block;text-decoration:none;padding:12px 28px;border-radius:50px;font-weight:700;font-size:1.1rem;transition:all .3s ease-out;border:2px solid transparent;cursor:pointer}.btn-go:hover{transform:translateY(-2px);box-shadow:0 4px 18px #00000026}.main-content-area{max-width:1200px;margin:30px auto 50px;padding:0 20px;display:flex;flex-direction:column;gap:30px}.page-header{padding:40px 20px;text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-xl);position:relative}.page-header h1{font-size:3rem;margin-bottom:1rem}.page-header p{font-size:1.2rem;color:var(--light-text);max-width:600px;margin:0 auto}.back-button{position:absolute;top:25px;left:25px;text-decoration:none;color:var(--dark-text);font-weight:600;background:#ffffff80;padding:8px 15px;border-radius:50px;transition:all .3s ease}.back-button:hover{background:#fff;box-shadow:0 2px 10px #0000001a}.back-button i{margin-right:8px}.recipe-filters{margin-bottom:20px}.search-bar{max-width:500px;margin:20px auto 0;position:relative}.search-bar input{width:100%;padding:15px 50px 15px 25px;border-radius:50px;border:1px solid rgba(255,255,255,.5);background:var(--glass-bg);font-size:1.1rem;font-family:Lato,sans-serif;color:var(--dark-text)}.search-bar input::placeholder{color:var(--light-text)}.search-bar i{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:var(--light-text)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.recipe-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--glass-shadow);transition:all .4s ease;display:flex;flex-direction:column}.recipe-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px #1f268726}.recipe-card img{width:100%;height:200px;object-fit:cover}.recipe-card-content{padding:25px;display:flex;flex-direction:column;flex-grow:1}.recipe-category-tag{display:inline-block;background-color:var(--baby-pink);color:var(--dark-text);padding:5px 12px;border-radius:50px;font-size:.8rem;font-weight:700;margin-bottom:15px;align-self:flex-start}.recipe-card-content h3{text-align:left;margin-bottom:10px}.recipe-card-content p{text-align:left;color:var(--light-text);margin-bottom:20px;flex-grow:1}.recipe-meta{display:flex;justify-content:space-between;color:var(--light-text);font-size:.9rem;margin-bottom:25px;border-top:1px solid rgba(0,0,0,.1);padding-top:15px}.recipe-meta i{margin-right:6px;color:var(--main-pink)}.recipe-card .btn-go{background:var(--main-pink);color:#fff;width:100%;text-align:center;margin-top:auto}.recipe-card .btn-go:hover{background:#e578b0}.tabs-container{width:100%;margin-top:0}.tab-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;border-bottom:2px solid #eee;margin-bottom:30px}.tab-button{padding:10px 25px;cursor:pointer;background-color:transparent;border:none;font-size:1.1rem;font-weight:600;font-family:Lato,sans-serif;color:var(--light-text);border-bottom:3px solid transparent;transition:all .3s ease;transform:translateY(2px)}.tab-button:hover{color:var(--dark-text)}.tab-button.active{color:var(--main-pink);border-bottom-color:var(--main-pink)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;border-radius:var(--border-radius-xl);padding:30px;position:relative;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:zoomIn .4s ease-out}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-close-button{position:absolute;top:15px;right:20px;background:none;border:none;font-size:2.5rem;color:#aaa;cursor:pointer;line-height:1;transition:color .2s}.modal-close-button:hover{color:var(--dark-text)}.modal-content img{width:100%;height:250px;object-fit:cover;border-radius:var(--border-radius-lg);margin-bottom:20px}.modal-header h2{text-align:left;margin-bottom:20px;color:var(--main-pink)}.modal-body h4{font-family:Lato,sans-serif;font-weight:700;font-size:1.2rem;color:var(--dark-text);border-bottom:2px solid var(--baby-pink);padding-bottom:5px;margin-top:20px;margin-bottom:15px}.modal-body ul{list-style:none;padding:0;margin:0}.modal-body ul li{padding:8px 0;border-bottom:1px solid #eee}.variation-card{background-color:#f9f9f9;border-radius:var(--border-radius-lg);padding:20px;margin-bottom:15px}.variation-card h5{font-size:1.1rem;font-weight:700;margin-top:0;margin-bottom:15px}.macros{display:flex;justify-content:space-around;background-color:#fff;border-radius:50px;padding:10px;margin-top:15px;text-align:center}.macros div{flex:1}.macros .macro-label{font-size:.8rem;color:var(--light-text);display:block}.macros .macro-value{font-size:1.1rem;font-weight:700;color:var(--main-pink)}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2.2rem}h3{font-size:1.8rem}.page-header{flex-direction:column;text-align:center;padding:60px 20px 30px}.page-header p{text-align:center}.back-button{top:15px;left:50%;transform:translate(-50%)}.main-content-area{padding:0 15px}.recipe-grid{gap:25px;grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/uppskriftir.css.map */