:root{--i-bg:#F2F2F7;--i-card:#fff;--i-label:#1C1C1E;--i-2:#3C3C43;--i-3:#8E8E93;--i-sep:rgba(60,60,67,.16);--i-fill:rgba(118,118,128,.12);--i-blue:#007AFF;--i-green:#34C759;--i-orange:#FF9500;--i-red:#FF3B30;--i-pink:#FF2D55;--i-purple:#AF52DE;--i-teal:#30B0C7;--i-indigo:#5856D6;--i-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,system-ui,"Segoe UI",Roboto,sans-serif;--i-glass:rgba(255,255,255,.72);--i-blur:blur(24px) saturate(190%);--i-r:18px;--i-shadow:0 12px 30px -18px rgba(0,0,0,.25)}body{background:var(--i-bg)!important}.ios{font-family:var(--i-font);color:var(--i-label);-webkit-font-smoothing:antialiased;line-height:1.4;letter-spacing:-.01em}.ios *,.ios *:before,.ios *:after{box-sizing:border-box}.ios a{color:inherit;text-decoration:none}.ios img{display:block;max-width:100%;height:auto}.ios h1,.ios h2,.ios h3,.ios h4,.ios p{margin:0;font-family:var(--i-font);color:inherit;text-transform:none;letter-spacing:-.02em}.ios button{font-family:var(--i-font)}.ios :focus-visible{outline:3px solid rgba(0,122,255,.5);outline-offset:2px;border-radius:10px}.ios-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ios-w{max-width:1200px;margin:0 auto;padding-inline:16px}.ios-lt{font-size:34px;font-weight:800;line-height:1.1;letter-spacing:-.03em}.ios-sub{color:var(--i-3);font-size:15px;margin-top:4px}.ios-sh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:28px 0 12px}.ios-sh h2{font-size:22px;font-weight:700}.ios-sh a{color:var(--i-blue);font-size:15px;font-weight:500}.ios-btn{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;cursor:pointer;font:600 17px var(--i-font);border-radius:14px;padding:15px 18px;transition:transform .15s,opacity .15s,filter .15s;text-align:center}.ios-btn:active{transform:scale(.97);filter:brightness(.92)}.ios-btn[disabled]{opacity:.45;cursor:not-allowed}.ios-btn--p{background:var(--i-blue);color:#fff!important}.ios-btn--s{background:var(--i-fill);color:var(--i-blue)!important}.ios-btn--g{background:var(--i-green);color:#fff!important}.ios-btn i{font-style:normal;font-size:13px;font-weight:700;background:#ffffff38;padding:2px 9px;border-radius:99px}.ios-nav{position:sticky;top:0;z-index:40;background:var(--i-glass);-webkit-backdrop-filter:var(--i-blur);backdrop-filter:var(--i-blur);border-bottom:.5px solid var(--i-sep)}.ios-nav .ios-w{display:flex;align-items:center;gap:12px;height:54px}.ios-logo{font-weight:800;font-size:19px;letter-spacing:-.03em;display:flex;align-items:center;gap:8px}.ios-logo img{max-height:32px;width:auto;border-radius:8px}.ios-logo span.dot{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#0a84ff,#5e5ce6);display:grid;place-items:center;color:#fff;font-size:15px}.ios-navl{display:flex;gap:2px;margin-left:12px}.ios-navl a{font-size:15px;font-weight:500;color:var(--i-2);padding:7px 12px;border-radius:99px}.ios-navl a:hover,.ios-navl a.on{background:var(--i-fill);color:var(--i-label)}.ios-act{margin-left:auto;display:flex;gap:6px;align-items:center}.ios-ib{-webkit-appearance:none;appearance:none;position:relative;width:38px;height:38px;border-radius:50%;border:0;background:var(--i-fill);color:var(--i-blue);display:grid;place-items:center;cursor:pointer;padding:0}.ios-ib svg{width:20px;height:20px}.ios-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--i-red);color:#fff;font:700 11px/18px var(--i-font);text-align:center;border:2px solid #fff}.ios-badge[data-n="0"]{display:none}.ios-badge.bump{animation:iosbump .5s cubic-bezier(.3,1.8,.5,1)}@keyframes iosbump{40%{transform:scale(1.4)}}.ios-ann{background:#1c1c1e;color:#fff;font:500 13px var(--i-font);text-align:center;padding:8px 16px}.ios-ann b{color:#30d158}@media(max-width:749px){.ios-navl{display:none}}.ios-tab{position:fixed;left:0;right:0;bottom:0;z-index:45;display:none;background:var(--i-glass);-webkit-backdrop-filter:var(--i-blur);backdrop-filter:var(--i-blur);border-top:.5px solid var(--i-sep);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}.ios-tab .in{display:grid;grid-template-columns:repeat(4,1fr);max-width:520px;margin:0 auto}.ios-tab a,.ios-tab button{-webkit-appearance:none;appearance:none;position:relative;display:grid;justify-items:center;gap:2px;font:500 10.5px var(--i-font);color:var(--i-3);background:none;border:0;padding:4px 0;cursor:pointer}.ios-tab svg{width:25px;height:25px}.ios-tab .on{color:var(--i-blue)}.ios-tab .ios-badge{top:0;right:calc(50% - 22px)}@media(max-width:749px){.ios-tab{display:block}body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}.ios-sf{display:flex;align-items:center;gap:8px;background:var(--i-fill);border-radius:12px;padding:9px 12px;margin:14px 0 4px;cursor:text}.ios-sf svg{width:18px;height:18px;color:var(--i-3);flex:none}.ios-sf input{all:unset;flex:1;min-width:0;font:400 17px var(--i-font);color:var(--i-label)}.ios-sf input::placeholder{color:var(--i-3)}.ios-hero{display:grid;grid-auto-flow:column;grid-auto-columns:min(86%,560px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 16px 8px;margin:14px -16px 0}.ios-hero::-webkit-scrollbar{display:none}.ios-hc{position:relative;overflow:hidden;isolation:isolate;scroll-snap-align:center;min-height:220px;border-radius:24px;padding:22px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;background:var(--g);box-shadow:0 20px 40px -24px #00000073}.ios-hc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 80% at 100% 0%,rgba(255,255,255,.35),transparent 60%)}.ios-hc small{font:700 12px var(--i-font);text-transform:uppercase;letter-spacing:.06em;opacity:.85}.ios-hc h3{font-size:28px;font-weight:800;line-height:1.1;margin-top:4px}.ios-hc p{font-size:15px;opacity:.9;margin-top:6px;max-width:300px}.ios-hc .ios-pill{margin-top:14px}.ios-hc .em{position:absolute;right:18px;top:16px;font-size:64px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.25))}.ios-pill{display:inline-flex;align-items:center;gap:6px;width:max-content;background:#fffffff2;color:var(--i-blue);font:700 15px var(--i-font);padding:8px 16px;border-radius:99px}.ios-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:18px 12px}.ios-app{display:grid;justify-items:center;gap:6px;text-align:center;font:500 12px/1.2 var(--i-font);color:var(--i-label)}.ios-app .ic{position:relative;width:64px;height:64px;border-radius:15px;display:grid;place-items:center;font-size:30px;background:var(--g);box-shadow:inset 0 1px #ffffff59,0 8px 18px -10px #00000080;overflow:hidden;transition:transform .2s}.ios-app .ic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 50%)}.ios-app:active .ic{transform:scale(.92)}.ios-app .ic img{width:100%;height:100%;object-fit:cover}.ios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.ios-card{position:relative;display:flex;flex-direction:column;background:var(--i-card);border-radius:var(--i-r);overflow:hidden;box-shadow:var(--i-shadow);transition:transform .2s}.ios-card:active{transform:scale(.98)}.ios-ci{position:relative;display:grid;place-items:center;aspect-ratio:1;background:#fff;overflow:hidden}.ios-ci img{width:100%;height:100%;object-fit:cover}.ios-ph{width:100%;height:100%;display:grid;place-items:center;background:var(--g,linear-gradient(135deg,#E5E5EA,#F2F2F7));font-size:54px}.ios-off{position:absolute;top:10px;left:10px;font:700 12px var(--i-font);color:#fff;background:var(--i-red);padding:3px 8px;border-radius:99px}.ios-so{position:absolute;bottom:10px;left:10px;font:600 12px var(--i-font);color:#fff;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3px 9px;border-radius:99px}.ios-cb{padding:10px 12px 14px;display:grid;gap:4px}.ios-cb h3{font:600 14px/1.3 var(--i-font);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.ios-pr{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;padding-right:40px}.ios-pr b{font:700 17px var(--i-font)}.ios-pr s{font-size:13px;color:var(--i-3)}.ios-cod{font:500 12px var(--i-font);color:var(--i-green)}.ios-add{-webkit-appearance:none;appearance:none;position:absolute;right:10px;bottom:12px;width:34px;height:34px;border-radius:50%;border:0;background:var(--i-blue);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 6px 14px -6px #007affcc}.ios-add svg{width:18px;height:18px}.ios-card form{display:contents}.ios-card form>:not(input):not(.ios-add),.ios-card>:not(.ios-ci):not(.ios-cb):not(form):not(.ios-add){display:none!important}@media(max-width:480px){.ios-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ios-cb{padding:9px 10px 12px}.ios-pr b{font-size:16px}}.ios-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:172px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 16px 16px;margin:0 -16px}.ios-shelf::-webkit-scrollbar{display:none}.ios-shelf>*{scroll-snap-align:start}.ios-gh{font:400 13px var(--i-font);color:var(--i-3);text-transform:uppercase;letter-spacing:.02em;margin:28px 0 7px 16px}.ios-list{background:var(--i-card);border-radius:14px;overflow:hidden}.ios-row{position:relative;display:flex;align-items:center;gap:13px;padding:11px 16px;min-height:52px;color:var(--i-label)}.ios-row+.ios-row:before{content:"";position:absolute;top:0;left:58px;right:0;height:.5px;background:var(--i-sep)}.ios-list.noic .ios-row+.ios-row:before{left:16px}.ios-ic{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:16px;background:var(--c,var(--i-blue))}.ios-ic svg{width:18px;height:18px}.ios-rt{flex:1;min-width:0}.ios-rt b{display:block;font:400 16px/1.3 var(--i-font)}.ios-rt small{display:block;font:400 13px/1.35 var(--i-font);color:var(--i-3)}.ios-rv{color:var(--i-3);font-size:16px;white-space:nowrap}.ios-chev{color:#c4c4c7;width:9px;flex:none}a.ios-row:active,summary.ios-row:active{background:#e5e5ea}.ios-acc>summary{list-style:none;cursor:pointer}.ios-acc>summary::-webkit-details-marker{display:none}.ios-acc>summary .ios-chev{transition:transform .2s}.ios-acc[open]>summary .ios-chev{transform:rotate(90deg)}.ios-acc>div{padding:0 16px 14px 59px;font-size:15px;color:var(--i-2)}.ios-acc+.ios-acc{border-top:.5px solid var(--i-sep)}@media(min-width:900px){.ios-list.two{display:grid;grid-template-columns:1fr 1fr}.ios-list.two .ios-row:nth-child(2):before{display:none}.ios-list.two .ios-row:nth-child(2n){border-left:.5px solid var(--i-sep)}}.ios-seg{display:inline-flex;background:var(--i-fill);border-radius:10px;padding:2px;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}.ios-seg a,.ios-seg label{flex:none;font:500 13px var(--i-font);padding:6px 12px;border-radius:8px;color:var(--i-label);cursor:pointer;white-space:nowrap}.ios-seg .on,.ios-seg input:checked+span{background:#fff;box-shadow:0 3px 8px #0000001f,0 1px 1px #0000000a;font-weight:600}.ios-seg input{position:absolute;opacity:0;pointer-events:none}.ios-seg label span{display:block;margin:-6px -12px;padding:6px 12px;border-radius:8px}.ios-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 16px;margin:0 -16px}.ios-chips a{flex:none;font:500 15px var(--i-font);padding:7px 14px;border-radius:99px;background:var(--i-card);color:var(--i-label);box-shadow:0 1px 2px #0000000f}.ios-chips a.on{background:var(--i-label);color:#fff}.ios-ft{padding:20px 0 40px;margin-top:40px}.ios-ft p{font-size:12px;color:var(--i-3);text-align:center;margin-top:18px}.ios-pay{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}.ios-pay span{font:600 11px var(--i-font);color:var(--i-2);background:var(--i-card);border-radius:7px;padding:4px 9px}.ios-pay svg{height:22px;width:auto;border-radius:4px}.ios-toast{position:fixed;left:50%;top:calc(10px + env(safe-area-inset-top,0px));z-index:300;width:min(400px,calc(100% - 20px));transform:translate(-50%,-150%);transition:transform .5s cubic-bezier(.2,1.2,.3,1);font-family:var(--i-font);color:var(--i-label)}.ios-toast.on{transform:translate(-50%)}.ios-toast .in{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:22px;background:#ffffffc7;-webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);box-shadow:0 18px 40px -14px #00000059,0 0 0 .5px #0000000f}.ios-toast .im{width:48px;height:48px;border-radius:11px;overflow:hidden;background:var(--i-bg);display:grid;place-items:center;font-size:22px}.ios-toast .im img{width:100%;height:100%;object-fit:cover}.ios-toast strong{display:flex;align-items:center;gap:6px;font:600 15px var(--i-font)}.ios-toast strong i{width:18px;height:18px;border-radius:50%;background:var(--i-green);color:#fff;display:grid;place-items:center;font:700 11px var(--i-font);font-style:normal}.ios-toast.err strong i{background:var(--i-red)}.ios-toast p{margin:1px 0 0;font-size:13px;color:var(--i-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-toast .x{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;border:0;background:var(--i-fill);color:var(--i-3);cursor:pointer;font:700 12px var(--i-font);display:grid;place-items:center;padding:0;align-self:start}.ios-toast .ac{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ios-toast .ac a{font:600 15px var(--i-font);text-align:center;padding:10px;border-radius:12px;background:var(--i-fill);color:var(--i-blue);text-decoration:none}.ios-toast .ac a:last-child{background:var(--i-blue);color:#fff}.ios-so-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:none;background:#f2f2f7b8;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);overflow-y:auto;font-family:var(--i-font);color:var(--i-label);padding:calc(10px + env(safe-area-inset-top,0px)) 16px 24px}.ios-so-ov.on{display:block;animation:iosfade .2s ease}@keyframes iosfade{0%{opacity:0}}.ios-so-in{max-width:640px;margin:0 auto}.ios-so-bar{display:flex;align-items:center;gap:10px}.ios-so-bar form{flex:1;display:flex;align-items:center;gap:8px;margin:0;background:#76768029;border-radius:12px;padding:9px 12px}.ios-so-bar svg{width:18px;height:18px;color:var(--i-3);flex:none}.ios-so-bar input{all:unset;flex:1;min-width:0;font:400 17px var(--i-font);color:var(--i-label)}.ios-so-bar button{-webkit-appearance:none;appearance:none;border:0;background:none;color:var(--i-blue);font:400 17px var(--i-font);cursor:pointer;padding:4px}.ios-so-res{margin-top:16px}.ios-so-res a .ios-ic{width:44px;height:44px;border-radius:10px;overflow:hidden;background:var(--i-bg);font-size:20px}.ios-so-res a .ios-ic img{width:100%;height:100%;object-fit:cover}.ios-so-tags{display:flex;flex-wrap:wrap;gap:8px}.ios-so-tags a{font:500 15px var(--i-font);padding:8px 14px;border-radius:99px;background:#fff;color:var(--i-blue)}@media(prefers-reduced-motion:reduce){.ios-toast,.ios-card,.ios-app .ic,.ios-btn{transition:none}.ios-so-ov.on{animation:none}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ios-nav,.ios-tab{background:#fffffff7}.ios-so-ov{background:#f2f2f7fa}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/ios.css.map */