/* Shared craft: clear hierarchy, useful actions, and a deliberate embedded layout. */
:root{--studio-line:#dde5f1}.panel,.task,.member-card,.loyalty-card{box-shadow:0 5px 20px #20365405}.panel{border-radius:15px}.task{border-radius:12px;transition:box-shadow .2s,transform .2s}.task:hover{box-shadow:0 9px 22px #22355012;transform:translateY(-2px)}.btn{border-radius:8px}.row-icon{border-radius:11px}.board-column{background:#eaf0f8;border-radius:15px;padding:17px}.board-column>h2{font-size:14px;letter-spacing:-.3px;padding-bottom:12px}.board-column>h2>span{border-radius:6px;background:#fff;padding:3px 8px;font-size:11px}.task-value{font-weight:600;letter-spacing:-.7px}.task-footer{font-size:11px}.table-wrap{border-radius:10px}.service-option{transition:border-color .2s,background .2s}.service-option:hover{border-color:var(--accent)}.quote-preview{background:linear-gradient(145deg,#fff,#edf3ff);border:1px solid #cddbef;border-radius:17px}.quote-logo{margin-bottom:24px}.loyalty-ticket{background:linear-gradient(135deg,#f4e3d0,#f8efdf);border:1px solid #e5cdb1;border-radius:13px}.phone-banner{background:linear-gradient(125deg,#d7eee0,#b9dccb);border:1px solid #c0d9ca}.mobile-service{border-radius:13px;box-shadow:0 5px 18px #19352a06}.phone-app{box-shadow:0 18px 50px #1f3e3420}.phone-nav button.active{background:#e4f2e8;border-radius:9px}.pipeline-steps{border-radius:12px}.pipeline-steps>div{border-radius:10px}.callout{border-radius:14px}
.studio-intro{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(115deg,#152844,#2d446a);border-radius:16px;color:#f3f6fd;padding:28px;margin-bottom:17px;isolation:isolate}.studio-intro:after{content:'';position:absolute;width:250px;height:250px;right:-55px;top:-130px;border:1px solid #ffffff15;border-radius:50%;z-index:-1;box-shadow:0 0 0 28px #ffffff04,0 0 0 56px #ffffff03}.studio-intro p{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#b0c5e9;font-weight:700;margin-bottom:10px}.studio-intro h2{font-size:28px;letter-spacing:-1px;line-height:1.15;font-weight:600;max-width:650px}.studio-intro div>span{display:block;font-size:12px;color:#becde4;line-height:1.7;margin-top:10px}.studio-symbol{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;border:1px solid #ffffff30;background:#ffffff0b;flex-shrink:0}.studio-symbol svg{width:29px;height:29px;stroke:#b9cdfb}.studio-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:25px}.studio-controls>button{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #ccd8ea;border-radius:8px;padding:10px 13px;background:#fff;font-size:11px;color:#425c82;font-weight:600;min-height:39px}.studio-controls>button:hover{background:#e9f0ff;border-color:#93add5}.studio-controls>button>span{font-size:14px;color:#6985b4}.studio-search{display:flex;gap:9px;align-items:center;border:1px solid #cdd8e9;background:#fff;border-radius:8px;padding:10px 13px;width:100%;max-width:420px}.studio-search svg{width:16px;height:16px;color:#8b9eb9}.studio-search input{min-width:0;width:100%;border:0;background:transparent;font-size:12px;color:#334d72;padding:0;outline-offset:8px}.studio-search input::placeholder{color:#8b9bb1}
body[data-app=desk] .studio-intro{background:linear-gradient(115deg,#3d2c5b,#6e548c)}body[data-app=club] .studio-intro{background:linear-gradient(115deg,#654225,#99704a)}body[data-app=network] .studio-intro{background:linear-gradient(115deg,#2f285a,#65569a)}body[data-app=slot] .studio-intro,body[data-app=pocket] .studio-intro{background:linear-gradient(115deg,#16483f,#347d70)}body[data-app=club] .studio-intro p,body[data-app=club] .studio-intro div>span{color:#f0dac3}
.is-embedded{scroll-behavior:smooth;scroll-padding-top:130px;background:#f4f7fc}.is-embedded body{min-width:0;overflow-x:hidden;font-size:14px}.is-embedded .lab-bar{position:relative;padding:8px 18px;min-height:32px;height:auto;gap:12px}.is-embedded .lab-brand{font-size:15px}.is-embedded .lab-caption{display:none}.is-embedded .lab-project{font-size:9px;max-width:none}.is-embedded .app-layout{display:block;min-height:0}.is-embedded .sidebar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:13px;padding:13px 22px;background:#fff;border-right:0;border-bottom:1px solid #dce5f2;width:auto;height:auto}.is-embedded .app-brand{flex:0 1 auto;padding:0;gap:9px;max-width:100%}.is-embedded .app-brand strong{font-size:21px;letter-spacing:-.9px;line-height:1.2}.is-embedded .app-brand small{display:none}.is-embedded .app-logo{width:31px;height:31px;border-radius:9px;flex-shrink:0}.is-embedded .app-logo svg{width:17px;height:17px}.is-embedded .sidebar-bottom{display:none}.is-embedded .app-nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;margin:0}.is-embedded .app-nav button{width:auto;min-height:36px;padding:7px 11px;gap:6px;border-radius:7px;font-size:11px;color:#6e809a}.is-embedded .app-nav button svg{width:14px;height:14px}.is-embedded .app-nav button.active{background:#eaf0fc;color:var(--accent)}.is-embedded .workspace{padding:22px;min-width:0}.is-embedded .workspace-top{display:flex;align-items:center;justify-content:flex-end;margin-bottom:12px}.is-embedded .breadcrumb{display:none}.is-embedded .workspace-tools{gap:14px}.is-embedded .workspace-tools button{font-size:9px}.is-embedded .privacy-note{display:none}.is-embedded .studio-intro{padding:22px;margin-bottom:14px}.is-embedded .studio-intro h2{font-size:25px}.is-embedded .studio-intro div>span{font-size:11px}.is-embedded .studio-symbol{width:46px;height:46px;border-radius:13px}.is-embedded .studio-symbol svg{width:23px;height:23px}.is-embedded .studio-controls{margin-bottom:20px}.is-embedded .page-heading{margin-bottom:17px;justify-content:flex-end}.is-embedded .page-heading>div:first-child{display:none}.is-embedded .page-heading .heading-actions{margin:0;width:auto}.is-embedded .btn{font-size:11px;min-height:36px;padding:10px 13px}.is-embedded .panel{padding:20px}.is-embedded .panel h2{font-size:18px}.is-embedded .panel p,.is-embedded .callout p{font-size:12px}.is-embedded .panel-head{gap:12px}.is-embedded .stat{padding:17px}.is-embedded .stat strong{font-size:27px}.is-embedded .stat p,.is-embedded .stat small{font-size:10px}.is-embedded .stat-icon{top:14px;right:14px}.is-embedded .stat-icon svg{width:18px;height:18px}.is-embedded .resource h3{font-size:18px}.is-embedded .resource p{font-size:12px}.is-embedded .board{gap:13px}.is-embedded .board-column{padding:13px}.is-embedded .task h3{font-size:18px}.is-embedded .task{padding:16px}.is-embedded .task-value{font-size:23px}.is-embedded .field>span{font-size:11px}.is-embedded .field input,.is-embedded .field select,.is-embedded .field textarea{font-size:14px;padding:11px 12px}.is-embedded dialog{max-width:650px;width:calc(100% - 30px);max-height:90vh;border-radius:17px;padding:25px}.is-embedded dialog .modal-head h2{font-size:24px}.is-embedded dialog .modal-head{gap:15px}.is-embedded .phone-showcase{display:block}.is-embedded .phone-side{display:none}.is-embedded .phone-app{margin:0 auto;max-width:390px}.is-embedded body[data-app=pocket] .studio-intro,.is-embedded body[data-app=pocket] .studio-controls{display:none}.is-embedded .phone-inner h1{font-size:31px}.is-embedded .phone-banner h2{font-size:27px}.is-embedded #toast{font-size:12px;max-width:calc(100% - 30px)}
/* Restaurant demos: a compact storefront with real menu, cart and booking flows. */
.product{transition:box-shadow .2s,transform .2s;border-radius:15px}.product:hover{box-shadow:0 9px 25px #291e1110}.product-info{position:relative}.product-tag{font-size:9px;letter-spacing:1px}.venue-favorite{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);background:var(--surface);border-radius:50%;color:var(--muted);position:absolute;right:17px;top:16px}.venue-favorite svg{width:15px;height:15px}.venue-favorite[aria-pressed=true]{color:var(--accent);background:var(--soft)}.venue-favorite[aria-pressed=true] svg{fill:var(--accent);stroke:var(--accent)}.product:not(.product-featured){position:relative}.product .product-tag{padding-right:35px}.product:not(.product-featured) h3{padding-right:18px}.product-featured .venue-favorite{top:15px;right:15px}.is-embedded .demo-bar{display:flex;min-height:32px;padding:7px 15px;font-size:8px;gap:10px}.is-embedded .demo-bar>span{display:none}.is-embedded .demo-bar>a:first-child{font-size:8px;letter-spacing:.5px}.is-embedded .demo-bar>a:last-child{font-size:9px}.is-embedded .venue-header{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:13px;padding:15px 20px;background:var(--paper);border-bottom:1px solid var(--line)}.is-embedded .venue-logo{flex:0 1 auto;max-width:60%;font-size:28px;letter-spacing:-1px}.is-embedded .theme-pub .venue-logo{font-size:31px;letter-spacing:0}.is-embedded .venue-logo small{font-size:6px;letter-spacing:.8px;margin-top:6px}.is-embedded .venue-change{display:none}.is-embedded .venue-nav{margin:0;gap:5px;flex:0 1 auto;width:auto;display:flex}.is-embedded .venue-nav button{min-height:35px;padding:8px 10px;font-size:10px;gap:5px;border-radius:6px}.is-embedded .venue-nav svg{width:14px;height:14px}.is-embedded .venue-main{max-width:1200px;padding:18px 20px 30px}.is-embedded .venue-hero{min-height:260px;height:260px;border-radius:15px}.is-embedded .hero-copy{padding:28px;width:70%;max-width:540px}.is-embedded .hero-copy h1{font-size:48px;line-height:.97}.is-embedded .hero-copy .eyebrow{font-size:7px;letter-spacing:1px}.is-embedded .hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.6;margin-top:13px}.is-embedded .hero-cta{font-size:10px;min-height:38px;padding:9px 13px;margin-top:18px}.is-embedded .hero-cta span{font-size:12px}.is-embedded .hero-badge{display:none}.is-embedded .service-strip{padding:13px 1px;margin:0;gap:14px;font-size:9px;flex-wrap:wrap}.is-embedded .service-strip>span:last-child{display:none}.is-embedded .service-strip svg{width:13px;height:13px}.is-embedded .menu-layout{gap:20px;margin-top:18px;grid-template-columns:minmax(0,1fr) 260px}.is-embedded .menu-heading{gap:15px;align-items:center;margin-bottom:18px}.is-embedded .menu-heading h2{font-size:28px}.is-embedded .menu-heading p{font-size:11px}.is-embedded .menu-search{max-width:230px;padding:10px 12px;font-size:12px}.is-embedded .menu-search input{font-size:12px;min-width:0}.is-embedded .categories{gap:6px;margin-bottom:18px}.is-embedded .categories button{padding:7px 11px;font-size:10px}.is-embedded .product-list{gap:13px}.is-embedded .product{padding:19px;min-height:0}.is-embedded .product-featured{padding:0}.is-embedded .product-info{padding:20px}.is-embedded .product-featured>img{height:185px}.is-embedded .product h3{font-size:23px;margin-top:11px}.is-embedded .product p{font-size:11px;line-height:1.7;min-height:0}.is-embedded .product-price{font-size:18px}.is-embedded .product footer{margin-top:22px}.is-embedded .add-button{width:31px;height:31px}.is-embedded .cart-panel{padding:20px;border-radius:14px;top:110px}.is-embedded .cart-panel h2{font-size:26px}.is-embedded .view-heading{margin:12px 0 25px}.is-embedded .view-heading h1{font-size:39px}.is-embedded .view-heading>p:last-child{font-size:12px}.is-embedded .form-section{padding:23px}.is-embedded .form-section h2{font-size:27px}.is-embedded .primary-button,.is-embedded .secondary-button{font-size:12px;padding:11px 15px;min-height:39px}.is-embedded .booking-row h3{font-size:25px}.is-embedded .club-card{padding:30px;border-radius:17px}.is-embedded .club-card h2{font-size:38px}.is-embedded .club-explainer h2{font-size:31px}.is-embedded .venue-footer{padding-top:24px;margin-top:30px;font-size:10px}.is-embedded .venue-footer strong{font-size:18px}.is-embedded .venue-footer-links{font-size:10px;gap:13px}.is-embedded .venue-fineprint{font-size:9px}.is-embedded .modal-body{padding:22px}.is-embedded .modal-head h2{font-size:28px}.is-embedded .modal-photo{height:170px}.is-embedded .option-label{font-size:12px}.is-embedded .product-description{font-size:12px}.is-embedded #venue-toast{font-size:12px}
@media(max-width:700px){.studio-intro{padding:22px;gap:15px}.studio-intro h2{font-size:26px}.studio-symbol{width:45px;height:45px;border-radius:12px}.studio-controls{gap:6px}.studio-controls>button{font-size:10px;padding:9px 11px;gap:15px}.is-embedded .split,.is-embedded .split.equal{grid-template-columns:1fr}.is-embedded .board,.is-embedded .board.four{grid-template-columns:1fr 1fr}.is-embedded .loyalty-grid{grid-template-columns:1fr 1fr}.is-embedded .menu-layout{grid-template-columns:1fr}.is-embedded .cart-panel{display:none}.is-embedded .mobile-cart{display:flex;bottom:12px;left:15px;right:15px;width:calc(100% - 30px);padding:12px 16px;min-height:47px;border-radius:10px;font-size:12px;z-index:25}.is-embedded .venue-main{padding-bottom:80px}.is-embedded .two-columns,.is-embedded .club-layout{grid-template-columns:1fr}.is-embedded .menu-heading{display:block}.is-embedded .menu-search{max-width:100%;margin-top:13px}.is-embedded .club-explainer{padding-top:10px}}
@media(max-width:430px){.is-embedded .sidebar{padding:12px 14px;gap:12px}.is-embedded .app-brand strong{font-size:20px}.is-embedded .app-nav{width:100%;gap:4px}.is-embedded .app-nav button{font-size:10px;padding:7px 9px;min-height:34px;flex:1;justify-content:center}.is-embedded .app-nav button svg{display:none}.is-embedded .workspace{padding:16px 13px 25px}.is-embedded .workspace-top{margin-bottom:12px}.is-embedded .workspace-tools button{font-size:8px}.is-embedded .studio-intro{padding:20px 17px}.is-embedded .studio-intro h2{font-size:24px}.is-embedded .studio-intro p{font-size:7px;letter-spacing:.9px}.is-embedded .studio-intro div>span{font-size:10px;line-height:1.7}.is-embedded .studio-symbol{display:none}.is-embedded .studio-controls{gap:5px;margin-bottom:16px}.is-embedded .studio-controls>button{font-size:9px;padding:8px 9px;gap:9px;min-height:34px}.is-embedded .studio-controls>button>span{font-size:11px}.is-embedded .stats,.is-embedded .stats.four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.is-embedded .stats>.stat:last-child:nth-child(odd){grid-column:1/-1}.is-embedded .stat{padding:14px}.is-embedded .stat strong{font-size:25px}.is-embedded .stat p,.is-embedded .stat small{font-size:9px}.is-embedded .board,.is-embedded .board.four,.is-embedded .loyalty-grid,.is-embedded .network-people,.is-embedded .resource-grid{grid-template-columns:1fr}.is-embedded .panel{padding:17px}.is-embedded .panel-head{align-items:flex-start;flex-wrap:wrap}.is-embedded .panel-head h2{font-size:18px}.is-embedded .list-row{gap:12px;flex-wrap:wrap}.is-embedded .person{min-width:0}.is-embedded .person strong{overflow-wrap:anywhere}.is-embedded .search{max-width:100%;width:100%;min-width:0}.is-embedded .search input{min-width:0}.is-embedded .items-table{min-width:370px}.is-embedded .table-wrap{overflow-x:auto}.is-embedded .quote-preview{padding:20px}.is-embedded .quote-total strong{font-size:28px}.is-embedded dialog{padding:20px;width:calc(100% - 20px);max-height:94vh}.is-embedded .modal-head h2{font-size:23px}.is-embedded .form-grid{grid-template-columns:1fr}.is-embedded .field input,.is-embedded .field select,.is-embedded .field textarea{font-size:16px}.is-embedded .phone-app{border-radius:19px;border-width:3px}.is-embedded .phone-inner{padding:19px 15px}.is-embedded .phone-inner h1{font-size:29px}.is-embedded .phone-catalog{grid-template-columns:1fr 1fr;gap:9px}.is-embedded .mobile-service{padding:13px}.is-embedded .mobile-service h3{font-size:15px}.is-embedded .mobile-service p{font-size:10px}.is-embedded .phone-nav button{font-size:9px}.is-embedded .pipeline-steps{gap:5px;padding:10px}.is-embedded .pipeline-steps>div{padding:10px 7px}.is-embedded .pipeline-steps b{font-size:9px}.is-embedded .pipeline-steps small{font-size:8px}.is-embedded .pipeline-steps>svg{width:12px}.is-embedded .mapping{grid-template-columns:70px 15px minmax(0,1fr);gap:8px}.is-embedded .mapping>span{font-size:11px}.is-embedded .venue-header{padding:13px 14px 11px;gap:14px}.is-embedded .venue-logo{font-size:26px;max-width:100%;flex-basis:100%}.is-embedded .theme-pub .venue-logo{font-size:29px}.is-embedded .venue-nav{width:100%;gap:5px}.is-embedded .venue-nav button{flex:1;justify-content:center;font-size:9px;padding:8px 9px;min-height:33px}.is-embedded .venue-nav svg{display:none}.is-embedded .venue-main{padding:13px 12px 80px}.is-embedded .venue-hero{height:230px;min-height:230px;border-radius:12px}.is-embedded .hero-copy{padding:24px 19px;width:94%}.is-embedded .hero-copy h1{font-size:43px}.is-embedded .hero-copy>p:not(.eyebrow){font-size:10px;margin-top:12px}.is-embedded .hero-cta{font-size:9px;padding:9px 11px;min-height:35px;margin-top:15px}.is-embedded .hero-cta span{font-size:11px}.is-embedded .hero-copy .eyebrow{font-size:6px}.is-embedded .service-strip{font-size:8px;gap:10px}.is-embedded .service-strip>span:nth-child(2){display:none}.is-embedded .menu-layout{margin-top:16px}.is-embedded .menu-heading h2{font-size:28px}.is-embedded .menu-heading p{font-size:10px}.is-embedded .menu-search input{font-size:16px}.is-embedded .product-list{grid-template-columns:1fr}.is-embedded .product-featured{display:block;grid-column:auto}.is-embedded .product-featured>img{width:100%;height:150px}.is-embedded .product h3{font-size:25px}.is-embedded .product p{font-size:12px}.is-embedded .product-price{font-size:21px}.is-embedded .product-info{padding:19px}.is-embedded .view-heading h1{font-size:34px}.is-embedded .view-heading .eyebrow{font-size:7px;letter-spacing:.8px}.is-embedded .view-heading>p:last-child{font-size:11px}.is-embedded .form-section{padding:19px}.is-embedded .form-section h2{font-size:27px}.is-embedded .club-card{padding:24px 20px}.is-embedded .club-card h2{font-size:34px}.is-embedded .club-card-top strong{font-size:24px}.is-embedded .club-card-top>span{font-size:8px}.is-embedded .club-card-bottom{font-size:9px;gap:10px}.is-embedded .club-stamps{gap:8px}.is-embedded .club-stamp{width:auto;aspect-ratio:1;height:auto}.is-embedded .club-explainer h2{font-size:29px}.is-embedded .venue-footer{display:block}.is-embedded .venue-footer-links{margin-top:18px}.is-embedded .modal-body{padding:20px 17px}.is-embedded .modal-bottom{gap:10px}.is-embedded .quantity-control{flex-shrink:0}.is-embedded .modal-bottom .primary-button{font-size:11px;padding:11px}.is-embedded .venue-favorite{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.task{transition:none}.task:hover{transform:none}.is-embedded{scroll-behavior:auto}}
@media(max-width:430px){.is-embedded .items-table{min-width:0;display:block}.is-embedded .items-table thead{display:none}.is-embedded .items-table tbody{display:block}.is-embedded .items-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px;gap:9px;padding:12px 0;border-bottom:1px solid #dce5f2}.is-embedded .items-table td{display:block;border:0;padding:0;min-width:0}.is-embedded .items-table td:first-child{grid-column:1/3}.is-embedded .items-table td:nth-child(2){grid-column:1;grid-row:2}.is-embedded .items-table td:nth-child(3){grid-column:2;grid-row:2}.is-embedded .items-table td:nth-child(4){grid-column:3;grid-row:1/3;align-self:center}.is-embedded .items-table td:first-child:before,.is-embedded .items-table td:nth-child(2):before,.is-embedded .items-table td:nth-child(3):before{display:block;font-size:9px;color:#8c9db6;margin-bottom:5px}.is-embedded .items-table td:first-child:before{content:'Voce della proposta'}.is-embedded .items-table td:nth-child(2):before{content:'Quantità'}.is-embedded .items-table td:nth-child(3):before{content:'Prezzo €'}.is-embedded .items-table input{width:100%;min-width:0;font-size:16px;padding:10px 8px}.is-embedded .items-table .icon-button{width:27px;height:31px}}
.is-embedded body[class*=theme-]{background:var(--paper)}.is-embedded .workspace-top{min-height:0;padding:0;border:0}.is-embedded .venue-hero .hero-copy{align-self:center;position:relative;inset:auto;transform:none}.is-embedded .venue-hero .hero-copy h1{margin-top:10px}
@media(max-width:430px){.is-embedded .venue-hero{height:275px;min-height:275px}.is-embedded .venue-hero .hero-copy{padding:21px 19px}.is-embedded .hero-copy h1{font-size:37px}.is-embedded .hero-copy>p:not(.eyebrow){font-size:10px;line-height:1.5;margin-top:10px}.is-embedded .hero-cta{margin-top:13px}}
.is-embedded .heading-actions{flex-wrap:wrap;justify-content:flex-end;min-width:0;max-width:100%}.is-embedded .quote-actions{flex-wrap:wrap;min-width:0}.is-embedded .upload-label{display:block;max-width:100%;min-width:0;overflow:hidden;font-size:11px}.is-embedded .upload-label input[type=file]{display:block;max-width:100%;width:100%;min-width:0;font-size:11px;margin-top:7px}
@media(max-width:430px){.is-embedded .loyalty-grid{grid-template-columns:minmax(0,1fr)}.is-embedded .loyalty-card{min-width:0;padding:17px}.is-embedded .loyalty-card .person{gap:9px;min-width:0}.is-embedded .loyalty-card .person>div{min-width:0;flex:1}.is-embedded .loyalty-card .person h3{font-size:17px;overflow-wrap:anywhere}.is-embedded .loyalty-card .avatar{width:30px;height:30px;flex-shrink:0}.is-embedded .loyalty-card .person>.icon-button{flex-shrink:0;width:27px;height:30px}.is-embedded .loyalty-ticket{padding:17px 14px}.is-embedded .stamps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.is-embedded .stamps .stamp{width:100%;max-width:36px;height:auto;aspect-ratio:1}.is-embedded .loyalty-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.is-embedded .loyalty-actions .btn{width:100%;min-width:0}}
.is-embedded .menu-search{min-width:0;width:100%;box-sizing:border-box}.is-embedded .menu-search input{min-width:0;max-width:100%}
.is-embedded .sidebar{flex-direction:row}.is-embedded .app-brand{justify-content:flex-start}
.is-embedded .menu-search{display:block}

/* Embedded screens can be narrower than the outer phone viewport. */
.is-embedded .venue-hero { height:auto; }
.is-embedded .hero-copy { min-width:0; }
.is-embedded .studio-intro>div { min-width:0; }
.is-embedded #venue-dialog { padding:0; }
.is-embedded .modal-head>h2 { min-width:0; overflow-wrap:break-word; }
.is-embedded .modal-head .close-button { flex-shrink:0; }
.is-embedded .option-label>span { min-width:0; overflow-wrap:break-word; }
.is-embedded .option-label>b { flex-shrink:0; }
.is-embedded .cart-line-head { flex-wrap:wrap; gap:8px; }
.is-embedded .cart-line-head strong { min-width:0; overflow-wrap:anywhere; }
.is-embedded .cart-line-bottom, .is-embedded .cart-total { flex-wrap:wrap; gap:10px; }
.is-embedded .cart-total>span { min-width:0; }
.is-embedded .cart-total>b { flex-shrink:0; }
.is-embedded .mobile-cart { gap:8px; }
.is-embedded .mobile-cart>span { min-width:0; gap:6px; }
.is-embedded .mobile-cart>strong { flex-shrink:0; white-space:nowrap; }
@media(max-width:600px) {
  .is-embedded .app-nav button, .is-embedded .venue-nav button,
  .is-embedded .btn, .is-embedded .primary-button, .is-embedded .secondary-button,
  .is-embedded .studio-controls>button, .is-embedded .categories button,
  .is-embedded .close-button { min-height:44px; }
  .is-embedded .workspace-tools button { min-height:40px; }
  .is-embedded .venue-favorite, .is-embedded .add-button { width:44px; height:44px; }
  .is-embedded .venue-favorite { right:12px; top:12px; }
  .is-embedded .product .product-tag { padding-right:43px; }
  .is-embedded .product:not(.product-featured) h3 { padding-right:30px; }
  .is-embedded .venue-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; }
  .is-embedded .venue-nav button { padding:8px 2px; font-size:11px; min-width:0; }
  .is-embedded .venue-hero, .is-embedded .theme-cafe .venue-hero,
  .is-embedded .theme-pub .venue-hero { height:auto; min-height:260px; }
  .is-embedded .venue-hero .hero-copy { width:100%; max-width:none; padding:24px 17px; }
  .is-embedded .venue-hero .hero-copy h1 { font-size:clamp(29px,10vw,42px); line-height:1.12; letter-spacing:-1px; }
  .is-embedded .hero-copy .eyebrow { font-size:8px; line-height:1.7; }
  .is-embedded .hero-copy>p:not(.eyebrow) { font-size:12px; line-height:1.75; }
  .is-embedded .hero-cta { min-height:44px; font-size:11px; gap:10px; }
  .is-embedded .menu-heading h2 { line-height:1.15; }
  .is-embedded #venue-dialog { width:calc(100% - 16px); max-height:calc(100svh - 16px); overflow-y:auto; }
  .is-embedded #venue-dialog .modal-body { padding:20px 14px; min-width:0; }
  .is-embedded #venue-dialog .modal-head { gap:10px; }
  .is-embedded #venue-dialog .modal-head h2 { font-size:25px; line-height:1.2; }
  .is-embedded #venue-dialog .close-button { width:44px; min-width:44px; }
  .is-embedded .option-label { display:grid; grid-template-columns:18px minmax(0,1fr) auto; padding:12px 9px; gap:8px; font-size:12px; }
  .is-embedded .option-label input { margin:0; }
  .is-embedded .option-label b { font-size:11px; }
  .is-embedded .modal-bottom { flex-wrap:wrap; }
  .is-embedded .modal-bottom .primary-button { width:100%; flex-basis:100%; font-size:13px; }
  .is-embedded .quantity-control button { min-width:44px; height:44px; }
  .is-embedded .mobile-cart { left:10px; right:10px; width:calc(100% - 20px); padding:12px 10px; font-size:12px; }
  .is-embedded .mobile-cart .cart-count { min-width:22px; min-height:22px; }
  .is-embedded .field input, .is-embedded .field select, .is-embedded .field textarea,
  .is-embedded .studio-search input, .is-embedded .search input { font-size:16px; }
  .is-embedded .phone-nav button { min-height:44px; }
  .is-embedded .modal-head { align-items:flex-start; }
  .is-embedded .modal-head>h2 { line-height:1.25; }
  .is-embedded dialog .icon-button { min-width:44px; min-height:44px; }
}
@media(max-width:300px) {
  .is-embedded .quantity-control { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:4px; width:150px; max-width:100%; }
  .is-embedded .quantity-control button { width:44px; min-width:0; }
  .is-embedded .quantity-control span { min-width:0; font-size:12px; }
  .is-embedded .stats, .is-embedded .stats.four { grid-template-columns:minmax(0,1fr); }
  .is-embedded .stats>.stat:last-child:nth-child(odd) { grid-column:auto; }
  .is-embedded .studio-controls>button { width:100%; }
  .is-embedded .panel, .is-embedded .board-column { padding:14px 12px; }
  .is-embedded .phone-catalog { grid-template-columns:minmax(0,1fr); }
  .is-embedded dialog:not(#venue-dialog) { padding:18px 12px; }
  .is-embedded .club-card { padding:21px 15px; transform:none; margin:0; }
  .is-embedded .club-card-top { flex-wrap:wrap; gap:10px; }
  .is-embedded .club-card h2 { font-size:29px; line-height:1.15; }
  .is-embedded .club-card-bottom { flex-wrap:wrap; }
  .is-embedded .mapping { grid-template-columns:minmax(0,1fr); gap:5px; }
  .is-embedded .mapping>svg { transform:rotate(90deg); }
  .is-embedded .mapping select { width:100%; min-width:0; font-size:16px; }
  .is-embedded .pipeline-steps { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
  .is-embedded .pipeline-steps>svg { display:none; }
  .is-embedded #venue-dialog .modal-head { display:grid; grid-template-columns:minmax(0,1fr) 44px; }
  .is-embedded #venue-dialog .modal-head h2 { grid-row:2; grid-column:1/-1; }
  .is-embedded #venue-dialog .modal-head .close-button { grid-row:1; grid-column:2; }
}