*{margin:0;padding:0;box-sizing:border-box}body{background:#f5eee7;font-family:Arial,Helvetica,sans-serif;color:#17363a}.story{width:100%;display:flex;align-items:center;justify-content:center;gap:40px;padding:90px 20px}.story-inner{max-width:1500px;margin:0 auto;padding:0 40px;position:relative}.image-wrapper{position:relative;width:100%}.hero-image{width:100%;display:block;border-radius:22px;box-shadow:0 10px 35px #0000001f;transition:opacity .45s ease,transform .45s ease}.info-card h2,.info-card p,.info-card ul{transition:opacity .3s ease,transform .3s ease}.info-card{position:absolute;margin-left:920px;flex:0 0 340px;width:300px;flex-shrink:0;padding:20px;background:#1b373b99;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 12px 40px #0000001f;color:#fff}.info-card h2{font-size:24px;line-height:1.2;font-weight:500;margin-bottom:14px;letter-spacing:-.4px}.info-card p{font-size:15px;line-height:1.65;color:#ffffffdb;margin-bottom:18px}.info-card ul{list-style:none;padding:0}.info-card li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;color:#fff}.hotspot{position:absolute;width:60px;height:60px;transform:translate(-50%,-50%);background:transparent;border:none;cursor:pointer}.dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#b87333;border-radius:50%;border:2px solid white;box-shadow:0 0 10px #c9833a73}.dot:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px solid #B87333;border-radius:50%;animation:pulse 2.4s infinite}.hotspot:hover .dot{transform:translate(-50%,-50%) scale(1.3)}.hotspot:hover .dot:after{animation:none}.scraper{left:60%;top:92%}.brush{left:32%;top:52%}.potion{left:48.5%;top:36%}.cup{left:60%;top:38%}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.9);opacity:0}}@media(max-width:1100px){.story{flex-direction:column}.info-card{width:100%;max-width:700px}.image-wrapper{width:100%}}@media(max-width:768px){.story{display:block;padding:30px 16px}.info-card{padding:28px}.info-card h2{font-size:28px}.info-card p{font-size:16px}.hotspot{width:70px;height:70px}.dot{width:16px;height:16px}}@media(max-width:768px){.story{display:block;padding:30px 18px}.image-wrapper{width:100%;max-width:420px;margin:0 auto}.hero-image{width:100%;display:block;border-radius:20px 20px 0 0}.info-card{width:100%;max-width:420px;margin:0 auto;border-radius:0 0 20px 20px;background:#31484a;padding:22px;position:static;transform:none;box-shadow:none}.info-card h2{font-size:30px;line-height:1.2;font-weight:500;color:#fff;margin-bottom:18px}.info-card p{font-size:16px;line-height:1.8;color:#ffffffe0;margin-bottom:22px}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{position:relative;padding-left:24px;margin-bottom:12px;color:#fff;font-size:15px}.info-card li:before{content:"\2713";position:absolute;left:0;color:#d89a4c;font-weight:700}.hotspot{width:90px;height:90px}.dot{width:14px;height:14px}}@media(max-width:768px){.scraper{left:66%;top:79%}.brush{left:26%;top:40%}.potion{left:46%;top:40%}.cup{left:66%;top:44%}}@media screen and (max-width:768px){.story{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;padding:30px 18px!important;gap:20px!important;overflow:visible!important}.image-wrapper{position:relative!important;width:100%!important;max-width:420px!important;margin:0 auto!important;flex:none!important}.hero-image{display:block!important;width:100%!important;height:auto!important;border-radius:20px!important}.info-card{display:block!important;position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;max-width:420px!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:22px!important;flex:none!important;opacity:1!important;visibility:visible!important;background:#1b373b99!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;box-shadow:0 10px 30px #0000001f!important;color:#fff!important;z-index:5!important}.info-card h2{display:block!important;font-size:26px!important;line-height:1.2!important;font-weight:500!important;color:#fff!important;margin:0 0 14px!important;opacity:1!important;visibility:visible!important}.info-card p{display:block!important;font-size:15px!important;line-height:1.65!important;color:#ffffffe0!important;margin:0 0 18px!important;opacity:1!important;visibility:visible!important}.info-card ul{display:block!important;list-style:none!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important}.info-card li{position:relative!important;display:block!important;padding-left:22px!important;margin-bottom:9px!important;font-size:14px!important;color:#fff!important}.info-card li:before{content:"\2713";position:absolute;left:0;color:#d89a4c;font-weight:700}}.section-divider{width:calc(100% - 40px);max-width:1700px;height:1px;background:#d8d0c6;margin:80px auto}@media screen and (max-width:768px){.story{padding:24px 16px!important}.image-wrapper{max-width:420px!important;margin:0 auto!important}.hero-image{display:block;border-radius:20px 20px 0 0!important}.info-card{display:block!important;position:relative!important;width:100%!important;max-width:420px!important;margin:-4px auto 0!important;border-radius:0 0 20px 20px!important;background:#2c4346!important;padding:22px!important;box-shadow:none!important;border:none!important}}html,body,button,input,textarea,select,.ritual,.ritual *,.story,.story *,.hero-image,.info-card{font-family:Orpheus,Georgia,serif!important}section.story{width:100vw!important;max-width:none!important;margin:0!important;padding:0!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;position:relative!important;box-sizing:border-box!important}section.story.shopify-section,.shopify-section section.story,section.story{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}.story{width:100vw!important;max-width:none!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}.image-wrapper{position:relative!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;flex:1 1 100%!important}.hero-image{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;border-radius:0!important;object-fit:cover!important}.info-card{background:#173f3fe0!important;opacity:1!important;visibility:visible!important;border-radius:0!important;border:none!important;box-shadow:none!important;color:#fff!important;box-sizing:border-box!important;position:absolute!important;top:50%!important;right:6%!important;left:auto!important;bottom:auto!important;transform:translateY(-50%)!important;width:320px!important;max-width:320px!important;padding:40px!important;z-index:10!important;display:block!important}.info-card,.info-card h1,.info-card h2,.info-card h3,.info-card p,.info-card li,.info-card ul{text-align:center!important}.info-card h1,.info-card h2,.info-card h3,.info-card p,.info-card li{color:#fff!important}@media screen and (max-width:768px){section.story{width:100%!important;margin:0!important;padding:0!important;left:auto!important;transform:none!important}.story{width:100%!important;display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important}.image-wrapper{width:100%!important;margin:0!important;padding:0!important}.hero-image{width:100%!important;height:auto!important;margin:0!important;padding:0!important;border-radius:0!important}.info-card{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:30px 24px!important;background:#173f3f!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;text-align:center!important}.info-card h1,.info-card h2,.info-card h3,.info-card p,.info-card li{text-align:center!important}}#heroImage{filter:none!important;-webkit-filter:none!important}.info-card h1{font-family:Orpheus Pro,Orpheus,Georgia,serif!important;font-weight:400!important;font-size:28px!important;line-height:1.15!important;color:#fff!important;margin:0 0 10px!important}.info-card h2{font-family:Orpheus Pro,Orpheus,Georgia,serif!important;font-weight:400!important;font-size:20px!important;line-height:1.25!important;color:#fff!important;margin:0 0 18px!important}.info-card p{font-family:Orpheus Pro,Orpheus,Georgia,serif!important;font-weight:400!important;font-size:16px!important;line-height:1.5!important;color:#fff!important;margin:0!important}.info-card ul,.info-card li{display:none!important}@media screen and (max-width:768px){.info-card h1{font-size:24px!important}.info-card h2{font-size:18px!important}.info-card p{font-size:15px!important;line-height:1.5!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/detox-story.css.map */