/*
Theme Name: Mobify Storefront
Author: Mobify
Description: A lightweight custom WooCommerce storefront for Mobify.
Version: 0.5.0
Text Domain: mobify-storefront
*/
:root{--ink:#171a19;--muted:#626b66;--green:#174f3b;--lime:#d5ed98;--paper:#f7f8f4;--line:#dfe5dc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #81a94c;outline-offset:4px}.wrap{max-width:1320px;margin:auto;padding:0 32px}.announcement{background:var(--green);color:white;text-align:center;padding:8px;font-size:12px;letter-spacing:.06em}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:34px;min-height:92px}.brand{font-size:35px;font-weight:850;letter-spacing:-2px}.brand span{color:#7cab42}.navigation{display:flex;gap:26px;font-size:14px;font-weight:550}.header-tools{margin-left:auto;display:flex;gap:22px;font-size:14px}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:100}.skip:focus{top:0}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:570px;align-items:center;gap:30px;padding-top:55px;padding-bottom:55px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:750;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.5vw,76px);font-weight:600;line-height:1.04;letter-spacing:-.065em;margin:20px 0 25px}h1 em{font-style:normal;color:var(--green)}.intro{max-width:440px;color:var(--muted);font-size:17px}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;border:0;border-radius:30px;padding:14px 25px;font-weight:600;font-size:14px;cursor:pointer}.button.secondary{background:transparent;color:var(--ink);border:1px solid #bcc6b8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero-art{position:relative;min-height:460px;border-radius:32px;overflow:hidden;background:radial-gradient(ellipse at 58% 30%,#d8e3bc 0%,#e9eee0 50%,#d6dfcd 100%);display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffffb0;border-radius:50%}.phone{position:absolute;width:184px;height:347px;border-radius:32px;background:#232e2a;border:6px solid #47514b;box-shadow:12px 25px 40px #23352440;transform:rotate(-13deg) translate(-44px,5px)}.phone.front{transform:rotate(13deg) translate(58px,-5px);background:radial-gradient(ellipse at 5% 70%,#d8edaf 0%,#83b082 25%,#305e53 55%,#112c28 75%);border-color:#363e38}.phone.front:before{content:"";position:absolute;top:10px;left:54px;width:65px;height:19px;background:#101510;border-radius:18px}.lenses{display:grid;grid-template-columns:36px 36px;gap:8px;padding:16px}.lenses i{height:36px;border-radius:50%;background:radial-gradient(circle,#142332 20%,#02090b 34%,#435653 40%,#152020 52%,#101919 60%);border:3px solid #67756b}.art-caption{position:absolute;bottom:18px;left:24px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#425443}.hero-note{font-size:12px;color:var(--muted)}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:22px;padding-bottom:22px;gap:30px;font-size:13px}.values strong{display:block;font-size:14px}.values span{color:var(--muted)}.section{padding-top:68px;padding-bottom:68px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section h2{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.045em;margin-bottom:0}.section-head>a{font-size:14px;text-decoration:underline;text-underline-offset:6px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:transform .2s}.category:hover{transform:translateY(-4px)}.category b{font-size:23px;letter-spacing:-.03em;display:block;margin-top:20px}.category p{font-size:14px;color:var(--muted);margin-bottom:0}.category .symbol{font-size:40px;color:var(--green);line-height:1}.service-panel{border-radius:25px;background:var(--green);color:white;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.service-panel .eyebrow{color:var(--lime)}.service-panel h2{margin:15px 0 20px}.service-panel p{color:#d6e4dc}.service-panel .button{background:var(--lime);color:var(--green)}.service-list{display:grid;gap:16px;align-content:center}.service-list div{border-bottom:1px solid #ffffff30;padding:0 0 16px}.service-list small{display:block;color:#d6e4dc}.site-footer{border-top:1px solid var(--line);padding:44px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-top p{color:var(--muted);font-size:14px;max-width:360px}.footer-links{display:flex;gap:28px;font-size:14px;align-items:start}.copyright{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:26px}.content{padding-top:45px;padding-bottom:60px;min-height:400px}.content h1{font-size:42px}.woocommerce ul.products li.product{background:white;padding:18px;border:1px solid var(--line);border-radius:18px}.woocommerce ul.products li.product .price{color:var(--green);font-size:16px}.woocommerce div.product .product_title{font-size:40px}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{padding:12px;border:1px solid #bfcbbf;border-radius:8px;background:white}.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{border-top-color:var(--green)}.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--green)}.woocommerce img{max-width:100%;height:auto}.woocommerce table.shop_table{background:#fff}.entry-content img{max-width:100%;height:auto} @media(max-width:850px){.wrap{padding-left:20px;padding-right:20px}.header-inner{gap:15px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.navigation{order:3;width:100%;gap:22px;border-top:1px solid var(--line);padding-top:12px;overflow:auto}.header-tools{font-size:12px;gap:14px}.brand{font-size:30px}.hero{grid-template-columns:1fr;gap:24px;padding-top:32px}.hero-art{min-height:380px}.hero h1{max-width:600px}.values{grid-template-columns:1fr;gap:15px}.categories{grid-template-columns:1fr}.category b{margin-top:8px}.category .symbol{float:right}.service-panel{grid-template-columns:1fr;padding:28px;gap:25px}.section{padding-top:44px;padding-bottom:44px}.footer-top{flex-direction:column}.footer-links{flex-wrap:wrap}.woocommerce ul.products li.product{width:48%!important;margin-right:2%!important}.section-head{align-items:start}.phone{scale:.9}}

/* Mobify brand palette: white, black, orange and grey. */
:root{--ink:#171717;--muted:#696969;--green:#202020;--lime:#f18031;--paper:#ffffff;--line:#e5e5e5;color-scheme:light}.brand span,.eyebrow{color:#b94c0b}.announcement{background:#171717}.hero-art{background:radial-gradient(ellipse at 58% 30%,#fff 0%,#eee 55%,#dadada 100%)}.phone{background:#3a3a3a;border-color:#737373;box-shadow:12px 25px 40px #0003}.phone.front{border-color:#404040;background:radial-gradient(ellipse at 5% 70%,#fbb986 0%,#d77029 26%,#555 55%,#202020 78%)}.lenses i{background:radial-gradient(circle,#444 20%,#111 34%,#777 40%,#333 52%,#171717 60%);border-color:#888}.art-caption{color:#555}.service-panel p,.service-list small{color:#ddd}.button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#c9530e}.button,.woocommerce a.button,.woocommerce button.button{border-radius:8px}.button:hover{background:#b94c0b;color:white}.button.secondary:hover{background:#f2f2f2;color:#171717}.service-panel .button{background:#f18031;color:#171717}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{border-color:#ccc}.whatsapp-link{display:inline-flex;margin:18px 0 0;align-items:center;gap:8px;font-size:14px;font-weight:600;border-bottom:1px solid #b94c0b;padding-bottom:3px}.brand-image{display:block;position:relative;width:180px;height:42px;overflow:hidden;flex-shrink:0;background:#fff}.brand-image img{position:absolute;width:234px!important;max-width:none!important;height:234px!important;left:-27px;top:-98px}.outlet-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}.outlet-panel>img{width:100%;height:auto;border-radius:20px;display:block}.outlet-panel h2{margin:15px 0 22px}.outlet-panel address{font-style:normal;color:#696969;margin:24px 0}.outlet-panel .hero-note{margin-top:14px}@media(max-width:850px){.brand-image{width:145px;height:35px}.brand-image img{width:189px!important;height:189px!important;left:-22px;top:-79px}.outlet-panel{grid-template-columns:1fr;gap:28px}}
.brand-wordmark{display:inline-block;background:transparent;font-family:Arial,Helvetica,sans-serif;font-size:36px;font-weight:900;letter-spacing:-2px;line-height:1.15;white-space:nowrap;color:var(--ink)}.brand-wordmark span{color:#ff7411}.woocommerce ul.products li.product img{aspect-ratio:1;object-fit:contain;background:#f5f5f5;border-radius:12px}.header-tools .mobify-cart-link{display:inline-flex;align-items:center;border:1px solid #e5e5e5;border-radius:999px;padding:8px 13px}@media(max-width:850px){.brand-wordmark{font-size:30px}}

/* White editorial storefront. Respect the chosen brand appearance in automatic dark mode. */
:root{color-scheme:only light;--paper:#fff;--ink:#191919;--muted:#6b6b6b;--line:#e9e9e9}html,body{background:#fff;color:#191919}.announcement{background:#fff;color:#606060;border-bottom:1px solid #eee;font-size:10px;letter-spacing:.14em}.site-header{background:#fff}.header-inner{min-height:78px}.navigation a:hover{color:#b94c0b}.launch-hero{text-align:center;padding-top:65px;padding-bottom:44px;overflow:hidden}.launch-hero h1{font-size:clamp(38px,5.3vw,76px);letter-spacing:-.06em;line-height:1.08;margin:18px auto 20px}.launch-hero h1 span{color:#747474}.launch-intro{color:#696969;font-size:19px}.launch-hero .actions{justify-content:center;align-items:center;margin:25px 0 5px;gap:28px}.button{border-radius:999px}.text-link{font-size:14px;font-weight:600;color:#a94307}.device-stage{perspective:1200px;margin:0 auto;max-width:1040px;height:470px;display:grid;place-items:center;touch-action:pan-y}.device-float{width:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s ease;animation:mobify-float 8s ease-in-out infinite}.device-float img{display:block;width:100%;height:470px;object-fit:cover;mix-blend-mode:multiply}.finish-controls{display:flex;gap:12px;justify-content:center;margin-top:10px}.finish-swatch{background:#fff;border:1px solid transparent;border-radius:50%;padding:6px;width:42px;height:42px;cursor:pointer;display:grid;place-items:center}.finish-swatch span{width:26px;height:26px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 1px 3px #0003}.finish-swatch[aria-pressed=true]{border-color:#b94c0b}.finish-name{font-size:13px;margin:10px 0}.motion-toggle{border:0;background:#fff;color:#666;text-decoration:underline;font-size:11px;cursor:pointer;padding:8px}.launch-hero .hero-note{max-width:520px;margin:15px auto 0;font-size:11px}.device-stage.is-paused .device-float{animation-play-state:paused}.essentials-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.essential-card{border:1px solid #eee;border-radius:22px;background:#fff;padding:18px 18px 24px;transition:transform .25s,box-shadow .25s}.essential-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000008}.essential-image{height:210px;overflow:hidden;display:grid;place-items:center}.essential-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.essential-card h3{font-size:21px;letter-spacing:-.035em;margin:18px 0 8px;line-height:1.2}.essential-card p{font-size:12px;color:#777;margin-bottom:15px}.service-panel{background:#fff;color:#191919;border:1px solid #e5e5e5}.service-panel p,.service-list small{color:#696969}.service-panel .eyebrow{color:#a94307}.service-list div{border-color:#ddd}.service-panel .button{background:#191919;color:#fff}.values{background:#fff}.site-footer{background:#fff}.woocommerce ul.products li.product img{background:#fff}.outlet-panel>img{border-radius:24px}.section{padding-top:60px;padding-bottom:60px}
@keyframes mobify-float{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -12px;rotate:1deg}}
@media(max-width:850px){.launch-hero{padding-top:42px}.launch-hero h1{font-size:clamp(37px,7vw,58px)}.launch-intro{font-size:16px}.device-stage,.device-float img{height:350px}.device-stage{margin-left:-20px;margin-right:-20px}.essentials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.essential-card{padding:12px 12px 20px;border-radius:16px}.essential-image{height:170px}.essential-card h3{font-size:18px}.essential-card p{font-size:11px}.essential-card .text-link{font-size:12px}.launch-hero .actions{gap:15px}.navigation{white-space:nowrap}.section-head h2{font-size:30px}.section-head>a{white-space:nowrap}.launch-hero .hero-note{max-width:340px}}
@media(max-width:480px){.device-stage,.device-float img{height:290px}.device-float img{width:155%;max-width:none;margin-left:-27.5%}.essential-image{height:140px}.launch-hero .actions{flex-direction:column}.header-tools{margin-left:auto}.launch-hero{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.device-float{animation:none;transition:none}.essential-card,.category{transition:none}.essential-card:hover,.category:hover{transform:none}}

/* Customer accounts and service requests. */
.service-list .text-link{display:inline-block;margin-top:14px;line-height:1.5}.apple-id-service{padding-bottom:22px!important}.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:12px;margin:0;border:1px solid #e5e5e5;border-radius:18px;background:#fafafa}.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:13px 16px;border-radius:10px}.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:#202020;color:#fff}.woocommerce-account .woocommerce-MyAccount-content{padding:26px;border:1px solid #e5e5e5;border-radius:18px}.woocommerce-account .woocommerce form.login,.woocommerce-account .woocommerce form.register{border:1px solid #e5e5e5;border-radius:18px;padding:26px}.woocommerce-account .woocommerce button.button{background:#202020;color:#fff;min-height:46px;border-radius:999px;padding:12px 24px}.woocommerce-account .woocommerce form label{font-weight:600}.woocommerce-account .woocommerce input.input-text{min-height:48px;border-radius:10px;padding:10px 12px}.device-request-card{border:1px solid #e5e5e5;border-radius:24px;padding:clamp(22px,4vw,48px);background:#fff}.device-request-card h2{margin:10px 0 14px;font-size:clamp(30px,4vw,44px);letter-spacing:-.04em}.device-request-card .request-intro{max-width:650px;color:#696969;line-height:1.7}.mobify-request-form{margin-top:28px}.mobify-request-form fieldset{border:0;padding:0;margin:26px 0;min-width:0}.mobify-request-form legend{font-size:18px;font-weight:700;margin-bottom:16px}.request-mode-options{display:flex;flex-wrap:wrap;gap:14px}.request-mode-options label{display:flex;align-items:center;gap:10px;border:1px solid #ddd;border-radius:12px;padding:14px 18px;cursor:pointer}.request-mode-options label:has(input:checked){border-color:#b94c0b;background:#fff8f2}.mobify-request-form input[type=radio]{accent-color:#b94c0b}.request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.request-grid label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}.request-grid input,.request-grid select,.request-grid textarea{width:100%;min-height:48px;border:1px solid #d5d5d5;border-radius:10px;background:#fff;color:#202020;font:inherit;font-weight:400;padding:12px;box-sizing:border-box}.request-grid textarea{min-height:100px;resize:vertical}.request-grid .request-wide{grid-column:1/-1}.request-note{color:#696969;font-size:13px;line-height:1.7}.request-review{margin-top:24px;padding:24px;border:1px solid #e5e5e5;border-radius:16px;background:#fafafa}.request-review h3{margin-top:0}.request-review pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.7;margin:16px 0 22px}.device-request-card [hidden]{display:none!important}.mobify-request-form .button{border:0;cursor:pointer;font:inherit;background:#202020;color:#fff;padding:14px 24px}.mobify-request-form .button:hover{background:#b94c0b}.request-grid input:focus-visible,.request-grid select:focus-visible,.request-grid textarea:focus-visible{outline:2px solid #b94c0b;outline-offset:2px}.request-error{color:#a52d17;font-size:14px}.header-tools{white-space:nowrap}
@media(max-width:650px){.request-grid{grid-template-columns:1fr}.request-mode-options{display:grid;grid-template-columns:1fr}.device-request-card{border-radius:18px}.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{width:100%;float:none;margin-bottom:20px}.woocommerce-account .woocommerce-MyAccount-content{padding:20px}.header-tools{font-size:12px}}

/* Shopping navigation, catalogue discovery and policy pages. */
.header-tools{display:flex;align-items:center;gap:12px}.mobify-shop-filters{border:1px solid #e5e5e5;border-radius:18px;padding:24px;margin:0 0 30px;background:#fafafa;clear:both}.mobify-shop-filters h2{font-size:23px;margin:0 0 18px;letter-spacing:-.03em}.mobify-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mobify-filter-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.mobify-filter-grid input,.mobify-filter-grid select{font:inherit;font-weight:400;border:1px solid #d5d5d5!important;border-radius:9px;background:#fff;min-height:44px;width:100%;padding:10px;box-sizing:border-box}.mobify-filter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:18px}.mobify-filter-actions button{border:0;cursor:pointer;font:inherit;background:#202020;color:white;border-radius:999px;padding:12px 22px}.mobify-filter-note{font-size:12px;color:#696969;line-height:1.7;margin-top:16px}.mobify-policy{max-width:850px}.mobify-policy h2{margin-top:32px;font-size:25px}.mobify-policy p,.mobify-policy li{line-height:1.8;color:#555}.mobify-policy .policy-highlight{background:#fff8f2;border:1px solid #f1d9c4;border-radius:14px;padding:20px;color:#202020}.mobify-policy a{color:#a94307;text-decoration:underline}
@media(max-width:850px){.mobify-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.mobify-filter-grid{grid-template-columns:1fr}.mobify-shop-filters{padding:18px}.header-tools{gap:8px}.header-tools .mobify-cart-link{padding:7px 10px}}

/* Clear, understated removal action in the shopping bag. */
.woocommerce-cart .woocommerce-cart-form .product-remove a.remove{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:36px;padding:7px 12px;border:1px solid #dedede;border-radius:999px;font-size:13px;font-weight:500;line-height:1.3;color:#555!important;background:#fff;text-decoration:none;white-space:nowrap}
.woocommerce-cart .woocommerce-cart-form .product-remove a.remove:hover{color:#111!important;background:#f3f3f3;border-color:#bbb}
.woocommerce-cart .woocommerce-cart-form .product-remove a.remove:focus-visible{outline:2px solid #f97316;outline-offset:3px}

@media(min-width:769px){.woocommerce-cart .woocommerce-cart-form .product-thumbnail{width:88px!important;min-width:88px}.woocommerce-cart .woocommerce-cart-form .product-thumbnail img{width:64px!important;max-width:64px!important;height:72px!important;object-fit:contain}.woocommerce-cart .woocommerce-cart-form .product-name{width:auto!important}.woocommerce-cart .woocommerce-cart-form .product-remove{width:100px!important;text-align:right}.woocommerce-cart .woocommerce-cart-form .product-price,.woocommerce-cart .woocommerce-cart-form .product-subtotal{width:130px;white-space:nowrap}.woocommerce-cart .woocommerce-cart-form .product-quantity{width:110px}}

.woocommerce-cart .woocommerce-cart-form td.actions{display:table-cell!important;width:auto!important}.woocommerce-cart .woocommerce-cart-form td.actions .coupon{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.woocommerce-cart .woocommerce-cart-form td.actions .coupon .input-text{width:180px!important}.woocommerce-cart .woocommerce-cart-form td.actions .coupon .button{white-space:nowrap}

/* Featured iPhone and guided exchange. */
.hero-model-tabs{display:flex;justify-content:center;gap:6px;padding-top:24px}.hero-model-tabs button{font:inherit;font-size:13px;border:1px solid #e5e5e5;background:#fff;color:#696969;padding:9px 16px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.hero-model-tabs button[aria-pressed=true]{background:#191919;color:#fff;border-color:#191919}.hero-model-tabs button:focus-visible,.flagship-motion:focus-visible,.review-edit:focus-visible{outline:2px solid #f97316;outline-offset:3px}
#mobify-hero-17[hidden],#mobify-hero-18[hidden],.mobify-request-form [data-review][hidden]{display:none!important}
.flagship-hero{text-align:center;padding-top:30px;padding-bottom:42px;overflow:hidden}.flagship-hero h1{font-size:clamp(40px,5.3vw,76px);line-height:1.08;letter-spacing:-.065em;margin:16px auto 18px}.flagship-hero h1 span{color:#777}.flagship-hero .eyebrow{color:#a94307}.flagship-actions{display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap;margin:24px 0 4px}.flagship-stage{height:440px;max-width:1000px;position:relative;margin:0 auto;perspective:1400px;touch-action:pan-y;isolation:isolate}.flagship-glow{position:absolute;inset:12% 12% 0;border-radius:50%;background:radial-gradient(ellipse,#ffe9d4 0,#f3f3f3 46%,#fff0 72%);opacity:.6;animation:mobify-glow 9s ease-in-out infinite;pointer-events:none}.flagship-orbit{position:absolute;width:60%;height:75%;left:20%;top:15%;border:1px solid #eadccd;border-radius:50%;transform:rotateX(72deg) rotateZ(-14deg);opacity:.65;pointer-events:none}.flagship-tilt{position:relative;z-index:2;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease-out;will-change:transform}.flagship-float{height:100%;display:grid;place-items:center;animation:mobify-flagship-float 8s ease-in-out infinite;transform-style:preserve-3d}.flagship-float img{display:block;width:95%;max-width:880px;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 18px 16px #00000015);transform:translateZ(45px);user-select:none;pointer-events:none}.flagship-shadow{position:absolute;width:54%;height:20px;left:23%;bottom:7%;border-radius:50%;background:#000;filter:blur(18px);opacity:.1;animation:mobify-shadow 8s ease-in-out infinite;pointer-events:none}.flagship-controls{display:flex;justify-content:center;align-items:center;gap:16px;font-size:11px;color:#777}.flagship-controls p{margin:0}.flagship-motion{background:transparent;border:0;font:inherit;text-decoration:underline;color:#666;cursor:pointer;padding:8px}.flagship-motion:disabled{cursor:default;text-decoration:none}.flagship-hero .hero-note{max-width:540px;margin:8px auto 0;font-size:11px}.flagship-stage.is-still .flagship-float,.flagship-stage.is-still .flagship-glow,.flagship-stage.is-still .flagship-shadow{animation-play-state:paused}
.exchange-steps{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.exchange-steps span{font-size:12px;background:#f6f6f6;border:1px solid #ececec;padding:10px 14px;border-radius:999px}.exchange-card h2,.feedback-card h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.05em;line-height:1.12}.exchange-card .request-intro{max-width:700px}.feedback-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start}.feedback-card .mobify-request-form{margin-top:0}.feedback-card .request-grid{margin-bottom:20px}.review-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.review-edit{font:inherit;font-size:13px;color:#555;background:#fff;border:1px solid #ddd;border-radius:999px;padding:10px 15px;cursor:pointer}.request-review pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}#exchange-device,#customer-feedback{scroll-margin-top:28px}
@keyframes mobify-flagship-float{0%,100%{transform:translate3d(0,4px,0) rotateZ(-1.5deg)}50%{transform:translate3d(0,-12px,20px) rotateZ(1deg)}}@keyframes mobify-glow{0%,100%{transform:scale(.95);opacity:.45}50%{transform:scale(1.04);opacity:.65}}@keyframes mobify-shadow{0%,100%{transform:scaleX(1);opacity:.12}50%{transform:scaleX(.85);opacity:.07}}
@media(max-width:850px){.flagship-stage{height:340px}.flagship-hero h1{font-size:clamp(36px,7vw,58px)}.feedback-card{grid-template-columns:1fr;gap:22px}.hero-model-tabs{padding-top:20px}.flagship-hero{padding-top:25px}.flagship-actions{gap:15px}.flagship-controls{gap:10px;flex-wrap:wrap}.exchange-steps{gap:6px}.exchange-steps span{font-size:11px;padding:8px 10px}}
@media(max-width:520px){.flagship-stage{height:270px;margin:10px -12px 0}.flagship-hero .launch-intro{font-size:15px}.hero-model-tabs button{font-size:12px;padding:9px 12px}.flagship-actions .button{font-size:13px}.flagship-controls p{font-size:10px}.flagship-hero .hero-note{max-width:330px}.exchange-steps{display:grid;grid-template-columns:1fr}.exchange-steps span{border-radius:10px}.review-actions{align-items:stretch}.review-actions .button{text-align:center}}
@media(prefers-reduced-motion:reduce){.flagship-float,.flagship-glow,.flagship-shadow{animation:none!important}.flagship-tilt{transform:none!important;transition:none!important}.hero-model-tabs button{transition:none}.flagship-stage{scroll-behavior:auto}}

/* Mobify cinematic manufacturer showcase — October 2026 */
.showcase-heading{text-align:center;padding:28px 0 12px}.showcase-heading .eyebrow{margin:0 0 8px}.showcase-heading>p:last-child{margin:0;color:#707074;font-size:15px}
.showcase-tabs{display:flex;justify-content:center;gap:10px;padding:10px 0 20px}.showcase-tabs button{border:1px solid #dedee1;background:#fff;color:#606064;padding:13px 22px;border-radius:999px;font:inherit;font-size:14px;cursor:pointer;transition:background .25s,color .25s}.showcase-tabs button[aria-pressed="true"]{background:#191919;color:#fff;border-color:#191919}
.cinema-hero[hidden],.cinema-film[hidden],.cinema-finish[hidden]{display:none!important}.cinema-hero{text-align:center;padding-top:20px;padding-bottom:42px}.cinema-heading h1{font-size:clamp(36px,5vw,72px);line-height:1.08;letter-spacing:-.065em;margin:0 0 20px;font-weight:650}.cinema-heading h1 span{display:block;color:#838386;font-size:.72em;letter-spacing:-.055em;margin-top:9px}.cinema-heading>p{font-size:17px;color:#737377;margin:0 auto 28px;max-width:580px;line-height:1.55}
.cinema-stage{position:relative;max-width:1060px;height:480px;margin:0 auto;overflow:hidden;border-radius:26px;background:#f5f5f7;isolation:isolate;box-shadow:0 18px 65px rgba(0,0,0,.08);perspective:1200px}.cinema-film,.cinema-finish{position:absolute;inset:0}.cinema-film{background:#000}.cinema-film video{width:100%;height:100%;object-fit:contain;display:block}.cinema-badge{position:absolute;left:24px;bottom:20px;color:#fff;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 12px;font-size:10px;letter-spacing:.16em;pointer-events:none}.cinema-finish{display:flex;align-items:center;justify-content:center;background:#f5f5f7;animation:cinema-reveal .8s cubic-bezier(.16,1,.3,1)}.cinema-finish img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.cinema-hero[data-showcase-panel="17"] .cinema-finish img{transform:scale(2.35)}
.cinema-options{padding-top:22px}.cinema-views{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.cinema-views button{font:inherit;font-size:12px;padding:9px 15px;border:1px solid #dedee1;border-radius:999px;background:#fff;color:#707074;cursor:pointer}.cinema-views button[aria-pressed="true"]{color:#171719;background:#f0f0f2;border-color:#bfc0c5}.cinema-swatches{display:flex;justify-content:center;gap:12px;margin-top:18px}.cinema-swatch{height:36px;width:36px;padding:5px;border:1px solid transparent;background:none;border-radius:50%;cursor:pointer}.cinema-swatch span{display:block;width:24px;height:24px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.cinema-swatch[aria-pressed="true"]{border-color:#ff7900}.cinema-caption{font-size:13px;color:#737377;margin:12px 0 0;min-height:20px}.cinema-actions{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:24px}.cinema-hero .hero-note{max-width:700px;margin:19px auto 0;font-size:11px;color:#85858a}.showcase-tabs button:focus-visible,.cinema-views button:focus-visible,.cinema-swatch:focus-visible{outline:2px solid #ff7900;outline-offset:4px}
@keyframes cinema-reveal{from{opacity:0;transform:translateY(15px) rotateY(-9deg) scale(.96)}to{opacity:1;transform:translateY(0) rotateY(0) scale(1)}}
@media(max-width:850px){.cinema-stage{height:360px;border-radius:20px}.cinema-heading h1{font-size:48px}.cinema-heading>p{font-size:15px}.showcase-tabs button{padding:12px 16px;font-size:13px}}
@media(max-width:520px){.showcase-heading{padding:24px 0 10px}.showcase-heading .eyebrow{font-size:10px}.showcase-heading>p:last-child{font-size:12px}.showcase-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-bottom:16px}.showcase-tabs button{font-size:12px;padding:11px 6px;line-height:1.35}.cinema-hero{padding-top:12px}.cinema-heading h1{font-size:36px}.cinema-heading>p{font-size:13px;margin-bottom:22px}.cinema-stage{height:240px;border-radius:16px}.cinema-badge{left:12px;bottom:12px;font-size:8px;padding:6px 9px}.cinema-actions{flex-direction:column;gap:16px;margin-top:20px}.cinema-actions .button{font-size:13px;padding:15px 24px}.cinema-options{padding-top:18px}.cinema-views button{font-size:11px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.cinema-finish{animation:none}.showcase-tabs button{transition:none}}

/* Cinematic complete-device chapters — October 2026 */
.cinema-stage{isolation:isolate;background:radial-gradient(ellipse at 50% 38%,#fff 0%,#f4f4f6 58%,#e8e9ed 100%)}
.cinema-product-motion{animation:cinema-orbit var(--scene-duration,10s) cubic-bezier(.25,.1,.25,1) both;transform-style:preserve-3d}
.cinema-product-motion[data-pose="1"]{animation-name:cinema-orbit-reverse}
.cinema-product-motion[data-pose="2"]{animation-name:cinema-reveal-wide}
.cinema-product-motion img{position:relative;z-index:2;filter:drop-shadow(0 20px 16px rgba(20,24,35,.17));mix-blend-mode:multiply}
.cinema-product-motion:before{content:"";position:absolute;inset:8% 15%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.95),rgba(204,213,235,.25) 50%,transparent 72%);transform:translateZ(-80px);animation:cinema-light var(--scene-duration,10s) ease-in-out both}
.cinema-product-motion:after{content:"";position:absolute;bottom:6%;left:30%;width:40%;height:5%;border-radius:50%;background:rgba(20,24,35,.13);filter:blur(16px);transform:translateZ(-60px);animation:cinema-shadow var(--scene-duration,10s) ease-in-out both}
.cinema-hero[data-showcase-panel="17"] .cinema-finish img{transform:scale(2.05)}
.cinema-hero[data-showcase-panel="duo"] .cinema-film{background:#fff}
.cinema-hero[data-showcase-panel="duo"] .cinema-finish img{max-width:92%;max-height:85%;object-fit:contain}
.cinema-story-progress{position:absolute;z-index:5;bottom:17px;left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:8px 12px;border-radius:24px;background:rgba(22,22,26,.45);backdrop-filter:blur(10px)}
.cinema-story-progress span{width:19px;height:3px;border-radius:4px;background:rgba(255,255,255,.35);transition:background .5s,width .5s}
.cinema-story-progress span.is-active{width:32px;background:#fff}
.cinema-scene-label{position:absolute;z-index:5;top:18px;left:20px;padding:7px 12px;border-radius:20px;color:#fff;background:rgba(22,22,26,.6);backdrop-filter:blur(10px);font-size:11px;letter-spacing:.04em}
.cinema-story-progress[hidden],.cinema-scene-label[hidden]{display:none}
.cinema-motion-stopped,.cinema-motion-stopped:before,.cinema-motion-stopped:after{animation-play-state:paused!important}
@keyframes cinema-orbit{0%{opacity:0;transform:translate3d(-3%,3%,0) rotateY(-22deg) rotateX(5deg) rotateZ(-4deg) scale(.83)}12%{opacity:1}35%{transform:translate3d(2%,0,25px) rotateY(15deg) rotateX(-3deg) rotateZ(2deg) scale(.93)}66%{transform:translate3d(0,-1%,15px) rotateY(-9deg) rotateX(2deg) rotateZ(-1deg) scale(.96)}82%,95%{opacity:1;transform:translate3d(0,0,0) rotateY(0) rotateX(0) rotateZ(0) scale(.92)}100%{opacity:0;transform:translate3d(0,0,0) rotateY(0) scale(.92)}}
@keyframes cinema-orbit-reverse{0%{opacity:0;transform:translate3d(4%,2%,0) rotateY(24deg) rotateX(-4deg) rotateZ(3deg) scale(.82)}12%{opacity:1}38%{transform:translate3d(-2%,-1%,20px) rotateY(-15deg) rotateX(3deg) rotateZ(-2deg) scale(.94)}65%{transform:translate3d(1%,0,0) rotateY(8deg) rotateX(-2deg) rotateZ(1deg) scale(.92)}82%,95%{opacity:1;transform:translate3d(0,0,0) rotateY(0) scale(.92)}100%{opacity:0;transform:translate3d(0,0,0) rotateY(0) scale(.92)}}
@keyframes cinema-reveal-wide{0%{opacity:0;transform:translate3d(0,4%,0) rotateX(12deg) rotateY(-12deg) scale(.78)}15%{opacity:1}40%{transform:translate3d(0,-1%,18px) rotateX(-4deg) rotateY(13deg) scale(.95)}75%,95%{opacity:1;transform:translate3d(0,0,0) rotateX(0) rotateY(0) scale(.92)}100%{opacity:0;transform:translate3d(0,0,0) scale(.92)}}
@keyframes cinema-light{0%{opacity:.3;transform:translate3d(-15%,0,-80px)}50%{opacity:1;transform:translate3d(15%,0,-80px)}100%{opacity:.4;transform:translate3d(0,0,-80px)}}
@keyframes cinema-shadow{0%,100%{opacity:.3;transform:translateZ(-60px) scale(.8)}50%{opacity:.8;transform:translateZ(-60px) scale(1.1)}}
@media(max-width:520px){.cinema-stage{height:290px}.cinema-scene-label{top:12px;left:12px;font-size:9px;padding:6px 9px}.cinema-story-progress{bottom:12px}.cinema-hero[data-showcase-panel="17"] .cinema-finish img{transform:scale(2)}.cinema-hero[data-showcase-panel="duo"] .cinema-finish img{max-height:80%}}
@media(prefers-reduced-motion:reduce){.cinema-product-motion,.cinema-product-motion:before,.cinema-product-motion:after{animation:none!important;transform:none!important;opacity:1!important}}

.cinema-product-motion{background:transparent}.cinema-badge{display:none}