/* ODSŁONA / act three. Two linked views, one coherent store. Logical artboard: 720 × 660. */
.q18-results{position:absolute;inset:0;width:720px;height:660px;color:#f5f0e6;font-family:Figtree,sans-serif;isolation:isolate;overflow:hidden}.q18-results *{box-sizing:border-box}.q18-results h3,.q18-results p{margin:0}.q18-grid-light{position:absolute;inset:35px 12px;background:radial-gradient(ellipse at 60% 50%,#ecc47619,transparent 65%),linear-gradient(90deg,#e4ca8310 1px,transparent 1px),linear-gradient(#e4ca8310 1px,transparent 1px);background-size:auto,84px 84px,84px 84px;mask-image:radial-gradient(ellipse,black 20%,transparent 70%);pointer-events:none}.q18-phase{position:absolute;inset:0;will-change:transform,opacity}.q18-browse,.q18-orders{opacity:0;pointer-events:none}.q18-caption{position:absolute;top:24px;left:30px;font-size:26px;letter-spacing:-1px;line-height:1.15;display:flex;gap:8px}.q18-caption strong{font-weight:600}.q18-caption>span{color:#c8b494}.q18-browser{position:absolute;left:20px;top:90px;width:610px;border-radius:10px;border:2px solid #87887f;padding:4px;background:#252824;box-shadow:0 27px 45px #0007;overflow:hidden}.q18-chrome{height:23px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#ece7dc;color:#968f80;border-radius:5px 5px 0 0}.q18-chrome>span:first-child{display:flex;gap:4px}.q18-chrome i{width:5px;height:5px;border-radius:50%;background:#a6a196}.q18-chrome b{font:7px 'IBM Plex Mono',monospace}.q18-chrome>span:last-child{font-size:10px}.q18-desktop-clip{height:353px;overflow:hidden;background:#e9e0ce;border-radius:0 0 5px 5px}.q18-desktop-page{width:1000px;transform:scale(.598);transform-origin:0 0;background:#ebe4d4;color:#3c3026}.q18-phone{position:absolute;width:240px;height:480px;padding:6px;border-radius:35px;background:linear-gradient(135deg,#d2cabc,#514d44 21%,#b2ab9c 55%,#514d44 80%,#bbb1a0);box-shadow:0 0 0 1px #aba595,0 25px 45px #0008;isolation:isolate;z-index:4;transform:translateZ(0)}.q18-phone:before{content:"";position:absolute;right:-2px;top:111px;height:44px;width:2px;background:#9c9486;border-radius:2px}.q18-glass{position:relative;width:100%;height:100%;border:4px solid #141712;border-radius:29px;overflow:hidden;background:#eae3d6;isolation:isolate;transform:translateZ(0)}.q18-glass:after{content:"";position:absolute;inset:-.25px;border:2px solid #141712;border-radius:25px;z-index:20;pointer-events:none}.q18-status{position:absolute;inset:0 0 auto;height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#eae3d6;color:#3a3027;font:8px Figtree,sans-serif;z-index:8}.q18-status>b{font-weight:600}.q18-status>i{position:absolute;width:61px;height:16px;left:50%;top:4px;transform:translateX(-50%);border-radius:20px;background:#121613}.q18-status>i:after{content:"";position:absolute;width:4px;height:4px;right:8px;top:5px;border-radius:50%;background:#253732}.q18-status>span{font-size:7px;letter-spacing:.5px}.q18-homebar{position:absolute;bottom:6px;left:50%;width:76px;height:3px;transform:translateX(-50%);border-radius:5px;background:#252920;z-index:21}.q18-responsive-phone{left:460px;top:151px;transform-origin:35% 55%;width:229px;height:463px}.q18-phone-content{position:absolute;left:-1px;right:-1px;top:27px;bottom:12px;overflow:hidden;background:#eae3d6}.q18-lock-phone{left:245px;top:42px;width:266px;height:539px}.q18-lock-phone .q18-status{background:transparent;color:#f7efe1}.q18-lock-phone .q18-homebar{background:#f5ebd8}.q18-lock-wall{position:absolute;inset:0;background:linear-gradient(147deg,#403a24,#7f7350 43%,#302f23 70%,#181d19);color:#fbf4e5}.q18-lock-wall:before{content:"";position:absolute;inset:35% -70% -30% 0;background:linear-gradient(125deg,transparent 38%,#ddb75c70 39%,#a28e5399 51%,transparent 52%);transform:rotate(-8deg)}.q18-lock-glow{position:absolute;width:230px;height:290px;left:-107px;top:70px;border:1px solid #edcf8229;border-radius:50%;box-shadow:0 0 0 36px #e8bc540a,0 0 0 77px #e8bc540a}.q18-lock-date{position:absolute;top:49px;left:0;right:0;text-align:center;font-size:13px;font-weight:500}.q18-clock{display:block;position:absolute;top:61px;left:0;right:0;text-align:center;font:400 73px Figtree,sans-serif;letter-spacing:-5px}.q18-lock-brand{position:absolute;bottom:26px;left:19px;font-size:22px;letter-spacing:-1px;color:#d5c6a0}.q18-lock-brand>span{display:block;font-size:8px;letter-spacing:1px;margin-top:3px;color:#dfd9c6}.q18-notifications{position:absolute;top:159px;left:11px;right:11px;display:flex;flex-direction:column;gap:8px}.q18-notice{display:flex;gap:10px;background:#ecebdded;box-shadow:0 4px 12px #0002;border:1px solid #ffffff50;border-radius:15px;padding:12px 10px;color:#282d22;min-height:87px}.q18-notice>i{height:29px;width:29px;background:#494a35;color:#f1edd9;border-radius:7px;display:grid;place-content:center;flex-shrink:0;margin-top:1px}.q18-notice svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}.q18-notice>div{flex:1}.q18-notice small{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.25px;color:#666b5c;margin-bottom:4px}.q18-notice small span{font-size:7px;letter-spacing:0}.q18-notice strong{font-size:12px;font-weight:600;display:block;margin-bottom:3px}.q18-notice p{font-size:10px;line-height:1.35;color:#606658}.q18-order-orbit{position:absolute;left:53px;top:95px;width:592px;height:454px;transform:rotate(-21deg)}.q18-order-orbit>i{position:absolute;inset:0;border:1px solid #e9b32238;border-radius:50%}.q18-order-orbit>i+ i{inset:42px -32px;transform:rotate(35deg);border-color:#f2dba315}.q18-flying-bags{position:absolute;left:338px;top:316px;z-index:5}.q18-flying-bags>i{position:absolute;width:57px;height:57px;color:#151b1c;border-radius:15px;background:#edb713;box-shadow:0 8px 20px #0002;display:grid;place-content:center}.q18-flying-bags>i svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5}.q18-flying-bags>i:nth-child(2){width:40px;height:40px;background:#efe4bf;border-radius:10px}.q18-flying-bags>i:nth-child(2) svg{width:23px;height:23px}.q18-flying-bags>i:nth-child(3){width:50px;height:50px;background:#efe4bf;border-radius:13px}.q18-flying-bags>i:nth-child(4){width:32px;height:32px;border-radius:8px}.q18-flying-bags>i:nth-child(4) svg{width:20px;height:20px}.q18-orders-copy{position:absolute;left:42px;right:26px;bottom:17px;display:flex;align-items:flex-end;justify-content:space-between}.q18-orders-copy>strong{font-size:25px;line-height:1.08;letter-spacing:-.8px;font-weight:500}.q18-orders-copy em{font-style:normal;color:#eeb916}.q18-orders-copy>span{font-size:11px;color:#b2b4a7;margin-bottom:3px}
/* The same Safari and storefront used in act two. */
.q18-browse{opacity:1;pointer-events:none}
.q18-orders{opacity:0;pointer-events:none}
.q18-caption{left:24px;right:25px;top:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:25px;font-size:27px;letter-spacing:-.9px;line-height:1.06}
.q18-caption>strong{font-weight:500;max-width:225px}
.q18-caption>span{font-size:19px;line-height:1.35;letter-spacing:-.3px;color:#c7bfae;text-align:right}
.q18-caption>span>b{display:block;font-weight:500;color:#f1bc31}
.q18-browser{left:18px;top:104px;width:644px;border:2px solid #87887f;padding:4px;background:#252824;border-radius:11px}
.q18-browser .t18-safari{border-radius:5px 5px 0 0}
.q18-desktop-clip{height:341px;border-radius:0 0 5px 5px}
.q18-desktop-page{width:1200px;transform:scale(.526666667);transform-origin:0 0;background:#eee7d8}
.q18-responsive-phone{left:473px;top:111px;width:220px;height:441px;border-radius:34px}
.q18-mobile-page{position:relative;width:200px;height:389px;background:#eee7d8;color:#33271f}
.q18-mobile-page .t17-product-page{opacity:1;position:absolute;inset:0}
.q18-mobile-page .t17-p-photo>img{transform-origin:50% 58%}
.q18-match{position:absolute;left:25px;right:23px;top:570px;display:flex;flex-direction:column;gap:7px;color:#d3cec2;font-size:20px;line-height:1.3;letter-spacing:-.22px}
.q18-match>span{display:block}
.q18-match strong{font-weight:500;color:#f2eada}
.q18-match>span:last-child{color:#cbb17b}
.q18-orders-copy{left:35px;right:35px;bottom:17px;justify-content:center;text-align:center}
.q18-orders-copy>strong{font-size:31px;letter-spacing:-.9px;font-weight:500}
.q18-lock-brand>.l16-logo{font-size:27px;letter-spacing:-2.6px}
.q18-lock-brand>.l16-logo>span:after{width:4px;height:4px;left:8px;top:5px;background:#dcae6a}
.q18-lock-brand>.l16-logo>i{width:4px;height:4px;margin:2px 0 0 5px}
@media(max-width:650px){.q18-match{font-size:23px;top:560px;line-height:1.2;gap:6px}.q18-caption>span{font-size:22px}.q18-orders-copy>strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){.q18-phase{will-change:auto}.q18-orders{display:none}.q18-browse{opacity:1;transform:none}.q18-responsive-phone{opacity:1;transform:none}}

/* V19: each device is an atomic stacking context. Safari stays behind the incoming phone. */
.q18-browser{z-index:1;isolation:isolate}
.q18-responsive-phone{z-index:4;isolation:isolate}