.usage-guide-wrapper{background:linear-gradient(135deg,#f0f8f0,#fff);border:3px solid #a5d6a7;border-radius:16px;padding:40px;margin:50px auto;max-width:1000px;box-shadow:0 10px 30px #2c5f2d26;transition:all .3s ease;position:relative;overflow:hidden}.usage-guide-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#2c5f2d,#66bb6a,#81c784,#66bb6a,#2c5f2d);z-index:1}.usage-guide-wrapper:hover{box-shadow:0 15px 40px #2c5f2d33;transform:translateY(-3px);border-color:#66bb6a}.usage-guide-title{font-size:32px;font-weight:700;color:#1b5e20;margin:10px 0 30px;padding-bottom:20px;border-bottom:4px solid #2c5f2d;display:flex;align-items:center;gap:12px;line-height:1.3;position:relative;z-index:2}.usage-guide-title:before{content:"\1f4e6";font-size:40px;line-height:1;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.usage-section{background:#fff;padding:30px;margin:25px 0;border-radius:14px;border-left:6px solid #66bb6a;box-shadow:0 3px 12px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.usage-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:inherit;transition:width .3s ease}.usage-section:hover{border-left-color:#2c5f2d;box-shadow:0 6px 20px #0000001f;transform:translate(6px)}.usage-section:hover:before{width:10px}.usage-section h3{font-size:23px;font-weight:700;color:#1b5e20;margin:0 0 18px;display:flex;align-items:center;gap:12px;line-height:1.4}.usage-content{color:#424242;line-height:1.3;font-size:16px;white-space:pre-line}.usage-content strong{color:#2c5f2d;font-weight:700;display:block;margin-top:18px;margin-bottom:10px;font-size:18px}.usage-content strong:first-child{margin-top:0}.usage-content p{margin:10px 0}.shelf-life{background:linear-gradient(135deg,#2c5f2d,#1b5e20);color:#fff;padding:18px 32px;border-radius:50px;display:inline-flex;align-items:center;gap:12px;margin:28px 0;font-size:18px;font-weight:700;box-shadow:0 8px 24px #2c5f2d66;transition:all .3s ease;position:relative;overflow:hidden}.shelf-life:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.shelf-life:hover:after{left:100%}.shelf-life:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 32px #2c5f2d80}.shelf-life strong{font-weight:700}.shelf-life:before{content:"\23f0";font-size:22px;line-height:1;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.video-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#d32f2f,#c62828);color:#fff;padding:18px 36px;border-radius:12px;text-decoration:none;font-weight:700;font-size:18px;transition:all .3s ease;box-shadow:0 8px 24px #d32f2f66;border:none;cursor:pointer;position:relative;overflow:hidden}.video-link:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.video-link:hover:after{left:100%}.video-link:hover{background:linear-gradient(135deg,#c62828,#b71c1c);transform:translateY(-3px);box-shadow:0 12px 32px #d32f2f80;color:#fff;text-decoration:none}.video-link:before{content:"\25b6\fe0f";font-size:20px;line-height:1}.usage-section:nth-child(1){border-left-color:#42a5f5}.usage-section:nth-child(1):hover{border-left-color:#1976d2}.usage-section:nth-child(1) h3{color:#1565c0}.usage-section:nth-child(1) h3:before{content:"\2139\fe0f";font-size:26px;line-height:1}.usage-section:nth-child(2){border-left-color:#ffa726}.usage-section:nth-child(2):hover{border-left-color:#f57c00}.usage-section:nth-child(2) h3{color:#e65100}.usage-section:nth-child(2) h3:before{content:"\1f4e6";font-size:26px;line-height:1}.usage-section:nth-child(4){border-left-color:#ab47bc}.usage-section:nth-child(4):hover{border-left-color:#7b1fa2}.usage-section:nth-child(4) h3{color:#6a1b9a}.usage-section:nth-child(4) h3:before{content:"\1f37d\fe0f";font-size:26px;line-height:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.usage-guide-wrapper{animation:fadeInUp .8s ease-out}.usage-section{animation:fadeInUp .8s ease-out;animation-fill-mode:both}.usage-section:nth-child(1){animation-delay:.15s}.usage-section:nth-child(2){animation-delay:.25s}.usage-section:nth-child(3){animation-delay:.35s}.usage-section:nth-child(4){animation-delay:.45s}@media (max-width: 768px){.usage-guide-wrapper{padding:24px 18px;margin:30px 10px;border-radius:12px;border-width:2px}.usage-guide-wrapper:before{height:6px}.usage-guide-title{font-size:24px;gap:8px;margin:8px 0 20px;padding-bottom:15px;border-bottom-width:3px}.usage-guide-title:before{font-size:30px}.usage-section{padding:20px;margin:18px 0;border-left-width:5px}.usage-section h3{font-size:19px;gap:8px}.usage-section h3:before{font-size:22px}.usage-content{font-size:15px;line-height:1.8}.usage-content strong{font-size:16px}.shelf-life{font-size:15px;padding:14px 22px;gap:8px}.shelf-life:before{font-size:18px}.video-link{width:100%;justify-content:center;font-size:16px;padding:16px 24px}.video-link:before{font-size:18px}}@media (min-width: 769px) and (max-width: 1024px){.usage-guide-wrapper{padding:35px;margin:40px 20px}.usage-guide-title{font-size:28px}.usage-section{padding:26px}.usage-section h3{font-size:21px}}@media print{.usage-guide-wrapper{border:2px solid #ccc;box-shadow:none;page-break-inside:avoid;background:#fff}.usage-guide-wrapper:before{display:none}.video-link{display:none}.usage-section:hover,.usage-guide-wrapper:hover,.shelf-life:hover{transform:none;box-shadow:none}@keyframes bounce,pulse,fadeInUp{from,to {transform: none; opacity: 1;}}}.usage-guide-wrapper:focus-within{outline:4px solid #2c5f2d;outline-offset:4px}.video-link:focus,.shelf-life:focus{outline:3px solid #fff;outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.usage-guide-wrapper:hover,.usage-section:hover,.shelf-life:hover,.video-link:hover{transform:none}}@media (prefers-color-scheme: dark){.usage-guide-wrapper{background:linear-gradient(135deg,#1a2e1a,#2d2d2d);border-color:#3d5a3e}.usage-section{background:#2d2d2d}.usage-guide-title,.usage-section h3{color:#81c784}.usage-content{color:#e0e0e0}.usage-content strong{color:#a5d6a7}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/usage-guide.css.map */