@font-face{font-family:'Afacad Flux';src:url('assets/fonts/afacad-flux-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Afacad Flux';src:url('assets/fonts/afacad-flux-600.ttf') format('truetype');font-weight:600;font-display:swap}

/* Three product stories: merchant themes share an accent; admin actions keep Emisell blue. */
.commerce-stories{--merchant-accent:#413d34;--admin-blue:#0b4dff;position:relative;overflow:hidden;color:#fff;padding:calc(var(--card-rem,1rem)*5.2) 0 calc(var(--card-rem,1rem)*4);background:radial-gradient(ellipse at 75% 35%,#2b236b80,transparent 65%),linear-gradient(#1d175a,#100e35);scroll-margin-top:0}
.commerce-stories[data-theme="plum"]{--merchant-accent:#624361}
.commerce-stories[data-theme="olive"]{--merchant-accent:#4b5d4d}
.commerce-stories [hidden],.stories-dialog [hidden]{display:none!important}
.stories-brand{width:calc(var(--card-rem,1rem)*8.5);height:auto;margin-bottom:calc(var(--card-rem,1rem)*2.2)}
.stories-header{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(var(--card-rem,1rem)*3);margin-bottom:calc(var(--card-rem,1rem)*3.3)}
.stories-eyebrow{display:block;font-size:calc(var(--card-rem,1rem)*.67);letter-spacing:.2em;color:#c4bde8;margin-bottom:calc(var(--card-rem,1rem)*1.15)}
.stories-header h2{font-size:calc(var(--card-rem,1rem)*4.15);line-height:1.03;letter-spacing:-.035em}
.stories-header>p{max-width:calc(var(--card-rem,1rem)*24);color:#c1bde0;line-height:1.65;font-size:calc(var(--card-rem,1rem)*1);padding-bottom:calc(var(--card-rem,1rem)*.3)}
.stories-grid{display:grid;grid-template-columns:1.05fr 1.22fr .83fr;gap:calc(var(--card-rem,1rem)*1.2)}
.commerce-story{min-width:0}
.story-visual{height:calc(var(--card-rem,1rem)*29.5);border-radius:calc(var(--card-rem,1rem)*1.1);overflow:hidden;position:relative;isolation:isolate;box-shadow:0 calc(var(--card-rem,1rem)*1.2) calc(var(--card-rem,1rem)*3) #06062118;transition:transform .5s,box-shadow .5s}
.story-ui{font-family:'Afacad Flux',Arial,sans-serif;color:#14213d}
.story-visual:hover{transform:translateY(-.3rem);box-shadow:0 calc(var(--card-rem,1rem)*1.5) calc(var(--card-rem,1rem)*3.5) #06062140}
.story-caption{display:flex;gap:calc(var(--card-rem,1rem)*.9);align-items:baseline;margin-top:calc(var(--card-rem,1rem)*1.5)}
.story-caption>span{color:#a399d2;font-size:calc(var(--card-rem,1rem)*.65);letter-spacing:.08em}
.story-caption h3{font-weight:400;font-size:calc(var(--card-rem,1rem)*1.45);letter-spacing:-.015em;line-height:1.3}
.story-caption p{color:#b8b2d9;font-size:calc(var(--card-rem,1rem)*.82);margin-top:calc(var(--card-rem,1rem)*.65);line-height:1.6}
.stories-footer{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--card-rem,1rem)*2);border-top:1px solid #b5a6f22e;margin-top:calc(var(--card-rem,1rem)*2.5);padding-top:calc(var(--card-rem,1rem)*2)}
.stories-footer>span{color:#c4bde2;font-size:calc(var(--card-rem,1rem)*.82);display:flex;gap:calc(var(--card-rem,1rem)*1.25);align-items:center}
.stories-footer i{font-style:normal;color:#a79bd1}
.stories-footer .button{padding:calc(var(--card-rem,1rem)*1) calc(var(--card-rem,1rem)*1.5);gap:calc(var(--card-rem,1rem)*2)}

/* Emisell Orders: payment and fulfillment have their own status columns. */
.operations-visual{background:radial-gradient(ellipse at 22% 20%,#fff 0,transparent 62%),linear-gradient(135deg,#e8efff,#c3d3f8);padding:calc(var(--card-rem,1rem)*1.35)}
.stories-orders{position:relative;z-index:2;background:#ffffffdd;border:1px solid #fff;border-radius:calc(var(--card-rem,1rem)*.9);overflow:hidden;box-shadow:0 calc(var(--card-rem,1rem)*.6) calc(var(--card-rem,1rem)*1.7) #35499816}
.stories-orders-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--card-rem,1rem)*.75);padding:calc(var(--card-rem,1rem)*1.15) calc(var(--card-rem,1rem)*1.1) calc(var(--card-rem,1rem)*1)}
.stories-orders-heading h4{font-size:calc(var(--card-rem,1rem)*1.65);line-height:1.1;font-weight:600;letter-spacing:-.025em;margin:0}
.stories-admin-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--card-rem,1rem)*.55);background:#0b4dff;color:#fff;border-radius:calc(var(--card-rem,1rem)*.65);padding:calc(var(--card-rem,1rem)*.7) calc(var(--card-rem,1rem)*.8);font-family:'Afacad Flux',Arial,sans-serif;font-size:calc(var(--card-rem,1rem)*.84);line-height:1;white-space:nowrap;box-shadow:0 calc(var(--card-rem,1rem)*.3) calc(var(--card-rem,1rem)*1) #0b4dff15;transition:background .2s}
.stories-admin-button>span{font-size:calc(var(--card-rem,1rem)*1.3);line-height:.8;font-weight:400}
.stories-admin-button:hover{background:#003dda}
.stories-orders-table-wrap{padding:0 calc(var(--card-rem,1rem)*.9) calc(var(--card-rem,1rem)*.65)}
.stories-orders-table{border-collapse:collapse;width:100%;font-size:calc(var(--card-rem,1rem)*.87);text-align:left}
.stories-orders-table th{color:#687ba3;font-size:calc(var(--card-rem,1rem)*.75);font-weight:600;padding:calc(var(--card-rem,1rem)*.75) calc(var(--card-rem,1rem)*.25);border-top:1px solid #e5ecfb;border-bottom:1px solid #e5ecfb}
.stories-orders-table td{padding:calc(var(--card-rem,1rem)*.8) calc(var(--card-rem,1rem)*.25);vertical-align:top;border-bottom:1px solid #e7edfb;transition:background .3s}
.stories-orders-table tr:last-child td{border-bottom:0}
.stories-orders-table th:first-child,.stories-orders-table td:first-child{width:calc(var(--card-rem,1rem)*1.65)}
.stories-orders-table th:nth-child(2){width:35%}
.stories-orders-table tbody tr:hover td{background:#f4f7ff}
.stories-checkbox{display:block;width:calc(var(--card-rem,1rem)*.9);height:calc(var(--card-rem,1rem)*.9);border:1px solid #9aabd0;border-radius:calc(var(--card-rem,1rem)*.15);margin-top:calc(var(--card-rem,1rem)*.15);background:#fff}
.stories-order-link{color:#0b4dff;padding:0;font-weight:600;font-size:calc(var(--card-rem,1rem)*1);line-height:1.15}
.stories-order-link:hover{text-decoration:underline;text-underline-offset:.18em}
.stories-orders-table td:nth-child(2)>span{display:block;color:#6b7b9c;font-size:calc(var(--card-rem,1rem)*.75);line-height:1.35;margin-top:calc(var(--card-rem,1rem)*.4)}
.stories-status{display:inline-block;border-radius:calc(var(--card-rem,1rem)*.42);padding:calc(var(--card-rem,1rem)*.35) calc(var(--card-rem,1rem)*.5);font-size:calc(var(--card-rem,1rem)*.8);line-height:1.2;white-space:nowrap;font-weight:500}
.status-paid{background:#dff5e9;color:#21834c}
.status-process{background:#fff0e1;color:#a65716}
.status-fulfilled{background:#e5ecff;color:#2453d1}
.status-unpaid{background:#ecf0f6;color:#677790}
.stories-data-note{position:absolute;top:calc(var(--card-rem,1rem)*19.05);right:calc(var(--card-rem,1rem)*1.4);color:#8b9ac0;font-size:calc(var(--card-rem,1rem)*.75);padding:calc(var(--card-rem,1rem)*.2) calc(var(--card-rem,1rem)*.75);background:#ffffff65;border-radius:calc(var(--card-rem,1rem)*2)}
.stories-chart{position:absolute;left:calc(var(--card-rem,1rem)*1.35);bottom:calc(var(--card-rem,1rem)*1.35);width:57%;height:calc(var(--card-rem,1rem)*9.1);z-index:1;padding:calc(var(--card-rem,1rem)*.9) calc(var(--card-rem,1rem)*.8) calc(var(--card-rem,1rem)*.3);border-radius:calc(var(--card-rem,1rem)*.9);background:#ffffffb3;box-shadow:0 calc(var(--card-rem,1rem)*.5) calc(var(--card-rem,1rem)*1.2) #35499808}
.stories-chart>span{font-size:calc(var(--card-rem,1rem)*.8);color:#31466f;font-weight:600;display:block;margin-bottom:calc(var(--card-rem,1rem)*.1)}
.stories-chart svg{width:100%;height:calc(var(--card-rem,1rem)*7.1);overflow:visible}
.stories-chart-grid{stroke:#cbd7f6;stroke-width:1;fill:none;stroke-dasharray:2 5;opacity:.6}
.stories-chart-line{stroke:#164cff;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.stories-chart-dots circle{fill:#fff;stroke:#164cff;stroke-width:2}
.stories-parcel{position:absolute;right:-2.25rem;bottom:-.65rem;width:67%;height:calc(var(--card-rem,1rem)*12.6);object-fit:contain;max-width:none;z-index:3;pointer-events:none;filter:drop-shadow(0 calc(var(--card-rem,1rem)*1) calc(var(--card-rem,1rem)*1.1) #35385b21)}

/* Mobile checkout: a clean logo header, with the theme accent on the customer action. */
.checkout-visual{background:radial-gradient(ellipse at 20% 30%,#f5f3ff,transparent 70%),linear-gradient(135deg,#ece8ff,#c1b5e2)}
.checkout-visual:after{content:'';position:absolute;inset:auto -3rem -3rem 55%;height:calc(var(--card-rem,1rem)*16);border-radius:50%;background:#6d628330;filter:blur(calc(var(--card-rem,1rem)*1.5));transform:rotate(-30deg);z-index:-1}
.stories-phone{position:absolute;left:50%;top:calc(var(--card-rem,1rem)*1.1);transform:translateX(-50%) rotate(2deg);width:calc(var(--card-rem,1rem)*15.65);height:calc(var(--card-rem,1rem)*30);padding:calc(var(--card-rem,1rem)*.28);border:calc(var(--card-rem,1rem)*.16) solid #18191b;border-radius:calc(var(--card-rem,1rem)*2.5);background:#161719;box-shadow:calc(var(--card-rem,1rem)*.24) 0 0 #8b8a8e,calc(var(--card-rem,1rem)*.39) calc(var(--card-rem,1rem)*.08) 0 #ededed,calc(var(--card-rem,1rem)*.65) calc(var(--card-rem,1rem)*.08) 0 #646169,calc(var(--card-rem,1rem)*1.2) calc(var(--card-rem,1rem)*1.4) calc(var(--card-rem,1rem)*2) #48405d35;will-change:transform}
.stories-phone:before{content:'';position:absolute;left:-.3rem;top:calc(var(--card-rem,1rem)*5.2);width:calc(var(--card-rem,1rem)*.16);height:calc(var(--card-rem,1rem)*2.5);background:#3c3c3f;border-radius:calc(var(--card-rem,1rem)*.1)}
.stories-phone-screen{position:relative;width:100%;height:100%;border-radius:calc(var(--card-rem,1rem)*2.12);background:#fff;overflow:hidden;padding:calc(var(--card-rem,1rem)*1.8) calc(var(--card-rem,1rem)*.85) calc(var(--card-rem,1rem)*1.1);display:flex;flex-direction:column}
.stories-island{position:absolute;width:calc(var(--card-rem,1rem)*5.9);height:calc(var(--card-rem,1rem)*1.3);top:calc(var(--card-rem,1rem)*.55);left:50%;transform:translateX(-50%);background:#090a0c;border-radius:calc(var(--card-rem,1rem)*1)}
.stories-island:after{content:'';position:absolute;right:calc(var(--card-rem,1rem)*.65);top:calc(var(--card-rem,1rem)*.35);height:calc(var(--card-rem,1rem)*.5);width:calc(var(--card-rem,1rem)*.5);border-radius:50%;background:radial-gradient(#203242,#11151a 65%)}
.stories-checkout-brand{flex:none;display:flex;justify-content:center;align-items:center;height:calc(var(--card-rem,1rem)*2.4);margin-bottom:calc(var(--card-rem,1rem)*.4)}
.stories-checkout-brand img{width:calc(var(--card-rem,1rem)*6.2);height:calc(var(--card-rem,1rem)*2);object-fit:contain}
.stories-checkout-body{display:flex;flex-direction:column;flex:1;min-height:0}
.stories-checkout-photo{height:calc(var(--card-rem,1rem)*7);flex:none;overflow:hidden;border-radius:calc(var(--card-rem,1rem)*.7);background:#e7dfd4;margin-bottom:calc(var(--card-rem,1rem)*.6)}
.stories-checkout-photo img{width:100%;height:100%;object-fit:cover;object-position:75% center;max-width:none}
.stories-checkout-form{display:grid;gap:calc(var(--card-rem,1rem)*.42)}
.stories-checkout-field{display:flex;flex-direction:column;gap:calc(var(--card-rem,1rem)*.08)}
.stories-checkout-field>span:first-child{font-size:calc(var(--card-rem,1rem)*.58);color:#697597;padding-left:calc(var(--card-rem,1rem)*.02);line-height:1.2}
.stories-checkout-field>span:last-child{font-size:calc(var(--card-rem,1rem)*.65);color:#23304a;background:#fff;border:1px solid #d9e0ef;border-radius:calc(var(--card-rem,1rem)*.4);min-height:calc(var(--card-rem,1rem)*2.08);display:flex;align-items:center;padding:calc(var(--card-rem,1rem)*.45) calc(var(--card-rem,1rem)*.55);line-height:1.2}
.stories-checkout-total{display:flex;flex-direction:column;padding:calc(var(--card-rem,1rem)*.7) 0 calc(var(--card-rem,1rem)*.6);margin-top:auto;line-height:1.2}
.stories-checkout-total>span{font-size:calc(var(--card-rem,1rem)*.7);color:#748098}
.stories-checkout-total strong{font-size:calc(var(--card-rem,1rem)*1.3);letter-spacing:-.025em;font-weight:600;color:#131a2c;margin-top:calc(var(--card-rem,1rem)*.12)}
.stories-checkout-button{display:flex;align-items:center;justify-content:center;gap:calc(var(--card-rem,1rem)*1);background:var(--merchant-accent);color:#fff;border-radius:calc(var(--card-rem,1rem)*.5);padding:calc(var(--card-rem,1rem)*.8) calc(var(--card-rem,1rem)*.5);font-size:calc(var(--card-rem,1rem)*.73);line-height:1.1;transition:background .3s,box-shadow .3s;flex:none;width:100%}
.stories-checkout-button:hover{box-shadow:0 calc(var(--card-rem,1rem)*.25) calc(var(--card-rem,1rem)*.6) #20202025}
.stories-checkout-button>span{font-size:calc(var(--card-rem,1rem)*1);line-height:.5}
.stories-checkout-payment{display:grid;gap:calc(var(--card-rem,1rem)*.4);font-size:calc(var(--card-rem,1rem)*.7)}
.stories-checkout-payment>span{color:#697597;margin-bottom:calc(var(--card-rem,1rem)*.1)}
.stories-checkout-payment>button:not(.stories-payment-back){display:flex;align-items:center;justify-content:space-between;border:1px solid #d9e0ef;border-radius:calc(var(--card-rem,1rem)*.45);padding:calc(var(--card-rem,1rem)*.6) calc(var(--card-rem,1rem)*.5);text-align:left;font-size:calc(var(--card-rem,1rem)*.73);background:white}
.stories-checkout-payment i{display:block;height:calc(var(--card-rem,1rem)*.7);width:calc(var(--card-rem,1rem)*.7);border-radius:50%;border:1px solid #b2baca}
.stories-checkout-payment button[aria-pressed="true"]{border-color:var(--merchant-accent);background:#f7f5f1}
.stories-checkout-payment button[aria-pressed="true"] i{border:2px solid white;background:var(--merchant-accent);box-shadow:0 0 0 1px var(--merchant-accent)}
.stories-payment-back{text-align:left;font-size:calc(var(--card-rem,1rem)*.65);padding:calc(var(--card-rem,1rem)*.2) 0;color:#6c7588}
.stories-theme-picker{display:flex;align-items:center;gap:calc(var(--card-rem,1rem)*.45);margin-top:calc(var(--card-rem,1rem)*.85);font-size:calc(var(--card-rem,1rem)*.62);color:#a39ac9}
.stories-theme-picker>span{margin-right:calc(var(--card-rem,1rem)*.15)}
.theme-swatch{position:relative;height:calc(var(--card-rem,1rem)*1.05);width:calc(var(--card-rem,1rem)*1.05);border:1px solid #ffffff50;border-radius:50%;padding:0;transition:box-shadow .2s;flex:none}
.theme-swatch:after{content:'';position:absolute;inset:-.5rem;border-radius:50%}
.theme-swatch[aria-pressed="true"]{box-shadow:0 0 0 2px #17133f,0 0 0 3px #e5ddfa}
.swatch-charcoal{background:#413d34}.swatch-plum{background:#624361}.swatch-olive{background:#4b5d4d}
.stories-toast{position:fixed;z-index:110;bottom:calc(var(--card-rem,1rem)*1.5);left:50%;transform:translate(-50%,calc(var(--card-rem,1rem)*1));max-width:calc(100% - calc(var(--card-rem,1rem)*2));width:max-content;border:1px solid #ffffff28;background:#242044ee;backdrop-filter:blur(10px);color:white;box-shadow:0 calc(var(--card-rem,1rem)*.5) calc(var(--card-rem,1rem)*2) #0003;border-radius:calc(var(--card-rem,1rem)*.85);padding:calc(var(--card-rem,1rem)*.85) calc(var(--card-rem,1rem)*1.15);font-size:calc(var(--card-rem,1rem)*.8);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;pointer-events:none}
.stories-toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}

/* Lightweight motion stays within each story and pauses outside the viewport. */
.stories-in-view 
.stories-in-view .stories-phone{animation:stories-phone-float 8s ease-in-out infinite}
.stories-in-view .stories-chart-line{stroke-dasharray:400;animation:stories-chart-draw 2.5s ease both}
.stories-in-view .stories-chart-dots circle:last-child{transform-box:fill-box;transform-origin:center;animation:stories-chart-pulse 3s ease-in-out infinite}
@keyframes stories-photo-drift{from{transform:scale(1.02)}to{transform:scale(1.08) translateX(-1%)}}
@keyframes stories-phone-float{0%,100%{transform:translate(-50%,0) rotate(2deg)}50%{transform:translate(-50%,-.35rem) rotate(1deg)}}
@keyframes stories-chart-draw{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@keyframes stories-chart-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}

.stories-dialog{font-family:'Afacad Flux',Arial,sans-serif;color:#14213d;border:1px solid #dce4f4;border-radius:calc(var(--card-rem,1rem)*1.25);padding:calc(var(--card-rem,1rem)*2);width:min(calc(var(--card-rem,1rem)*34),calc(100% - calc(var(--card-rem,1rem)*2)));max-height:calc(100svh - calc(var(--card-rem,1rem)*3));overflow:auto;box-shadow:0 calc(var(--card-rem,1rem)*1.5) calc(var(--card-rem,1rem)*6) #11193f35}
.stories-dialog::backdrop{background:#0d0b32a6;backdrop-filter:blur(7px)}
.stories-dialog .eyebrow{font-size:calc(var(--card-rem,1rem)*.65);letter-spacing:.14em;color:#7382a0}
.stories-dialog h2{font-family:inherit;font-weight:600;font-size:calc(var(--card-rem,1rem)*2);margin:calc(var(--card-rem,1rem)*.7) 0 calc(var(--card-rem,1rem)*1);color:#101827}
.stories-dialog-status{display:flex;gap:calc(var(--card-rem,1rem)*.55)}
.stories-dialog-status .stories-status{font-size:calc(var(--card-rem,1rem)*.9)}
.stories-dialog-products{margin:calc(var(--card-rem,1rem)*1.5) 0 calc(var(--card-rem,1rem)*.75);border-top:1px solid #e4eaf4}
.stories-dialog-products>div{display:flex;align-items:center;gap:calc(var(--card-rem,1rem)*.85);padding:calc(var(--card-rem,1rem)*1) 0;border-bottom:1px solid #e4eaf4;font-size:calc(var(--card-rem,1rem)*1)}
.stories-dialog-products img,.stories-dialog-products .icon{width:calc(var(--card-rem,1rem)*3.5);height:calc(var(--card-rem,1rem)*3.5);flex:none;border-radius:calc(var(--card-rem,1rem)*.5);background:#f0f3f9}
.stories-dialog-products img{object-fit:cover;object-position:70% center}
.stories-dialog-products .icon{padding:calc(var(--card-rem,1rem)*.75);color:#6f83aa}
.stories-dialog-products strong{font-weight:600}
.stories-dialog-products span{display:block;font-size:calc(var(--card-rem,1rem)*.9);color:#7887a2}
.stories-dialog-products b{margin-left:auto;font-size:calc(var(--card-rem,1rem)*.95);font-weight:500;white-space:nowrap}
.stories-dialog-total{margin:calc(var(--card-rem,1rem)*1) 0}
.stories-dialog-total>div{display:flex;align-items:center;justify-content:space-between;font-size:calc(var(--card-rem,1rem)*1);color:#71809a;padding:calc(var(--card-rem,1rem)*.3) 0}
.stories-dialog-total dd{margin:0;color:#273a5d}
.stories-dialog-total>div:last-child{border-top:1px solid #e4eaf4;margin-top:calc(var(--card-rem,1rem)*.6);padding-top:calc(var(--card-rem,1rem)*.9);font-size:calc(var(--card-rem,1rem)*1.3);font-weight:600;color:#14213d}
.stories-dialog-note{font-size:calc(var(--card-rem,1rem)*.82);color:#8996ac;margin-top:calc(var(--card-rem,1rem)*1);line-height:1.4}
.stories-create-form{display:grid;gap:calc(var(--card-rem,1rem)*.75);margin-top:calc(var(--card-rem,1rem)*1.2)}
.stories-create-form label{display:grid;gap:calc(var(--card-rem,1rem)*.3);font-size:calc(var(--card-rem,1rem)*.88);color:#5a6d8e}
.stories-create-form input{font:inherit;font-size:calc(var(--card-rem,1rem)*1);color:#14213d;background:#fbfcff;border:1px solid #d6dff0;border-radius:calc(var(--card-rem,1rem)*.55);padding:calc(var(--card-rem,1rem)*.65) calc(var(--card-rem,1rem)*.8);width:100%}
.stories-create-form input:focus{outline:2px solid #0b4dff;outline-offset:2px}
.stories-create-submit{width:100%;font-size:calc(var(--card-rem,1rem)*1);padding:calc(var(--card-rem,1rem)*.9);margin-top:calc(var(--card-rem,1rem)*.5)}

@media(min-width:1600px){.story-visual{height:calc(var(--card-rem,1rem)*30)}.stories-phone{width:calc(var(--card-rem,1rem)*16);height:calc(var(--card-rem,1rem)*30.5)}.stories-checkout-photo{height:calc(var(--card-rem,1rem)*7.5)}}
@media(max-width:1150px) and (min-width:992px){.stories-grid{grid-template-columns:1.05fr 1.2fr .85fr;gap:calc(var(--card-rem,1rem)*.8)}.story-visual{height:calc(var(--card-rem,1rem)*27)}.operations-visual{padding:calc(var(--card-rem,1rem)*.85)}.stories-orders-heading{padding:calc(var(--card-rem,1rem)*.9) calc(var(--card-rem,1rem)*.65) calc(var(--card-rem,1rem)*.8)}.stories-orders-heading h4{font-size:calc(var(--card-rem,1rem)*1.4)}.stories-admin-button{font-size:calc(var(--card-rem,1rem)*.7);padding:calc(var(--card-rem,1rem)*.65) calc(var(--card-rem,1rem)*.55);gap:calc(var(--card-rem,1rem)*.2)}.stories-orders-table-wrap{padding:0 calc(var(--card-rem,1rem)*.45) calc(var(--card-rem,1rem)*.4)}.stories-orders-table th{font-size:calc(var(--card-rem,1rem)*.65)}.stories-status{font-size:calc(var(--card-rem,1rem)*.7);padding:calc(var(--card-rem,1rem)*.3) calc(var(--card-rem,1rem)*.35)}.stories-orders-table td:nth-child(2)>span{font-size:calc(var(--card-rem,1rem)*.68)}.stories-order-link{font-size:calc(var(--card-rem,1rem)*.9)}.stories-checkbox{width:calc(var(--card-rem,1rem)*.75);height:calc(var(--card-rem,1rem)*.75)}.stories-orders-table th:first-child,.stories-orders-table td:first-child{width:calc(var(--card-rem,1rem)*1.15)}.stories-chart{left:calc(var(--card-rem,1rem)*.9);bottom:calc(var(--card-rem,1rem)*1);padding:calc(var(--card-rem,1rem)*.65);width:60%;height:calc(var(--card-rem,1rem)*8.2)}.stories-parcel{width:67%;height:calc(var(--card-rem,1rem)*11.5);right:-1.7rem}.stories-data-note{top:calc(var(--card-rem,1rem)*17.3);right:calc(var(--card-rem,1rem)*.9);font-size:calc(var(--card-rem,1rem)*.65)}.stories-phone{width:calc(var(--card-rem,1rem)*13.5);height:calc(var(--card-rem,1rem)*27);top:calc(var(--card-rem,1rem)*1.3);border-radius:calc(var(--card-rem,1rem)*2.3)}.stories-phone-screen{border-radius:calc(var(--card-rem,1rem)*1.95);padding:calc(var(--card-rem,1rem)*1.7) calc(var(--card-rem,1rem)*.7) calc(var(--card-rem,1rem)*.9)}.stories-checkout-photo{height:calc(var(--card-rem,1rem)*6)}.stories-checkout-field>span:last-child{min-height:calc(var(--card-rem,1rem)*1.8);font-size:calc(var(--card-rem,1rem)*.6)}.stories-checkout-form{gap:calc(var(--card-rem,1rem)*.35)}.stories-checkout-brand{height:calc(var(--card-rem,1rem)*2.1)}.stories-checkout-total{padding:calc(var(--card-rem,1rem)*.55) 0}.stories-checkout-button{font-size:calc(var(--card-rem,1rem)*.67);padding:calc(var(--card-rem,1rem)*.7) calc(var(--card-rem,1rem)*.4);gap:calc(var(--card-rem,1rem)*.6)}.story-caption h3{font-size:calc(var(--card-rem,1rem)*1.25)}.story-caption p{font-size:calc(var(--card-rem,1rem)*.75)}.story-caption{gap:calc(var(--card-rem,1rem)*.7)}}
@media(max-width:991px){.commerce-stories{padding:calc(var(--card-rem,1rem)*4) 0 calc(var(--card-rem,1rem)*3)}.stories-header{display:block;margin-bottom:calc(var(--card-rem,1rem)*2.5)}.stories-header h2{font-size:calc(var(--card-rem,1rem)*3.5)}.stories-header>p{margin-top:calc(var(--card-rem,1rem)*1.5);font-size:calc(var(--card-rem,1rem)*.95)}.stories-header>p br{display:none}.stories-brand{margin-bottom:calc(var(--card-rem,1rem)*1.8);width:calc(var(--card-rem,1rem)*7.5)}.stories-grid{grid-template-columns:1fr;gap:calc(var(--card-rem,1rem)*2.5);max-width:calc(var(--card-rem,1rem)*36);margin:auto}.story-visual{height:calc(var(--card-rem,1rem)*31)}.story-caption{margin-top:calc(var(--card-rem,1rem)*1.2)}.story-caption h3{font-size:calc(var(--card-rem,1rem)*1.5)}.story-caption p{font-size:calc(var(--card-rem,1rem)*.9);margin-top:calc(var(--card-rem,1rem)*.45)}.stories-footer{max-width:calc(var(--card-rem,1rem)*36);margin:calc(var(--card-rem,1rem)*2.5) auto 0}.stories-phone{width:calc(var(--card-rem,1rem)*16);height:calc(var(--card-rem,1rem)*30);top:calc(var(--card-rem,1rem)*1)}.checkout-visual{height:calc(var(--card-rem,1rem)*32)}.stories-orders-heading h4{font-size:calc(var(--card-rem,1rem)*1.9)}.stories-admin-button{font-size:calc(var(--card-rem,1rem)*1)}.stories-orders-table th{font-size:calc(var(--card-rem,1rem)*.9)}.stories-orders-table td{padding:calc(var(--card-rem,1rem)*1) calc(var(--card-rem,1rem)*.4)}.stories-order-link{font-size:calc(var(--card-rem,1rem)*1.2)}.stories-orders-table td:nth-child(2)>span{font-size:calc(var(--card-rem,1rem)*.9)}.stories-status{font-size:calc(var(--card-rem,1rem)*.92)}.stories-orders-table th:first-child,.stories-orders-table td:first-child{width:calc(var(--card-rem,1rem)*2)}.stories-data-note{top:calc(var(--card-rem,1rem)*21);font-size:calc(var(--card-rem,1rem)*.8)}.stories-parcel{height:calc(var(--card-rem,1rem)*13);width:61%;right:-1.7rem;bottom:-1.2rem}.stories-chart{height:calc(var(--card-rem,1rem)*9.5);width:54%}.stories-chart>span{font-size:calc(var(--card-rem,1rem)*.95)}.stories-theme-picker{font-size:calc(var(--card-rem,1rem)*.75);margin-top:calc(var(--card-rem,1rem)*.9);gap:calc(var(--card-rem,1rem)*.7)}.theme-swatch{width:calc(var(--card-rem,1rem)*1.25);height:calc(var(--card-rem,1rem)*1.25)}.stories-footer>span{gap:calc(var(--card-rem,1rem)*.8);font-size:calc(var(--card-rem,1rem)*.8)}.stories-footer .button{gap:calc(var(--card-rem,1rem)*1);padding:calc(var(--card-rem,1rem)*1) calc(var(--card-rem,1rem)*1.25);font-size:calc(var(--card-rem,1rem)*.82)}}
@media(max-width:479px){.commerce-stories{padding:calc(var(--card-rem,1rem)*4.5) 0 calc(var(--card-rem,1rem)*3)}.stories-header h2{font-size:calc(var(--card-rem,1rem)*2.85)}.stories-eyebrow{font-size:calc(var(--card-rem,1rem)*.6)}.stories-header>p{font-size:calc(var(--card-rem,1rem)*.95)}.stories-grid{gap:calc(var(--card-rem,1rem)*2.5)}.story-visual{height:calc(var(--card-rem,1rem)*28)}.checkout-visual{height:calc(var(--card-rem,1rem)*31)}.stories-phone{width:calc(var(--card-rem,1rem)*16);height:calc(var(--card-rem,1rem)*29);top:calc(var(--card-rem,1rem)*1)}.stories-checkout-photo{height:calc(var(--card-rem,1rem)*6.8)}.operations-visual{padding:calc(var(--card-rem,1rem)*1)}.stories-orders-heading{padding:calc(var(--card-rem,1rem)*1) calc(var(--card-rem,1rem)*.8)}.stories-orders-heading h4{font-size:calc(var(--card-rem,1rem)*1.7)}.stories-admin-button{font-size:calc(var(--card-rem,1rem)*.85);padding:calc(var(--card-rem,1rem)*.7) calc(var(--card-rem,1rem)*.65)}.stories-orders-table-wrap{padding:0 calc(var(--card-rem,1rem)*.6) calc(var(--card-rem,1rem)*.5)}.stories-orders-table th{font-size:calc(var(--card-rem,1rem)*.76)}.stories-orders-table td{padding:calc(var(--card-rem,1rem)*.85) calc(var(--card-rem,1rem)*.25)}.stories-order-link{font-size:calc(var(--card-rem,1rem)*1.05)}.stories-orders-table td:nth-child(2)>span{font-size:calc(var(--card-rem,1rem)*.77)}.stories-status{font-size:calc(var(--card-rem,1rem)*.78);padding:calc(var(--card-rem,1rem)*.35) calc(var(--card-rem,1rem)*.45)}.stories-orders-table th:first-child,.stories-orders-table td:first-child{width:calc(var(--card-rem,1rem)*1.4)}.stories-checkbox{width:calc(var(--card-rem,1rem)*.8);height:calc(var(--card-rem,1rem)*.8)}.stories-data-note{top:calc(var(--card-rem,1rem)*18.6);right:calc(var(--card-rem,1rem)*.8);font-size:calc(var(--card-rem,1rem)*.65)}.stories-chart{left:calc(var(--card-rem,1rem)*1);bottom:calc(var(--card-rem,1rem)*1);height:calc(var(--card-rem,1rem)*8.4);width:58%;padding:calc(var(--card-rem,1rem)*.75) calc(var(--card-rem,1rem)*.65)}.stories-chart svg{height:calc(var(--card-rem,1rem)*6.6)}.stories-chart>span{font-size:calc(var(--card-rem,1rem)*.8)}.stories-parcel{width:65%;right:-1.9rem;bottom:-.8rem;height:calc(var(--card-rem,1rem)*12)}.stories-footer{flex-wrap:wrap;gap:calc(var(--card-rem,1rem)*1.5)}.stories-footer .button{padding:calc(var(--card-rem,1rem)*1) calc(var(--card-rem,1rem)*1.4)}.stories-dialog{padding:calc(var(--card-rem,1rem)*1.7) calc(var(--card-rem,1rem)*1.2)}.stories-dialog-products b{font-size:calc(var(--card-rem,1rem)*.85)}.stories-dialog-products>div{gap:calc(var(--card-rem,1rem)*.6)}.stories-dialog-products strong{font-size:calc(var(--card-rem,1rem)*.93)}.stories-dialog-products span{font-size:calc(var(--card-rem,1rem)*.8)}.stories-dialog-products img,.stories-dialog-products .icon{height:calc(var(--card-rem,1rem)*3);width:calc(var(--card-rem,1rem)*3)}}
@media(prefers-reduced-motion:reduce){.commerce-stories *{animation:none!important;transition:none!important}.story-visual:hover{transform:none}.stories-chart-line{stroke-dasharray:none!important;stroke-dashoffset:0!important}}

/* Keep the chart title below the table when the cards stack. */
@media(max-width:991px){.operations-visual{height:calc(var(--card-rem,1rem)*32.5)}.stories-data-note{top:calc(var(--card-rem,1rem)*22)}}
@media(max-width:479px){.operations-visual{height:calc(var(--card-rem,1rem)*30)}.stories-data-note{top:calc(var(--card-rem,1rem)*20)}}

@media(min-width:1151px){.story-visual{height:calc(var(--card-rem,1rem)*31)}}
.stories-data-note{position:relative;top:auto;right:auto;display:block;width:max-content;margin:calc(var(--card-rem,1rem)*.4) 0 0 auto;z-index:4}

/* The keyboard skip link stays invisible until focused, including browser captures. */
.skip-link{opacity:0;pointer-events:none}.skip-link:focus{opacity:1;pointer-events:auto}

/* Reference composition: square photographic card, inset header and floating product tray. */
.stories-grid{container-type:inline-size}
.store-visual{container-type:inline-size;background:#d7cec3;padding:0;color:#413d34;aspect-ratio:1.005;isolation:isolate}
.store-visual .alexia-photo{position:absolute;top:0;bottom:0;left:-8%;right:auto;width:114%;height:100%;object-fit:fill;object-position:center;max-width:none;z-index:-1}
.story-theme-label{position:absolute;top:3.9%;right:3.5%;left:auto;z-index:3;height:7.5%;width:23.7%;padding:0;display:flex;justify-content:center;align-items:center;background:#f9f5e9;border:0;border-radius:999px;box-shadow:0 1cqw 3cqw #4c3a2118;font:600 3.05cqw/1 'Afacad Flux',Arial,sans-serif;color:#3c382f;white-space:nowrap}
.alexia-store{position:absolute;inset:0;display:block;background:transparent;border-radius:0;box-shadow:none;overflow:visible;font-family:'Afacad Flux',Arial,sans-serif}
.alexia-nav{position:absolute;left:4.4%;top:10.7%;width:80%;height:12%;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:0 5.2cqw;border-radius:2.4cqw 2.4cqw 0 0;background:#fffdf9eb;white-space:nowrap}
.alexia-nav>span{font-family:inherit;font-weight:600;font-size:2.85cqw;letter-spacing:.19em;line-height:1}
.alexia-nav>div{display:flex;align-items:center;gap:4.1cqw;font-size:2.45cqw;font-weight:500;letter-spacing:-.015em;line-height:1}
.alexia-hero{position:static;background:transparent;overflow:visible}
.alexia-hero:after{display:none}
.alexia-copy{position:absolute;top:28.4%;left:9.5%;padding:0;max-width:46%;z-index:1}
.alexia-copy h4{font-family:inherit;font-weight:600;font-size:6.45cqw;line-height:1.025;letter-spacing:-.018em;margin:0 0 2.25cqw;color:#413d34}
.alexia-copy p{font-size:2.75cqw;line-height:1.22;color:#544e43;font-weight:400;letter-spacing:-.015em}
.alexia-shop{display:inline-flex;align-items:center;justify-content:center;gap:1.7cqw;background:var(--merchant-accent);color:white;width:30cqw;height:6.85cqw;min-height:0;padding:0;border-radius:.8cqw;margin-top:3.9cqw;font-size:2.7cqw;line-height:1;white-space:nowrap;transition:background .3s,transform .2s}
.alexia-shop:hover{transform:translateY(-1px)}
.alexia-products{position:absolute;left:9.5%;bottom:4.5%;width:59%;height:19.5%;display:grid;grid-template-columns:repeat(3,1fr);gap:1.8cqw;padding:1.8cqw;background:#fffcf4ed;border:1px solid #ffffffb3;border-radius:2cqw;box-shadow:0 .6cqw 2.5cqw #ffffff30}
.alexia-thumb{position:relative;min-width:0;overflow:hidden;border-radius:1.5cqw;background:#e8dfd3}
.alexia-thumb img{display:block;position:static;inset:auto;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;margin:0}
.stories-in-view .alexia-photo{animation:alexia-reference-drift 16s ease-in-out infinite alternate}
@keyframes alexia-reference-drift{from{transform:scale(1)}to{transform:scale(1.018)}}
@media(min-width:1151px){.story-visual{height:calc((100cqw - 2.4rem)*1.05/3.1)}.story-ui{--card-rem:calc((100cqw - 2.4rem)*1.05/3.1/31)}}
@media(min-width:992px) and (max-width:1150px){.story-visual{height:calc((100cqw - 1.6rem)*1.05/3.1)}.story-ui{--card-rem:calc((100cqw - 1.6rem)*1.05/3.1/27)}}
@media(max-width:991px){.store-visual{height:auto;aspect-ratio:1.005}}
@media(prefers-reduced-motion:reduce){.stories-in-view .alexia-photo{animation:none}}
.stories-checkout-body:has(.stories-checkout-payment:not([hidden])) .stories-checkout-photo{height:calc(var(--card-rem,1rem)*4.8)}
@media(min-width:992px) and (max-width:1150px){.stories-chart{bottom:calc(var(--card-rem,1rem)*.4)}}