*{box-sizing:border-box}body{margin:0;background:#f5f2ec;color:#282620;font:15px Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{cursor:pointer}a{color:inherit}.top{height:70px;padding:0 5vw;background:#fff;border-bottom:1px solid #e4dfd7;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.logo{font:24px Georgia;text-decoration:none}.logo b{color:#77866a}.nav,.actions{display:flex;gap:18px;align-items:center}.nav a{text-decoration:none}.btn{border:0;border-radius:99px;padding:11px 17px;background:#25231f;color:#fff;text-decoration:none;display:inline-block}.btn.light{background:#fff;color:#25231f;border:1px solid #ddd}.home{max-width:1200px;margin:auto;min-height:calc(100vh - 70px);padding:55px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.home h1,.page h1{font:400 clamp(45px,6vw,78px)/1.06 Georgia;margin:15px 0}.home p{font-size:18px;line-height:1.7;color:#777}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;color:#77866a}.art{height:610px;border-radius:180px 180px 20px 20px;background:url('/assets/images/guys1.webp') center/cover;box-shadow:0 25px 70px #332a1d30;position:relative}.art:after{content:'Анна & Максим · 24.08.26';position:absolute;bottom:25px;left:25px;right:25px;padding:20px;text-align:center;background:#ffffffe8;border-radius:12px;font:20px Georgia}.page{max-width:1150px;margin:auto;padding:45px 22px}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.page h1{font-size:44px}.muted{color:#777}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e5e0d8;border-radius:17px;overflow:hidden}.card-body{padding:18px}.card h3{margin:0 0 7px}.preview-card{height:280px;background-position:center;background-size:cover;display:grid;place-items:center;color:#fff;font:26px Georgia;position:relative}.preview-card:before{content:'';position:absolute;inset:0;background:#0005}.preview-card span{z-index:1}.meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.badge{background:#edf1e9;color:#526047;padding:5px 8px;border-radius:99px;font-size:11px}.editor-top{height:70px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:10px;padding:0 20px;position:sticky;top:0;z-index:30}.spacer{flex:1}.layout{display:grid;grid-template-columns:270px minmax(0,1fr)}.side{padding:20px;background:#fff;border-right:1px solid #ddd;position:sticky;top:70px;height:calc(100vh - 70px);overflow:auto}.side h4{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#888}.block-nav{display:flex;flex-direction:column}.block-nav button{border:0;background:none;padding:10px;text-align:left;border-radius:8px;color:#666}.block-nav button:hover{background:#f3f1ec}.themes{display:grid;grid-template-columns:1fr 1fr;gap:7px}.themes button{padding:9px 3px;border:1px solid #ddd;background:#fff;border-radius:8px}.canvas{padding:30px}.invite{max-width:820px;margin:auto;background:#fff;box-shadow:0 15px 60px #332b1c18;--accent:#77866a;--soft:#f1eee7}.invite section{padding:75px 7vw;text-align:center;position:relative}.invite h2{font:400 clamp(31px,5vw,50px) Georgia;margin:0 0 22px}.invite p{max-width:650px;margin:0 auto;line-height:1.8;color:#69655d}.hero{min-height:730px;display:flex;align-items:center;justify-content:center;color:#fff;background-position:center;background-size:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.07),rgba(0,0,0,.23))}.hero>div{z-index:1}.hero h1{font:400 clamp(45px,8vw,85px) Georgia;margin:14px 0}.date{letter-spacing:4px;text-transform:uppercase}.story,.dress,.contacts{background:var(--soft)}.photo{width:min(520px,100%);height:310px;object-fit:cover;border-radius:50% 50% 15px 15px;margin-top:28px}.schedule{max-width:550px;margin:auto;text-align:left}.schedule div{display:grid;grid-template-columns:85px 1fr;padding:18px;border-bottom:1px solid #ddd}.schedule b{color:var(--accent)}.palette{display:flex;justify-content:center;gap:10px;margin-top:22px}.palette i{width:40px;height:40px;border-radius:50%;border:4px solid #fff;box-shadow:0 2px 8px #0002}.map{max-width:650px;margin:25px auto;background:#e7e5df;padding:35px;border-radius:14px}.rsvp{max-width:560px;margin:25px auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.rsvp input,.rsvp select,.rsvp textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:9px}.wide{grid-column:1/-1}.footer{background:#25231f;color:#fff}.editable{outline:2px solid transparent;outline-offset:-2px}.editable:hover{outline-color:#77866a}.edit-chip{position:absolute;top:12px;right:12px;z-index:5;border:0;border-radius:99px;padding:8px 10px;background:#fff;box-shadow:0 2px 12px #0002}.form{display:none;background:#fff;border-top:1px solid #ddd;padding:24px;text-align:left}.form.open{display:block}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#777}.field input,.field textarea{padding:10px;border:1px solid #ddd;border-radius:8px}.dash{display:grid;gap:12px}.dash-row{background:#fff;border:1px solid #ddd;border-radius:14px;padding:18px;display:grid;grid-template-columns:1.3fr .7fr 1fr auto auto;align-items:center;gap:14px}#toast{position:fixed;right:22px;bottom:22px;background:#222;color:#fff;padding:12px 16px;border-radius:10px;opacity:0;transition:.2s;z-index:99}#toast.show{opacity:1}.notice{background:#eaf2e6;color:#49613f;padding:14px;border-radius:10px}@media(max-width:800px){.nav a:not(.btn){display:none}.home{grid-template-columns:1fr}.art{height:460px}.grid{grid-template-columns:1fr}.layout{display:block}.side{position:relative;top:0;height:auto}.block-nav{display:grid;grid-template-columns:1fr 1fr}.canvas{padding:8px}.invite section{padding:55px 20px}.hero{min-height:650px}.fields,.rsvp{grid-template-columns:1fr}.wide,.field.full{grid-column:auto}.dash-row{grid-template-columns:1fr auto}.dash-row>*:nth-child(2),.dash-row>*:nth-child(3){display:none}}
/* Template-first flow */
.catalog{max-width:1240px;margin:auto;padding:72px 5vw 100px}.catalog-head{text-align:center;max-width:780px;margin:0 auto 55px}.catalog-head h1{font:400 clamp(44px,6vw,76px)/1.05 Georgia;margin:18px 0}.catalog-head p{color:#777;font-size:17px;line-height:1.7}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.template-tile{display:block;text-decoration:none;background:#fff;border-radius:22px;overflow:hidden;border:1px solid #e4dfd7;transition:.25s}.template-tile:hover{transform:translateY(-5px);box-shadow:0 22px 55px #392e1e1c}.tile-image{height:520px;display:flex;align-items:center;justify-content:center;position:relative;background:url('/assets/images/guys1.webp') center/cover}.tile-image:after{content:'';position:absolute;inset:0;background:linear-gradient(#0002,#0008)}.tile-image span{z-index:1;color:#fff;font:42px Georgia}.template-tile.modern .tile-image{background-image:url('/assets/images/guys1.webp');background-position:70% center;filter:grayscale(.25) contrast(1.08)}.template-tile.modern .tile-image span{font:bold 46px Arial;text-transform:uppercase;letter-spacing:-3px}.tile-info{padding:22px 24px;display:flex;align-items:center;justify-content:space-between}.tile-info h2{margin:0 0 7px;font:27px Georgia}.tile-info p{margin:0;color:#777}.round-arrow{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#25231f;color:#fff;font-size:22px}.preview-bar{min-height:78px;padding:12px 3vw;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:30}.preview-bar>div{display:flex;flex-direction:column}.preview-bar small{color:#777;margin-top:3px}.preview-bar .btn{margin-left:auto}.editor-canvas{padding:34px}.editor-canvas .invite{box-shadow:0 15px 60px #332b1c18}.template-label{margin-left:12px;padding:7px 11px;border-radius:99px;background:#f1eee7;color:#666;font-size:12px}.looks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:700px;margin:34px auto 0}.looks figure{margin:0}.looks img{width:100%;height:260px;object-fit:cover;border-radius:100px 100px 12px 12px}.looks figcaption{margin-top:10px;font-size:13px;color:#777}.look-edit{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;border-top:1px solid #eee;padding-top:12px}.remove-look{border:1px solid #e2c8c3;background:#fff5f3;color:#9a4e43;border-radius:8px;padding:10px}.add-look{margin-top:5px}.editor-canvas .form{margin-left:-7vw;margin-right:-7vw;margin-bottom:-75px;margin-top:45px;padding-left:7vw;padding-right:7vw}
@media(max-width:800px){.template-grid{grid-template-columns:1fr}.tile-image{height:430px}.catalog{padding:45px 16px}.preview-bar{flex-wrap:wrap}.preview-bar>div{display:none}.preview-bar .btn{margin-left:auto}.editor-canvas{padding:0}.editor-top .template-label,.editor-top small{display:none}.looks{grid-template-columns:1fr 1fr}.looks img{height:220px}.look-edit{grid-template-columns:1fr}.editor-canvas .form{margin-left:-20px;margin-right:-20px;margin-bottom:-55px;padding-left:20px;padding-right:20px}}

.color-editor{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 12px}.color-row{display:grid;grid-template-columns:46px 100px 32px;gap:7px;align-items:center;padding:7px;border:1px solid #e3ded5;border-radius:12px;background:#faf9f6}.color-picker{width:46px!important;height:42px;padding:0!important;border:0!important;border-radius:50%!important;overflow:hidden;background:none;cursor:pointer}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:3px solid #fff;border-radius:50%;box-shadow:0 1px 6px #0003}.hex-input{font-family:monospace;font-weight:600;text-transform:uppercase}.remove-color{border:0;background:#eee9e2;color:#756b61;width:30px;height:30px;border-radius:50%;font-size:20px;line-height:1}.add-color{align-self:flex-start;border:1px dashed #aaa197;background:#fff;color:#5f5a53;border-radius:9px;padding:9px 12px;margin-bottom:7px}.field small{color:#888;font-size:11px}

.direct-palette{align-items:center}.direct-color{position:relative;width:48px;height:48px}.direct-color input{position:absolute;inset:0;width:48px!important;height:48px;padding:0!important;border:4px solid #fff!important;border-radius:50%!important;overflow:hidden;box-shadow:0 2px 8px #0002;cursor:pointer}.direct-color input::-webkit-color-swatch-wrapper{padding:0}.direct-color input::-webkit-color-swatch{border:0;border-radius:50%}.direct-color button{position:absolute;right:-5px;top:-7px;width:20px;height:20px;border:0;border-radius:50%;background:#27251f;color:#fff;z-index:2;line-height:18px;padding:0}.add-color-circle{width:44px;height:44px;border:1px dashed #91897e;border-radius:50%;background:#fff;color:#686158;font-size:24px}.looks .look-card{height:280px;position:relative;margin:0;background-repeat:no-repeat;background-color:#ddd;border-radius:100px 100px 12px 12px;overflow:hidden}.look-card figcaption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:32px 10px 12px;background:linear-gradient(transparent,#000b);color:#fff}.look-change{position:absolute;inset:0;border:0;background:#0000;color:transparent}.look-card:hover .look-change{background:#0004;color:#fff}.look-delete{position:absolute;right:10px;top:10px;width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:#222;font-size:20px;z-index:2}.add-look-card{height:280px;border:1px dashed #9e968b;border-radius:100px 100px 12px 12px;background:#faf9f6;color:#696158;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.add-look-card b{font-size:38px;font-weight:400}.photo-tool{grid-column:1/-1}.photo-stage{height:420px;background-repeat:no-repeat;background-color:#ddd;border-radius:16px;cursor:grab;touch-action:none;position:relative}.photo-stage:active{cursor:grabbing}.photo-stage span{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:8px 12px;border-radius:99px;background:#0009;color:#fff;font-size:12px;pointer-events:none}.photo-actions{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:12px;align-items:end;margin-top:14px}.photo-actions label{display:flex;flex-direction:column;gap:6px;color:#777;font-size:11px}.photo-actions input{padding:10px;border:1px solid #ddd;border-radius:8px}.upload-btn{position:relative;overflow:hidden;color:#25231f!important;font-size:14px!important;display:inline-flex!important}.upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.btn.danger{background:#8d4439}@media(max-width:800px){.photo-actions{grid-template-columns:1fr}.photo-stage{height:320px}.looks .look-card,.add-look-card{height:230px}}

[contenteditable="true"]{cursor:text;outline:1px dashed transparent;border-radius:6px;transition:.15s}[contenteditable="true"]:hover{outline-color:var(--accent);background:#ffffff55}[contenteditable="true"]:focus{outline:2px solid var(--accent);background:#fff;color:#282620;padding:3px 6px}.hero [contenteditable="true"]:focus{background:#0008;color:#fff}.hero h1 em{font-style:normal}.hero-upload{position:absolute;z-index:4;top:14px;left:14px;background:#fff;color:#222;padding:9px 12px;border-radius:99px;box-shadow:0 2px 12px #0002;cursor:pointer}.hero-upload input,.direct-photo input{position:absolute;inset:0;opacity:0;cursor:pointer}.direct-photo{display:block;position:relative;cursor:pointer}.direct-photo span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000a;color:#fff;padding:10px 14px;border-radius:99px;opacity:0;transition:.2s}.direct-photo:hover span{opacity:1}.photo-wrap{width:min(520px,100%);margin:28px auto 0}.photo-wrap .photo{margin:0;width:100%}.schedule .list-row{position:relative}.list-row>button,.contact-row>button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:#7c3d35;font-size:19px}.add-row{margin:20px auto 0;padding:10px 15px;border:1px dashed #999187;border-radius:99px;background:#fff;color:#5c574f}.contact-list{max-width:620px;margin:25px auto}.contact-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:20px;padding:15px 45px 15px 10px;border-bottom:1px solid #d9d5ce;text-align:left;white-space:nowrap}.contact-row strong{color:var(--accent)}.place>p+ p{margin-top:10px}

.hide-block{position:absolute;right:14px;top:14px;z-index:6;border:1px solid #ead6d1;background:#fff7f5;color:#8d4439;padding:7px 10px;border-radius:99px;font-size:11px}.hero .hide-block{display:none}.inline-date{border:1px solid #ffffff88;background:#0003;color:#fff;padding:10px 12px;border-radius:9px;font:inherit;text-transform:uppercase;color-scheme:dark}.direct-photo.photo{display:block;background-repeat:no-repeat;background-color:#ddd;position:relative;background-size:100%;margin:28px auto 0}.direct-photo>button{position:absolute;inset:0;border:0;background:#0000;color:transparent;border-radius:inherit}.direct-photo:hover>button{background:#0005;color:#fff}.modal-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;border:0;background:#191713bb;backdrop-filter:blur(5px)}.photo-modal,.blocks-modal{position:relative;z-index:1;width:min(920px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 100px #0007;padding:22px}.blocks-modal{width:min(520px,96vw)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.modal-head>div{display:flex;flex-direction:column;gap:4px}.modal-head small{color:#777}.modal-head>button{width:38px;height:38px;border:0;border-radius:50%;font-size:24px}.modal-stage{height:min(58vh,560px);background-color:#ddd;background-repeat:no-repeat;border-radius:15px;cursor:grab;touch-action:none;position:relative}.modal-stage:active{cursor:grabbing}.modal-stage>span{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#000a;color:#fff;padding:8px 12px;border-radius:99px;font-size:12px;pointer-events:none}.modal-controls{display:grid;grid-template-columns:auto 1fr auto auto;align-items:end;gap:12px;margin-top:16px}.modal-controls>label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#777}.modal-controls input[type=range]{width:100%}.block-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;border-bottom:1px solid #eee}.block-toggle input{width:22px;height:22px;accent-color:#77866a}.editor-canvas .form{display:none!important}.hero>.hero-content{width:100%}@media(max-width:800px){.modal-controls{grid-template-columns:1fr}.modal-stage{height:48vh}.photo-modal{padding:14px}.modal-stage>span{font-size:10px}.hide-block{top:8px;right:8px}}

/* Exact crop previews */
.modal-stage{height:auto;margin:0 auto;background-repeat:no-repeat}.modal-stage.photo-hero{width:min(72vw,650px);aspect-ratio:820/730}.modal-stage.photo-story{width:min(72vw,650px);aspect-ratio:520/310;border-radius:50% 50% 15px 15px}.modal-stage.photo-look{width:min(55vw,360px);aspect-ratio:4/5;border-radius:100px 100px 12px 12px}.crop-guide{position:absolute;inset:0;border:2px solid #fff9;border-radius:inherit;box-shadow:inset 0 0 0 14px #17130f55;pointer-events:none;z-index:2}.modal-stage>span{z-index:3}.look-card{overflow:visible!important}.look-delete{right:-10px!important;top:-10px!important;box-shadow:0 3px 12px #0004}.restore-bar{position:sticky;top:70px;z-index:19;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 18px;background:#fff8e7;border-bottom:1px solid #e7dabb;font-size:12px}.restore-bar button{border:1px solid #d4c49d;background:#fff;color:#675d45;border-radius:99px;padding:7px 10px}@media(max-width:800px){.modal-stage.photo-hero{width:min(86vw,520px)}.modal-stage.photo-story{width:min(86vw,520px)}.modal-stage.photo-look{width:min(76vw,340px)}.restore-bar{top:70px}}

/* Block composer and publishing */
.invite{display:flex;flex-direction:column}.block-tools{position:absolute;z-index:8;right:12px;top:12px;display:flex;align-items:center;gap:5px;padding:5px;background:#fffffff2;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 18px #0002}.block-tools b{padding:0 7px;font-size:11px;color:#666}.block-tools button{border:1px solid #ddd;background:#fff;color:#333;border-radius:7px;padding:6px 8px;font-size:11px}.block-tools button:last-child{color:#8d4439}.block-collapsed{padding:12px 18px!important;min-height:58px!important;background:#f0ede7!important}.block-collapsed .block-tools{position:relative;right:auto;top:auto;justify-content:flex-end}.block-collapsed .block-content{display:none}.direct-color{width:auto!important;height:48px!important;display:flex;align-items:center;gap:5px;padding:4px 5px 4px 4px;border:1px solid #ddd;border-radius:99px;background:#fff}.direct-color input[type=color]{position:relative!important;inset:auto!important;width:40px!important;height:40px!important;border:0!important;box-shadow:none}.direct-color .direct-hex{position:relative!important;inset:auto!important;width:82px!important;height:34px!important;border:0!important;border-left:1px solid #ddd!important;border-radius:0!important;padding:4px 6px!important;box-shadow:none!important;font:600 12px monospace;text-transform:uppercase}.direct-color button{position:relative!important;right:auto!important;top:auto!important;flex:none}.owner-preview{box-shadow:0 5px 25px #0002}.locked-page{min-height:calc(100vh - 70px);display:grid;place-items:center;text-align:center;padding:30px}.locked-page>div{max-width:560px}.locked-page span{font-size:48px}.locked-page h1{font:44px Georgia;margin:20px 0}.locked-page p{color:#777;margin-bottom:28px}@media(max-width:800px){.block-tools b{display:none}.block-tools{max-width:95%;flex-wrap:wrap}.direct-color .direct-hex{width:74px}.owner-preview .logo{font-size:14px}.owner-preview>div{display:none}}

/* Invitation details */
.hidden-block-placeholder{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px!important;min-height:64px!important;background:#eeeae3!important;border:1px dashed #aaa198!important;color:#6d675e;text-align:left!important}.hidden-block-placeholder button{border:0;border-radius:99px;padding:9px 14px;background:#25231f;color:#fff}.wedding-calendar{max-width:460px;margin:42px auto 0;padding:28px;background:#fff;border:1px solid #e2ddd5;border-radius:18px}.wedding-calendar>strong{display:block;font:32px Georgia;text-transform:uppercase;margin-bottom:22px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.week span{font-size:9px;color:#999}.days i{display:grid;place-items:center;aspect-ratio:1;font-style:normal;font-size:12px}.days .wedding-day{background:var(--accent);color:#fff;border-radius:50%;font-weight:bold;box-shadow:0 5px 15px #0002}.map-card{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;text-align:left!important}.map-card>span{font-size:26px}.map-card div{display:flex;flex-direction:column;gap:4px}.map-card small{color:#777}.navigator-btn{background:var(--accent);color:#fff!important;text-decoration:none;padding:11px 14px;border-radius:99px;white-space:nowrap}.looks-carousel{position:relative;max-width:760px;margin:34px auto 0;padding:0 46px}.looks-carousel .looks{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;margin:0!important;max-width:none!important;padding:6px 0 16px;scrollbar-width:none}.looks-carousel .looks::-webkit-scrollbar{display:none}.looks-carousel .look-card,.looks-carousel .add-look-card{flex:0 0:min(72%,420px);height:480px!important;scroll-snap-align:center;border-radius:180px 180px 14px 14px}.carousel-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid #ddd;border-radius:50%;background:#fff;font-size:20px;box-shadow:0 5px 18px #0002}.carousel-arrow.prev{left:0}.carousel-arrow.next{right:0}.guest-survey{padding:28px;background:#ffffffaa;border-radius:18px}.guest-survey>label{display:flex;flex-direction:column;gap:8px;color:#656159}.guest-survey fieldset{border:0;border-top:1px solid #d9d4cc;padding:18px 0 0;margin:5px 0;display:flex;flex-wrap:wrap;gap:12px 22px}.guest-survey legend{padding:0 10px 0 0;font-weight:bold;margin-bottom:10px}.guest-survey fieldset label{display:flex;align-items:center;gap:7px}.guest-survey fieldset input{width:auto}.guest-survey textarea{min-height:70px}.countdown{text-align:center!important;background:var(--soft)}.countdown-photo{width:min(620px,100%);aspect-ratio:4/3;margin:0 auto 42px;background-repeat:no-repeat;background-color:#ddd;border-radius:180px 180px 14px 14px;position:relative}.countdown-photo>button{position:absolute;inset:0;border:0;background:#0000;color:transparent;border-radius:inherit}.countdown-photo:hover>button{background:#0005;color:#fff}.countdown-clock{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:600px;margin:30px auto 0}.countdown-clock div{display:flex;flex-direction:column;gap:5px}.countdown-clock b{font:34px Georgia}.countdown-clock span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#777}.modal-stage.photo-countdown{width:min(72vw,650px);aspect-ratio:4/3;border-radius:180px 180px 14px 14px}.schedule-item,.schedule .list-row{animation:scheduleIn .7s both}.schedule .list-row:nth-child(odd){--slide:-45px}.schedule .list-row:nth-child(even){--slide:45px}.direct-palette>*{animation:colorDrop .55s backwards}.direct-palette>*:nth-child(2){animation-delay:.08s}.direct-palette>*:nth-child(3){animation-delay:.16s}.direct-palette>*:nth-child(4){animation-delay:.24s}@keyframes scheduleIn{from{opacity:0;transform:translateX(var(--slide, -40px))}to{opacity:1;transform:none}}@keyframes colorDrop{from{opacity:0;transform:translateY(-35px) scale(.8)}to{opacity:1;transform:none}}@media(max-width:800px){.map-card{grid-template-columns:auto 1fr}.navigator-btn{grid-column:1/-1;text-align:center}.looks-carousel{padding:0 34px}.looks-carousel .look-card,.looks-carousel .add-look-card{flex-basis:88%;height:400px!important}.countdown-clock{gap:8px}.countdown-clock b{font-size:25px}.countdown-clock span{font-size:8px}.wedding-calendar{padding:20px 14px}.guest-survey{padding:18px}}

.looks-carousel .looks>.look-card,.looks-carousel .looks>.add-look-card{flex:0 0 380px!important;width:380px!important}@media(max-width:800px){.looks-carousel .looks>.look-card,.looks-carousel .looks>.add-look-card{flex-basis:76vw!important;width:76vw!important}}

/* Requested interaction refinements */
.carousel-arrow{display:none!important}.looks-carousel{padding:0!important}.looks-carousel:after{display:none!important;content:''}.looks-carousel .looks{touch-action:pan-x;overscroll-behavior-x:contain;cursor:grab}.looks-carousel .looks:active{cursor:grabbing}.schedule .list-row,.direct-palette>*{animation:none!important}.will-animate{opacity:0}.schedule .list-row.will-animate:nth-child(odd){transform:translateX(-55px)}.schedule .list-row.will-animate:nth-child(even){transform:translateX(55px)}.direct-palette>.will-animate{transform:translateY(-50px) scale(.72)}.will-animate.in-view{animation:revealItem .7s cubic-bezier(.2,.8,.2,1) var(--delay,0ms) forwards!important}@keyframes revealItem{to{opacity:1;transform:none}}.details{background:linear-gradient(145deg,#f4f0e8,#fff)}.details-inner{max-width:680px;margin:auto;padding:42px;border:1px solid #ded7cc;border-radius:24px;background:#ffffff99}.details-inner.font-heading-serif h2{font-family:Georgia,serif}.details-inner.font-heading-sans h2{font-family:Arial,sans-serif;font-weight:600;letter-spacing:-2px}.details-inner.font-heading-script h2{font-family:'Brush Script MT','Segoe Script',cursive;font-size:64px}.details-inner.font-body-serif p{font-family:Georgia,serif;font-size:19px}.details-inner.font-body-sans p{font-family:Arial,sans-serif}.details-inner.font-body-script p{font-family:'Segoe Script','Brush Script MT',cursive;font-size:20px}.font-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #ddd;text-align:left}.font-controls label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#777}.font-controls select{padding:11px;border:1px solid #d8d3ca;border-radius:9px;background:#fff}.guest-survey{max-width:620px!important;background:#fffdf9!important;border:1px solid #ded7cc;box-shadow:0 20px 55px #4b3b2612;padding:38px!important}.guest-survey input,.guest-survey textarea{background:transparent!important;border:0!important;border-bottom:1px solid #bdb5aa!important;border-radius:0!important;padding:12px 2px!important}.guest-survey input[type=radio],.guest-survey input[type=checkbox]{appearance:none;width:18px!important;height:18px!important;padding:0!important;border:1px solid #9e968a!important;flex:none}.guest-survey input[type=radio]{border-radius:50%!important}.guest-survey input:checked{background:var(--accent)!important;box-shadow:inset 0 0 0 4px #fff}.guest-survey fieldset{margin-top:14px!important}.guest-survey legend{font-family:Georgia,serif;font-size:18px;font-weight:400!important}.guest-survey .btn{border-bottom:0!important;border-radius:99px!important;background:var(--accent)!important;color:#fff;padding:14px!important;margin-top:8px}@media(max-width:800px){.details-inner{padding:28px 18px}.font-controls{grid-template-columns:1fr}.guest-survey{padding:24px 18px!important}.looks-carousel:after{display:none!important;content:""}}

/* Invitation sections use the selected template palette. */
.invite{background:var(--page,#f4f0e8)}
.invite section:not(.hero):not(.footer){background:var(--page,#f4f0e8)}
.invite section:nth-of-type(even):not(.hero):not(.footer){background:var(--soft)}
/* Hidden blocks are restored in place; the duplicate top menu is unnecessary. */
.editor-top #blocks,.restore-bar{display:none!important}
/* Desktop dress-code browsing: mouse wheel and click-drag. */
.looks-carousel .looks{cursor:grab;touch-action:pan-y}
.looks-carousel .looks.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}

/* Configurable RSVP questions */
.editable-question{position:relative}
.question-remove{position:absolute;right:0;top:8px;border:0;background:transparent;color:#9a4e43;font-size:11px}
.option-remove{width:22px;height:22px;border:0;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent);color:inherit;line-height:1;padding:0}
.option-add,.survey-question-off button{border:1px dashed var(--accent);border-radius:99px;background:transparent;color:var(--accent);padding:8px 12px}
.survey-question-off{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);color:#777;text-align:left}
.editor-canvas .guest-survey [contenteditable]{outline:1px dashed transparent;outline-offset:3px}
.editor-canvas .guest-survey [contenteditable]:hover,.editor-canvas .guest-survey [contenteditable]:focus{outline-color:var(--accent)}
/* Multiple detail items with shared text sizing */
.details-inner{background:color-mix(in srgb,var(--soft) 72%,transparent);display:grid;gap:34px}
.detail-item{position:relative;padding-bottom:30px;border-bottom:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}
.detail-item:last-of-type{border-bottom:0;padding-bottom:0}
.details-inner .detail-item h2{font-size:var(--detail-heading-size)!important}
.details-inner .detail-item p{font-size:var(--detail-body-size)!important}
.detail-remove{position:absolute;right:0;bottom:7px;border:0;background:transparent;color:#9a4e43;font-size:11px}
.detail-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:10px;text-align:left}
.detail-controls label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#777}
.detail-controls button{grid-column:1/-1;border:1px dashed var(--accent);border-radius:99px;background:transparent;color:var(--accent);padding:11px}
@media(max-width:800px){.detail-controls{grid-template-columns:1fr}.question-remove{position:static;margin-left:auto}.survey-question-off{align-items:flex-start;flex-direction:column}}

/* Calm, direct editor controls and replayable invitation motion */
.editor-canvas .will-animate{opacity:1!important;transform:none!important;animation:none!important}
.hero h1 span.will-animate{display:inline-block;opacity:0;transform:translateY(42px)}
.hero h1 span.will-animate:last-child{--delay:140ms}
.hero h1 span.will-animate.in-view{animation:heroNameIn .85s cubic-bezier(.2,.8,.2,1) var(--delay,0ms) forwards!important}
@keyframes heroNameIn{to{opacity:1;transform:none}}
.editor-canvas .guest-survey input,.editor-canvas .guest-survey textarea,.editor-canvas .guest-survey>button[type=submit]{pointer-events:none;opacity:.72}
.detail-item{position:relative;padding:8px 42px 8px 8px}
.detail-item h2{font-family:Georgia,serif!important;font-size:clamp(30px,5vw,46px)!important}
.detail-item p{font-family:Arial,sans-serif!important;font-size:16px!important}
.detail-remove{position:absolute;right:0;top:12px;width:32px;height:32px;border:0;border-radius:50%;background:#fff;color:#8d5d56;font-size:22px;box-shadow:0 4px 14px #0002}
.detail-add{width:48px;height:48px;margin:auto;border:1px solid var(--accent);border-radius:50%;background:var(--accent);color:#fff;font-size:28px;line-height:1}
.looks-carousel .looks{touch-action:pan-x!important;cursor:grab;user-select:none;-webkit-user-select:none}
.looks-carousel .looks.is-dragging{cursor:grabbing;scroll-snap-type:none}
.look-card figcaption:empty{display:none}

/* Slower premium motion, reliable editor dragging, compact signature */
.looks-carousel .looks{touch-action:pan-y!important}
.will-animate.in-view{animation-duration:1.45s!important;animation-timing-function:cubic-bezier(.16,1,.3,1)!important}
.hero h1 span.will-animate{transform:translateY(58px);filter:blur(5px)}
.hero h1 span.will-animate:last-child{--delay:220ms}
.hero h1 span.will-animate.in-view{animation-duration:1.9s!important;animation-timing-function:cubic-bezier(.16,1,.3,1)!important}
@keyframes heroNameIn{to{opacity:1;transform:none;filter:blur(0)}}
.invite .footer{padding:24px 20px!important;min-height:0!important}
.invite .footer .logo{font-size:15px;letter-spacing:.04em;opacity:.72}

/* Clearly separated chat and event details */
.invite .chat{background:#282620!important;color:#fff;border-bottom:10px solid #fff}
.invite .chat h2{color:#fff}
.invite .chat .btn{background:#fff;color:#282620}
.invite .details{background:linear-gradient(145deg,#f2ede4,#fffaf4)!important;padding-top:88px}
.details-title{margin-bottom:38px!important;font-size:clamp(34px,5vw,52px)!important}

.delete-invite{border:1px solid #d9b9b3;border-radius:99px;padding:10px 14px;background:transparent;color:#8d4439}.delete-invite:hover{background:#fff1ee}@media(max-width:800px){.delete-invite{grid-column:2;grid-row:1}}

.invite .hero{background-repeat:no-repeat!important;overflow:hidden}
.invite .hero h1 span{white-space:nowrap}

.invite .guest-survey input:not([type=radio]):not([type=checkbox]),.invite .guest-survey textarea,.invite .guest-survey select{background:transparent!important;box-shadow:none!important}

.invite .guest-survey fieldset{border-top:0!important}

.invite .guest-survey input[type=checkbox],.invite .guest-survey input[type=radio]{border-radius:50%!important}
.invite .guest-survey legend,.invite .guest-survey>label{font-size:20px!important;font-weight:700!important;line-height:1.25}
.invite .guest-survey>label input,.invite .guest-survey>label textarea,.invite .guest-survey>label select{font-size:15px!important;font-weight:400!important}

.tile-hero-preview{position:relative;z-index:2;width:100%;padding:36px;color:#fff;text-align:center}.tile-hero-preview small{display:block;margin-bottom:14px;font:600 11px 'Manrope',Arial,sans-serif;letter-spacing:4px;text-transform:uppercase}.tile-hero-preview h2{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.18em;margin:0;font:500 clamp(45px,5vw,72px)/.95 'Bodoni Moda',Georgia,serif}.tile-hero-preview h2 span{z-index:auto;color:inherit;font:inherit;white-space:nowrap}.tile-hero-preview h2 em{font-style:normal;font-weight:400}.tile-hero-preview time{display:inline-block;margin-top:22px;padding:10px 18px;border-radius:99px;background:#ffffffd9;color:#222;font:500 13px 'Manrope',Arial,sans-serif;letter-spacing:2px}.template-tile.modern .tile-hero-preview h2{display:block;font:700 clamp(42px,4.4vw,64px)/.88 Arial,sans-serif;letter-spacing:-.06em;text-transform:uppercase}.template-tile.modern .tile-hero-preview h2 span{display:block}.template-tile.modern .tile-hero-preview h2 em{display:block}.template-tile.modern .tile-hero-preview small,.template-tile.modern .tile-hero-preview time{font-family:Arial,sans-serif}.tile-info>p{margin:0;color:#777}
.template-grid{grid-template-columns:repeat(2,minmax(260px,360px));justify-content:center;gap:44px}.real-template-preview{display:block;height:auto!important;aspect-ratio:9/16;background:none!important;filter:none!important}.real-template-preview:after{display:none}.real-template-preview iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}.embed-page{overflow:hidden;background:#f8f5ef}.embed-page .invite{width:100%;min-width:0;max-width:none;margin:0;box-shadow:none}.embed-page .invite>section:not(#hero),.embed-page .footer{display:none!important}.embed-page #hero{height:100vh!important;min-height:100vh!important;margin:0!important;padding:0!important;background-size:cover!important}
@media(max-width:800px){.template-grid{grid-template-columns:minmax(260px,360px);gap:28px}.invite #hero{width:100%;height:100svh!important;min-height:100svh!important;margin:0!important;padding:0!important;background-size:cover!important}.invite #hero>div:not(.hero-wave){padding-top:0!important;padding-bottom:0!important}.embed-page #hero{height:100vh!important;min-height:100vh!important}.preview-bar:not(.owner-preview){position:fixed;inset:0 0 auto;min-height:0;height:auto;padding:12px 14px;background:transparent;border:0;box-shadow:none;z-index:40;flex-wrap:wrap}.preview-bar:not(.owner-preview) .logo,.preview-bar:not(.owner-preview) .select-template{margin:0;padding:10px 14px;border-radius:99px;background:#fffffff0;box-shadow:0 3px 18px #0002;color:#1c1b19;font:500 13px Manrope,Arial,sans-serif}.preview-bar:not(.owner-preview) .select-template{margin-left:auto;background:#1c1b19;color:#fff}.preview-bar:not(.owner-preview)+.invite{margin-top:0}}

/* Template collection: real invitation screens inside phone mockups */
.showcase-catalog{max-width:1500px;padding-left:2.5vw;padding-right:2.5vw}.template-showcases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.template-showcase{position:relative;display:grid;grid-template-columns:minmax(190px,245px) minmax(0,1fr);gap:28px;align-items:center;padding:32px 28px 60px;border:1px solid #e1ddd5;border-radius:30px;background:#f9f6f0;box-shadow:0 22px 60px #4b423316;overflow:hidden}.showcase-phone-link{display:block;justify-self:center;text-decoration:none}.phone-shell{position:relative;overflow:hidden;background:#111;border:6px solid #161616;border-radius:40px;box-shadow:0 16px 36px #30291e30,0 0 0 2px #817c74,0 0 0 3px #242321}.phone-shell:before{content:'';position:absolute;inset:4px;z-index:3;border:1px solid #ffffff30;border-radius:34px;pointer-events:none}.phone-shell iframe{display:block;width:100%;height:100%;border:0;border-radius:34px;background:#f8f5ef;pointer-events:none}.phone-speaker{position:absolute;z-index:5;top:11px;left:50%;width:31%;height:18px;transform:translateX(-50%);border-radius:99px;background:#050505;box-shadow:inset 0 -1px 2px #333;pointer-events:none}.phone-main{width:min(100%,245px);aspect-ratio:9/19.2}.showcase-info{align-self:center;min-width:0}.showcase-title{display:flex;align-items:center;gap:12px}.showcase-title h2{margin:0;font:500 clamp(19px,1.65vw,27px)/1.1 Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em}.showcase-icon{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:14px;background:#e4e8dc;transform:none}.showcase-icon:before{content:'';width:36px;height:26px;background:#748064;mask:url('/assets/images/leaf3-clean.svg') center/contain no-repeat;-webkit-mask:url('/assets/images/leaf3-clean.svg') center/contain no-repeat}.showcase-info>p{max-width:100%;margin:18px 0;color:#737373;font-size:14px;line-height:1.55}.showcase-rule{height:1px;margin:18px 0 20px;background:#d8d3cb}.showcase-label{margin:0 0 12px;font:500 10px Manrope,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}.showcase-screens{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}.phone-mini{width:min(45%,125px);aspect-ratio:9/18.7;border-width:4px;border-radius:25px;box-shadow:0 9px 22px #30291e25,0 0 0 1px #77736d}.phone-mini:before{inset:2px;border-radius:20px}.phone-mini iframe{border-radius:20px}.phone-mini .phone-speaker{top:6px;height:9px}.showcase-palette{display:flex;gap:10px;margin-bottom:20px}.showcase-palette i{display:block;width:31px;height:31px;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 6px #0002}.showcase-open{display:inline-flex;align-items:center;gap:14px;padding:10px 15px;border-radius:99px;background:#25231f;color:#fff;text-decoration:none;font:500 12px Manrope,Arial,sans-serif}.showcase-open span{font-size:17px}.showcase-tags{position:absolute;right:26px;bottom:18px;color:#777;font-size:11px;letter-spacing:.02em}.template-showcase.modern{background:#f2f0eb}.template-showcase.modern .showcase-icon{background:#dde1d4}.embed-page[data-embed-screen="story"] #hero,.embed-page[data-embed-screen="schedule"] #hero{display:none!important}body.embed-page[data-embed-screen="story"] .invite,body.embed-page[data-embed-screen="schedule"] .invite{width:333.333%!important;max-width:none!important;zoom:.3}body.embed-page[data-embed-screen="story"] .invite>section#story,body.embed-page[data-embed-screen="schedule"] .invite>section#schedule{display:block!important;min-height:333.333vh!important;height:333.333vh!important;overflow:hidden!important}.embed-page[data-embed-screen="story"] #story{padding:70px 24px 20px!important}.embed-page[data-embed-screen="schedule"] #schedule{padding:70px 20px 20px!important}.embed-page[data-embed-screen="story"] #story .block-content,.embed-page[data-embed-screen="schedule"] #schedule .block-content{transform-origin:top center}.embed-page[data-embed-screen="story"] #story h2,.embed-page[data-embed-screen="schedule"] #schedule h2{font-size:34px!important}.embed-page[data-embed-screen="story"] #story p{font-size:13px!important;line-height:1.65!important}.embed-page[data-embed-screen="story"] .story-photo-frame{margin-top:20px!important}.embed-page[data-embed-screen="schedule"] .schedule{width:92%!important}@media(min-width:140px){body.embed-page[data-embed-screen="story"] .invite,body.embed-page[data-embed-screen="schedule"] .invite{width:263.158%!important;zoom:.38}body.embed-page[data-embed-screen="story"] .invite>section#story,body.embed-page[data-embed-screen="schedule"] .invite>section#schedule{min-height:263.158vh!important;height:263.158vh!important}}@media(min-width:170px){body.embed-page[data-embed-screen="story"] .invite,body.embed-page[data-embed-screen="schedule"] .invite{width:227.273%!important;zoom:.44}body.embed-page[data-embed-screen="story"] .invite>section#story,body.embed-page[data-embed-screen="schedule"] .invite>section#schedule{min-height:227.273vh!important;height:227.273vh!important}}
@media(max-width:900px){.template-showcases{grid-template-columns:1fr}.template-showcase{grid-template-columns:280px minmax(0,1fr);gap:38px;padding:42px 32px 62px}.showcase-title h2{font-size:28px}.showcase-info>p{font-size:16px}.showcase-icon{width:58px;height:58px}.showcase-tags{right:30px}.phone-main{width:min(100%,280px)}.phone-mini{width:min(42%,155px)}}
@media(max-width:700px){.showcase-catalog{padding-left:14px;padding-right:14px}.template-showcases{gap:48px}.template-showcase{grid-template-columns:1fr;gap:36px;padding:30px 18px 62px;border-radius:25px}.phone-main{width:min(88vw,350px)}.showcase-info{width:100%}.showcase-title{justify-content:center}.showcase-info>p{text-align:center;margin-left:auto;margin-right:auto}.showcase-screens{justify-content:center}.phone-mini{width:min(42vw,180px)}.showcase-palette{justify-content:center}.showcase-label{text-align:center}.showcase-open{display:flex;width:max-content;margin:auto}.showcase-tags{left:20px;right:20px;text-align:center}}

/* Reliable phone previews: render at a real 390px mobile viewport, then scale the whole screen */
.showcase-icon:before{display:none!important}.showcase-icon img{display:none!important}.showcase-icon svg{display:block;width:38px;height:32px;color:#748064}
.phone-mini{flex:0 0 100px!important;width:100px!important;aspect-ratio:31/60!important}.phone-mini iframe{width:390px!important;height:780px!important;max-width:none!important;transform:scale(.236);transform-origin:top left}
body.embed-page[data-embed-screen="story"] .invite,body.embed-page[data-embed-screen="schedule"] .invite{width:100%!important;max-width:none!important;zoom:1!important}
body.embed-page[data-embed-screen="story"] .invite>section#story,body.embed-page[data-embed-screen="schedule"] .invite>section#schedule{width:100%!important;min-height:100vh!important;height:100vh!important}
@media(max-width:900px){.phone-mini{flex-basis:155px!important;width:155px!important}.phone-mini iframe{transform:scale(.377)}}
@media(max-width:700px){.phone-mini{flex-basis:min(42vw,170px)!important;width:min(42vw,170px)!important}.phone-mini iframe{transform:scale(.4)}}

.invite .schedule .list-row,.invite .schedule .list-row b,.invite .schedule .list-row span{text-align:left!important}



.schedule-branch{display:none}

.looks-carousel .looks{gap:18px!important;padding:34px 0!important;align-items:center;scroll-padding-inline:0}
.looks-carousel .look-card{flex:0 0 calc((100% - 36px)/3)!important;height:360px!important;transform:scale(.82);opacity:.68;filter:saturate(.82);transform-origin:center;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .38s ease,filter .38s ease;z-index:1}
.looks-carousel .look-card.is-active{transform:scale(1);opacity:1;filter:none;z-index:3;box-shadow:0 18px 42px #30281d24}
.looks-carousel .look-card:not(.is-active) figcaption{opacity:.72}
@media(max-width:800px){.looks-carousel .looks{gap:8px!important;padding:26px 0!important}.looks-carousel .look-card{flex-basis:calc((100% - 16px)/3)!important;height:280px!important;transform:scale(.78)}.looks-carousel .look-card.is-active{transform:scale(1)}}
.looks-carousel .looks:before,.looks-carousel .looks:after{content:'';display:block;flex:0 0 calc((100% - 36px)/3)}
@media(max-width:800px){.looks-carousel .looks:before,.looks-carousel .looks:after{flex-basis:calc((100% - 16px)/3)}}

.invite-ornament{display:none}

/* Final sizing for template phone previews */
@media(min-width:901px){
  .template-showcase{grid-template-columns:255px minmax(0,1fr)!important;gap:20px!important}
  .phone-main{width:255px!important}
  .phone-mini{flex:0 0 108px!important;width:108px!important;aspect-ratio:31/60!important;background:#f8f5ef}
  .phone-mini iframe{width:390px!important;height:780px!important;max-width:none!important;transform:scale(.256)!important;transform-origin:top left!important}
  .phone-mini iframe[src*="/schedule"]{transform:translateX(3px) scale(.242)!important}
}
body.embed-page[data-embed-screen="schedule"] #schedule .block-content{width:118%!important;margin-left:-9%!important;transform:scale(.84)!important;transform-origin:top center!important}

/* Right mini phone: center the complete schedule instead of cropping its right side */
@media(min-width:901px){
  .phone-mini iframe[src*="/schedule"]{transform:scale(.256)!important}
}
body.embed-page[data-embed-screen="schedule"] #schedule .block-content{width:100%!important;margin-left:0!important;margin-right:0!important;transform:scale(.82)!important;transform-origin:top center!important}

/* Let JS measure and fit the complete mini-sheet instead of clipping it */
body.embed-page[data-embed-screen="story"] .invite,body.embed-page[data-embed-screen="schedule"] .invite{width:100%!important;max-width:none!important;zoom:1!important}
body.embed-page[data-embed-screen="story"] .invite>section#story,body.embed-page[data-embed-screen="schedule"] .invite>section#schedule{height:auto!important;min-height:0!important;overflow:visible!important}
body.embed-page[data-embed-screen="story"] #story .block-content,body.embed-page[data-embed-screen="schedule"] #schedule .block-content{width:100%!important;margin-left:0!important;margin-right:0!important;transform:none!important}

/* Compact real mobile layouts used only inside the two mini phones */
.phone-mini iframe{width:220px!important;height:440px!important;transform:scale(.455)!important;transform-origin:top left!important}
body.embed-page[data-embed-screen="story"] .invite>section#story,body.embed-page[data-embed-screen="schedule"] .invite>section#schedule{width:220px!important;height:440px!important;min-height:440px!important;overflow:hidden!important;padding:48px 16px 18px!important}
body.embed-page[data-embed-screen="story"] #story h2,body.embed-page[data-embed-screen="schedule"] #schedule h2{font-size:27px!important;margin-bottom:16px!important}
body.embed-page[data-embed-screen="story"] #story p{font-size:10px!important;line-height:1.55!important;max-height:92px;overflow:hidden}
body.embed-page[data-embed-screen="story"] #story .story-photo-frame{width:178px!important;margin:14px auto 0!important}
body.embed-page[data-embed-screen="story"] #story .story-photo-frame .direct-photo{height:145px!important}
body.embed-page[data-embed-screen="schedule"] #schedule .schedule{width:176px!important;margin:0 auto!important}
body.embed-page[data-embed-screen="schedule"] #schedule .list-row{grid-template-columns:45px 1fr!important;padding:9px 4px!important}
body.embed-page[data-embed-screen="schedule"] #schedule .list-row b,body.embed-page[data-embed-screen="schedule"] #schedule .list-row span{font-size:9px!important}
@media(max-width:900px){.phone-mini iframe{transform:scale(.668)!important}}
@media(max-width:700px){.phone-mini iframe{transform:scale(.71)!important}}

/* Fill the right mini phone with the schedule composition */
body.embed-page[data-embed-screen="schedule"] #schedule .block-content{
  width:58%!important;
  margin:0 auto!important;
  transform:scale(1.65)!important;
  transform-origin:top center!important;
}

/* Dedicated compact composition for the real schedule data in mini previews */
body.embed-page[data-embed-screen="schedule"] #schedule{padding:45px 14px 16px!important}
body.embed-page[data-embed-screen="schedule"] #schedule .block-content{position:relative;width:100%!important;height:100%!important;margin:0!important;transform:none!important}
body.embed-page[data-embed-screen="schedule"] #schedule h2{width:100%!important;margin:0 0 24px!important;text-align:center!important;font-size:28px!important;line-height:1.05!important}
body.embed-page[data-embed-screen="schedule"] #schedule .schedule{position:relative;z-index:2;width:154px!important;margin:0 0 0 8px!important}
body.embed-page[data-embed-screen="schedule"] #schedule .list-row{min-height:48px!important;grid-template-columns:43px 1fr!important;align-items:center!important;padding:10px 2px!important}
body.embed-page[data-embed-screen="schedule"] #schedule .list-row b,body.embed-page[data-embed-screen="schedule"] #schedule .list-row span{font-size:10px!important;line-height:1.25!important}
body.embed-page[data-embed-screen="schedule"] #schedule .schedule-branch{display:block!important;position:absolute!important;z-index:1!important;right:-18px!important;bottom:-8px!important;left:auto!important;width:92px!important;height:205px!important;opacity:.72!important;background-size:contain!important}

/* The right phone is a continuous invitation fragment: schedule followed by venue/address */
body.embed-page[data-embed-screen="schedule"] .invite>section#schedule{height:235px!important;min-height:235px!important;padding:32px 14px 8px!important}
body.embed-page[data-embed-screen="schedule"] .invite>section#place{display:block!important;width:220px!important;height:205px!important;min-height:205px!important;overflow:hidden!important;padding:24px 14px 12px!important;background:#f8f5ef!important}
body.embed-page[data-embed-screen="schedule"] #schedule h2{font-size:23px!important;margin-bottom:13px!important}
body.embed-page[data-embed-screen="schedule"] #schedule .schedule{width:162px!important}
body.embed-page[data-embed-screen="schedule"] #schedule .list-row{min-height:34px!important;padding:5px 2px!important}
body.embed-page[data-embed-screen="schedule"] #schedule .schedule-branch{right:-20px!important;bottom:-16px!important;width:72px!important;height:145px!important}
body.embed-page[data-embed-screen="schedule"] #place:before,body.embed-page[data-embed-screen="schedule"] #place:after,body.embed-page[data-embed-screen="schedule"] #place .venue-branch{display:none!important}
body.embed-page[data-embed-screen="schedule"] #place .block-content{width:100%!important;height:auto!important}
body.embed-page[data-embed-screen="schedule"] #place h2{width:100%!important;margin:0 0 10px!important;text-align:center!important;text-indent:0!important;font-size:20px!important;white-space:normal!important}
body.embed-page[data-embed-screen="schedule"] #place h2:after{width:28px!important;margin:9px auto 10px!important}
body.embed-page[data-embed-screen="schedule"] #place .block-content>p{width:100%!important;margin:0 auto 4px!important;text-align:center!important;font-size:8px!important;line-height:1.4!important}
body.embed-page[data-embed-screen="schedule"] #place .map-card{display:flex!important;width:100%!important;min-height:80px!important;margin:9px auto 0!important;padding:0!important;transform:scale(.72);transform-origin:top center}

/* Match the readable scale of the left mini phone */
body.embed-page[data-embed-screen="schedule"] #schedule h2{font-size:27px!important;line-height:1.05!important}
body.embed-page[data-embed-screen="schedule"] #schedule .list-row b,body.embed-page[data-embed-screen="schedule"] #schedule .list-row span{font-size:11px!important}
body.embed-page[data-embed-screen="schedule"] #place h2{font-size:24px!important;line-height:1.05!important}
body.embed-page[data-embed-screen="schedule"] #place .block-content>p{font-size:10px!important;line-height:1.45!important}
body.embed-page[data-embed-screen="schedule"] #place .map-card{transform:scale(.9)!important;margin-top:7px!important}

/* Preserve the same scale as the left phone; let the venue continue below the viewport */
body.embed-page[data-embed-screen="schedule"] .invite>section#schedule{height:300px!important;min-height:300px!important;padding:42px 14px 14px!important}
body.embed-page[data-embed-screen="schedule"] #schedule .list-row{min-height:43px!important;padding:8px 2px!important}
body.embed-page[data-embed-screen="schedule"] .invite>section#place{height:260px!important;min-height:260px!important;padding-top:30px!important}
body.embed-page[data-embed-screen="schedule"] #schedule h2{font-size:27px!important}
body.embed-page[data-embed-screen="schedule"] #place h2{font-size:24px!important}

/* Definitive reset: the right mini phone uses exactly the left phone's sizing */
.phone-mini iframe[src*="/schedule"]{width:220px!important;height:440px!important;transform:scale(.455)!important;transform-origin:top left!important}
body.embed-page[data-embed-screen="schedule"] .invite>section#schedule{display:block!important;width:220px!important;height:440px!important;min-height:440px!important;overflow:hidden!important;padding:48px 16px 18px!important}
body.embed-page[data-embed-screen="schedule"] .invite>section#place{display:none!important}
body.embed-page[data-embed-screen="schedule"] #schedule .block-content{position:relative;width:100%!important;height:auto!important;margin:0!important;transform:none!important}
body.embed-page[data-embed-screen="schedule"] #schedule h2{width:100%!important;margin:0 0 20px!important;text-align:center!important;font-size:27px!important;line-height:1.05!important}
body.embed-page[data-embed-screen="schedule"] #schedule .schedule{width:176px!important;margin:0 auto!important}
body.embed-page[data-embed-screen="schedule"] #schedule .list-row{min-height:48px!important;grid-template-columns:45px 1fr!important;padding:9px 4px!important}
body.embed-page[data-embed-screen="schedule"] #schedule .list-row b,body.embed-page[data-embed-screen="schedule"] #schedule .list-row span{font-size:10px!important;line-height:1.25!important}
@media(max-width:900px){.phone-mini iframe[src*="/schedule"]{transform:scale(.668)!important}}
@media(max-width:700px){.phone-mini iframe[src*="/schedule"]{transform:scale(.71)!important}}

/* RSVP analytics in the owner dashboard */
.dashboard-page{max-width:1380px}.dashboard-page #response-panels{display:grid;gap:24px;margin-top:34px}.response-card{padding:28px;border:1px solid #dfdbd3;border-radius:24px;background:#fff;box-shadow:0 15px 45px #4036290d}.response-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.response-card h2{margin:7px 0 0;font:400 32px/1.15 Georgia,serif}.response-card-head>b{padding:8px 12px;border-radius:99px;background:#edf0e7;color:#667258;font-size:12px}.table-scroll{overflow-x:auto;border:1px solid #ebe7df;border-radius:15px}.response-table{width:100%;border-collapse:collapse;font-size:13px}.response-table th{padding:13px 14px;background:#f5f2ec;color:#706b63;text-align:left;font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.response-table td{padding:13px 14px;border-top:1px solid #eee9e1;vertical-align:top}.response-table tbody tr:hover{background:#faf8f3}.answer-status{display:inline-block;padding:5px 8px;border-radius:99px;white-space:nowrap}.answer-status.yes{background:#e8efe1;color:#536447}.answer-status.no{background:#f5e7e3;color:#8b5147}.empty-table{text-align:center!important;color:#888;padding:32px!important}.summary-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.summary-metrics>div{display:flex;flex-direction:column;gap:4px;padding:19px;border-radius:17px;background:#f5f2ec}.summary-metrics b{font:400 34px Georgia,serif}.summary-metrics span{color:#777;font-size:12px}.summary-tables{display:grid;grid-template-columns:1fr 1fr;gap:18px}.summary-tables .response-table{border:1px solid #ebe7df;border-radius:15px;overflow:hidden}.notification-card{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:end;gap:24px}.notification-card p{color:#777;line-height:1.6}.notification-card form{display:flex;align-items:end;gap:10px}.notification-card label{display:flex;flex:1;flex-direction:column;gap:7px;color:#777;font-size:11px}.notification-card input{width:100%;padding:11px 13px;border:1px solid #dcd7ce;border-radius:11px}.notification-card [data-telegram-connect]{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.notification-card small{color:#888;line-height:1.45}.telegram-btn{background:#6f7e62}
@media(max-width:900px){.summary-metrics{grid-template-columns:1fr 1fr}.summary-tables,.notification-card{grid-template-columns:1fr}.notification-card form{align-items:stretch}.dash-row{grid-template-columns:1fr auto}.dash-row>*:nth-child(3){display:none}}
@media(max-width:560px){.response-card{padding:18px;border-radius:18px}.response-card h2{font-size:27px}.summary-metrics>div{padding:14px}.notification-card form{flex-direction:column}.notification-card .btn{width:100%;text-align:center}}

.chat-link-editor{display:flex;flex-direction:column;gap:8px;width:min(520px,100%);margin:28px auto 0;text-align:left}.chat-link-editor span{color:#777;font:500 11px Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.chat-link-editor input{width:100%;padding:13px 16px;border:1px solid #cfc9bf;border-radius:99px;background:transparent;color:#1c1b19;font:14px Manrope,Arial,sans-serif;outline:none}.chat-link-editor input:focus{border-color:#8f977d;box-shadow:0 0 0 3px #8f977d1f}
.site-footer{
  padding:34px 20px 30px;
  text-align:center;
  background:#f7f3ec;
  border:0;
}

.footer-social,
.footer-legal{
  display:block;
  text-align:center;
}

.footer-social{
  margin-bottom:10px;
}

.footer-social a,
.footer-social span{
  margin:0 8px;
  font-size:13px;
  color:rgba(45,40,34,.7);
  text-decoration:none;
}

.footer-legal a,
.footer-legal span{
  margin:0 4px;
  font-size:11px;
  color:rgba(45,40,34,.35);
  text-decoration:none;
}

.footer-social a:hover,
.footer-legal a:hover{
  text-decoration:underline;
}
/* Account access */
.auth-loading{min-height:100vh;display:grid;place-items:center;background:#f8f5ef;font:500 24px Manrope,sans-serif;color:#1c1b19}
.auth-page{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:48px 20px;background:#f8f5ef}
.auth-card{width:min(460px,100%);padding:46px;border:1px solid rgba(28,27,25,.12);border-radius:28px;background:rgba(255,255,255,.45);box-shadow:0 24px 70px rgba(55,48,39,.08)}
.auth-card h1{margin:8px 0 12px;font:400 clamp(34px,5vw,52px)/.98 "Cormorant Garamond",serif}
.auth-card>p{margin:0 0 28px;color:#6d6a64;line-height:1.6}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:22px;border-bottom:1px solid #d9d4cb}
.auth-tabs button{padding:12px;border:0;background:none;color:#777;cursor:pointer}
.auth-tabs button.active{color:#1c1b19;border-bottom:2px solid #8f977d}
.auth-form{display:grid;gap:16px}.auth-form.hidden{display:none}
.auth-form label{display:grid;gap:7px;font-size:13px;color:#555}
.auth-form input{width:100%;box-sizing:border-box;padding:13px 0;border:0;border-bottom:1px solid #bbb4a9;background:transparent;font:inherit;outline:none}
.auth-form input:focus{border-color:#8f977d}.auth-form .btn{margin-top:6px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#999;font-size:12px}
.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#ddd7cd}
.oauth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.oauth{padding:13px;border-radius:999px;text-align:center;text-decoration:none;font:600 14px Manrope,sans-serif}
.oauth.yandex{background:#fff;color:#111;border:1px solid #ddd}.oauth.vk{background:#07f;color:#fff}
.oauth.disabled{opacity:.45}.auth-error{margin:0 0 18px;padding:12px 14px;border-radius:12px;background:#f6e7e2;color:#8b3e2f;font-size:13px}
.account-actions{display:flex;align-items:center;gap:12px}.empty-dashboard{padding:70px 20px;text-align:center}
.empty-dashboard h2{font:400 38px "Cormorant Garamond",serif}.empty-dashboard p{margin-bottom:24px;color:#777}
@media(max-width:600px){.auth-card{padding:30px 22px;border-radius:22px}.oauth-buttons{grid-template-columns:1fr}.account-actions span{display:none}}

/* Login and payment gates */
.top .nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.top .nav .account-link{padding:9px 14px;border:1px solid #d9d4cb;border-radius:999px}
.auth-modal-layer{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(28,27,25,.34);backdrop-filter:blur(7px)}
.auth-modal-backdrop{position:absolute;inset:0;border:0;background:transparent;cursor:pointer}
.auth-modal-card,.payment-card{position:relative;z-index:1;width:min(460px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:#f8f5ef}
.auth-modal-close{position:absolute;top:15px;right:17px;width:34px;height:34px;border:0;border-radius:50%;background:#ede9df;color:#1c1b19;font-size:23px;line-height:1;cursor:pointer}
.payment-card{padding:42px;border:1px solid rgba(28,27,25,.12);border-radius:28px;box-shadow:0 24px 70px rgba(55,48,39,.18)}
.payment-card h1{margin:8px 0 12px;font:400 clamp(34px,5vw,52px)/.98 "Cormorant Garamond",serif}
.payment-card p{color:#6d6a64;line-height:1.65}
.payment-total{display:flex;align-items:center;justify-content:space-between;margin:24px 0;padding:18px 0;border-top:1px solid #d9d4cb;border-bottom:1px solid #d9d4cb}
.payment-total span{color:#777;font-size:13px}.payment-total b{font:400 36px "Cormorant Garamond",serif}
body:has(.auth-modal-layer){overflow:hidden}
@media(max-width:600px){.top .nav{gap:10px}.top .nav .account-link{padding:7px 10px}.payment-card{padding:32px 22px;border-radius:22px}}

/* Publication payment flow */
.payment-card-wide{width:min(920px,calc(100vw - 28px))}
.payment-section-title{margin:28px 0 12px;font:400 30px "Cormorant Garamond",serif}
.payment-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 26px}.payment-benefits article{padding:17px 18px;border-radius:18px;background:rgba(255,255,255,.62);border:1px solid #e6e0d6;box-shadow:0 12px 30px #4036290d}.payment-benefits b{display:block;margin-bottom:7px;font-size:15px;color:#1c1b19}.payment-benefits span{display:block;color:#6b675f;font-size:13px;line-height:1.55}
.payment-table-preview{margin:14px 0 22px;border:1px solid #ded8cd;border-radius:20px;overflow:auto;background:#fff;box-shadow:0 16px 40px #40362912}.payment-table-preview table{min-width:860px;width:100%;border-collapse:collapse}.payment-table-preview th,.payment-table-preview td{padding:11px 12px;border-bottom:1px solid #eee9df;text-align:left;white-space:nowrap;font-size:12px}.payment-table-preview th{color:#777;font-weight:600;background:#fbfaf7}.payment-table-preview tbody tr:last-child td{border-bottom:0}.payment-summary-preview{display:flex;gap:10px;flex-wrap:wrap;padding:14px 16px;border-top:1px solid #eee9df;background:#f8f5ef}.payment-summary-preview b{font-family:"Cormorant Garamond",serif;font-size:24px;font-weight:400;color:#1c1b19}.payment-summary-preview span{font-size:13px;color:#666}
.payment-email{display:grid;gap:8px;margin-top:18px;color:#666;font-size:13px}.payment-email b{font-size:15px;color:#1c1b19}.payment-email input{padding:13px 14px;border:1px solid #bfb7aa;border-radius:14px;background:rgba(255,255,255,.55);font:inherit}.payment-email small{line-height:1.55}.payment-email em{font-style:normal;color:#9b2d22}.payment-email.invalid input{border-color:#b64234;background:#fbebe8;box-shadow:0 0 0 3px rgba(182,66,52,.08)}
.payment-telegram{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:16px;border-radius:18px;background:#f1eee6}.payment-telegram>div{display:grid;gap:4px}.payment-telegram span{font-size:13px;color:#666}
.payment-spinner{width:54px;height:54px;margin:0 auto 22px;border:2px solid #ddd7cd;border-top-color:#8f977d;border-radius:50%;animation:spin .9s linear infinite}.payment-checking{text-align:center}.payment-success .publish-checklist{display:grid;gap:10px;margin:24px 0}.payment-success .publish-checklist a,.payment-success .publish-checklist button,.payment-success .publish-checklist label{padding:13px 15px;border:1px solid #e1dbd1;border-radius:14px;background:#fff;text-align:left;color:#1c1b19;text-decoration:none;font:inherit}.payment-success .publish-checklist button{cursor:pointer}
@keyframes spin{to{transform:rotate(360deg)}}
.dashboard-tabs{display:flex;gap:10px;margin:26px 0 30px;border-bottom:1px solid #ded8cd}.dashboard-tabs a{padding:13px 4px;margin-bottom:-1px;color:#777;text-decoration:none}.dashboard-tabs a.active{color:#1c1b19;border-bottom:2px solid #8f977d}.settings-card{max-width:920px}.settings-invite{padding:20px 0;border-top:1px solid #e5ded3}.settings-invite h3{margin:0 0 14px;font:400 28px "Cormorant Garamond",serif}.settings-invite form{display:flex;align-items:end;gap:12px;margin-bottom:14px}.settings-invite label{display:grid;gap:7px;flex:1;color:#666;font-size:13px}.settings-invite input{padding:12px 0;border:0;border-bottom:1px solid #bfb7aa;background:transparent}
@media(max-width:700px){.payment-benefits{grid-template-columns:1fr}.payment-telegram,.settings-invite form{align-items:stretch;flex-direction:column}.dashboard-tabs{overflow:auto}.dashboard-tabs a{white-space:nowrap}}

/* Payment modal scale correction: closer to the reference */
.payment-card-premium{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 16px);padding:0!important;overflow:auto;border:1px solid rgba(180,154,109,.2);border-radius:32px;background:#fffcf7;box-shadow:0 26px 86px rgba(48,40,28,.13)}
.payment-card-premium .auth-modal-close{top:24px;right:24px;width:46px;height:46px;background:#f4eee6;color:#6c5638;font-size:34px;line-height:42px}
.payment-hero{display:grid;grid-template-columns:1fr;gap:2px;padding:10px 46px 13px;text-align:center;justify-items:center}
.payment-brand{display:grid;width:190px;height:132px;place-items:center;overflow:hidden}.payment-brand span{display:none}.payment-brand img{width:270px;height:270px;margin:0;filter:none;opacity:1;object-fit:contain}
.payment-hero-text h1{margin-bottom:7px;font-size:clamp(37px,4.6vw,47px);line-height:.96;font-weight:600;letter-spacing:-.024em}.payment-hero-text p{max-width:500px;font-size:14px;line-height:1.38;color:#66625d}
.payment-feature-list{margin:0 46px 12px;padding:4px 24px;border:1px solid rgba(180,154,109,.16);border-radius:22px;background:rgba(255,255,255,.5);box-shadow:0 12px 32px rgba(63,49,30,.045)}
.payment-feature-list article{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:12px;min-height:auto;padding:11px 0;border-bottom:1px solid rgba(180,154,109,.16)}
.payment-feature-list article:first-child{padding-top:11px}.payment-feature-list article:last-child{border-bottom:0}.payment-feature-list i,.payment-input-card>i{display:grid;width:30px;height:30px;place-items:center;background:transparent;color:#c39a49;font-size:25px;font-style:normal;font-weight:600}.payment-feature-list svg,.payment-input-card svg,.payment-footer-bar svg,.payment-note svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.22}.payment-feature-list b{display:inline;margin:0;font-size:14px;line-height:1.3;font-weight:760}.payment-feature-list span{display:inline;font-size:14px;line-height:1.3;color:#3e3d3a}
.payment-card-premium .payment-table-preview{display:none}
.payment-card-premium .payment-table-preview h2{padding-bottom:18px;font-size:18px}.payment-card-premium .payment-table-preview table{min-width:720px}.payment-card-premium .payment-table-preview th,.payment-card-premium .payment-table-preview td{padding:13px 11px;font-size:13px}.payment-answer-pill{min-width:44px;padding:5px 11px;font-size:12px}.payment-card-premium .payment-summary-preview{gap:14px;padding:24px 0 0}.payment-card-premium .payment-summary-preview span{font-size:12px}.payment-card-premium .payment-summary-preview b{font-size:22px}
.payment-input-card{display:grid;grid-template-columns:40px 1fr;align-items:start;gap:12px;margin:0 46px 12px;padding:14px 18px;border:1px solid rgba(180,154,109,.38);border-radius:18px;background:rgba(255,255,255,.46);box-shadow:none}.payment-input-card>div{display:grid;gap:7px;min-width:0}.payment-input-card b{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;font-size:15px}.payment-input-card b small{font-size:10px;font-weight:500;color:#8f7650}.payment-input-card span{font-size:11px;line-height:1.4}.payment-input-card input{width:100%;height:44px;padding:11px 14px;font-size:14px;background:rgba(255,255,255,.7);border-color:rgba(180,154,109,.4)}
.payment-card-premium .payment-telegram{grid-template-columns:78px 1fr 250px;border-top:1px solid rgba(180,154,109,.15)}.payment-card-premium .payment-telegram .btn{height:56px;font-size:16px;border-color:rgba(180,154,109,.45);background:transparent}
.payment-footer-bar{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0 46px 24px;background:#fffcf7;border-top:0;box-shadow:none}.payment-footer-bar>div b{font-size:14px}.payment-footer-bar>div span{font-size:11px}.payment-footer-bar strong{font-size:28px;padding-left:18px}.payment-footer-bar .btn{display:flex;width:100%;height:56px;align-items:center;justify-content:center;border-radius:15px;font-size:18px;background:linear-gradient(135deg,#d7aa51,#c79339);box-shadow:0 13px 28px rgba(174,126,43,.24)}.payment-footer-bar .btn svg{display:none;width:19px;height:19px}.payment-note{display:none;padding:5px 44px 14px;font-size:10px}.payment-note svg{width:18px;height:18px}
.telegram-status{display:grid;gap:8px;align-items:start}.telegram-status b{font-size:18px;color:#24221f}.telegram-status span{color:#5f5f5a;line-height:1.55}.telegram-status .btn{justify-self:start;margin-top:6px}
.public-link-box{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:18px 0 22px;padding:14px 16px;border:1px solid #e5d9c9;border-radius:16px;background:#fffaf2}
.public-link-box span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5c574f;font-size:14px}
@media(max-width:760px){.public-link-box{grid-template-columns:1fr}.public-link-box .btn{width:100%}}
@media(max-width:760px){.payment-card-premium{width:min(100%,calc(100vw - 8px));max-height:calc(100dvh - 4px);border-radius:26px}.payment-card-premium .auth-modal-close{top:11px;right:11px;width:37px;height:37px;font-size:28px;line-height:34px}.payment-hero{grid-template-columns:1fr;padding:2px 18px 7px;gap:0;align-items:center}.payment-brand{width:164px;height:122px}.payment-brand img{width:236px;height:236px;margin:0}.payment-hero-text h1{margin-top:0;font-size:clamp(29px,8.1vw,36px)}.payment-hero-text p{font-size:11px;line-height:1.3}.payment-feature-list,.payment-input-card{margin-left:16px;margin-right:16px}.payment-feature-list{padding:2px 14px}.payment-feature-list article{grid-template-columns:24px 1fr;gap:8px;padding:8px 0}.payment-feature-list i,.payment-input-card>i{width:24px;height:24px;font-size:20px}.payment-feature-list svg,.payment-input-card svg{width:17px;height:17px}.payment-feature-list b{font-size:11.5px}.payment-feature-list span{font-size:11.5px}.payment-input-card{grid-template-columns:24px 1fr;gap:8px;padding:10px 12px}.payment-input-card b{font-size:11.5px}.payment-input-card b small{font-size:8px}.payment-input-card span{font-size:8.5px}.payment-input-card input{height:38px}.payment-footer-bar{grid-template-columns:1fr;gap:0;padding:0 16px 14px}.payment-footer-bar strong{padding-left:0;border-left:0;font-size:25px}.payment-footer-bar>div{display:none}.payment-footer-bar .btn{height:48px;font-size:15px}.payment-note{padding:4px 18px 10px;font-size:9px}}

/* EventNest brand layer: warm gold + graphite for the service UI only */
:root{--en-bg:#f7f3ec;--en-paper:#fffdf8;--en-line:#e7ddcf;--en-soft:#f2ece2;--en-gold:#b49a6d;--en-gold-dark:#92764a;--en-graphite:#1f2a33;--en-text:#24221f;--en-muted:#736d63}
body{background:var(--en-bg);color:var(--en-text)}
.top,.editor-top,.preview-bar{background:rgba(255,253,248,.94);border-color:var(--en-line);box-shadow:0 12px 34px rgba(42,34,25,.035);backdrop-filter:blur(12px)}
.brand-link{display:inline-flex;align-items:center;text-decoration:none}.brand-lockup{display:inline-flex;align-items:center;gap:12px;line-height:1;color:var(--en-graphite)}.brand-mark{display:block;width:62px;height:62px;object-fit:contain}.brand-word{font:600 27px/1.05 Georgia,serif;letter-spacing:-.03em}.brand-word span{color:var(--en-gold)}.brand-word b{color:var(--en-graphite)!important;font-weight:600}.top .brand-lockup{gap:11px}.top .brand-mark{width:60px;height:60px}.top .brand-word{font-size:26px}.editor-top .brand-mark{width:55px;height:55px}.editor-top .brand-word{font-size:25px}.dashboard-logo{gap:16px;margin-top:8px}.dashboard-logo .brand-mark{width:96px;height:96px}.dashboard-logo .brand-word{font-size:46px}.loading-logo .brand-mark{width:101px;height:101px}.loading-logo .brand-word{font-size:46px}.auth-modal-logo{justify-content:center;margin:0 auto 18px}.auth-modal-logo .brand-mark{width:88px;height:88px}.auth-modal-logo .brand-word{font-size:39px}
.logo b{color:var(--en-gold)}
.nav a,.dashboard-tabs a{color:var(--en-muted)}.nav a:hover,.dashboard-tabs a.active{color:var(--en-text)}.dashboard-tabs{border-color:var(--en-line)}.dashboard-tabs a.active{border-bottom-color:var(--en-gold)}
.page.dashboard-page{max-width:1180px}.page-head{align-items:center}.page .eyebrow,.auth-card .eyebrow,.payment-card .eyebrow,.response-card .eyebrow,.catalog-head .eyebrow{color:var(--en-gold-dark);letter-spacing:.22em}
.btn{background:linear-gradient(135deg,var(--en-graphite),#111821);color:#fff;box-shadow:0 10px 26px rgba(31,42,51,.12)}.btn.light{background:rgba(255,253,248,.72);color:var(--en-text);border-color:var(--en-line);box-shadow:none}.btn.light:hover{border-color:rgba(180,154,109,.45);color:var(--en-gold-dark)}
.telegram-btn{background:linear-gradient(135deg,var(--en-gold),var(--en-gold-dark));color:#fff!important}
.badge{background:#f0e8da;color:#7a623e}.response-card-head>b{background:#f3eadc;color:#80663f}
.response-card,.dash-row,.empty-dashboard{background:rgba(255,253,248,.9);border-color:var(--en-line);box-shadow:0 22px 65px rgba(43,34,22,.07)}
.account-notice{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-bottom:12px}.account-notice h2,.settings-card h2{font:400 34px/1.1 Georgia,serif;margin:8px 0 10px}.account-notice p,.settings-card p{max-width:560px;color:var(--en-muted);line-height:1.65}
.telegram-status{display:flex!important;align-items:center;justify-content:flex-end;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.telegram-status .btn{margin:0!important;white-space:nowrap}
.dash-row{position:relative;padding-right:58px}.delete-invite{position:absolute!important;right:16px;bottom:14px;width:42px;height:42px;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#aa6c62!important;font-size:0!important;line-height:1!important;display:grid!important;place-items:center!important;box-shadow:none!important}.delete-invite:before{content:'';width:21px;height:21px;opacity:.72;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 2h4v2H4V5h4l1-2Zm-2 6h10l-.7 11H7.7L7 9Zm3 2v7h1.5v-7H10Zm3.5 0v7H15v-7h-1.5Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6l1 2h4v2H4V5h4l1-2Zm-2 6h10l-.7 11H7.7L7 9Zm3 2v7h1.5v-7H10Zm3.5 0v7H15v-7h-1.5Z'/%3E%3C/svg%3E") center/contain no-repeat}.delete-invite:hover{background:#fff1ee!important;color:#8d4439!important}.delete-invite:hover:before{opacity:1}
.answer-status.yes,.payment-answer-pill.yes{background:#e7f5e6;color:#248044}.answer-status.no,.payment-answer-pill.no{background:#ffe8e5;color:#d94d46}.summary-metrics>div:first-child{background:#edf7eb!important}.summary-metrics>div:first-child b{color:#248044}.summary-metrics>div:nth-child(2){background:#fff0ed!important}.summary-metrics>div:nth-child(2) b{color:#d94d46}
.summary-metrics>div,.response-table th{background:#f7f1e8}.table-scroll,.summary-tables .response-table{border-color:var(--en-line)}
.auth-tabs button.active{border-bottom-color:var(--en-gold)}.auth-form input:focus,.chat-link-editor input:focus{border-color:var(--en-gold);box-shadow:0 0 0 3px rgba(180,154,109,.14)}
.payment-spinner{border-top-color:var(--en-gold)}
.payment-brand img{content:url('/assets/images/eventnest-logo-transparent.png');width:270px;height:270px;object-fit:contain}.payment-brand span{display:none}.payment-feature-list i,.payment-input-card>i{color:#c39a49;background:transparent}.payment-footer-bar .btn{background:linear-gradient(135deg,#d7aa51,#c79339);box-shadow:0 13px 28px rgba(174,126,43,.24)}
.invite .footer .logo{font-size:0!important;letter-spacing:0!important;opacity:1!important}.invite .footer .logo:before{content:'';display:block;width:120px;height:64px;margin:0 auto 10px;background:url('/assets/images/eventnest-logo-transparent.png') center/contain no-repeat;filter:brightness(1.12)}
.showcase-open,.round-arrow{background:linear-gradient(135deg,var(--en-graphite),#101820)}.showcase-icon{color:var(--en-gold-dark);background:#f1eadf}.showcase-palette i{box-shadow:0 5px 16px rgba(44,35,23,.12)}
@media(max-width:760px){.top .brand-mark{width:49px;height:49px}.top .brand-word{font-size:23px}.dashboard-logo .brand-mark{width:75px;height:75px}.dashboard-logo .brand-word{font-size:35px}.account-notice{grid-template-columns:1fr}.payment-brand img{width:220px;height:220px}}

/* Premium homepage header */
.top{
  height:86px;
  padding:0 3.8vw;
  background:rgba(255,253,248,.97);
  border-bottom:1px solid rgba(218,207,191,.72);
  box-shadow:0 12px 34px rgba(42,34,25,.07);
}

/* Account/navigation and RSVP tables polish */
.nav-logout{border:1px solid #ddd1c3;background:#fff;color:#282620;border-radius:99px;padding:10px 16px;line-height:1}
.response-table td:nth-child(2){white-space:nowrap}
@media(max-width:800px){
  .nav{gap:8px}
  .nav a:not(.btn):not(.cabinet-link){display:none}
  .nav-logout{padding:9px 12px;font-size:12px}
  .table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .response-table{min-width:760px!important;width:max-content!important;table-layout:auto!important;font-size:11px!important}
  .response-table th,.response-table td{padding:8px 10px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1.35}
  .response-table th{font-size:8px!important;letter-spacing:.05em}
}
.top .brand-lockup{gap:17px}
.top .brand-mark{width:82px;height:82px}
.top .brand-word{font-size:36px;letter-spacing:-.045em}
.top .nav{gap:34px}
.top .nav a{
  color:var(--en-graphite);
  font:500 15px/1.2 Manrope,Arial,sans-serif;
  text-decoration:none;
}
.top .nav .cabinet-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:13px 23px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:linear-gradient(135deg,var(--en-graphite),#0f1720);
  color:#fff!important;
  box-shadow:0 16px 34px rgba(17,24,32,.18);
}
.top .nav .cabinet-link svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.showcase-catalog{padding-top:62px}
.catalog-head{max-width:920px;margin-bottom:58px}
.catalog-head h1{
  margin:12px 0 12px;
  color:#1c1b19;
  font-size:clamp(50px,5.3vw,80px);
  line-height:.96;
  letter-spacing:-.04em;
}
.catalog-head p{
  margin:0 auto;
  max-width:720px;
  color:#68645d;
  font-size:16px;
  line-height:1.6;
}
.catalog-benefits{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  margin:24px auto 0;
  color:var(--en-graphite);
}
.catalog-benefits span{
  position:relative;
  display:grid;
  grid-template-columns:48px auto;
  grid-template-rows:auto auto;
  align-items:center;
  min-width:220px;
  padding:0 30px;
  column-gap:15px;
  text-align:left;
}
.catalog-benefits span+span:before{
  content:'';
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:1px;
  background:#e3dacf;
}
.catalog-benefits i{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#f2eadf;
  color:var(--en-gold-dark);
  box-shadow:inset 0 0 0 1px rgba(180,154,109,.18),0 8px 22px rgba(80,62,38,.08);
  font-style:normal;
}
.catalog-benefits svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.catalog-benefits b{
  color:var(--en-graphite);
  font:650 13px/1.25 Manrope,Arial,sans-serif;
}
.catalog-benefits em{
  color:#545a5f;
  font:400 13px/1.3 Manrope,Arial,sans-serif;
  font-style:normal;
}
@media(max-width:800px){
  .top{height:74px;padding:0 16px}
  .top .brand-lockup{gap:10px}
  .top .brand-mark{width:58px;height:58px}
  .top .brand-word{font-size:26px}
  .top .nav{gap:10px}
  .top .nav a:not(.cabinet-link){display:none}
  .top .nav .cabinet-link{min-height:38px;padding:10px 14px;font-size:13px}
  .top .nav .cabinet-link svg{width:16px;height:16px}
  .showcase-catalog{padding-top:42px}
  .catalog-head h1{font-size:clamp(42px,12vw,58px)}
  .catalog-benefits{
    flex-direction:column;
    align-items:stretch;
    max-width:320px;
    gap:15px;
  }
  .catalog-benefits span{
    min-width:0;
    padding:0;
  }
  .catalog-benefits span+span:before{display:none}
}

/* Homepage readability tuning */
.catalog-benefits span{
  grid-template-columns:54px auto;
  column-gap:17px;
  min-width:240px;
}
.catalog-benefits i{
  width:54px;
  height:54px;
}
.catalog-benefits svg{
  width:29px;
  height:29px;
}
.catalog-benefits b{
  font-size:15px;
}
.catalog-benefits em{
  font-size:15px;
}
.showcase-label{
  font-size:12px;
}
.showcase-info>p{
  font-size:16px;
}
.showcase-tags{
  font-size:13px;
}
@media(max-width:800px){
  .catalog-benefits span{
    grid-template-columns:52px auto;
    min-width:0;
  }
  .catalog-benefits i{
    width:52px;
    height:52px;
  }
  .catalog-benefits svg{
    width:27px;
    height:27px;
  }
}

/* Mobile stability fixes */
html,body{max-width:100%;overflow-x:hidden}
.auth-modal-card{box-sizing:border-box}
.telegram-connected{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 17px;border-radius:999px;background:#f2eadc;color:var(--en-gold-dark);font-weight:700}
@media(max-width:760px){
  .auth-modal-layer{padding:10px;align-items:center}
  .auth-modal-card{
    width:min(420px,calc(100vw - 20px));
    max-height:calc(100dvh - 20px);
    padding:22px 18px!important;
    border-radius:22px!important;
  }
  .auth-modal-logo{margin-bottom:8px!important}
  .auth-modal-logo .brand-mark{width:62px!important;height:62px!important}
  .auth-modal-logo .brand-word{font-size:29px!important}
  .auth-modal-card h1{font-size:clamp(28px,8vw,36px)!important;margin:6px 0 8px!important}
  .auth-modal-card>p{margin-bottom:16px!important;font-size:13px;line-height:1.45}
  .auth-tabs{margin-bottom:14px}
  .auth-tabs button{padding:9px}
  .auth-form{gap:11px}
  .auth-form input{padding:10px 0}
  .oauth-buttons{gap:9px}
  .oauth{padding:11px 12px;font-size:13px}

  .page.dashboard-page{
    width:100%;
    max-width:none;
    padding:28px 12px 56px;
    overflow:hidden;
  }
  .dashboard-page .page-head{
    align-items:flex-start;
    gap:14px;
    margin-bottom:16px;
  }
  .account-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}
  .account-actions .btn{padding:9px 12px;font-size:13px}
  .dashboard-tabs{margin:18px 0 18px;gap:16px;overflow:visible}
  .dashboard-tabs a{padding:10px 0;font-size:13px}
  .account-notice{
    width:100%;
    grid-template-columns:1fr;
    gap:16px;
    padding:20px!important;
    margin-bottom:10px;
  }
  .account-notice h2{font-size:28px!important}
  .account-notice p{font-size:13px;line-height:1.5}
  .telegram-status{display:flex;justify-content:flex-start}
  .telegram-status .btn,.telegram-connected{width:100%;text-align:center}
  .dash{gap:10px}
  .dash-row{
    width:100%;
    max-width:100%;
    grid-template-columns:1fr;
    align-items:stretch;
    gap:12px;
    padding:18px 54px 18px 16px!important;
    overflow:hidden;
  }
  .dash-row small,.dash-row b{overflow-wrap:anywhere}
  .dash-row .btn{
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .delete-invite{right:10px!important;bottom:10px!important;width:44px!important;height:44px!important}

  .editor-top{
    min-height:74px;
    height:auto;
    padding:10px 12px!important;
    gap:8px;
    flex-wrap:wrap;
    overflow:hidden;
  }
  .editor-top .brand-word,.editor-top .template-label,.editor-top small{display:none!important}
  .editor-top .brand-mark{width:46px!important;height:46px!important}
  .editor-top .spacer{flex:1 1 auto}
  .editor-top .btn{
    min-height:38px;
    padding:9px 12px;
    font-size:12px;
    white-space:nowrap;
  }
  .editor-top #publish{flex:1 1 180px;text-align:center}
  .editor-canvas{width:100%;padding:0!important;overflow-x:clip;overflow-y:visible}
  .editor-canvas .invite{width:100%;max-width:100%;overflow:visible}

  .response-card{
    width:100%;
    max-width:100%;
    padding:16px!important;
    overflow:hidden;
  }
  .response-card-head{display:block;margin-bottom:14px}
  .response-card h2{font-size:25px!important}
  .table-scroll{
    width:100%;
    overflow:visible!important;
    border-radius:12px;
  }
  .response-table{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed;
    font-size:9px!important;
  }
  .response-table th,.response-table td{
    padding:7px 3px!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
    word-break:break-word;
    line-height:1.25;
  }
  .response-table th{font-size:7px!important;letter-spacing:.02em}
  .answer-status{padding:3px 5px;font-size:9px}
  .summary-metrics{grid-template-columns:1fr 1fr;gap:8px}
  .summary-tables{grid-template-columns:1fr;gap:10px}
  .summary-tables .response-table{table-layout:auto}

  .invite{max-width:100%;overflow:visible}
  .invite section{max-width:100%;overflow:visible}
  .invite section:not(#hero):not(.rsvp-wrap):not(.chat):not(.contacts):not(.farewell-footer){content-visibility:auto;contain-intrinsic-size:720px}
  .photo-modal,.blocks-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
}

.invite .farewell-footer{
  min-height:0!important;
  padding:34px 20px 44px!important;
  background:#f8f5ef!important;
  text-align:center!important;
  overflow:hidden!important;
}
.invite .farewell-footer:before,
.invite .farewell-footer:after{
  display:none!important;
}
.invite .farewell-text{
  display:block!important;
  width:100%!important;
  margin:0 auto!important;
  text-align:center!important;
  color:#1c1b19!important;
  font-family:'Cormorant Garamond',Georgia,serif!important;
  font-size:clamp(28px,5vw,38px)!important;
  font-weight:400!important;
  line-height:1.1!important;
}
.editor-mobile-back,
.mobile-public-back{
  display:none;
}

.guest-count-row{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  width:100%;
}
.guest-count-row label{min-width:0}
.guest-details{
  display:grid;
  gap:18px;
  margin:8px 0 4px;
}
.guest-detail-card{
  display:grid;
  gap:14px;
  padding:18px;
  border:1px solid rgba(143,151,125,.22);
  border-radius:22px;
  background:rgba(255,255,255,.34);
}
.guest-detail-card h3{
  margin:0;
  font:600 18px/1.15 Manrope,Arial,sans-serif;
  color:#1c1b19;
}
.guest-detail-card h3 span{
  color:#8f977d;
  font-weight:500;
}
.guest-detail-options{
  display:grid;
  gap:10px;
  text-align:left;
}
.guest-detail-options b{
  display:block;
  font:700 15px/1.2 Manrope,Arial,sans-serif;
}
.guest-detail-options label,
.invite .rsvp .survey-options label{
  justify-content:flex-start!important;
  text-align:left!important;
}
.survey-edit-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  margin-top:12px;
}
.survey-edit-actions .question-remove{
  position:static!important;
  margin:0!important;
}
.guest-line{
  display:block;
  min-width:max-content;
  line-height:1.65;
}
.guest-line em{
  color:#8f977d;
  font-style:normal;
  font-size:.9em;
}

@media(max-width:760px){
  input,
  textarea,
  select{
    font-size:16px!important;
  }
  .auth-page{
    min-height:100dvh!important;
    padding:68px 14px 18px!important;
    place-items:start center!important;
  }
  .auth-card,
  .auth-modal-card{
    width:100%!important;
    max-width:430px!important;
    max-height:calc(100dvh - 22px)!important;
    overflow:auto!important;
    padding:24px 18px!important;
    border-radius:24px!important;
  }
  .auth-modal-layer{
    padding:2px!important;
    align-items:center!important;
  }
  .auth-card h1{
    font-size:clamp(29px,8vw,38px)!important;
    line-height:1!important;
  }
  .editor-mobile-back{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border:1px solid rgba(28,27,25,.12);
    border-radius:999px;
    background:rgba(248,245,239,.92);
    color:#1c1b19;
    text-decoration:none;
    font-size:22px;
    line-height:1;
    flex:0 0 auto;
  }
  .editor-preview-btn{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 14px!important;
    white-space:nowrap;
  }
  .guest-count-row{
    grid-template-columns:1fr 1fr!important;
    gap:10px;
  }
  .guest-detail-card{
    padding:15px;
    border-radius:20px;
  }
  .guest-detail-card h3{
    font-size:17px;
  }
  .guest-detail-options label{
    width:100%;
  }
  .mobile-public-back{
    display:inline-flex!important;
    position:fixed;
    top:10px;
    left:10px;
    z-index:80;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 14px;
    border:1px solid rgba(28,27,25,.12);
    border-radius:999px;
    background:rgba(248,245,239,.94);
    color:#1c1b19;
    box-shadow:0 10px 30px rgba(28,27,25,.12);
    text-decoration:none;
    font:600 13px/1 Manrope,Arial,sans-serif;
  }
}

/* Final mobile overrides: keep account tables readable instead of squeezed. */
@media(max-width:800px){
  .table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .response-table{min-width:760px!important;width:max-content!important;table-layout:auto!important;font-size:11px!important}
  .response-table th,.response-table td{padding:8px 10px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1.35!important}
  .response-table th{font-size:8px!important;letter-spacing:.05em!important}
  .nav .cabinet-link{display:inline-flex!important}
  .nav-logout{display:inline-flex!important;align-items:center;justify-content:center}
}

/* Editor/location/export refinements */
.response-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.response-actions>b{padding:8px 12px;border-radius:99px;background:#edf0e7;color:#667258;font-size:12px}
.export-table-btn{white-space:nowrap}
.location-editor{max-width:680px;margin:28px auto 0;text-align:left;background:#ffffff99;border:1px solid #e7e0d5;border-radius:22px;padding:20px;box-shadow:0 18px 48px rgba(54,43,30,.07)}
.location-editor label{display:grid;gap:8px;color:#6c665d;font-size:13px}
.location-editor input{width:100%;padding:13px 15px;border:1px solid #d8d0c2;border-radius:12px;background:#fff;color:#1c1b19}
.location-editor input:focus{outline:0;border-color:#9a8765;box-shadow:0 0 0 4px rgba(154,135,101,.12)}
.location-suggest{display:grid;gap:6px;margin-top:8px}
.location-suggest button{width:100%;border:1px solid #e6ded1;background:#fff;text-align:left;border-radius:11px;padding:10px 12px;color:#3a352d}
.location-confirmed-preview{
  margin:0 auto 18px!important;
  color:#5f5a52!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.location-editor-collapsed{
  display:flex;
  justify-content:center;
  margin:0 auto;
}
.location-editor-collapsed .btn{
  border:1px solid #ded7cc!important;
  background:#fffdf9!important;
  color:#5d584f!important;
}
.location-map,.public-place-map{height:260px;margin-top:14px;border-radius:18px;overflow:hidden;background:#ede8df;border:1px solid #e0d8ca}
.public-place-map{max-width:680px;margin:16px auto 0}
.public-place-panel{max-width:680px;margin:18px auto 0;text-align:center}
.public-place-panel[hidden]{display:none!important}
.public-place-panel .public-place-map{margin-top:0}
.public-route-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;text-decoration:none}
.location-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.location-actions .btn[disabled],.navigator-btn[disabled]{opacity:.45;pointer-events:none}
.location-status{display:block;margin-top:12px;color:#8a7c68}
.location-status.confirmed{color:#657451}
.editor-back{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px solid rgba(181,154,103,.26);border-radius:999px;background:#fff;color:#1b252d;text-decoration:none;font-weight:700;box-shadow:0 10px 24px rgba(27,37,45,.07)}
.editor-help{max-width:820px;margin:22px auto 18px;padding:22px 26px;border:1px solid rgba(181,154,103,.24);border-radius:26px;background:#fffdf8;box-shadow:0 18px 46px rgba(42,34,25,.07);display:grid;gap:8px;text-align:center;color:#1c1b19}
.editor-help b{font:400 clamp(22px,2.5vw,32px)/1.15 Georgia,"Times New Roman",serif}
.editor-help span{font:15px/1.55 Manrope,Arial,sans-serif;color:#6f675c}
@media(max-width:760px){
  .editor-top{gap:8px!important}
  .editor-top .template-label{display:none!important}
  .editor-top #publish,.editor-top .editor-preview-btn{flex:1 1 0;min-width:0;text-align:center}
  .editor-top #publish{font-size:11px!important;padding-inline:8px!important}
  .editor-colorway-panel{padding:13px 14px;gap:12px}
  .editor-colorway-panel span{display:none}
  .editor-colorway-panel .template-colorways{gap:7px}
  .editor-colorway-panel .template-colorways button{width:30px;height:30px;flex-basis:30px}
  .preview-bar .template-colorways{order:5;width:100%;justify-content:center;margin:5px 0 0}
  .preview-bar .transfer-template{order:6;width:100%;text-align:center}
  .response-actions{justify-content:flex-start}
  .summary-tables .response-table{min-width:0!important;width:100%!important;table-layout:fixed!important;font-size:11px!important}
  .summary-tables .response-table th,.summary-tables .response-table td{white-space:normal!important;padding:8px!important;line-height:1.25!important}
  .location-map,.public-place-map{height:220px}
  .location-actions .btn{width:100%;text-align:center}
  .editor-back{padding:9px 12px;font-size:13px}
  .editor-help{margin:16px 12px 12px;padding:17px 16px;border-radius:20px}
  .editor-help b{font-size:21px}
  .editor-help span{font-size:13px}
}

/* Homepage 2026 redesign. Keep these styles scoped to the catalog only:
   template visuals live in template-01.css / theme files. */
body:has(.home-redesign){
  background:#fbf7f1;
  color:#16222b;
}
body:has(.home-redesign) .top{
  height:88px;
  padding:0 clamp(24px,3.8vw,54px);
  background:rgba(255,253,248,.88);
  border-bottom:1px solid rgba(184,154,105,.18);
  box-shadow:0 16px 42px rgba(36,29,20,.055);
  backdrop-filter:blur(18px);
}
body:has(.home-redesign) .top .brand-link{
  gap:22px;
}
body:has(.home-redesign) .top .brand-link:after{
  content:"";
  width:1px;
  height:34px;
  background:rgba(184,154,105,.36);
  margin-left:4px;
}
body:has(.home-redesign) .top .brand-lockup{gap:17px}
body:has(.home-redesign) .top .brand-mark{width:82px;height:82px}
body:has(.home-redesign) .top .brand-word{font-size:39px;letter-spacing:-.045em}
body:has(.home-redesign) .top .nav{
  gap:34px;
  font:600 15px/1.1 Manrope,Arial,sans-serif;
}
body:has(.home-redesign) .top .nav:before{
  display:none;
}
body:has(.home-redesign) .top .nav a:not(.cabinet-link){
  color:#16222b;
  opacity:.9;
}
body:has(.home-redesign) .top .cabinet-link{
  background:#14232e;
  color:#fff;
  border:0;
  box-shadow:0 14px 34px rgba(20,35,46,.2);
  padding:13px 22px;
}
.home-redesign{
  max-width:1760px;
  margin:0 auto;
  padding:28px clamp(24px,4.4vw,78px) 54px;
}
.home-hero{
  text-align:center;
  padding:8px 0 22px;
}
.home-eyebrow{
  color:#b17831;
  font:700 13px/1 Manrope,Arial,sans-serif;
  letter-spacing:.24em;
  text-transform:uppercase;
  margin:0 0 22px;
}
.home-eyebrow:after{
  content:"\2726";
  display:block;
  color:#c19b62;
  font-size:13px;
  letter-spacing:0;
  margin-top:9px;
}
.home-hero h1{
  margin:0;
  color:#16222b;
  font:400 clamp(52px,5.2vw,86px)/.94 Cormorant Garamond,Georgia,serif;
  letter-spacing:-.035em;
}
.home-lead{
  margin:22px auto 0;
  max-width:690px;
  color:#53616a;
  font:500 clamp(17px,1.4vw,22px)/1.48 Manrope,Arial,sans-serif;
}
.home-feature-grid{
  width:min(1120px,100%);
  margin:34px auto 26px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  gap:0;
}
.home-feature{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  padding:0 30px;
  text-align:left;
}
.home-feature+.home-feature{border-left:1px solid rgba(184,154,105,.28)}
.home-feature i,.home-mobile-feature i,.home-bottom-feature i,.home-price-pill i{
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  color:#b17831;
}
.home-feature i{
  width:78px;
  height:78px;
  border-radius:50%;
  background:rgba(255,255,255,.52);
  border:1px solid rgba(184,154,105,.22);
  box-shadow:0 18px 46px rgba(113,87,51,.09),inset 0 0 0 10px rgba(255,249,239,.42);
}
.home-feature svg,.home-mobile-feature svg,.home-bottom-feature svg,.home-price-pill svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.home-feature b{
  display:block;
  color:#17242d;
  font:800 18px/1.25 Manrope,Arial,sans-serif;
}
.home-feature em{
  display:block;
  margin-top:9px;
  color:#66737b;
  font:500 17px/1.36 Manrope,Arial,sans-serif;
  font-style:normal;
}
.home-mobile-features{display:none}
.home-price-pill{
  width:min(430px,100%);
  margin:10px auto 30px;
  padding:17px 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:19px;
  border:1px solid rgba(184,124,47,.32);
  border-radius:999px;
  background:rgba(255,252,246,.78);
  box-shadow:0 15px 38px rgba(109,78,39,.09);
}
.home-price-pill i{width:31px;height:31px}
.home-price-pill svg{width:31px;height:31px}
.home-price-pill b{
  display:block;
  font:600 23px/1.2 Cormorant Garamond,Georgia,serif;
  color:#17242d;
}
.home-price-pill strong{color:#b17831;font:700 27px/1 Manrope,Arial,sans-serif}
.home-price-pill em{
  display:block;
  margin-top:5px;
  color:#66737b;
  font:500 15px/1.2 Manrope,Arial,sans-serif;
  font-style:normal;
}
.home-style-divider{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:19px;
  color:#66737b;
  font:600 16px/1.2 Manrope,Arial,sans-serif;
}
.home-style-divider span{
  width:92px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(184,154,105,.48));
}
.home-style-divider span:last-child{transform:scaleX(-1)}
.home-style-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px;
  margin:0 auto;
  width:min(1380px,100%);
}
.home-style-card{
  position:relative;
  min-height:390px;
  overflow:hidden;
  border-radius:28px;
  background:#70806d center/cover no-repeat;
  box-shadow:0 22px 52px rgba(28,24,18,.12);
  isolation:isolate;
}
.template-favorite{
  border:0;
  background:rgba(255,255,255,.9);
  color:#17242d;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  font:26px/1 Georgia,serif;
  box-shadow:0 10px 26px rgba(20,25,25,.14);
}
.template-favorite.active{color:#b17831}
.home-style-favorite{position:absolute;z-index:6;right:20px;top:20px}
.preview-favorite{flex:0 0 auto}
.home-style-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(18,25,23,.35),rgba(18,25,23,.16) 43%,rgba(18,25,23,.04) 100%);
}
.home-style-card--botanica{background-image:url("/assets/images/home-botanica-bg.webp")}
.home-style-card--urban{background-image:url("/assets/images/home-urban-bg.webp")}
.home-style-copy{
  position:relative;
  z-index:2;
  width:54%;
  height:100%;
  min-height:390px;
  padding:86px 0 42px clamp(42px,4vw,62px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.home-style-copy h2{
  margin:0;
  min-height:108px;
  color:#fff;
  font:400 clamp(40px,3.5vw,58px)/.94 Cormorant Garamond,Georgia,serif;
  letter-spacing:.02em;
  text-transform:uppercase;
  text-shadow:0 2px 15px rgba(0,0,0,.18);
}
.home-style-copy p{
  margin:15px 0 0;
  color:rgba(255,255,255,.9);
  font:500 18px/1.3 Manrope,Arial,sans-serif;
}
.home-style-line{
  width:54px;
  height:1px;
  margin:23px 0 36px;
  background:rgba(255,255,255,.9);
}
.home-style-open{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  min-width:220px;
  min-height:62px;
  margin-top:0;
  padding:0 24px 0 31px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#121b21;
  text-decoration:none;
  font:700 17px/1 Manrope,Arial,sans-serif;
  box-shadow:0 15px 34px rgba(0,0,0,.12);
}
.home-style-open b{
  font-size:28px;
  line-height:1;
  font-weight:300;
}
.home-style-palette{
  display:flex;
  gap:15px;
  margin-top:auto;
}
.home-style-palette i{
  width:37px;
  height:37px;
  border-radius:50%;
  border:1.5px solid rgba(255,255,255,.92);
  box-shadow:0 7px 18px rgba(0,0,0,.18);
}
.template-colorways{
  display:flex;
  align-items:center;
  gap:10px;
}
.template-colorways button{
  width:34px;
  height:34px;
  flex:0 0 34px;
  padding:0;
  border:2px solid #fff;
  border-radius:50%;
  background:var(--swatch);
  box-shadow:0 0 0 1px rgba(38,34,28,.2),0 5px 14px rgba(38,34,28,.12);
}
.template-colorways button.active{
  box-shadow:0 0 0 2px var(--en-gold),0 7px 17px rgba(38,34,28,.18);
}
.editor-colorway-panel{
  width:min(820px,calc(100% - 24px));
  margin:0 auto 18px;
  padding:15px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:1px solid rgba(181,154,103,.24);
  border-radius:20px;
  background:#fffdf8;
}
.editor-colorway-panel>div:first-child{display:grid;gap:3px}
.editor-colorway-panel b{font:600 15px/1.3 Manrope,Arial,sans-serif}
.editor-colorway-panel span{font:12px/1.4 Manrope,Arial,sans-serif;color:#766f64}
.preview-bar .template-colorways{flex-direction:row;margin-left:auto}
.preview-bar .transfer-template{white-space:nowrap}
.home-style-phone{
  position:absolute;
  right:26px;
  bottom:28px;
  z-index:2;
  width:28%;
  min-width:0;
  max-width:255px;
  text-decoration:none;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.26));
}
.home-redesign .phone-card{
  width:100%;
  aspect-ratio:9/18.2;
  height:auto;
  border-radius:34px;
  border:5px solid #111;
  background:#111;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.36),0 0 0 1px rgba(255,255,255,.24);
  overflow:hidden;
}
.home-redesign .phone-card:before{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:28px;
  pointer-events:none;
  z-index:4;
}
.home-redesign .phone-card .phone-speaker{
  width:64px;
  height:15px;
  top:17px;
  border-radius:999px;
  background:#050505;
}
.home-redesign .phone-card iframe{
  width:100%;
  height:100%;
  border-radius:28px;
  background:#f8f5ef;
  display:block;
}
.home-bottom-features{
  margin:52px auto 0;
  width:min(1380px,100%);
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
}
.home-bottom-feature{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:18px;
  min-height:78px;
  padding:0 28px;
  text-align:left;
}
.home-bottom-feature+.home-bottom-feature{border-left:1px solid rgba(184,154,105,.24)}
.home-bottom-feature i{
  width:52px;
  height:52px;
  border-radius:50%;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(184,154,105,.19);
  box-shadow:0 12px 26px rgba(109,78,39,.07);
}
.home-bottom-feature svg{width:25px;height:25px}
.home-bottom-feature b{
  display:block;
  color:#17242d;
  font:800 15px/1.22 Manrope,Arial,sans-serif;
}
.home-bottom-feature em{
  display:block;
  margin-top:6px;
  color:#66737b;
  font:500 14px/1.4 Manrope,Arial,sans-serif;
  font-style:normal;
}
.home-how{
  width:min(980px,100%);
  margin:58px auto 0;
  padding:44px;
  border:1px solid rgba(184,154,105,.2);
  border-radius:28px;
  background:rgba(255,255,255,.48);
  text-align:center;
}
.home-how h2{margin:8px 0 28px;font:500 38px/1 Cormorant Garamond,Georgia,serif}
.home-how>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left}
.home-how p{margin:0;color:#66737b;font:500 15px/1.55 Manrope,Arial,sans-serif}
.home-how b{display:block;color:#17242d;font-size:16px}
.home-favorites-empty{grid-column:1/-1;padding:70px 24px;text-align:center}
.home-favorites-empty h2{font:500 42px/1 Cormorant Garamond,Georgia,serif;margin:0 0 12px}
.home-favorites-empty p{margin:0 0 24px;color:#66737b}
.home-site-footer{
  margin-top:18px;
  padding-bottom:86px;
}
.home-mobile-tabs{display:none}
@media(max-width:1100px){
  .home-style-grid{grid-template-columns:1fr;max-width:760px}
  .home-bottom-features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-bottom-feature:nth-child(odd){border-left:0}
}
@media(max-width:760px){
  body:has(.home-redesign){background:#f9f5ef}
  body:has(.home-redesign) .top{
    height:72px;
    padding:0 22px;
    position:sticky;
    top:0;
  }
  body:has(.home-redesign) .top .brand-link:after{display:none}
  body:has(.home-redesign) .top .brand-mark{width:52px!important;height:52px!important}
  body:has(.home-redesign) .top .brand-word{font-size:25px!important}
  body:has(.home-redesign) .top .nav{display:none}
  .home-redesign{
    padding:15px 20px 84px;
    max-width:520px;
  }
  .home-hero{padding-top:0}
  .home-eyebrow{
    margin-bottom:8px;
    font-size:11px;
    letter-spacing:.18em;
  }
  .home-eyebrow:after{display:none}
  .home-hero h1{
    font-size:clamp(28px,8.3vw,38px);
    line-height:.98;
  }
  .home-lead{
    margin-top:10px;
    font-size:13px;
    line-height:1.34;
  }
  .home-lead br{display:none}
  .home-feature-grid{display:none}
  .home-mobile-features{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    margin:17px 0 15px;
  }
  .home-mobile-feature{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:5px;
    color:#16222b;
    font:600 11px/1.08 Manrope,Arial,sans-serif;
  }
  .home-mobile-feature i{
    width:32px;
    height:32px;
    border:0;
    background:transparent;
  }
  .home-mobile-feature svg{
    width:27px;
    height:27px;
    stroke-width:1.55;
  }
  .home-price-pill{
    width:100%;
    max-width:330px;
    margin:12px auto 17px;
    padding:12px 15px;
    border-radius:17px;
  }
  .home-price-pill i{display:none}
  .home-price-pill b,
  .home-price-pill strong{font-size:19px}
  .home-price-pill span{font-size:13px}
  .home-style-divider{display:none}
  .home-style-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
  }
  .home-style-card{
    min-height:214px;
    border-radius:18px;
  }
  .home-style-favorite{right:10px;top:10px;width:34px;height:34px;font-size:21px}
  .home-style-card:before{
    background:linear-gradient(90deg,rgba(18,25,23,.39),rgba(18,25,23,.13) 54%,rgba(18,25,23,.02));
  }
  .home-style-copy{
    width:58%;
    min-height:214px;
    padding:38px 0 18px 24px;
  }
  .home-style-copy h2{
    min-height:45px;
    font-size:28px;
    line-height:.92;
  }
  .home-style-copy p{
    margin-top:6px;
    font-size:12px;
  }
  .home-style-line{
    width:36px;
    margin:11px 0 16px;
  }
  .home-style-open{
    min-width:134px;
    min-height:42px;
    margin-bottom:18px;
    padding:0 14px 0 17px;
    gap:9px;
    font-size:12px;
  }
  .home-style-palette{gap:9px}
  .home-style-palette i{
    width:25px;
    height:25px;
  }
  .home-style-phone{
    width:96px;
    right:18px;
    top:50%;
    bottom:auto;
    max-width:none;
    min-width:0;
    transform:translateY(-50%);
  }
  .home-redesign .phone-card{
    width:96px;
    height:208px;
    aspect-ratio:auto;
    border-width:3px;
    border-radius:18px;
  }
  .home-redesign .phone-card:before{
    inset:3px;
    border-radius:15px;
  }
  .home-redesign .phone-card .phone-speaker{
    width:27px;
    height:6px;
    top:8px;
  }
  .home-redesign .phone-card iframe{
    width:390px!important;
    height:844px!important;
    max-width:none!important;
    max-height:none!important;
    transform:scale(.246);
    transform-origin:0 0;
    border-radius:15px;
  }
  .home-bottom-features{display:none}
  .home-how{margin-top:28px;padding:28px 20px;border-radius:20px}
  .home-how h2{font-size:30px}
  .home-how>div:last-child{grid-template-columns:1fr;gap:16px}
  .home-mobile-tabs{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:30;
    height:62px;
    padding:6px 10px max(7px,env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:rgba(255,253,248,.94);
    border-top:1px solid rgba(184,154,105,.2);
    backdrop-filter:blur(16px);
  }
  .home-mobile-tabs a{
    text-decoration:none;
    color:#16222b;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    font:500 12px/1 Manrope,Arial,sans-serif;
  }
  .home-mobile-tabs span{font-size:22px;line-height:1}
}
@media(max-width:410px){
  .home-redesign{padding-left:14px;padding-right:14px}
  body:has(.home-redesign) .top{padding:0 18px}
  .home-style-card{min-height:204px}
  .home-style-copy{
    width:59%;
    min-height:204px;
    padding-left:20px;
    padding-top:36px;
  }
  .home-style-copy h2{font-size:25px}
  .home-style-open{
    min-width:126px;
    font-size:11px;
  }
  .home-style-phone{
    width:88px;
    right:14px;
    top:50%;
  }
  .home-redesign .phone-card{
    width:88px;
    height:190px;
  }
  .home-redesign .phone-card iframe{transform:scale(.2256)}
}
@media(min-width:761px){
  .home-style-card{min-height:358px}
  .home-style-copy{
    min-height:358px;
    padding-top:66px;
    padding-bottom:34px;
  }
  .home-style-copy h2{min-height:82px}
  .home-style-open{margin-bottom:30px}
  .home-style-phone{
    right:28px;
    bottom:30px;
    width:140px;
    max-width:none;
  }
  .home-redesign .phone-card{
    width:140px;
    height:303px;
    aspect-ratio:auto;
    border-width:4px;
    border-radius:24px;
  }
  .home-redesign .phone-card:before{
    inset:4px;
    border-radius:20px;
  }
  .home-redesign .phone-card .phone-speaker{
    width:39px;
    height:8px;
    top:11px;
  }
  .home-redesign .phone-card iframe{
    width:390px!important;
    height:844px!important;
    max-width:none!important;
    max-height:none!important;
    transform:scale(.359);
    transform-origin:0 0;
    border-radius:20px;
  }
}