@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-grotesque.woff2) format("woff2");font-weight:400 800;font-stretch:100%;font-display:swap}
@font-face{font-family:Geist;src:url(/fonts/geist.woff2) format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/fonts/geist-mono.woff2) format("woff2");font-weight:400 500;font-display:swap}
:root{--canvas:#fff;--card:#f3f3f3;--ink:#0a0a0a;--ink-soft:#575757;--ink-faint:#6b6b6b;--line:#e4e4e4;
--t1:#ececec;--t2:#e7e7e7;--t3:#efefef;--t4:#e9e9e9;--t5:#e3e3e3;
--r:1.75rem;--sh:0 1px 0 #0000000a,0 14px 34px -20px #00000033;--lift:0 18px 50px -18px #0000004d,0 2px 6px -2px #0000001a;
--ex:cubic-bezier(.16,1,.3,1);--fd:"Bricolage Grotesque",Geist,ui-sans-serif,sans-serif;--fs:Geist,ui-sans-serif,system-ui,sans-serif;--fm:"Geist Mono",ui-monospace,monospace;
--s-pill:linear(0,0.0235,0.0794,0.1552,0.2414,0.3232,0.4121,0.4969,0.5754,0.6403,0.7039,0.7595,0.8073,0.8445,0.8789,0.9075,0.9307,0.9494,0.9631,0.975,0.9841,0.991,0.9957,0.9995,1.002,1.0037,1.0047,1.0052,1.0053,1.0052,1.005,1.0046,1.0041,1.0036,1.0032,1.0027,1.0023,1.0019,1.0016,1.0013,1.0011,1.0008,1.0007,1.0005,1.0004,1.0003,1.0002,1);--d-pill:507ms;--s-ring:linear(0,0.025,0.0855,0.1604,0.2554,0.3467,0.4469,0.5343,0.6236,0.697,0.7682,0.8242,0.8762,0.9154,0.9501,0.975,0.9959,1.0111,1.0207,1.0274,1.0309,1.0323,1.032,1.0305,1.0283,1.0253,1.0224,1.0191,1.0163,1.0133,1.0108,1.0084,1.0063,1.0046,1.0031,1.002,1.001,1.0004,0.9998,0.9994,0.9992,0.999,0.999,0.999,0.999,0.9991,0.9991,1);--d-ring:496ms;--s-line:linear(0,0.0247,0.0833,0.1549,0.2443,0.3293,0.4219,0.5021,0.584,0.6514,0.7172,0.7744,0.819,0.8605,0.8921,0.9206,0.9416,0.9601,0.9733,0.9845,0.9928,0.9983,1.0026,1.0052,1.007,1.0079,1.0082,1.0081,1.0077,1.0071,1.0065,1.0057,1.005,1.0043,1.0036,1.003,1.0025,1.002,1.0016,1.0013,1.0009,1.0007,1.0005,1.0004,1.0002,1.0002,1.0001,1);--d-line:497ms;--s-drawer:linear(0,0.0237,0.0746,0.1414,0.2223,0.2999,0.3761,0.4487,0.5213,0.5826,0.638,0.6909,0.7342,0.7722,0.8054,0.8362,0.8608,0.882,0.9001,0.9168,0.9298,0.9409,0.951,0.9589,0.9655,0.9711,0.9762,0.9801,0.9834,0.9863,0.9886,0.9905,0.9921,0.9935,0.9946,0.9955,0.9963,0.997,0.9975,0.9979,0.9983,0.9986,0.9988,0.999,0.9992,0.9994,0.9995,1);--d-drawer:625ms;--s-bar:linear(0,0.019,0.0646,0.1211,0.1931,0.27,0.3409,0.4171,0.4832,0.5512,0.6136,0.6651,0.7159,0.7608,0.7968,0.8313,0.8585,0.8842,0.906,0.9228,0.9384,0.9503,0.9611,0.97,0.9766,0.9825,0.9872,0.9906,0.9935,0.9956,0.9974,0.9987,0.9996,1.0004,1.0008,1.0011,1.0013,1.0014,1.0014,1.0014,1.0013,1.0012,1.0012,1.001,1.0009,1.0008,1.0007,1);--d-bar:500ms;--s-add:linear(0,0.046,0.1483,0.2935,0.4431,0.6005,0.7351,0.8579,0.9502,1.0238,1.071,1.0996,1.1132,1.1138,1.1051,1.0915,1.0739,1.0566,1.0391,1.0245,1.0122,1.002,0.9951,0.9902,0.9877,0.9868,0.9872,0.9885,0.9903,0.9922,0.9943,0.9961,0.9978,0.9991,1.0001,1.0008,1.0013,1.0015,1.0015,1.0014,1.0012,1.001,1.0008,1.0006,1.0004,1.0002,1.0001,1);--d-add:727ms;--s-card:linear(0,0.0308,0.1016,0.2048,0.3165,0.4395,0.5528,0.6642,0.7581,0.8434,0.9101,0.9636,1.0068,1.0361,1.0567,1.068,1.073,1.0727,1.0686,1.0622,1.0544,1.0455,1.037,1.0284,1.0211,1.0143,1.0089,1.0043,1.0009,0.9983,0.9965,0.9954,0.9948,0.9946,0.9948,0.9952,0.9957,0.9963,0.997,0.9976,0.9982,0.9987,0.9992,0.9995,0.9998,1.0,1.0002,1);--d-card:821ms;--s-shadow:linear(0,0.0274,0.0899,0.1811,0.2796,0.3891,0.4906,0.5922,0.6792,0.7608,0.8266,0.8851,0.9297,0.967,0.9936,1.0142,1.0275,1.0363,1.0405,1.0419,1.0408,1.0381,1.0346,1.0302,1.0259,1.0214,1.0173,1.0135,1.0102,1.0073,1.005,1.003,1.0015,1.0003,0.9995,0.9989,0.9985,0.9983,0.9982,0.9983,0.9984,0.9986,0.9987,0.9989,0.9991,0.9993,0.9994,1);--d-shadow:776ms;--s-hero:linear(0,0.0158,0.053,0.1044,0.1646,0.2295,0.2961,0.362,0.4258,0.4864,0.5431,0.5956,0.6436,0.6872,0.7265,0.7617,0.7945,0.8222,0.8465,0.868,0.8867,0.903,0.9172,0.9295,0.9402,0.9493,0.9571,0.9639,0.9696,0.9745,0.9787,0.9822,0.9853,0.9878,0.9899,0.9917,0.9931,0.9944,0.9954,0.9962,0.997,0.9975,0.998,0.9984,0.9987,0.999,0.9992,1);--d-hero:991ms;--s-badge:linear(0,0.0397,0.1377,0.271,0.4135,0.5634,0.7033,0.826,0.9233,1.0028,1.06,1.0971,1.1163,1.1227,1.1185,1.1068,1.0914,1.0733,1.0548,1.0375,1.0229,1.0102,1.0002,0.993,0.9885,0.9858,0.985,0.9854,0.9867,0.9886,0.9909,0.9931,0.9952,0.9971,0.9987,0.9999,1.0008,1.0014,1.0017,1.0018,1.0018,1.0016,1.0014,1.0011,1.0009,1.0006,1.0004,1);--d-badge:1070ms;--s-deal:linear(0,0.0187,0.0625,0.1265,0.198,0.2746,0.3563,0.4327,0.509,0.5768,0.6389,0.6978,0.7476,0.7915,0.8315,0.8642,0.8934,0.9167,0.9362,0.953,0.966,0.9769,0.9851,0.9915,0.9966,1.0002,1.0028,1.0047,1.0058,1.0065,1.0067,1.0067,1.0065,1.0061,1.0056,1.0051,1.0046,1.004,1.0035,1.0031,1.0026,1.0022,1.0018,1.0015,1.0012,1.001,1.0008,1);--d-deal:959ms;--s-item:linear(0,0.0242,0.0765,0.1465,0.2264,0.3101,0.3935,0.4735,0.5483,0.6168,0.6783,0.7327,0.7803,0.8214,0.8564,0.8859,0.9106,0.931,0.9477,0.9612,0.972,0.9805,0.9871,0.9921,0.9962,0.9989,1.0008,1.0021,1.003,1.0034,1.0036,1.0036,1.0035,1.0033,1.003,1.0027,1.0024,1.0021,1.0018,1.0016,1.0013,1.0011,1.0009,1.0007,1.0006,1.0005,1.0004,1);--d-item:567ms;--s-avatar:linear(0,0.0319,0.1043,0.2105,0.3246,0.451,0.5664,0.6804,0.7754,0.8618,0.9283,0.9841,1.0232,1.0524,1.0697,1.0793,1.0817,1.0794,1.0732,1.0651,1.0551,1.0455,1.0354,1.0266,1.0183,1.0117,1.0058,1.0015,0.9981,0.9958,0.9943,0.9935,0.9933,0.9935,0.994,0.9947,0.9954,0.9963,0.9971,0.9978,0.9985,0.9991,0.9995,0.9999,1.0001,1.0003,1.0005,1);--d-avatar:728ms;--s-toast:linear(0,0.0308,0.0978,0.1959,0.2985,0.413,0.5157,0.619,0.7044,0.7847,0.8472,0.9026,0.9432,0.977,1.0,1.0175,1.0279,1.0341,1.0369,1.037,1.0351,1.0322,1.0283,1.0244,1.0202,1.0164,1.0127,1.0097,1.0069,1.0048,1.0029,1.0016,1.0005,0.9997,0.9992,0.9988,0.9987,0.9986,0.9986,0.9987,0.9989,0.999,0.9992,0.9993,0.9994,0.9996,0.9997,1);--d-toast:587ms;--s-prog:linear(0,0.02,0.068,0.1326,0.2058,0.282,0.3576,0.4299,0.4976,0.5599,0.6163,0.667,0.712,0.7518,0.7867,0.8171,0.8436,0.8665,0.8863,0.9033,0.9179,0.9304,0.941,0.9501,0.9578,0.9644,0.97,0.9747,0.9787,0.982,0.9849,0.9873,0.9893,0.991,0.9925,0.9937,0.9947,0.9956,0.9963,0.9969,0.9974,0.9978,0.9982,0.9985,0.9987,0.9989,0.9991,1);--d-prog:893ms;--s-nav:linear(0,0.0263,0.0825,0.1578,0.2433,0.3328,0.4214,0.506,0.5846,0.6557,0.7189,0.7742,0.8216,0.8618,0.8952,0.9228,0.945,0.9627,0.9766,0.9872,0.9951,1.0008,1.0048,1.0074,1.0089,1.0096,1.0097,1.0095,1.0089,1.0081,1.0073,1.0064,1.0055,1.0047,1.004,1.0033,1.0027,1.0021,1.0017,1.0013,1.001,1.0007,1.0005,1.0003,1.0002,1.0001,1.0,1);--d-nav:518ms;}
*,:before,:after{box-sizing:border-box;margin:0;padding:0;border:0 solid}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:auto}
body{font-family:var(--fs);background:var(--canvas);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;min-height:100vh}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;background:none}button{cursor:pointer}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:99px}.skip:focus{top:12px}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic.s4{width:16px;height:16px}.ic.s3{width:14px;height:14px}
.tab{font-variant-numeric:tabular-nums}
.disp{font-family:var(--fd);letter-spacing:-.035em;font-weight:650;line-height:.95;font-variation-settings:"opsz" 96}
.fd{font-family:var(--fd);font-variation-settings:"opsz" 48}
.eb{font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);font-weight:400}
.tile{background:var(--card);border-radius:var(--r)}
.wrap{padding:0 12px}
.mult{mix-blend-mode:multiply}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:500;height:48px;padding:0 24px;font-size:15px;white-space:nowrap;transition:background-color .3s var(--ex),color .3s var(--ex),box-shadow .3s var(--ex),transform .3s var(--ex)}
.btn:active{transform:scale(.97)}
.btn-p{background:var(--ink);color:#fff}.btn-p:hover{background:#2b2b2b}
.btn-s{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.btn-s:hover{box-shadow:inset 0 0 0 1px #0000004d}
.btn .ic{transition:transform .3s var(--ex)}.btn:hover .arr{transform:translateX(4px)}
/* reveal */
[data-r]{opacity:0;transform:translateY(var(--ry,28px));transition:opacity .9s var(--ex) var(--rd,0s),transform .9s var(--ex) var(--rd,0s)}
[data-r].in{opacity:1;transform:none}
.wr{display:inline-block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em;vertical-align:bottom}
.wr>span{display:inline-block;transform-origin:0 100%}
[data-w] .wr>span{transform:translateY(110%) rotate(4deg);transition:transform 1s var(--ex);transition-delay:calc(var(--wd,0s) + var(--i)*var(--ws,.06s))}[data-w].in .wr>span{transform:none}
h1:not([data-w]) .wr>span{animation:wrin 1s var(--ex) calc(var(--wd,0s) + var(--i)*var(--ws,.06s)) both}@keyframes wrin{from{transform:translateY(110%) rotate(4deg)}}
/* header */
.hdr{position:fixed;inset:0 0 auto;z-index:40;padding:max(.75rem,env(safe-area-inset-top)) 12px 0;view-transition-name:site-nav;pointer-events:none}
.hbar{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;height:64px;border-radius:999px;padding:0 8px 0 10px;background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px #0000000d;transition:background-color .3s,box-shadow .3s;animation:hin .9s var(--ex) .1s both}
.scrolled .hbar,.menu-open .hbar{background:#fffffff2;box-shadow:0 0 0 1px #0000000f,var(--sh);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
@keyframes hin{from{transform:translateY(-30px);opacity:0}}
.logo{display:flex;align-items:center;height:44px}.logo i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--ink)}.logo img{width:34px;height:auto}
.nav{display:none;position:relative;gap:4px;list-style:none}
.nav a{position:relative;z-index:1;display:block;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--ink-soft);transition:color .3s}
.nav a:hover{color:var(--ink)}.nav a.on{color:#fff}
.nav .pl,.seg .pl{position:absolute;left:0;top:0;height:100%;border-radius:999px;background:var(--ink);z-index:0;transition:transform var(--d-pill) var(--s-pill),width var(--d-pill) var(--s-pill),opacity .2s;pointer-events:none}
.nav .hv{position:absolute;left:0;top:0;height:100%;border-radius:999px;background:#0000000f;z-index:0;opacity:0;transition:transform var(--d-nav) var(--s-nav),width var(--d-nav) var(--s-nav),opacity .2s;pointer-events:none}
.hr{display:flex;align-items:center;gap:6px}
.ib{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--ink-soft);transition:background-color .3s,color .3s}.ib:hover{background:#0000000f;color:var(--ink)}
.bag{position:relative;display:flex;align-items:center;gap:8px;height:48px;padding:0 12px 0 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:500}
.bag .ic{width:18px;height:18px}.bag b{display:grid;place-items:center;height:24px;min-width:24px;padding:0 6px;border-radius:99px;background:#fff;color:var(--ink);font-size:12px;font-weight:600;overflow:hidden}
.bag .bl{display:none}.bag.bump{animation:bump .45s var(--ex)}@keyframes bump{30%{transform:scale(1.12)}60%{transform:scale(.96)}}
.burger{color:var(--ink)}
.burger .x{display:none}.menu-open .burger .x{display:block}.menu-open .burger .m{display:none}
.mpanel{pointer-events:auto;margin-top:8px;max-height:calc(100dvh - 6rem);overflow:auto;border-radius:28px;background:#fff;padding:8px;box-shadow:var(--lift),0 0 0 1px var(--line);opacity:0;transform:translateY(-12px);visibility:hidden;transition:opacity .35s var(--ex),transform .35s var(--ex),visibility 0s .35s}
.menu-open .mpanel{opacity:1;transform:none;visibility:visible;transition:opacity .35s var(--ex),transform .35s var(--ex)}
.mpanel a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;border-radius:16px;font-family:var(--fd);font-size:1.6rem;font-weight:600;letter-spacing:-.025em;opacity:0;transform:translateX(-12px);transition:opacity .4s var(--ex),transform .4s var(--ex),background-color .2s;transition-delay:0s}
.mpanel a:hover{background:#0000000a}.mpanel a small{font-family:var(--fs);font-size:13px;font-weight:400;color:var(--ink-faint);letter-spacing:0}
.menu-open .mpanel a{opacity:1;transform:none;transition-delay:calc(var(--i)*.04s)}
.mscrim{position:fixed;inset:0;z-index:39;background:#0000001a;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}.menu-open .mscrim{opacity:1;visibility:visible;transition:opacity .3s}
/* hero bento */
.hero{padding:5.5rem 12px 0}
.bento{display:grid;gap:12px}
.ht{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:20px}

.chip{display:inline-flex;width:fit-content;align-items:center;gap:8px;border-radius:999px;background:#fff;padding:6px 14px 6px 8px;font-size:12px;font-weight:500}
.ping{position:relative;display:grid;place-items:center;width:20px;height:20px}.ping:before,.ping:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink);grid-area:1/1}.ping:before{background:#0009;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}
@keyframes ping{75%,to{transform:scale(2);opacity:0}}

.h1{margin-top:20px;max-width:13ch;font-size:2.6rem}
.hp{max-width:38ch;font-size:15px;line-height:1.55;color:var(--ink-soft)}
.hbtns{margin-top:20px;display:grid;grid-template-columns:1.35fr 1fr;gap:10px}.hbtns .btn{padding:0 16px;width:100%}
.mag{display:block}
.hrate{margin-top:20px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:16px}
.avs{display:flex}.avs span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;margin-left:-12px;box-shadow:0 0 0 3px var(--card);font-family:var(--fd);font-weight:600;font-size:14px;color:#fff;background:var(--ink);animation:avin .5s ease-out calc(1.15s + var(--i)*.08s) both,avx var(--d-avatar) var(--s-avatar) calc(1.15s + var(--i)*.08s) both}@keyframes avin{from{opacity:0}}@keyframes avx{from{transform:translateX(-12px)}}
.avs span:first-child{margin-left:0}.avs span:nth-child(2){background:#3a3a3a}.avs span:nth-child(3){background:#6b6b6b}

.hrate p{font-size:13px;line-height:1.25}.hrate .st{display:flex;align-items:center;gap:4px;font-weight:500}.hrate .st .ic{fill:var(--ink);stroke:none}
.star{width:14px;height:14px;fill:var(--ink)}
/* media tile (video slot) */
.hm{position:relative;min-height:440px;overflow:hidden;border-radius:var(--r);background:var(--t1);isolation:isolate}
.hm .media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hm .media>*{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:50% 30%;transform:translate3d(var(--mx,0),var(--my,0),0)}
.hm .media img{animation:mdin 2.2s var(--ex) .2s both}@keyframes mdin{from{transform:scale(1.1)}}
.hm:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(#0000,#00000040);z-index:-1;pointer-events:none}
.hmt{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;padding:24px}
.hmt .nm{margin-top:4px;font-family:var(--fd);font-size:1.5rem;font-weight:600;letter-spacing:-.025em}
.badge{position:relative;display:grid;place-items:center;width:84px;height:84px;flex:none;border-radius:50%;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:bdin var(--d-badge) var(--s-badge) 1s both}@keyframes bdin{from{transform:scale(0) rotate(-90deg)}}
.badge svg.rt{position:absolute;inset:0;width:100%;height:100%;animation:spin 14s linear infinite}.badge text{font-family:var(--fm);font-size:9.3px;letter-spacing:.06em;text-transform:uppercase;fill:var(--ink)}
.badge i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink)}.badge i img{width:26px}
@keyframes spin{to{transform:rotate(360deg)}}
.glass{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:999px;background:#ffffffcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 8px 8px 20px}
.glass .pr{font-family:var(--fd);font-size:1.25rem;font-weight:600;line-height:1.1}.glass .pr s{display:block;font-family:var(--fs);font-size:12px;font-weight:400;color:var(--ink-faint)}
.glass .btn{height:44px;padding:0 20px;font-size:14px}.glass .dt{display:none;height:44px;align-items:center;border-radius:99px;padding:0 16px;font-size:14px;font-weight:500}.glass .dt:hover{background:#0000000d}
/* offer tile (swinging) */
.ot{position:relative;display:flex;min-height:220px;overflow:hidden;border-radius:var(--r);background:var(--t2);padding:24px}
.ot .tx{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between}
.big3{font-family:var(--fd);font-size:1.875rem;line-height:1.15;font-weight:600;letter-spacing:-.025em}
.sub{margin-top:4px;display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--ink-soft)}
.ot .sub .ic{transition:transform .3s}.ot:hover .sub .ic{transform:translate(2px,-2px)}
.swing{position:absolute;top:-6%;right:4%;height:118%;width:auto;max-width:56%;transform-origin:50% 0;animation:swing 4.5s ease-in-out infinite;object-fit:contain}
@keyframes swing{0%,to{transform:rotate(3deg)}50%{transform:rotate(-3deg)}}
.hook{position:absolute;top:0;right:calc(4% + 28%);width:2px;height:7%;background:#0000002e;z-index:0}
/* delivery tile */
.dt2{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:20px;overflow:hidden;padding:24px}
.dt2 .big3{line-height:1}.dt2 p.s{margin-top:8px;font-size:14px;color:var(--ink-soft)}
.road{position:relative;height:36px;overflow:hidden}.road:before{content:"";position:absolute;left:0;top:50%;width:200%;border-top:2px dashed var(--line);border-color:#cfcfcf;animation:road 6s linear infinite}
@keyframes road{to{transform:translateX(-50%)}}
.truck{position:absolute;inset:0;animation:truck 4.8s cubic-bezier(.45,0,.55,1) infinite}.truck span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff}
@keyframes truck{0%{transform:translateX(-12%)}87.5%,to{transform:translateX(104%)}}
/* marquee */
.mq{overflow:hidden;padding:28px 0}.mq .tr{display:flex;width:max-content;white-space:nowrap;will-change:transform}
.mq .g{display:flex;align-items:center;flex:none}.mq .g span.w{padding:0 24px;font-family:var(--fd);font-size:clamp(2.25rem,5vw,4.5rem);font-weight:600;letter-spacing:-.04em;line-height:1.1}
.mq .g i{width:12px;height:12px;border-radius:50%;background:var(--ink);flex:none}
/* section head */
.sec{padding:0 12px}
.sh{margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 16px;padding-top:56px}.sh.tight{padding-top:4px}
.sh h2{margin-top:10px;font-size:clamp(2.15rem,5vw,4.5rem)}
.lk{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:500}.lk span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--card);transition:transform .3s}.lk:hover span{transform:translateX(4px)}
/* categories */
.cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cat{position:relative;display:flex;height:100%;min-height:200px;overflow:hidden;border-radius:var(--r);padding:16px}
.cat.big{grid-column:span 2;min-height:300px;padding:24px}
.cat .tp{position:relative;z-index:1;display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:8px}
.cat .n{font-family:var(--fd);font-weight:600;letter-spacing:-.025em;font-size:1.25rem;line-height:1.2}.cat.big .n{font-size:2.25rem;line-height:1.1}
.cat .c{margin-top:4px;font-size:14px;color:var(--ink-soft)}
.arrc{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:#ffffffcc;transition:transform .5s var(--ex),background-color .5s var(--ex),color .5s var(--ex)}
.cat:hover .arrc,.cat:focus-visible .arrc{transform:rotate(-45deg);background:var(--ink);color:#fff}
.cat img{position:absolute;bottom:4%;right:4%;height:66%;width:auto;object-fit:contain;transition:transform .7s var(--ex)}.cat.big img{height:82%;bottom:2%;right:4%}
.cat:hover img{transform:translateY(-12px) rotate(-3deg)}
.cat.off{grid-column:span 2;min-height:150px;background:var(--ink);color:#fff;align-items:stretch}
.cat.off .c{color:#ffffffb3}.cat.off .arrc{background:#ffffff26;color:#fff}.cat.off:hover .arrc{background:#fff;color:var(--ink)}
.cat.off .pct{position:absolute;right:20px;bottom:-14px;font-family:var(--fd);font-weight:700;font-size:7.5rem;letter-spacing:-.06em;line-height:1;color:#fff;opacity:.95}
.cat.off .pct small{font-size:.4em;letter-spacing:-.03em}
/* tabs seg */
.segw{margin:0 -12px;width:calc(100% + 24px);overflow-x:auto;padding:4px 12px;scrollbar-width:none}.segw::-webkit-scrollbar{display:none}
.seg{position:relative;display:flex;width:max-content;gap:4px;border-radius:999px;background:var(--card);padding:4px}
.seg button{position:relative;z-index:1;display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--ink-soft);transition:color .3s}
.seg button:hover{color:var(--ink)}.seg button[aria-selected=true]{color:#fff}
.seg .pl{top:4px;height:calc(100% - 8px)}
/* product grid + card */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px}
.pc{position:relative}
.pc .im{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r);background:var(--tt,var(--t1));isolation:isolate}
.pc .bd{position:absolute;left:12px;top:12px;z-index:3;border-radius:999px;background:#ffffffe6;padding:4px 10px;font-size:12px;font-weight:500}
.pc .off{position:absolute;right:12px;top:12px;z-index:3;border-radius:999px;background:var(--ink);color:#fff;padding:4px 9px;font-size:11px;font-weight:600;letter-spacing:.02em}
.pc .shd{position:absolute;bottom:7%;left:50%;width:58%;height:20px;margin-left:-29%;border-radius:50%;background:#00000040;filter:blur(10px);opacity:.5;transition:transform var(--d-shadow) var(--s-shadow),opacity .4s;z-index:0}
.pc .fl{position:absolute;inset:5% 7% 8%;transition:transform var(--d-card) var(--s-card);z-index:1}
.pc .fl{mix-blend-mode:multiply}.pc .fl img{width:100%;height:100%;object-fit:contain;transition:opacity .45s var(--ex)}
.pc .fl img.alt{position:absolute;inset:0;opacity:0}
@media (hover:hover){.pc:hover .fl{transform:translateY(-14px) rotate(-2deg)}.pc:hover .shd{transform:scaleX(.78);opacity:.32}}
.pc .meta{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:0 10px;padding:12px 4px 0}
.pc .ct{grid-column:span 2;font-size:12px;color:var(--ink-soft)}
.pc h3{grid-column:span 2;font-size:15px;font-weight:500;line-height:1.35}
.pc .rt{margin-top:4px;display:flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-soft)}.pc .rt em{font-style:normal;color:var(--ink-faint)}
.pc .pr{margin-top:4px;text-align:right;font-family:var(--fd);font-size:17px;font-weight:600;white-space:nowrap}
.pc .pr s{margin-right:6px;font-family:var(--fs);font-size:12px;font-weight:400;color:var(--ink-faint)}
.pc .sw{grid-column:span 2;margin-top:10px;display:flex;gap:10px}
.pc .sw button{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f;transition:transform .2s,box-shadow .2s}.pc .sw button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #00000026,0 0 0 2px #fff,0 0 0 3px var(--ink)}
.pc .sw button:active{transform:scale(.85)}
.abw{position:absolute;left:0;right:0;top:0;aspect-ratio:4/5;pointer-events:none;z-index:4}.addb{pointer-events:auto;position:absolute;right:12px;bottom:12px;z-index:4;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;box-shadow:var(--lift);transition:opacity .3s,transform var(--d-add) var(--s-add)}
.addb:active{transform:scale(.88)!important}
@media (hover:hover){.addb{opacity:0;transform:translateY(8px) rotate(-90deg)}.pc:hover .addb,.addb:focus-visible{opacity:1;transform:none}}
.gi{transition:opacity .6s var(--ex),transform .7s var(--ex)}
.gi.hide{display:none}
/* our way */
.ow{display:grid;gap:12px;padding-top:56px}
.owt{display:flex;flex-direction:column;justify-content:space-between;padding:20px}
.owt .q{margin-top:20px;font-family:var(--fd);font-size:clamp(1.75rem,3.4vw,3.25rem);font-weight:600;line-height:1.08;letter-spacing:-.03em}
.owt .q span{opacity:.18;transition:opacity .15s linear}
.stats{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--line);padding-top:20px}
.stats b{display:block;font-family:var(--fd);font-size:1.875rem;font-weight:600;letter-spacing:-.025em;line-height:1.1}.stats small{display:block;margin-top:4px;font-size:13px;color:var(--ink-soft);line-height:1.3}
.owi{position:relative;min-height:420px;overflow:hidden;border-radius:var(--r);background:var(--t1)}
.owi img.par{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover;will-change:transform}
.pchip{position:absolute;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:16px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px}
.pchip img{width:56px;height:56px;border-radius:12px;background:#fff;object-fit:contain;padding:2px;mix-blend-mode:normal}
.pchip div{min-width:0;flex:1}.pchip p{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pchip small{font-size:13px;color:var(--ink-soft)}
.pchip a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;flex:none}
/* promise */
.prom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pm{display:flex;height:100%;flex-direction:column;justify-content:space-between;gap:20px;border-radius:var(--r);padding:16px}
.pm .pi{display:grid;place-items:center;width:40px;height:40px;border-radius:16px;background:#fff}
.pm:hover .pi{animation:wig .6s}@keyframes wig{25%{transform:rotate(-12deg) translateY(-2px)}60%{transform:rotate(10deg) translateY(-4px)}}
.pm b{display:block;font-family:var(--fd);font-size:2.25rem;font-weight:600;letter-spacing:-.025em;line-height:1.1}.pm b small{font-size:1.125rem}
.pm h3{margin-top:8px;font-weight:500;font-size:16px}.pm p{margin-top:4px;font-size:13px;line-height:1.35;color:var(--ink-soft)}
/* reviews */
.revs{margin:0 -12px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 12px;padding:0 12px 4px;scrollbar-width:none}.revs::-webkit-scrollbar{display:none}
.rv{display:flex;width:84%;flex:none;scroll-snap-align:start;flex-direction:column;justify-content:space-between;padding:24px;opacity:0;transform:translateX(48px);transition:opacity .6s,transform var(--d-deal) var(--s-deal);transition-delay:calc(var(--i)*.08s)}
.revs.in .rv{opacity:1;transform:none}
.rv .stars{display:flex;gap:2px}.rv .stars svg{width:16px;height:16px;fill:var(--ink)}
.rv blockquote{margin-top:16px;font-size:16px;line-height:1.625}
.rv figcaption{margin-top:24px;display:flex;align-items:center;gap:12px;font-size:14px}.rv figcaption i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;font-style:normal;font-family:var(--fd);font-weight:600}
.rv figcaption p{font-weight:500}.rv figcaption small{display:block;color:var(--ink-soft);font-size:14px}
/* letter */
.let{padding:56px 12px}
.letb{position:relative;display:grid;overflow:hidden;border-radius:28px}
.letb .l{position:relative;z-index:1;background:var(--ink);color:#fff;padding:24px}
.letb .eb{color:#fff9}.letb h2{margin-top:12px;font-size:clamp(2.15rem,4.6vw,4.25rem)}
.letb p.s{margin-top:12px;max-width:28rem;font-size:15px;line-height:1.625;color:#ffffffb3}
.nl{margin-top:32px;display:flex;flex-direction:column;gap:8px;max-width:28rem}
.nl input{height:48px;width:100%;border-radius:16px;background:#ffffff1a;padding:0 16px;font-size:15px;color:#fff;box-shadow:inset 0 0 0 1px #fff3;outline:none;transition:box-shadow .3s,background-color .3s}
.nl input::placeholder{color:#ffffff73}.nl input:focus{background:#ffffff26;box-shadow:inset 0 0 0 2px #fff}
.nl button{height:48px;flex:none;border-radius:16px;background:#fff;color:var(--ink);padding:0 20px;font-size:15px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s}.nl button:active{transform:scale(.95)}
.nl.err input{animation:shake .4s;box-shadow:inset 0 0 0 2px #f0a597}
@keyframes shake{20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}
.nl-ok{margin-top:32px;display:inline-flex;align-items:center;gap:12px;border-radius:99px;background:#ffffff1a;padding:8px 20px 8px 8px;animation:pop .5s var(--ex)}.nl-ok i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--ink)}
@keyframes pop{from{opacity:0;transform:scale(.9)}}
.letb .r{position:relative;min-height:220px;background:var(--t1)}.letb .r img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* footer */
.ft{padding:72px 12px 12px}
main[data-page=home]+.ft{padding-top:8px}
main[data-page=product]+.ft{padding-top:16px}
.ftb{position:relative;overflow:hidden;border-radius:28px;background:var(--ink);color:#fff;padding:36px 20px 0}
.ftg{display:grid;gap:36px}
.ftb .tl{max-width:24rem;font-family:var(--fd);font-size:1.6rem;font-weight:600;line-height:1.1;letter-spacing:-.025em}
.ftb .ds{margin-top:12px;max-width:24rem;font-size:14px;line-height:1.625;color:#ffffffb3}
.ftc{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ftc .eb{color:#fff9}.ftc ul{margin-top:8px;list-style:none}
.ftc a{display:inline-flex;min-height:36px;align-items:center;gap:4px;font-size:15px;color:#ffffffd9;transition:color .2s}.ftc a:hover{color:#fff}
.ftc a .ic{opacity:0;transition:all .3s}.ftc a:hover .ic{opacity:1;transform:translate(2px,-2px)}
.flogo{display:flex;justify-content:center;margin-top:44px;padding-bottom:36px}.flogo img{display:block;width:200px;height:auto}
.ftbt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;border-top:1px solid #ffffff26;padding:16px 0;font-size:12px;color:#fff9}
/* drawer */
.dr{position:fixed;inset:0;z-index:50;visibility:hidden;pointer-events:none}
.dr.open{visibility:visible;pointer-events:auto}
.dr .scr{position:absolute;inset:0;background:#0000004d;opacity:0;transition:opacity .4s}.dr.open .scr{opacity:1}
.dr aside{position:absolute;top:8px;bottom:8px;right:8px;display:flex;width:min(440px,calc(100vw - 16px));flex-direction:column;overflow:hidden;border-radius:28px;background:#fff;box-shadow:var(--lift);transform:translateX(108%);transition:transform var(--d-drawer) var(--s-drawer)}
.dr.open aside{transform:none}
.dr header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px}
.dr h2{font-family:var(--fd);font-size:1.875rem;font-weight:600;letter-spacing:-.025em}.dr h2 span{color:var(--ink-faint)}
.xb{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--card);transition:transform .3s}.xb:hover{transform:rotate(90deg)}
.dfree{margin:0 20px 12px;border-radius:16px;background:var(--card);padding:14px}.dfree p{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft)}.dfree p b{color:var(--ink);font-weight:600}
.dbar{margin-top:10px;height:6px;overflow:hidden;border-radius:99px;background:var(--line)}.dbar i{display:block;height:100%;border-radius:99px;background:var(--ink);transform-origin:0 50%;transform:scaleX(0);transition:transform var(--d-prog) var(--s-prog)}
.dl{min-height:0;flex:1;overflow-y:auto;padding:0 20px;overscroll-behavior:contain}
.dl ul{list-style:none;display:grid;gap:12px;padding-bottom:16px}
.dli{display:flex;gap:16px;border-radius:16px;background:var(--card);padding:12px;opacity:0;transform:translateX(40px)}
.dr.open .dli{opacity:1;transform:none;transition:opacity .4s,transform var(--d-item) var(--s-item);transition-delay:calc(.12s + var(--i)*.05s)}
.dli.out{opacity:0!important;transform:translateX(60px)!important;transition:all .25s!important}
.dli .th{display:grid;place-items:center;width:84px;height:100px;flex:none;border-radius:12px;background:#fff;overflow:hidden}.dli .th img{width:100%;height:100%;object-fit:contain}
.dli .bd{display:flex;min-width:0;flex:1;flex-direction:column}
.dli .tp{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.dli .tp p{font-weight:500;font-size:15px}.dli .tp small{display:block;font-size:13px;color:var(--ink-soft)}
.dli .rm{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;color:var(--ink-faint)}.dli .rm:hover{background:#fff;color:var(--ink)}
.dli .bt{margin-top:auto;display:flex;align-items:center;justify-content:space-between}
.qty{display:flex;align-items:center;height:36px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.qty button{display:grid;place-items:center;width:36px;height:36px}.qty span{width:20px;text-align:center;font-size:14px;font-weight:500}
.dli .pr{font-family:var(--fd);font-weight:600;font-size:17px}
.dempty{display:grid;height:100%;place-items:center;padding-bottom:64px;text-align:center}
.dempty .bo{margin:0 auto;display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:var(--card);animation:bob 2.6s ease-in-out infinite}.dempty .bo .ic{width:32px;height:32px;color:var(--ink-soft)}
@keyframes bob{50%{transform:translateY(-8px)}}
.dempty h3{margin-top:20px;font-family:var(--fd);font-size:1.5rem;font-weight:600}.dempty p{margin-top:4px;color:var(--ink-soft)}
.dft{border-top:1px solid var(--line);padding:16px 20px 20px}
.dft .row{margin-bottom:12px;display:flex;align-items:baseline;justify-content:space-between}.dft .row span{color:var(--ink-soft);font-size:14px}.dft .row b{font-family:var(--fd);font-size:1.875rem;font-weight:600;letter-spacing:-.025em}
.dft .btn{width:100%}.dft small{display:block;margin-top:10px;text-align:center;font-size:12px;color:var(--ink-faint)}
/* toast */
.toast{pointer-events:none;position:fixed;inset:auto 0 max(1.25rem,env(safe-area-inset-bottom));z-index:55;display:flex;justify-content:center;padding:0 16px}
body[data-cta] .toast{bottom:calc(5.5rem + env(safe-area-inset-bottom))}
.toast>div{pointer-events:auto;display:flex;max-width:100%;align-items:center;gap:12px;border-radius:99px;background:var(--ink);color:#fff;padding:8px;font-size:14px;box-shadow:var(--lift);opacity:0;transform:translateY(40px) scale(.9);transition:opacity .3s,transform var(--d-toast) var(--s-toast)}
.toast.on>div{opacity:1;transform:none}
.toast img{width:32px;height:32px;border-radius:50%;background:#fff;object-fit:contain}.toast span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toast button{height:32px;border-radius:99px;background:#fff;color:var(--ink);padding:0 14px;font-size:13px;font-weight:500;flex:none}
.fly{pointer-events:none;position:fixed;left:0;top:0;z-index:60;object-fit:contain;filter:drop-shadow(0 9px 7px #0000001a);mix-blend-mode:multiply}
/* shop */
.pg{padding:6rem 12px 0}
.shop-h{display:flex;flex-direction:column;gap:20px;padding:20px}
.shop-h h1{margin-top:12px;font-size:clamp(3rem,7vw,6.5rem)}
.tools{display:flex;flex-direction:column;gap:12px}
.srch{position:relative;display:block}.srch .ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ink-soft);pointer-events:none}
.srch input{height:44px;width:100%;border-radius:99px;background:#fff;padding:0 40px;font-size:14px;outline:none;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s}.srch input:focus{box-shadow:inset 0 0 0 2px var(--ink)}
.srch input::-webkit-search-cancel-button{display:none}
.srch .clr{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:none;place-items:center;width:28px;height:28px;border-radius:50%}.srch.has .clr{display:grid}.srch .clr:hover{background:var(--line)}
.sel{position:relative}.sel .cs-b{height:44px;width:100%;border-radius:99px;background:#fff;padding:0 40px 0 16px;font-size:14px;outline:none;box-shadow:inset 0 0 0 1px var(--line)}.sel:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--ink-soft);pointer-events:none}
.chips{margin-top:16px;display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;position:relative}.chips::-webkit-scrollbar{display:none}
.chips button{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:99px;font-size:14px;font-weight:500;background:var(--card);color:var(--ink-soft);transition:color .3s}
.chips button:hover{color:var(--ink)}.chips button[aria-selected=true]{color:#fff;background:transparent}
.chips .pl{position:absolute;left:0;top:0;height:40px;border-radius:99px;background:var(--ink);z-index:0;transition:transform var(--d-pill) var(--s-pill),width var(--d-pill) var(--s-pill)}
.shop-g{margin-top:20px;gap:28px 12px}
.empty{margin-top:16px;padding:48px;text-align:center}.empty p.t{font-family:var(--fd);font-size:1.875rem;font-weight:600}.empty p{color:var(--ink-soft)}
/* pdp */
.bc{margin-bottom:8px;display:flex;min-width:0;align-items:center;gap:4px;padding:0 4px;font-size:13px;color:var(--ink-soft)}.bc a{padding:10px 0}.bc a:hover{color:var(--ink)}.bc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.pdp{display:grid;gap:12px}
.stage{position:relative;min-height:440px;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r);background:var(--tt,var(--t1));isolation:isolate}
.stage .pv{position:absolute;inset:7% 9% 11%;transition:opacity .6s var(--ex),transform .6s var(--ex)}
.stage .pv .mg{width:100%;height:100%}
.stage .pv{mix-blend-mode:multiply}.stage .pv img{width:100%;height:100%;object-fit:contain;view-transition-name:product-hero}
.stage .pv img.sw-in{animation:swin .5s var(--ex)}@keyframes swin{from{opacity:0;transform:translateY(12px) scale(.98)}}
.stage .sh2{position:absolute;left:30%;right:30%;bottom:9%;height:6%;border-radius:50%;background:#00000030;filter:blur(24px);z-index:-1}
.stage .mv{position:absolute;inset:0;opacity:0;transition:opacity .6s}.stage .mv img{width:100%;height:100%;object-fit:cover}
.stage.model .pv{opacity:0;transform:translateY(-30px)}.stage.model .mv{opacity:1}
.stage .vt{position:absolute;left:50%;bottom:16px;z-index:5;transform:translateX(-50%);display:flex;gap:4px;border-radius:99px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:4px}
.stage .vt button{position:relative;z-index:1;height:40px;padding:0 16px;border-radius:99px;font-size:13px;font-weight:500;color:var(--ink-soft);white-space:nowrap;transition:color .3s}.stage .vt button[aria-pressed=true]{color:#fff}
.stage .vt .pl{position:absolute;top:4px;left:0;height:40px;border-radius:99px;background:var(--ink);transition:transform var(--d-pill) var(--s-pill),width var(--d-pill) var(--s-pill)}
.thumbs{position:absolute;left:12px;top:12px;z-index:4;display:flex;flex-direction:column;gap:6px}
.info{display:flex;flex-direction:column;padding:20px}
.info .top{display:flex;align-items:center;justify-content:space-between}.info .top span{border-radius:99px;background:#fff;padding:4px 12px;font-size:12px;font-weight:500}
.info h1{margin-top:16px;font-size:clamp(2.6rem,4.4vw,4.25rem)}
.prow{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.prow .p{font-family:var(--fd);font-size:1.875rem;font-weight:600}.prow s{color:var(--ink-faint);font-size:15px}.prow .sv{border-radius:99px;background:var(--ink);color:#fff;padding:3px 9px;font-size:12px;font-weight:600}
.prow .rr{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--ink-soft)}
.blurb{margin-top:20px;font-size:16px;line-height:1.625;color:var(--ink-soft)}
.fs{margin-top:28px}.fs legend{font-size:14px;font-weight:500}.fs legend span{font-weight:400;color:var(--ink-soft)}
.sws{position:relative;margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}
.sws button{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%}
.sws button i{width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a;transition:transform .2s}.sws button:hover i{transform:scale(1.08)}.sws button:active i{transform:scale(.9)}
.sws .ring{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--ink);transition:transform var(--d-ring) var(--s-ring);pointer-events:none}
.szs{position:relative;margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.szs button{position:relative;z-index:1;min-width:52px;height:44px;padding:0 14px;border-radius:99px;background:#fff;font-size:14px;font-weight:500;box-shadow:inset 0 0 0 1px var(--line);transition:color .25s,box-shadow .25s,background-color .25s}
.szs button:hover{box-shadow:inset 0 0 0 1px #0006}.szs button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}
.szs button:disabled{color:var(--ink-faint);text-decoration:line-through;cursor:not-allowed}
.szs .gd{margin-left:auto;align-self:center;font-size:13px;text-decoration:underline;text-underline-offset:3px;color:var(--ink-soft)}
.buy{margin-top:28px;display:flex;gap:12px}
.buy .qty{height:56px}.buy .qty button{width:48px;height:56px}.buy .qty span{width:24px;font-size:16px}
.buy .btn{height:56px;min-width:0;flex:1;overflow:hidden;padding:0 16px;font-size:16px;position:relative}
.buy .btn>span{display:inline-flex;align-items:center;gap:8px;transition:transform .45s var(--ex),opacity .3s}
.buy .btn .b2{position:absolute;inset:0;justify-content:center;transform:translateY(30px);opacity:0}
.buy .btn.added .b1{transform:translateY(-30px);opacity:0}.buy .btn.added .b2{transform:none;opacity:1}
.perks{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px;list-style:none;font-size:13px;color:var(--ink-soft)}.perks li{display:flex;align-items:center;gap:8px;border-radius:99px;background:#fff;padding:8px 12px}.perks .ic{color:var(--ink);width:16px;height:16px}
.wa{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:99px;font-size:15px;font-weight:500;box-shadow:inset 0 0 0 1px var(--line);background:#fff;transition:box-shadow .3s}.wa:hover{box-shadow:inset 0 0 0 1px #0006}
.tabs{margin-top:32px}
.tl2{position:relative;display:flex;gap:24px;border-bottom:1px solid var(--line)}
.tl2 button{position:relative;padding:12px 4px;font-size:14px;font-weight:500;color:var(--ink-soft);transition:color .3s}.tl2 button[aria-selected=true]{color:var(--ink)}
.tl2 .ul{position:absolute;left:0;bottom:-1px;height:2px;border-radius:99px;background:var(--ink);transition:transform var(--d-line) var(--s-line),width var(--d-line) var(--s-line)}
.tp2{position:relative;min-height:132px;padding-top:16px;font-size:15px;color:var(--ink-soft)}
.tp2>div{animation:tpin .3s var(--ex)}.tp2>div[hidden]{display:none}@keyframes tpin{from{opacity:0;transform:translateY(10px)}}
.tp2 ul{list-style:none;display:grid;gap:8px}.tp2 li{display:flex;align-items:center;gap:10px}.tp2 li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink);flex:none}
.tp2 table{width:100%;border-collapse:collapse;font-size:14px}.tp2 td,.tp2 th{padding:8px 0;border-bottom:1px solid var(--line);text-align:left}.tp2 th{font-weight:500;color:var(--ink)}
.sticky{position:fixed;inset:auto 0 0;z-index:40;padding:0 12px max(.75rem,env(safe-area-inset-bottom));transform:translateY(110%);transition:transform var(--d-bar) var(--s-bar)}
body[data-cta] .sticky{transform:none}
.sticky>div{display:flex;align-items:center;gap:12px;border-radius:22px;background:#ffffffe6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:8px;box-shadow:var(--lift),0 0 0 1px var(--line)}
.sticky .th{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:16px;background:var(--tt,var(--t1));overflow:hidden}.sticky .th img{width:40px;height:40px;object-fit:contain;mix-blend-mode:multiply}
.sticky .tx{min-width:0;flex:1}.sticky .tx b{display:block;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky .tx small{display:block;font-size:13px;color:var(--ink-soft)}
.sticky .btn{height:48px;padding:0 20px;font-size:15px;flex:none}
.pairs{padding:56px 12px 48px}.pairs h2{margin-bottom:20px;font-size:clamp(2rem,4vw,3.5rem)}
/* checkout */
.co{display:grid;gap:12px}
.cof{padding:20px}.cof h1{margin-top:12px;font-size:clamp(2.6rem,4vw,3.75rem)}
.fld{display:block;margin-top:12px}.fld span{display:block;margin-bottom:6px;font-size:13px;font-weight:500}
.fld input,.fld textarea,.fld .cs-b{height:48px;width:100%;border-radius:16px;background:#fff;padding:0 16px;font-size:15px;outline:none;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s}.fld textarea{height:88px;padding:12px 16px;resize:vertical}
.fld input:focus,.fld textarea:focus,.fld .cs-b:focus-visible,.fld .cs.on .cs-b{box-shadow:inset 0 0 0 2px var(--ink)}
.fld.bad input{box-shadow:inset 0 0 0 2px #b23a27;animation:shake .4s}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pay{margin-top:20px;display:flex;align-items:center;gap:12px;border-radius:16px;background:#fff;padding:14px 16px;box-shadow:inset 0 0 0 2px var(--ink)}.pay i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff}.pay b{display:block;font-size:15px;font-weight:500}.pay small{font-size:13px;color:var(--ink-soft)}
.cos{padding:20px}.cos ul{list-style:none;display:grid;gap:12px;margin-top:16px}
.cos li{display:flex;align-items:center;gap:12px}.cos li .th{width:64px;height:76px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none;position:relative}.cos li .th img{width:100%;height:100%;object-fit:contain}.cos li .th b{position:absolute;right:4px;top:4px;display:grid;place-items:center;min-width:20px;height:20px;border-radius:99px;background:var(--ink);color:#fff;font-size:11px}
.cos li div{flex:1;min-width:0}.cos li p{font-size:14px;font-weight:500}.cos li small{font-size:13px;color:var(--ink-soft)}.cos li .pr{font-family:var(--fd);font-weight:600}
.tot{margin-top:16px;border-top:1px solid var(--line);padding-top:12px;display:grid;gap:6px;font-size:14px;color:var(--ink-soft)}.tot div{display:flex;justify-content:space-between}.tot .g{margin-top:6px;color:var(--ink);font-size:16px}.tot .g b{font-family:var(--fd);font-size:1.6rem}
.done{padding:32px 20px;text-align:center}.done .ck{margin:0 auto;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--ink);color:#fff;animation:pop .6s var(--s-badge)}
.done h1{margin-top:20px;font-size:clamp(2.4rem,4vw,3.5rem)}.done p{margin:12px auto 0;max-width:30rem;color:var(--ink-soft)}.done .btns{margin-top:24px;display:flex;flex-direction:column;gap:10px;align-items:center}
/* view transitions */
::view-transition-old(root){animation:vt-out .42s var(--ex) both}::view-transition-new(root){animation:vt-in .42s var(--ex) both}
::view-transition-group(product-hero){animation-duration:.62s;animation-timing-function:var(--ex)}::view-transition-group(site-nav){animation:none}
@keyframes vt-out{to{opacity:0;transform:translateY(-10px)}}@keyframes vt-in{from{opacity:0;transform:translateY(14px)}}
/* responsive */
@media (min-width:400px){.nl{flex-direction:row}}
@media (min-width:640px){
 .wrap,.sec,.hero,.hdr,.ft,.pg,.let,.pairs{padding-left:20px;padding-right:20px}.hdr{padding-top:16px}.hero{padding-top:6rem}.pg{padding-top:7rem}
 .hbar{padding:0 8px 0 12px}.bag .bl{display:inline}
 .bento{grid-template-columns:1fr 1fr;gap:16px}.ht{grid-column:span 2;padding:40px}.hm{grid-column:span 2;min-height:560px}
 .h1{margin-top:40px;font-size:clamp(3rem,6.6vw,9.5rem)}.hp{font-size:16px}.hbtns{display:flex;gap:12px}.hbtns .btn{width:auto;padding:0 24px}
 .hbot{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.hrate{margin-top:0;border:0;padding:0}
 .avs span{width:44px;height:44px}.glass{left:24px;right:24px;bottom:24px}.glass .dt{display:inline-flex}.hmt{padding:32px}
 .mq{padding:48px 0}.sh{margin-bottom:32px;padding-top:112px}.sh.tight{padding-top:16px}.sh h2{margin-top:12px}
 .cats,.grid,.prom{gap:16px}.grid{row-gap:40px}.cat{padding:24px;min-height:220px}.cat .n{font-size:1.5rem}.cat.big .n{font-size:3rem}.arrc{width:44px;height:44px}
 .segw{margin:0;width:auto;padding:4px 0}.pc .meta{padding:16px 6px 0}.pc h3{font-size:17px}.pc .ct{font-size:13px}
 .ow{padding-top:112px;gap:16px}.owt{padding:48px}.owt .q{margin-top:40px}.stats{margin-top:40px;gap:16px}.stats b{font-size:3rem}
 .pchip{right:auto;width:320px}.pm{padding:24px;min-height:260px}.pm .pi{width:48px;height:48px}.pm b{font-size:3rem}.pm b small{font-size:1.5rem}
 .rv{width:60%}.let{padding:112px 20px}.letb{border-radius:32px}.letb .l{padding:56px}.letb .r{min-height:300px}
 .ft{padding-top:112px}main[data-page=home]+.ft,main[data-page=product]+.ft{padding-top:16px}.ftb{border-radius:32px;padding:56px 48px 0}.flogo{margin-top:64px;padding-bottom:48px}.flogo img{width:260px}.ftbt{padding:20px 0;font-size:13px}.ftb .tl{font-size:1.875rem}
 .shop-h{padding:40px}.tools{flex-direction:row;align-items:center}.srch input{width:256px}.shop-g{margin-top:32px;gap:40px 16px}
 .info{padding:40px}.cof,.cos{padding:40px}.pairs{padding:80px 20px 96px}.pairs h2{margin-bottom:32px}
}
@media (min-width:768px){.revs{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible;padding:0}.rv{width:auto;padding:28px;transform:translateX(calc((1 - var(--i))*100%)) rotate(calc((var(--i) - 1)*7deg)) translateY(40px)}.revs.in .rv{transform:none}.revs.in .rv:hover{transform:translateY(-6px) rotate(calc((var(--i) - 1)*1.2deg));transition:transform .5s var(--ex)}.rv blockquote{margin-top:20px;font-size:17px}.rv figcaption{margin-top:32px}
 .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ftg{grid-template-columns:1.4fr 2fr;gap:48px}}
@media (min-width:1024px){
 .nav{display:flex}.burger{display:none}
 .bento{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr);height:calc(100svh - 7rem);min-height:660px}
 .ht{grid-column:span 7;grid-row:span 4}.hm{grid-column:span 5;grid-row:span 6;min-height:0}.ot{grid-column:span 4;grid-row:span 2}.dt2{grid-column:span 3;grid-row:span 2}
 .cats{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(250px,1fr))}.cat.big{grid-column:span 2;grid-row:span 2;min-height:520px}.cat{min-height:0}.cat.off{grid-column:span 4;min-height:180px}
 .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.prom{grid-template-columns:repeat(4,minmax(0,1fr))}
 .ow{grid-template-columns:repeat(12,1fr)}.owt{grid-column:span 6}.owi{grid-column:span 6;min-height:0}
 .letb{grid-template-columns:1fr 1fr}
 .pdp{grid-template-columns:repeat(12,1fr);gap:16px}.stage{grid-column:span 7;aspect-ratio:auto;min-height:720px}.info{grid-column:span 5}
 .co{grid-template-columns:repeat(12,1fr);gap:16px}.cof{grid-column:span 7}.cos{grid-column:span 5;align-self:start;position:sticky;top:6rem}
 .sticky{display:none}.shop-h{flex-direction:row;align-items:flex-end;justify-content:space-between}
}
@media (min-width:1280px){.shop-g{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

.cats>.cbig,.cats>.coff{grid-column:span 2}.cats>div>.cat{height:100%}
@media (min-width:1024px){.cats>.cbig{grid-row:span 2}.cats>.coff{grid-column:span 4}}
.nav li{list-style:none}.nav .pl,.nav .hv{display:block}

.hm .media picture img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.letb .r img{mix-blend-mode:multiply}.hm:after{height:30%;background:linear-gradient(#0000,#0000002e)}
.glass .pn{display:block;font-family:var(--fs);font-size:13px;font-weight:500;line-height:1.2;max-width:15ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.glass .pr s{display:inline;margin-left:6px}
.hmt .chip{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.badge i img,.logo img{height:auto}
.owi img.par{mix-blend-mode:multiply}
.pc .pr s{display:block;margin:0;line-height:1.2}.pc .pr{align-self:end}
.hbot{margin-top:16px}@media (min-width:640px){.hbot{margin-top:32px}}
/* lite mode for low-end devices: no backdrop blur, no filters */
.lite *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.lite .hbar{background:#fffffff5}.lite .glass,.lite .pchip,.lite .stage .vt,.lite .sticky>div{background:#fffffff2}.lite .badge{background:#fffffff0}
.lite .pc .shd,.lite .stage .sh2{filter:none;background:radial-gradient(closest-side,#0000002e,#0000)}
.lite .fly{filter:none}
.hm video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ld{animation:ldin 1s var(--ex) calc(.15s + var(--k,0)*.09s) both}@keyframes ldin{from{opacity:0;transform:translateY(40px)}}
.fx{animation:fxin .9s var(--ex) var(--fdl,0s) both}@keyframes fxin{from{opacity:0;transform:translate(var(--fx,0),var(--fy,16px))}}
.hm.ld{animation-name:ldin2}@keyframes ldin2{from{transform:translateY(40px)}}
/* help page */
.hpg{max-width:1100px;margin:0 auto}.hpg h1{margin-top:12px;font-size:clamp(2.75rem,8vw,5rem)}.hlead{margin-top:16px;max-width:36rem;color:var(--ink-soft)}.hlead a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.hgrid{display:grid;gap:12px;margin-top:32px}.hsec{padding:24px;scroll-margin-top:96px}.hsec h2{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.hsec p{margin-top:10px;color:var(--ink-soft);line-height:1.6}
.hszt{margin-top:16px;overflow-x:auto}.hszt table{width:100%;border-collapse:collapse;font-size:14px}.hszt th,.hszt td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line)}.hszt th{font-family:var(--fm);font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
@media (min-width:768px){.hgrid{grid-template-columns:1fr 1fr;gap:16px}.hsec{padding:32px}.hsec#size{grid-column:span 2}}
/* ===== v2 (Nov 4): product buy block, checkout layout, place-order animation, track order ===== */
.info .fs{margin-top:20px}.info .buy{margin-top:20px}
.buy .btn-s{box-shadow:inset 0 0 0 1.5px var(--ink)}
.bnow{width:100%;height:56px;margin-top:10px;font-size:16px}
.info .wa{height:56px;margin-top:10px;font-size:16px;box-shadow:inset 0 0 0 1.5px var(--ink)}.info .wa:hover{box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 1px var(--ink)}
.tp2 .dsc{margin-bottom:12px;line-height:1.6}
.cot{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;font-size:14px;font-weight:500;text-align:left;color:var(--ink)}
.cot .cs-c{position:static;transform:rotate(180deg);font-size:12px;color:var(--ink-soft);transition:transform .35s var(--ex)}.cos.shut .cot .cs-c{transform:none}
.cot b{margin-left:auto;font-family:var(--fd);font-size:1.25rem;font-weight:600}
.cosh{display:none}
.cob{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s var(--ex)}.cobi{overflow:hidden;min-height:0}.cos.shut .cob{grid-template-rows:0fr}
.cos li.coi{align-items:flex-start;transition:opacity .22s,transform .22s var(--ex)}.coi.out{opacity:0;transform:translateX(16px)}
.cos .coi .cobd{flex:1;min-width:0;display:grid;gap:8px}
.cos .coi .cor{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}
.cos .coi .cor p{min-width:0}
.coi .rm{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;color:var(--ink-faint);margin:-6px -6px -6px 0}.coi .rm:hover{color:var(--ink)}
.cos .coi .cov{display:flex;flex-wrap:wrap;gap:8px;flex:none}
.cos .coi .isel,.cos .coi .qty{flex:none}
.isel .cs-b{height:34px;max-width:160px;border-radius:99px;background:#fff;padding:0 30px 0 12px;font-size:13px;outline:none;box-shadow:inset 0 0 0 1px var(--line)}
.isel .cs-c{right:11px;font-size:11px}.isel+.isel .cs-b{min-width:72px}.isel.on .cs-b,.isel .cs-b:focus-visible{box-shadow:inset 0 0 0 2px var(--ink)}
.coi .qty button:disabled{opacity:.3}
.cos li.coe{color:var(--ink-soft);display:block}
.cof .coh{margin-top:24px}
.cogt{margin-top:20px;display:flex;justify-content:space-between;align-items:baseline;font-size:15px}.cogt b{font-family:var(--fd);font-size:1.6rem;font-weight:600}
.vanbtn{position:relative;width:100%;height:56px;margin-top:12px;padding:0;overflow:hidden;font-size:16px;isolation:isolate}
.vanbtn>span{position:absolute}
.vanbtn .ok{inset:0;background:#000;opacity:0}
.vanbtn .lbl,.vanbtn .done{inset:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:0;text-align:center}
.vanbtn .done{opacity:0}.vanbtn .done svg{width:20px;height:20px}.vanbtn .done svg path{stroke-dasharray:24;stroke-dashoffset:24}
.vanbtn .road{left:0;right:0;bottom:8px;height:2px;opacity:0;overflow:hidden}.vanbtn .road i{position:absolute;left:0;top:0;width:200%;height:2px;background:repeating-linear-gradient(90deg,#ffffff38 0 14px,transparent 14px 28px)}
.vanbtn .parcel{top:0;left:0;width:12px;height:10px;border-radius:2px;background:#e6e6e6;opacity:0;z-index:2}.vanbtn .parcel:before{content:"";position:absolute;left:4.5px;top:0;width:3px;height:100%;background:#9e9e9e}
.vanbtn .van{left:0;top:50%;width:150px;height:52px;margin-top:-27px;z-index:3;transform:translateX(-220px);will-change:transform}
.vansvg{width:150px;height:52px;display:block;overflow:visible}.vanbtn .beam{opacity:0}.vanbtn .shutter{transform-box:fill-box;transform-origin:50% 0}
.vanbtn .speed{left:-26px;top:16px;width:24px;height:22px;opacity:0}.vanbtn .speed i{position:absolute;right:0;height:2px;border-radius:2px;background:#ffffff8c}
.vanbtn .speed i:nth-child(1){top:2px;width:18px}.vanbtn .speed i:nth-child(2){top:10px;width:24px}.vanbtn .speed i:nth-child(3){top:18px;width:14px}
.vanbtn.fin .lbl{opacity:0}.vanbtn.fin .done{opacity:1}.vanbtn.fin .done svg path{stroke-dashoffset:0}
.oid{margin:20px auto 0;display:inline-flex;align-items:center;gap:12px;border-radius:99px;background:#fff;padding:6px 6px 6px 18px;box-shadow:inset 0 0 0 1px var(--line)}
.oid span{font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.oid b{font-family:var(--fd);font-size:1.15rem;font-weight:600;letter-spacing:.01em}
.oidc{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:99px;background:var(--ink);color:#fff;font-size:13px;font-weight:500}.oidc .ic{width:15px;height:15px}
.done .btns .btn{min-width:240px}.done .lnk{margin-top:4px;font-size:14px;text-decoration:underline;color:var(--ink-soft)}
.trk{display:grid;gap:12px;max-width:640px;margin:0 auto}
.trs{margin-top:10px;font-size:15px;line-height:1.55;color:var(--ink-soft)}
.trres{padding:20px;animation:tpin .35s var(--ex);scroll-margin-top:96px}.trno h2{font-size:1.75rem}.trno p{margin:10px 0 16px;color:var(--ink-soft);font-size:15px}
.trh{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.trh b{display:block;margin-top:4px;font-family:var(--fd);font-size:1.5rem;font-weight:600}
.trst{border-radius:99px;background:var(--ink);color:#fff;padding:5px 12px;font-size:12px;font-weight:600}
.trd{display:block;margin-top:6px;font-size:13px;color:var(--ink-soft)}
.tl3{list-style:none;margin:22px 0 4px;padding:0}
.tl3 li{position:relative;display:flex;gap:14px;padding-bottom:18px}
.tl3 li:not(:last-child):before{content:"";position:absolute;left:6.5px;top:19px;bottom:1px;width:1px;background:#0000001f}
.tl3 li i{flex:none;width:14px;height:14px;margin-top:3px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px #00000033}
.tl3 li.on i,.tl3 li.cur i{background:var(--ink);box-shadow:none}.tl3 li.on:before{background:var(--ink)}.tl3 li.cur i{box-shadow:0 0 0 5px #0000001a}
.tl3 b{display:block;font-size:15px;font-weight:500}.tl3 small{font-size:13px;color:var(--ink-soft)}.tl3 li:not(.on):not(.cur) b{color:var(--ink-faint)}
.tri{list-style:none;display:grid;gap:12px;margin:8px 0 0;padding:16px 0 0;border-top:1px solid var(--line)}
.tri li{display:flex;align-items:center;gap:12px}.tri .th{position:relative;flex:none;display:grid;place-items:center;width:56px;height:66px;overflow:hidden;border-radius:12px;background:#fff}
.tri .th img{width:100%;height:100%;object-fit:contain}.tri .th b{position:absolute;right:3px;top:3px;display:grid;place-items:center;min-width:18px;height:18px;border-radius:99px;background:var(--ink);color:#fff;font-size:11px}
.tri div{flex:1;min-width:0}.tri p{font-size:14px;font-weight:500}.tri small{font-size:13px;color:var(--ink-soft)}.tri .pr{font-family:var(--fd);font-weight:600}
@media (min-width:640px){.trres{padding:32px}}
@media (min-width:1024px){.co .cof{grid-column:1/span 7;grid-row:1}.co .cos{grid-column:8/span 5;grid-row:1}.cot{display:none}.cosh{display:block}.cos.shut .cob{grid-template-rows:1fr}.trk .cof{grid-column:auto}}
/* iOS/Android auto-zoom guard: form controls must be >=16px on touch/mobile (no user-zoom lock) */
@media (max-width:1023px),(pointer:coarse){input,select,textarea{font-size:16px!important}.srch input{letter-spacing:-.01em}.fld input,.fld textarea,.nl input{letter-spacing:-.005em}}
input,select,textarea{-webkit-text-size-adjust:100%;touch-action:manipulation}
#srch,.fld,.nl{scroll-margin-top:96px;scroll-margin-bottom:24px}

/* footer policy links (quiet row above the © line) */
.ftp ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px;list-style:none;padding-bottom:12px}
.ftp a{display:inline-flex;min-height:32px;align-items:center;font-size:13px;color:#ffffffb3;transition:color .2s}
.ftp a:hover{color:#fff}
/* policy pages (same look as help) */
.lgrid{grid-template-columns:1fr!important;max-width:820px}
.lpg .hsec ul{list-style:disc;margin-top:10px;padding-left:1.2em;color:var(--ink-soft);line-height:1.6}
.lpg .hsec li{margin-top:6px}
.lpg .hsec a,.lpg .hlead a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.lpg .hsec b{color:var(--ink);font-weight:600}
.lupd{display:block;margin-top:6px;font-size:13px}
mark.ed{background:none;color:var(--ink);font-family:var(--fm);font-size:.85em;outline:1px dashed currentColor;outline-offset:2px;padding:0 2px}

/* custom select — our own listbox, unfolds out of its box, no native picker */
.cs-b{position:relative;display:flex;align-items:center;text-align:left;font:inherit;color:var(--ink);transition:box-shadow .3s;touch-action:manipulation}.cs-b .cs-v{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fld .cs-b span{display:inline;margin:0;font-size:inherit;font-weight:inherit}.cs-c{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--ink-soft);pointer-events:none;transition:transform .35s var(--ex)}.cs.on .cs-c{transform:translateY(-50%) rotate(180deg)}
.sel .cs-b:focus-visible,.sel.on .cs-b{box-shadow:inset 0 0 0 2px var(--ink)}.sel:after{transition:transform .35s var(--ex)}.sel.on:after{transform:translateY(-50%) rotate(180deg)}
.csp{position:fixed;inset:0;z-index:60;visibility:hidden;pointer-events:none;transition:visibility 0s .24s}.csp.open{visibility:visible;pointer-events:auto;transition:none}
.csp .scr{position:absolute;inset:0;background:transparent;touch-action:none}
.cs.cs.att .cs-b{box-shadow:inset 2px 0 0 var(--ink),inset -2px 0 0 var(--ink),inset 0 2px 0 var(--ink);border-bottom-left-radius:0;border-bottom-right-radius:0}
.cs.cs.att.up .cs-b{box-shadow:inset 2px 0 0 var(--ink),inset -2px 0 0 var(--ink),inset 0 -2px 0 var(--ink);border-radius:0 0 var(--csr,16px) var(--csr,16px)}
.sel.cs{min-width:12.5rem}.sel.cs.att .cs-b{border-radius:22px 22px 0 0}.sel.cs.att.up .cs-b{border-radius:0 0 22px 22px}
.csm{position:fixed;display:flex;flex-direction:column;background:#fff;border:2px solid var(--ink);border-top:0;border-radius:0 0 var(--csr,16px) var(--csr,16px);box-shadow:0 22px 34px -22px #00000059;overflow:hidden;clip-path:inset(0 -40px 100% -40px);transition:clip-path .22s var(--ex)}
.csm.up{border-top:2px solid var(--ink);border-bottom:0;border-radius:var(--csr,16px) var(--csr,16px) 0 0;box-shadow:0 -22px 34px -22px #00000059;clip-path:inset(100% -40px 0 -40px)}
.csp.open .csm{clip-path:inset(0 -40px -40px -40px)}.csp.open .csm.up{clip-path:inset(-40px -40px 0 -40px)}
.cst{display:none}
.csm ul{position:relative;list-style:none;max-height:calc(5.5 * 44px + 12px);overflow:auto;overscroll-behavior:contain;padding:5px 6px 7px;outline:none;-webkit-overflow-scrolling:touch;box-shadow:inset 0 1px 0 var(--line);opacity:0;transform:translateY(-10px);transition:opacity .16s,transform .22s var(--ex)}
.csm.up ul{box-shadow:inset 0 -1px 0 var(--line);padding:7px 6px 5px;transform:translateY(10px)}
.csp.open .csm ul{opacity:1;transform:none}
.csm li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:8px 12px;line-height:1.25;border-radius:12px;font-size:15px;cursor:pointer;transition:background .2s}
.csm li .ic{width:16px;height:16px;flex:none;opacity:0;stroke-width:2.5}.csm li[aria-selected=true]{font-weight:500}.csm li[aria-selected=true] .ic{opacity:1}
.csm li.act,.csm li:hover{background:var(--card)}

/* no long-press copy/select/callout (Android Copy·Select all bar, iOS callout); text stays selectable only in form fields */
html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
input,textarea,[contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
img,svg,video,picture{-webkit-user-drag:none;-webkit-touch-callout:none}

/* v3 (Nov 4): one thin chevron (24 grid, 1.75 stroke, round caps) for every dropdown / expander; turns 180deg in 200ms when open */
:root{--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.cs-c{display:block;width:16px;height:16px;line-height:0;font-size:0}
.cs-c svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.cs-c,.cot .cs-c{transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.isel .cs-c{right:11px}
.sel:after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--chev) center/16px 16px no-repeat;mask:var(--chev) center/16px 16px no-repeat;transition:transform .2s cubic-bezier(.2,.7,.2,1)}

/* v4 (Nov 4) dropdown popover: floats under its box, thin border, soft shadow, 14px radius, 150ms fade+scale */
.csm,.csm.up{border:1px solid rgba(0,0,0,.1);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.06);clip-path:none;overflow:hidden;opacity:0;transform:scale(.96);transition:opacity .15s ease,transform .15s cubic-bezier(.2,.7,.2,1)}
.csp.open .csm,.csp.open .csm.up{clip-path:none;opacity:1;transform:none}
.csm ul,.csm.up ul{max-height:var(--mh,250px);box-shadow:none;padding:5px;opacity:1;transform:none;transition:none}
.csm li{min-height:42px;padding:8px 12px;border-radius:9px;font-size:15px;transition:background .12s}
.csm li.act,.csm li:hover{background:#f5f5f5}
.csm li[aria-selected=true]{background:#f0f0f0;font-weight:500}
.csm li .ic{stroke-width:2}
.cs.cs.att .cs-b,.cs.cs.att.up .cs-b{border-radius:var(--csr,16px)}
.cs.on .cs-b,.sel.cs.on .cs-b{box-shadow:inset 0 0 0 1px var(--ink)}
@media (prefers-reduced-motion:reduce){.csm,.csm.up{transition:opacity .1s}}

/* v5 (Nov 5): reviews tab + form, empty states */
main[data-dyn]{visibility:hidden}
.rvl{display:grid;gap:14px}.rv0{color:var(--ink-faint)}
.rvi{padding-bottom:14px;border-bottom:1px solid var(--line)}.rvi:last-child{border-bottom:0}
.rvi .stars{display:flex;gap:2px;margin-bottom:6px}.rvi p{color:var(--ink);line-height:1.5}.rvi small{display:block;margin-top:6px;color:var(--ink-faint);font-size:12.5px}
.rvi .rrp{margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--card);font-size:13.5px;color:var(--ink-soft)}
.rvf{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:12px}
.rvs{display:flex;gap:2px}.rvs button{padding:4px;line-height:0;-webkit-tap-highlight-color:transparent}.rvs .star{width:26px;height:26px;fill:none;stroke:var(--ink);stroke-width:1.4;transition:fill .2s}.rvs button.on .star{fill:var(--ink)}
.rvh{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.rvm{min-height:18px;font-size:13.5px;color:var(--ink-soft)}.rvm.err{color:#b3261e}
.rvf .btn{width:100%}
.nx{grid-column:1/-1;padding:56px 24px;text-align:center}.nx h2{margin-bottom:8px}.nx p{color:var(--ink-soft);margin-bottom:20px}

/* ---- checkout: discount code under the summary ---- */
.tot [hidden]{display:none}
.cpn{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:16px}
.cpn .fld{flex:1 1 180px;margin-top:0}
.cpn .btn{height:48px}
.cpnm{width:100%;margin:0;font-size:13px;color:var(--ink-soft);min-height:1em}
.cpnm.err{color:#b00020}
/* ---- product page: named photo slots (Front, Back, Model, Video, Fabric & Texture); empty slots are not shown ---- */
.slots{position:absolute;top:12px;left:12px;right:12px;z-index:6;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.slots::-webkit-scrollbar{display:none}
.slots button{flex:0 0 auto;appearance:none;-webkit-appearance:none;border:1px solid var(--ink);background:#fff;color:var(--ink);font:500 11.5px/1 var(--fs);padding:8px 9px;border-radius:99px;cursor:pointer;white-space:nowrap}
.slots button[aria-selected=true]{background:var(--ink);color:#fff}
.slotthumbs{position:absolute;left:12px;bottom:56px;z-index:6;display:flex;gap:6px}
.slotthumbs[hidden]{display:none}
.slotthumbs button{width:44px;height:54px;padding:0;border:1px solid var(--ink);background:#fff;overflow:hidden;border-radius:4px;cursor:pointer;opacity:.6}
.slotthumbs button[aria-selected=true]{opacity:1;box-shadow:inset 0 0 0 1px var(--ink)}
.slotthumbs img{width:100%;height:100%;object-fit:cover;display:block}
.slotvid{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;background:transparent}
.slotvid[hidden]{display:none}

/* ---- combos (outfit bundles) ---- */
.cdesc{margin:8px 0 0;color:var(--ink-soft);font-size:14px}
.cbl{display:grid;gap:14px;margin-top:18px}
.cbi{border-top:1px solid var(--line);padding-top:14px}
.cbi-h{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:0 0 10px;font-size:15px}
.cbi-h small{color:var(--ink-soft);font-size:13px}
.cbi-c{margin-bottom:10px}
.cbi-s{margin-top:0}
.cnote{margin:14px 0 0;font-size:12.5px;color:var(--ink-soft)}
.combo-card .meta .rt{font-size:12.5px;color:var(--ink-soft);margin:4px 0 0}
.pc .fl img.main{width:100%;height:auto;display:block}

/* category carousel (replaces hero text tile) */
.sro{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ht.tile{padding:18px 0 18px 18px;justify-content:flex-start}
.ccar{display:flex;flex-direction:column;height:100%;min-height:0}
.cch{display:flex;align-items:center;justify-content:space-between;padding-right:18px;margin-bottom:14px}
.ccn{display:flex;gap:8px}
.ccb{width:36px;height:36px;border-radius:50%;border:1px solid var(--line,#e5e5e5);background:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ccb:hover{background:#000;color:#fff;border-color:#000}
.ccb .ic{width:16px;height:16px}.ccb .flip{transform:scaleX(-1)}
.cct{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:18px;flex:1;min-height:0;-webkit-overflow-scrolling:touch}
.cct::-webkit-scrollbar{display:none}
.cc{flex:0 0 46%;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none;min-width:0}
.cc .ci{display:block;flex:1;min-height:0;aspect-ratio:3/4;background:#f5f5f4;border-radius:12px;overflow:hidden;position:relative}
.cc .ci img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.cc:hover .ci img{transform:scale(1.04)}
.cc .cn{font-size:14px;line-height:1.2;text-underline-offset:5px;text-decoration-thickness:1px}
.cc .cn small{font-size:12px;color:#777;margin-right:4px}
.cc.on .cn,.cc:hover .cn,.cc:focus-visible .cn{text-decoration:underline}
@media(min-width:640px){.cc{flex-basis:30%}}
@media(min-width:1024px){.ht.tile{padding:26px 0 26px 26px}.cc{flex-basis:calc((100% - 36px)/3.2)}.cc .cn{font-size:15px}}

/* floating WhatsApp (draggable, tucks to the side) */
.wfl{position:fixed;z-index:60;width:60px;height:60px;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 1.5px rgba(255,255,255,.9),0 6px 20px rgba(0,0,0,.25);touch-action:none;cursor:grab;transition:transform .45s cubic-bezier(.2,.8,.2,1),left .45s cubic-bezier(.2,.8,.2,1),opacity .3s;-webkit-tap-highlight-color:transparent;user-select:none}
.wfl svg{width:34px;height:34px;fill:#fff;pointer-events:none}
.wfl.drag{transition:none;cursor:grabbing;transform:scale(1.08)}
.wfl.tuck-l{transform:translateX(-20px)}.wfl.tuck-r{transform:translateX(20px)}
.wfl.tuck-l,.wfl.tuck-r{opacity:.85}

.fsoc{grid-column:1/-1;margin-top:8px}
.fsr{display:flex;gap:10px;margin-top:12px}
.fsr a{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#fff;transition:background .25s,color .25s,border-color .25s}
.fsr a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fsr a:hover,.fsr a:focus-visible{background:#fff;color:#000;border-color:#fff}
.fsr a svg.fw{fill:currentColor;stroke:none}
.wfl{-webkit-user-drag:none;-webkit-touch-callout:none}

.annb{position:fixed;top:0;left:0;right:0;z-index:70;height:34px;line-height:34px;background:#000;color:#fff;text-align:center;font-size:12.5px;letter-spacing:.02em;padding:0 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hasann{--annh:34px}
.hasann .hdr{top:var(--annh)}
.hasann .hero{padding-top:calc(5.5rem + var(--annh))}
@media(min-width:640px){.hasann .hero{padding-top:calc(6rem + var(--annh))}}
.hasann .pg{margin-top:var(--annh)}