.cd{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;visibility:hidden;pointer-events:none}.cd[open-drawer]{visibility:visible;pointer-events:auto}.cd-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f251d80;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cd[open-drawer] .cd-scrim{opacity:1}.cd-panel{position:absolute;top:0;right:0;height:100%;width:min(430px,100%);background:var(--page);display:flex;flex-direction:column;transform:translate(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);box-shadow:-20px 0 60px #0f251d2e}.cd[open-drawer] .cd-panel{transform:none}.cd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line);flex:0 0 auto}.cd-head h2{margin:0;font-size:17px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.cd-head h2 span{color:var(--muted);font-weight:600}.cd-close{width:38px;height:38px;border:0;background:var(--soft);border-radius:50%;display:grid;place-items:center;color:var(--ink)}.cd-close:hover{background:var(--cream)}.cd-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 22px}.cd-foot{flex:0 0 auto;border-top:1px solid var(--line);background:#fff;padding:18px 22px max(18px,env(safe-area-inset-bottom))}.cd-prog{background:var(--soft);border-radius:16px;padding:14px 16px;margin:18px 0;font-size:13px}.cd-prog b{font-family:var(--head);font-weight:700}.cd-prog .track{height:7px;border-radius:99px;background:#236b4c29;margin-top:10px;overflow:hidden}.cd-prog .fill{height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:99px;transition:width .45s ease}.cd-prog.unlocked{background:#e9f4ec}.cd-line{display:grid;grid-template-columns:78px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.cd-line img{width:78px;height:78px;object-fit:cover;border-radius:14px;background:var(--soft)}.cd-line h3{margin:0 0 3px;font-size:14.5px;line-height:1.3}.cd-line .v{font-size:12px;color:var(--muted);margin:0 0 8px}.cd-line .gift{display:inline-block;background:var(--gold);color:#3a2a06;font-family:var(--head);font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:99px;margin-bottom:6px}.cd-line .lp{font-family:var(--head);font-weight:800;font-size:14.5px;white-space:nowrap}.cd-line .lp s{display:block;font-weight:500;font-size:12px;color:var(--muted)}.cd-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:99px;background:#fff;overflow:hidden}.cd-qty button{width:32px;height:32px;border:0;background:transparent;font-size:16px;color:var(--ink);line-height:1}.cd-qty span{min-width:26px;text-align:center;font-family:var(--head);font-weight:700;font-size:13px}.cd-rm{border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;margin-left:12px;padding:0}.cd-rm:hover{color:var(--ink)}.cd-upsell{margin:22px 0 6px}.cd-upsell h4{font-family:var(--head);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.cd-rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.cd-rail::-webkit-scrollbar{height:0}.cd-up{flex:0 0 208px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;display:flex;gap:10px;align-items:center}.cd-up img{width:56px;height:56px;object-fit:cover;border-radius:12px;background:var(--soft);flex:0 0 auto}.cd-up .t{font-family:var(--head);font-size:12.5px;font-weight:700;line-height:1.25;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cd-up .p{font-size:12px;color:var(--muted)}.cd-up button{margin-top:6px;border:0;background:var(--green);color:#fff;font-family:var(--head);font-size:11px;font-weight:700;padding:6px 12px;border-radius:99px}.cd-up button:disabled{opacity:.55}.cd-row{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;padding:3px 0}.cd-row.save{color:var(--green);font-weight:600}.cd-row.tot{font-family:var(--head);font-size:18px;font-weight:800;margin-top:6px}.cd-note{font-size:11.5px;color:var(--muted);text-align:center;margin:12px 0 0}.cd-foot .btn{margin-top:12px}.cd-empty{text-align:center;padding:64px 0}.cd-empty h3{font-size:19px;margin-bottom:8px}.cd-empty p{color:var(--muted);font-size:14px;margin-bottom:22px}.bag[busy]{opacity:.6;pointer-events:none}.tiers{display:grid;gap:10px;margin:24px 0}.tier{position:relative;display:grid;grid-template-columns:22px 1fr auto;gap:14px;align-items:center;border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:15px 18px;cursor:pointer;transition:.18s}.tier:hover{border-color:#236b4c73}.tier input{position:absolute;opacity:0;pointer-events:none}.tier .dot{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center}.tier .dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--green);transform:scale(0);transition:.18s}.tier input:checked~.dot:after{transform:scale(1)}.tier:has(input:checked){border-color:var(--green);background:#f4f9f5}.tier .lbl{font-family:var(--head);font-size:14.5px;font-weight:700}.tier .sub{font-size:12px;color:var(--muted);margin-top:2px}.tier .amt{text-align:right;font-family:var(--head);font-weight:800;font-size:15px;white-space:nowrap}.tier .amt s{display:block;font-weight:500;font-size:12px;color:var(--muted)}.tier .flag{position:absolute;top:-9px;right:16px;background:var(--gold);color:#3a2a06;font-family:var(--head);font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:4px 10px;border-radius:99px}.combos{display:grid;gap:12px;margin:28px 0}.combo{display:grid;grid-template-columns:74px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;transition:.2s}.combo:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.combo img{width:74px;height:74px;object-fit:cover;border-radius:13px;background:var(--soft)}.combo .t{font-family:var(--head);font-size:14px;font-weight:700;line-height:1.3;margin-bottom:4px}.combo .s{font-size:12px;color:var(--muted)}.combo .pr{text-align:right;font-family:var(--head);font-weight:800;font-size:14.5px;white-space:nowrap}.combo .pr s{display:block;font-weight:500;font-size:11.5px;color:var(--muted)}.satc{position:fixed;left:0;right:0;bottom:0;z-index:75;background:#fffffff7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:10px 0 max(10px,env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .28s ease;box-shadow:0 -8px 30px #204b3914}.satc[show]{transform:none}.satc-in{display:flex;align-items:center;gap:14px}.satc img{width:46px;height:46px;object-fit:cover;border-radius:11px;background:var(--soft);flex:0 0 auto}.satc .t{flex:1;min-width:0}.satc .t b{display:block;font-family:var(--head);font-size:13.5px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.satc .t span{font-size:12.5px;color:var(--muted)}.satc .t span s{margin-left:6px;font-size:11.5px}.satc .btn{flex:0 0 auto;padding:14px 26px}@media(max-width:900px){body.tpl-product{padding-bottom:78px}.tabbar{display:none}body.tpl-product .satc{bottom:0}}@media(max-width:640px){.cd-panel{width:100%}.cd-body,.cd-head,.cd-foot{padding-left:16px;padding-right:16px}.cd-line{grid-template-columns:64px 1fr;gap:12px}.cd-line img{width:64px;height:64px}.cd-line .lp{grid-column:2;text-align:left;margin-top:8px}.satc .btn{padding:13px 18px;font-size:13.5px}.satc img{width:42px;height:42px}.tier{padding:13px 14px;gap:10px}.tier .lbl{font-size:13.5px}.combo{grid-template-columns:62px 1fr;gap:12px}.combo img{width:62px;height:62px}.combo .pr{grid-column:2;text-align:left;margin-top:4px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/ayutri-commerce.css.map */