@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;700&display=swap";.htx-wrap{background:#fff;padding:72px 0 92px}.htx-inner{width:min(1380px,92vw);margin:0 auto}.htx-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.ht-top-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start;justify-items:center;margin:0 auto 42px;max-width:1380px}.ht-top-icon{width:100%;min-height:64px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(18,63,51,.1);border-radius:18px;background:#fff;box-shadow:0 6px 18px #00000005}.ht-top-icon__mark{width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(15,90,67,.14);color:#0f5a43;font-size:16px;line-height:1;flex:0 0 auto}.ht-top-icon span{font-family:DM Sans,sans-serif;font-size:14px;line-height:1.2;color:#123f33;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.htx-head{text-align:center;margin-bottom:42px}.htx-eyebrow{font-family:DM Sans,sans-serif;font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:#0f5a43;font-weight:700;margin-bottom:16px}.htx-head h2{margin:0;font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(40px,4vw,70px);line-height:.98;color:#123f33}.htx-head h2 em{font-style:italic}.htx-head p{margin:14px 0 0;font-family:Cormorant Garamond,serif;font-size:clamp(24px,2.2vw,36px);color:#123f33;opacity:.92}.htx-carousel{position:relative}.htx-grid{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 6px 18px;scrollbar-width:thin;scrollbar-color:#b9c9c2 transparent}.htx-grid::-webkit-scrollbar{height:10px}.htx-grid::-webkit-scrollbar-track{background:transparent}.htx-grid::-webkit-scrollbar-thumb{background:#b9c9c2;border-radius:999px}.htx-card{flex:0 0 calc((100% - 56px) / 3);min-width:calc((100% - 56px) / 3);display:flex;flex-direction:column;cursor:pointer;scroll-snap-align:center}.htx-nav{position:absolute;top:38%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:999px;background:#fffffff0;color:#123f33;font-size:30px;line-height:1;box-shadow:0 14px 28px #0000001a;z-index:30;cursor:pointer}.htx-nav--prev{left:-16px}.htx-nav--next{right:-16px}.htx-nav:hover{background:#fff}.htx-arch{position:relative;aspect-ratio:2/3;border-radius:220px 220px 0 0;overflow:hidden;isolation:isolate;background-image:var(--bg);background-size:cover;background-position:center;box-shadow:0 18px 42px #0000000f;transition:transform .4s ease,box-shadow .4s ease}.htx-arch--chamomile{background:linear-gradient(180deg,#f4efdb,#efe7be 56%,#ecd88d)}.htx-card.is-active .htx-arch,.htx-card.is-hovered .htx-arch{transform:translateY(-4px);box-shadow:0 26px 54px #0000001a}.htx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.htx-layer-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.htx-cup-wrap{z-index:5;transition:transform .55s cubic-bezier(.22,.9,.18,1),filter .55s ease;transform-origin:26% 82%}.htx-card.is-active .htx-cup-wrap,.htx-card.is-hovered .htx-cup-wrap{transform:translateY(-9px) rotate(-6deg);filter:drop-shadow(0 18px 26px rgba(0,0,0,.18))}.htx-cluster{position:absolute;width:98%;right:4%;bottom:4%;z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .55s cubic-bezier(.22,.9,.18,1);transform-origin:right bottom}.htx-card.is-active .htx-cluster,.htx-card.is-hovered .htx-cluster{transform:translateY(-4px)}.htx-pack-badge{position:absolute;left:9%;bottom:9%;width:88px;height:88px;border-radius:999px;background:#ffffffc7;border:1px solid rgba(15,90,67,.1);box-shadow:0 14px 34px #00000014;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:8;pointer-events:none;opacity:0;transform:translateY(12px) scale(.88);transition:opacity .35s ease,transform .45s cubic-bezier(.22,.9,.18,1)}.htx-pack-badge strong{font-family:DM Sans,sans-serif;font-size:28px;line-height:1;font-weight:700;color:#123f33;letter-spacing:-.04em}.htx-pack-badge span{margin-top:5px;font-family:DM Sans,sans-serif;font-size:9px;line-height:1.2;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#123f33}.htx-card.is-active .htx-pack-badge,.htx-card.is-hovered .htx-pack-badge{opacity:1;transform:translateY(0) scale(1);animation:htxPackFloat 1.8s ease-in-out infinite .25s}@keyframes htxPackFloat{0%,to{transform:translateY(0) scale(1);box-shadow:0 14px 34px #00000014}50%{transform:translateY(-2px) scale(1.03);box-shadow:0 18px 38px #0000001f}}.htx-kettle-wrap{z-index:11;transition:transform .55s cubic-bezier(.22,.9,.18,1);transform-origin:14% 12%}.htx-card.is-active .htx-kettle-wrap,.htx-card.is-hovered .htx-kettle-wrap{transform:translate(0) rotate(3deg)}.htx-kettle-base,.htx-kettle-hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center center;transition:opacity .32s ease,transform .55s cubic-bezier(.22,.9,.18,1)}.htx-kettle-base{opacity:1;transform:translateY(-6%) rotate(0)}.htx-kettle-hover{opacity:0;transform:translateY(-1.5%) rotate(1.5deg)}.htx-card.is-active .htx-kettle-base,.htx-card.is-hovered .htx-kettle-base{opacity:0}.htx-card.is-active .htx-kettle-hover,.htx-card.is-hovered .htx-kettle-hover{opacity:1}.htx-water{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:10;overflow:visible;pointer-events:none}.htx-water-glow,.htx-water-main,.htx-water-shine{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:120;stroke-dashoffset:120;opacity:0}.htx-water-glow{stroke:#d2e1eb33;stroke-width:2.8;filter:blur(1.8px)}.htx-water-main{stroke:#dce8f0ad;stroke-width:1.5}.htx-water-shine{stroke:#ffffff8c;stroke-width:.55;stroke-dasharray:6 7}.htx-card.is-active .htx-water-glow,.htx-card.is-hovered .htx-water-glow{animation:htxWaterIn .36s ease forwards,htxWaterGlow 1.15s linear infinite .36s}.htx-card.is-active .htx-water-main,.htx-card.is-hovered .htx-water-main{animation:htxWaterIn .4s ease forwards,htxWaterPulse 1s linear infinite .4s}.htx-card.is-active .htx-water-shine,.htx-card.is-hovered .htx-water-shine{animation:htxWaterIn .44s ease forwards,htxWaterDash .85s linear infinite .44s}@keyframes htxWaterIn{0%{stroke-dashoffset:140;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes htxWaterPulse{0%{filter:brightness(1)}50%{filter:brightness(1.12)}to{filter:brightness(1)}}@keyframes htxWaterGlow{0%{opacity:.18}50%{opacity:.42}to{opacity:.18}}@keyframes htxWaterDash{0%{stroke-dashoffset:140;opacity:.18}to{stroke-dashoffset:92;opacity:.95}}.htx-steam{position:absolute;width:34px;border-radius:999px;pointer-events:none;z-index:12;opacity:0;bottom:65%;filter:blur(9px);background:linear-gradient(to top,#d2dce600,#c4d0dcb8 28%,#d2e4f5e6 52%,#becddc8c 74%,#d2dce600)}.htx-steam-1{left:39%;height:130px}.htx-steam-2{left:43%;height:112px}.htx-steam-3{left:47%;height:96px}.htx-card.is-active .htx-steam-1,.htx-card.is-hovered .htx-steam-1{animation:htxSteam1 2.3s ease-in-out infinite .14s}.htx-card.is-active .htx-steam-2,.htx-card.is-hovered .htx-steam-2{animation:htxSteam2 2.05s ease-in-out infinite .28s}.htx-card.is-active .htx-steam-3,.htx-card.is-hovered .htx-steam-3{animation:htxSteam3 1.9s ease-in-out infinite .42s}@keyframes htxSteam1{0%{transform:translateY(18px) translate(0) scale(.84);opacity:0}18%{opacity:.62}to{transform:translateY(-78px) translate(-8px) scale(1.12);opacity:0}}@keyframes htxSteam2{0%{transform:translateY(16px) translate(0) scale(.82);opacity:0}20%{opacity:.5}to{transform:translateY(-66px) translate(7px) scale(1.06);opacity:0}}@keyframes htxSteam3{0%{transform:translateY(14px) translate(0) scale(.82);opacity:0}18%{opacity:.38}to{transform:translateY(-56px) translate(-5px) scale(1.02);opacity:0}}.htx-copy{text-align:center;padding:22px 10px 0}.htx-tag{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border-radius:999px;background:#f5f0e8;color:#123f33;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.htx-copy h3{margin:0 0 8px;font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(28px,2vw,38px);line-height:1;color:#123f33}.htx-meta-row{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}.htx-meta{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:DM Sans,sans-serif;font-size:10px;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:#6d7f77;font-weight:700}.htx-meta__icon{font-size:12px;line-height:1;color:#0f5a43}.htx-benefit{position:relative;appearance:none;-webkit-appearance:none;border:1px solid rgba(18,63,51,.12);background:linear-gradient(180deg,#fffaf2,#f4eee4);color:#123f33;min-height:28px;padding:4px 10px 4px 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:help;font-family:DM Sans,sans-serif;font-size:9.5px;line-height:1;letter-spacing:.12em;text-transform:uppercase;font-weight:800;box-shadow:0 8px 20px #123f330f;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.htx-benefit:hover,.htx-benefit:focus{transform:translateY(-1px);box-shadow:0 12px 26px #123f331a;outline:none}.htx-benefit__icon{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(18,63,51,.1);box-shadow:inset 0 0 0 1px #ffffff8c;flex:0 0 auto}.htx-benefit__icon svg{width:15px;height:15px;display:block;fill:none;stroke:#0f5a43;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.htx-benefit-tip{position:absolute;left:50%;bottom:calc(100% + 14px);transform:translate(-50%) translateY(8px);width:min(315px,82vw);padding:16px 17px 15px;border-radius:20px;background:radial-gradient(circle at top left,#fffffffa,#fffaf2fa 45%,#f4eee4fa);border:1px solid rgba(18,63,51,.14);box-shadow:0 22px 46px #123f3329;color:#355447;font-family:DM Sans,sans-serif;font-size:12px;line-height:1.58;letter-spacing:.02em;text-transform:none;font-weight:500;text-align:left;opacity:0;visibility:hidden;pointer-events:none;z-index:80;transition:opacity .22s ease,transform .22s ease,visibility .22s ease}.htx-benefit-tip strong{display:block;margin-bottom:7px;font-family:Cormorant Garamond,serif;font-size:20px;line-height:1;color:#123f33;letter-spacing:.02em;text-transform:none;font-weight:600}.htx-benefit-tip:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:16px;border:1px solid rgba(15,90,67,.08);pointer-events:none}.htx-benefit-tip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border-width:9px 9px 0 9px;border-style:solid;border-color:#f4eee4 transparent transparent transparent}.htx-benefit:hover .htx-benefit-tip,.htx-benefit:focus .htx-benefit-tip,.htx-benefit:focus-within .htx-benefit-tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.htx-copy p{margin:0 auto 16px;max-width:92%;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.7;color:#355447}.htx-btn{display:inline-flex;align-items:center;justify-content:center;min-width:166px;height:48px;padding:0 22px;border-radius:10px;background:#0f5a43;color:#fff;text-decoration:none;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 14px 28px #0f5a4324;transition:transform .25s ease,background .25s ease}.htx-btn:hover{transform:translateY(-2px);background:#0c4d39}.htx-buy{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.htx-qty{height:48px;min-width:126px;display:grid;grid-template-columns:40px 46px 40px;align-items:center;border:1px solid rgba(18,63,51,.2);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 10px 24px #123f330f}.htx-qty-btn{width:40px;height:48px;border:0;appearance:none;-webkit-appearance:none;background:#fff;color:#123f33;font-family:DM Sans,sans-serif;font-size:20px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.htx-qty-btn:hover{background:#f5f0e8}.htx-qty-value{height:48px;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(18,63,51,.12);border-right:1px solid rgba(18,63,51,.12);background:#fffaf2;color:#123f33;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;-webkit-user-select:none;user-select:none}.htx-add-cart{border:0;cursor:pointer;min-width:198px}.htx-add-cart.is-loading{opacity:.72;pointer-events:none}.htx-add-cart.is-added{background:#123f33}.htx-add-cart.is-error{background:#8f2e23}.htx-card-link{display:inline-block;margin-top:11px;font-family:DM Sans,sans-serif;font-size:11px;line-height:1;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6d7f77;text-decoration:none;transition:color .2s ease,transform .2s ease}.htx-card-link:hover{color:#0f5a43;transform:translateY(-1px)}@media(max-width:1180px){.ht-top-icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 auto 28px}.ht-top-icon{min-height:58px}.ht-top-icon span{font-size:12px;letter-spacing:.12em}.htx-card{flex:0 0 calc((100% - 28px)/2);min-width:calc((100% - 28px)/2)}.htx-nav{width:44px;height:44px;font-size:28px}.htx-nav--prev{left:-10px}.htx-nav--next{right:-10px}}@media(max-width:760px){.htx-card{flex:0 0 100%;min-width:100%}.htx-nav{display:none}.htx-benefit-tip{bottom:auto;top:calc(100% + 12px)}.htx-benefit-tip:after{top:auto;bottom:100%;border-width:0 9px 9px 9px;border-color:transparent transparent #fffaf2 transparent}}@media(max-width:520px){.ht-top-icon{gap:10px;padding:0 10px}.ht-top-icon__mark{width:32px;height:32px;font-size:14px}.ht-top-icon span{font-size:11px}.htx-pack-badge{width:74px;height:74px;left:8%;bottom:8%}.htx-pack-badge strong{font-size:24px}.htx-pack-badge span{font-size:8px}.htx-buy{flex-direction:column;gap:9px}.htx-qty,.htx-add-cart{width:100%;max-width:260px}.htx-meta-row{gap:7px}.htx-benefit{max-width:92%;white-space:normal;line-height:1.25}.htx-benefit-tip{width:min(300px,86vw);font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hitea-flavour-carousel.css.map */