.hero-phone{width:45%;height:386px;top:88px;transform:rotate(3deg);container-type:inline-size;border-color:#142643;box-shadow:0 25px 48px #172f6033,0 0 0 1px #7891b140}.phone-bar{height:16px;align-items:flex-start;padding-top:3px}.hp-ui{height:calc(100% - 16px);position:relative;display:flex;flex-direction:column;background:#f3f6fb;font-size:clamp(8px,4.8cqw,12px);line-height:1.25;color:#182d4f;overflow:hidden}.hp-ui svg{width:1.5em;height:1.5em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.hp-header{display:flex;align-items:center;gap:.6em;padding:.9em .85em .7em;background:#fff;border-bottom:1px solid #e8edf6}.hp-header>img{width:2.5em;height:2.5em;object-fit:contain;border:1px solid #dce7d1;border-radius:.65em;padding:.2em;background:#f7faee}.hp-header>div{flex:1;min-width:0}.hp-header b{font-size:1.05em;display:block;letter-spacing:-.03em}.hp-header small{font-size:.66em;color:#8190a5;display:block;margin-top:.2em}.hp-cart-icon{position:relative;color:#315bea;margin:.2em .35em .1em .1em}.hp-cart-icon i{position:absolute;right:-.65em;top:-.7em;background:#315bea;color:#fff;border:2px solid white;min-width:1.6em;height:1.6em;display:grid;place-items:center;border-radius:50%;font-size:.7em;font-style:normal;font-weight:700}.hp-search{display:flex;align-items:center;gap:.5em;border:1px solid #dce5f4;background:#fff;margin:.65em .8em .45em;border-radius:.6em;padding:.55em .6em;color:#8a98af;min-height:2.4em}.hp-search svg{width:1.15em;height:1.15em;color:#55709a}.hp-search span{flex:1}.hp-search i{height:1em;border-right:1px solid #2b55d7;opacity:0}.hero-phone[data-phase=search] .hp-search{border-color:#86a3fc;box-shadow:0 0 0 2px #315bea0d}.hero-phone[data-phase=search] .hp-search i{opacity:1;animation:hp-caret .7s steps(1) infinite}.hero-phone:not([data-phase=browse]) .hp-search span{color:#243d65}.hp-category{display:flex;align-items:center;justify-content:space-between;margin:.2em 1em .6em;font-size:.7em}.hp-category b{background:#e6edff;color:#3054b7;border-radius:4px;padding:.35em .6em}.hp-category>span{color:#788ca9}.hp-browser{flex:1;min-height:0;overflow:hidden;padding:0 .65em .55em}.hp-products{display:grid;grid-template-columns:1fr 1fr;gap:.5em;align-content:start}.hp-product{background:#fff;border:1px solid #e0e7f2;border-radius:.7em;padding:.55em;min-width:0;box-shadow:0 3px 6px #283e6710;transition:border-color .25s,background .25s}.hp-photo{position:relative;display:grid;place-items:center;height:4.4em;background:#fafbfd;border-radius:.4em;margin-bottom:.4em}.hp-photo img{width:auto;max-width:80%;height:4.1em;max-height:4.4em;object-fit:contain}.hp-photo i{position:absolute;right:-.15em;top:-.15em;font-style:normal;border-radius:50%;background:#129579;color:#fff;width:1.5em;height:1.5em;text-align:center;padding-top:.1em;font-size:.8em;opacity:0;transform:scale(.6);transition:.25s}.hp-product>b{display:block;font-size:.76em;white-space:nowrap;letter-spacing:-.04em}.hp-product>small{display:block;font-size:.6em;color:#94a0b3;margin-top:.15em}.hp-product>strong{display:block;font-size:.92em;margin:.35em 0 .5em;color:#223e6d}.hp-stepper{display:flex;align-items:center;justify-content:space-between;border:1px solid #d8e3f7;border-radius:.4em;height:1.7em;color:#6f84a7;font-size:.85em}.hp-stepper>span{display:grid;place-items:center;width:1.65em;height:100%;position:relative}.hp-stepper>b{color:#263f67;font-size:.95em}.hp-plus{color:#315bea;font-weight:700;background:#edf2ff;border-left:1px solid #dbe4f7;border-radius:0 .3em .3em 0}.hp-product.selected{border-color:#3ba88f;background:#fbfffd}.hp-product.selected .hp-photo i{opacity:1;transform:scale(1)}.hero-phone[data-phase=select-a] [data-hero-product=a] .hp-plus:after,.hero-phone[data-phase=select-b] [data-hero-product=b] .hp-plus:after,.hero-phone[data-phase=review] .hp-cart-icon:after{content:"";position:absolute;width:1.65em;height:1.65em;border:2px solid #ffae42;background:#ffbc5b30;border-radius:50%;top:50%;left:50%;animation:hp-touch .65s infinite}.hp-cart-bar{display:flex;align-items:center;gap:.6em;background:#315bea;color:#fff;padding:.8em .75em;box-shadow:0 -4px 12px #1c429a15;flex:none}.hp-cart-bar>span{flex:1;min-width:0}.hp-cart-bar b{display:block;font-size:.85em}.hp-cart-bar small{font-size:.62em;display:block;color:#dce5ff;margin-top:.1em}.hp-cart-bar>strong{font-size:.87em;white-space:nowrap;letter-spacing:-.04em}.hp-cart-panel{position:absolute;inset:4.35em 0 0;background:#fff;padding:1em .9em .8em;display:flex;flex-direction:column;opacity:0;transform:translateY(30px);pointer-events:none;transition:opacity .45s,transform .45s;box-shadow:0 -5px 24px #1c366419;z-index:3}.hero-phone[data-phase=cart] .hp-cart-panel{opacity:1;transform:none}.hp-panel-title{display:flex;justify-content:space-between;align-items:center;gap:.5em}.hp-panel-title>b{font-size:1.25em;letter-spacing:-.035em}.hp-panel-title>span{border-radius:20px;background:#edf3ff;color:#46689e;font-size:.65em;padding:.45em .6em}.hp-ready{font-size:.65em;color:#138b72;background:#eaf8f1;border-radius:.4em;margin:.85em 0;padding:.6em;line-height:1.35}.hp-order-item{display:flex;align-items:center;gap:.5em;padding:.8em 0;border-bottom:1px solid #e7edf5}.hp-order-item>img{width:2.4em;height:3.4em;object-fit:contain}.hp-order-item>div{flex:1;min-width:0}.hp-order-item b{font-size:.75em;display:block;letter-spacing:-.04em}.hp-order-item small{font-size:.65em;display:block;color:#8190a5;margin-top:.3em}.hp-order-item>strong{font-size:.8em;white-space:nowrap;letter-spacing:-.04em}.hp-order-total{display:flex;justify-content:space-between;align-items:center;gap:.5em;margin-top:auto;padding:1em 0 .9em}.hp-order-total>span{font-size:.72em;color:#5d7292}.hp-order-total small{font-size:.82em;display:block;margin-top:.3em;color:#8c9bb0}.hp-order-total>b{font-size:1.18em;letter-spacing:-.06em}.hp-send{display:flex;justify-content:space-between;align-items:center;background:#315bea;border-radius:.6em;color:#fff;padding:.85em 1em;font-size:.83em;font-weight:700}.hp-confirm{font-size:.58em;display:block;text-align:center;color:#8996ac;padding-top:.6em}.hero-art-caption{display:flex;flex-wrap:wrap;align-items:center;gap:8px;right:0;font-size:8px}.hero-art-caption button{border:0;border-left:1px solid #c8d5f0;padding:0 0 0 9px;background:none;color:#3559b0;font-size:9px;text-decoration:underline;text-underline-offset:3px}.hp-paused *,.hp-paused *:before,.hp-paused *:after{animation-play-state:paused!important}@keyframes hp-touch{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}@keyframes hp-caret{50%{opacity:0}}@keyframes phone-in{0%{opacity:0;transform:translateY(16px) rotate(7deg)}to{opacity:1;transform:rotate(3deg)}}@media(min-width:761px)and (max-width:1050px){.hero-phone{height:340px;top:80px;width:47%}}@media(max-width:760px){.hero-phone{height:300px;width:52%;top:52px;right:0;border-width:5px;border-radius:23px}.floating-order{left:0;padding:11px 13px;bottom:13px;gap:8px}.floating-order .check-round{width:24px;height:24px}.floating-order strong{font-size:11px}.floating-order small{font-size:8px}.hero-art-caption{left:0;bottom:-10px;gap:6px;font-size:7px}.hero-art-caption button{font-size:8px}}@media(max-width:360px){.hero-phone{height:277px;top:42px}.hero-art-caption{font-size:6.5px}}@media(prefers-reduced-motion:reduce){.hp-cart-panel{transition:none}.hero-phone{transform:rotate(3deg)}}