.drin-begdiag{--beg-navy: #0b294d;--beg-navy-deep: #061b35;--beg-gold: #b8893e;--beg-ink: #172331;--beg-muted: #607087;--beg-line: #d8e0ea;--beg-soft: #f3f7fb;--beg-white: #fff;color:var(--beg-ink);background:var(--beg-white);overflow:clip}.drin-begdiag *,.drin-begdiag *:before,.drin-begdiag *:after{box-sizing:border-box}.drin-begdiag a{color:inherit;text-decoration:none}.drin-begdiag img{display:block;max-width:100%}.drin-begdiag__hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);min-height:580px;padding-top:clamp(46px,6vw,88px);padding-bottom:clamp(46px,6vw,88px)}.drin-begdiag__hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(16px,4vw,60px);border-radius:26px 0 0 26px;color:#fff;background:radial-gradient(circle at 78% 45%,#163f6e 0,var(--beg-navy) 43%,var(--beg-navy-deep) 100%)}.drin-begdiag__hero-media{display:grid;place-items:center;min-width:0;border-radius:0 26px 26px 0;background:radial-gradient(circle at 50% 42%,#fff 0 22%,#e9eff5 62%,#cbd5e0);overflow:hidden}.drin-begdiag__hero-image{width:min(76%,430px);height:min(500px,75vw);object-fit:contain;filter:drop-shadow(0 24px 24px rgba(10,34,62,.18))}.drin-begdiag__eyebrow{margin:0 0 14px;color:var(--beg-gold);font-size:1.2rem;font-weight:700;letter-spacing:.23em}.drin-begdiag__h1{max-width:720px;margin:0;color:inherit;font-family:inherit;font-size:clamp(3.5rem,4.2vw,6.2rem);font-weight:500;line-height:1.28;letter-spacing:.035em;overflow-wrap:anywhere}.drin-begdiag__lead{max-width:660px;margin:24px 0 0;font-size:clamp(1.5rem,1.45vw,1.9rem);line-height:1.9}.drin-begdiag__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.drin-begdiag__button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:13px 25px;border:1px solid transparent;border-radius:7px;font-size:1.5rem;font-weight:700;line-height:1.4;cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease}.drin-begdiag__button:hover{transform:translateY(-1px)}.drin-begdiag__button--primary{color:#fff;background:var(--beg-navy)}.drin-begdiag__hero .drin-begdiag__button--primary{color:var(--beg-navy);background:#fff}.drin-begdiag__button--secondary{color:#fff;border-color:#ffffffb8;background:transparent}.drin-begdiag__trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-28px;border:1px solid var(--beg-line);border-radius:14px;background:#fffffff5;box-shadow:0 16px 35px #0b294d14;position:relative;z-index:2}.drin-begdiag__trust-item{display:flex;flex-direction:column;gap:4px;min-width:0;padding:24px 30px;text-align:center}.drin-begdiag__trust-item+.drin-begdiag__trust-item{border-left:1px solid var(--beg-line)}.drin-begdiag__trust-item strong{color:var(--beg-navy);font-size:1.55rem}.drin-begdiag__trust-item span{color:var(--beg-muted);font-size:1.25rem}.drin-begdiag__section{padding-top:clamp(64px,7vw,105px);padding-bottom:clamp(64px,7vw,105px);scroll-margin-top:120px}.drin-begdiag__section--soft{background:var(--beg-soft)}.drin-begdiag__section-head{max-width:800px;margin:0 auto 42px;text-align:center}.drin-begdiag__h2{margin:0;color:var(--beg-navy);font-size:clamp(2.8rem,3.2vw,4.5rem);font-weight:500;line-height:1.35;letter-spacing:.04em;overflow-wrap:anywhere}.drin-begdiag__section-head>p:last-child{margin:17px auto 0;color:var(--beg-muted);font-size:1.55rem;line-height:1.8}.drin-begdiag__diagnosis{max-width:1260px}.drin-begdiag__progress{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 22px;padding:0;list-style:none;border-radius:11px;overflow:hidden;background:var(--beg-line)}.drin-begdiag__progress li{display:flex;align-items:center;justify-content:center;gap:9px;min-height:62px;padding:12px;color:var(--beg-muted);background:#fff;font-size:1.4rem}.drin-begdiag__progress span{display:grid;width:27px;height:27px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:1.2rem}.drin-begdiag__progress .is-active{color:#fff;background:var(--beg-navy)}.drin-begdiag__progress .is-complete{color:var(--beg-navy);background:#eaf1f8}.drin-begdiag__question-stack{display:grid;gap:18px}.drin-begdiag fieldset{min-inline-size:0;margin:0;padding:clamp(22px,3vw,38px);border:1px solid var(--beg-line);border-radius:14px;background:var(--beg-soft)}.drin-begdiag fieldset:disabled{opacity:.48}.drin-begdiag legend{padding:0 8px;color:var(--beg-navy);font-size:clamp(1.8rem,2vw,2.4rem);font-weight:700}.drin-begdiag legend span{color:var(--beg-gold);font-size:1.25rem;letter-spacing:.12em}.drin-begdiag__choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.drin-begdiag__choices label{min-width:0;cursor:pointer}.drin-begdiag__choices input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drin-begdiag__choices label>span{display:flex;min-height:68px;align-items:center;justify-content:center;padding:12px 10px;border:1px solid var(--beg-line);border-radius:9px;color:var(--beg-navy);background:#fff;font-size:1.45rem;font-weight:600;text-align:center;overflow-wrap:anywhere;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.drin-begdiag__choices input:checked+span{border-color:var(--beg-gold);background:#fffaf0;box-shadow:inset 0 0 0 1px var(--beg-gold)}.drin-begdiag input:focus-visible+span,.drin-begdiag a:focus-visible,.drin-begdiag button:focus-visible{outline:2px solid var(--beg-gold);outline-offset:3px}.drin-begdiag__results{margin-top:26px}.drin-begdiag__result-card{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);border:1px solid var(--beg-line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 16px 34px #0b294d14}.drin-begdiag__result-media{display:grid;min-height:390px;place-items:center;padding:30px;background:var(--beg-soft)}.drin-begdiag__result-media img{width:100%;height:330px;object-fit:contain}.drin-begdiag__result-body{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,5vw,70px)}.drin-begdiag__result-kicker{margin:0 0 12px;color:var(--beg-gold);font-size:1.25rem;font-weight:700;letter-spacing:.13em}.drin-begdiag__result-title{display:-webkit-box;margin:0;color:var(--beg-navy);font-size:clamp(2.3rem,2.8vw,3.7rem);line-height:1.35;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.drin-begdiag__result-reason{margin:18px 0 0;color:var(--beg-muted);font-size:1.55rem;line-height:1.8}.drin-begdiag__result-price{margin:20px 0 0;color:var(--beg-navy);font-size:2.1rem;font-weight:700}.drin-begdiag__result-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:26px}.drin-begdiag__text-button{padding:8px 2px;border:0;border-bottom:1px solid currentColor;color:var(--beg-navy);background:transparent;font:inherit;cursor:pointer}.drin-begdiag__fallback{padding:clamp(28px,5vw,60px);border:1px solid var(--beg-line);border-radius:14px;text-align:center;background:#fff}.drin-begdiag__fallback h3{color:var(--beg-navy);font-size:2.3rem}.drin-begdiag__fallback p{margin:10px auto 24px;color:var(--beg-muted)}.drin-begdiag__fallback .drin-begdiag__text-button{display:block;margin:18px auto 0}.drin-begdiag__info-grid,.drin-begdiag__routine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.drin-begdiag__info-grid article{min-width:0;padding:34px;border:1px solid var(--beg-line);border-radius:12px;background:#fff}.drin-begdiag__info-grid article>span{color:var(--beg-gold);font-weight:700;letter-spacing:.13em}.drin-begdiag__info-grid h3{margin:18px 0 10px;color:var(--beg-navy);font-size:2rem}.drin-begdiag__info-grid p{margin:0;color:var(--beg-muted);font-size:1.45rem;line-height:1.8}.drin-begdiag__routine-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.drin-begdiag__routine-grid a{display:flex;min-width:0;min-height:180px;flex-direction:column;justify-content:center;padding:28px;border:1px solid var(--beg-line);border-radius:12px;background:#fff}.drin-begdiag__routine-grid span{color:var(--beg-gold);font-size:1.2rem;font-weight:700;letter-spacing:.12em}.drin-begdiag__routine-grid strong{margin-top:12px;color:var(--beg-navy);font-size:2.3rem}.drin-begdiag__routine-grid small{margin-top:8px;color:var(--beg-muted);font-size:1.35rem}.drin-begdiag__final{color:#fff;text-align:center;background:linear-gradient(135deg,var(--beg-navy-deep),#123d6a)}.drin-begdiag__final .drin-begdiag__h2{color:#fff}.drin-begdiag__concern-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:34px}.drin-begdiag__concern-links a{display:flex;min-height:58px;align-items:center;justify-content:center;min-width:0;padding:11px;border:1px solid rgba(255,255,255,.4);border-radius:7px;overflow-wrap:anywhere}.drin-begdiag__final .drin-begdiag__button--primary{color:var(--beg-navy);background:#fff}@media(max-width:834px){.drin-begdiag__hero{grid-template-columns:1fr;padding-inline:28px}.drin-begdiag__hero-copy{border-radius:22px 22px 0 0}.drin-begdiag__hero-media{min-height:420px;border-radius:0 0 22px 22px}.drin-begdiag__hero-image{height:360px}.drin-begdiag__trust{grid-template-columns:1fr;margin:-18px 28px 0}.drin-begdiag__trust-item+.drin-begdiag__trust-item{border-top:1px solid var(--beg-line);border-left:0}.drin-begdiag__choices{grid-template-columns:repeat(3,minmax(0,1fr))}.drin-begdiag__result-card{grid-template-columns:1fr 1.1fr}.drin-begdiag__info-grid{grid-template-columns:1fr}.drin-begdiag__routine-grid,.drin-begdiag__concern-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.drin-begdiag__hero{min-height:0;padding:22px 16px 0}.drin-begdiag__hero-copy{padding:34px 24px}.drin-begdiag__hero-media{min-height:310px}.drin-begdiag__hero-image{width:70%;height:280px}.drin-begdiag__actions,.drin-begdiag__button{width:100%}.drin-begdiag__trust{margin:16px 16px 0}.drin-begdiag__trust-item{padding:18px}.drin-begdiag__section{padding-top:58px;padding-bottom:58px}.drin-begdiag__progress{grid-template-columns:1fr}.drin-begdiag__progress li{min-height:48px;justify-content:flex-start;padding-inline:18px}.drin-begdiag__choices{grid-template-columns:repeat(2,minmax(0,1fr))}.drin-begdiag__choices label>span{min-height:62px;font-size:1.3rem}.drin-begdiag__result-card{grid-template-columns:1fr}.drin-begdiag__result-media{min-height:290px}.drin-begdiag__result-media img{height:245px}.drin-begdiag__result-actions,.drin-begdiag__result-actions .drin-begdiag__button{width:100%}.drin-begdiag__routine-grid,.drin-begdiag__concern-links{grid-template-columns:1fr}.drin-begdiag__routine-grid a{min-height:135px}}@media(prefers-reduced-motion:reduce){.drin-begdiag *,.drin-begdiag *:before,.drin-begdiag *:after{scroll-behavior:auto;transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/drinstore-beginners-diagnosis.css.map */