.popup-tabs{position:sticky;top:137px;z-index:4;display:flex;justify-content:center;gap:8px;padding:13px 20px;background:rgba(15,10,36,.96);border-bottom:1px solid #3a2b4b}.popup-tabs button{padding:11px 20px;border:1px solid #5b435b;border-radius:999px;background:#211633;color:#eadde6;cursor:pointer}.popup-tabs button.is-active{border-color:#d8889b;background:linear-gradient(120deg,#d8889b,#d8a27f);color:#160d25;font-weight:750}.popup-builder-panel{padding:28px clamp(14px,4vw,54px) 54px}.popup-builder-panel[hidden],.gallery[hidden]{display:none}.popup-builder-intro{max-width:920px;margin:0 auto 24px;text-align:center}.popup-builder-intro span{color:#d8a27f;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.popup-builder-intro h3{margin:8px 0 0;font:38px var(--font-display);color:#fff5ef}.popup-embedded-builder{margin:0 auto;max-width:1220px}.gallery-dialog .designer.popup-embedded-builder{padding:0;background:transparent}.gallery-dialog .designer.popup-embedded-builder .designer-heading{display:none}.gallery-dialog .designer.popup-embedded-builder .designer-layout{margin:0}.gallery-dialog .savory-choice-card.popup-embedded-builder,.popup-simple-builder{width:min(760px,100%);margin:0 auto}.popup-simple-builder h3{max-width:none}.order-popup-dialog{overflow:auto}.order-popup-dialog .dok-order-section{padding:22px;background:transparent}.order-popup-dialog .dok-order-shell{width:min(1120px,100%);box-shadow:none}.order-popup-dialog .dialog-head{z-index:6;padding:16px clamp(20px,4vw,60px)}.order-popup-dialog .dialog-head h2{font:500 clamp(28px,3.4vw,40px)/1.05 var(--font-display);margin:3px 0 0}.order-popup-dialog .dialog-head p{margin:4px 0 0}.order-popup-dialog .dok-summary-sticky{top:142px}.coming-dialog{max-height:92vh;overflow:auto}.coming-dialog .popup-simple-builder{margin-top:28px;padding:25px 20px}.coming-dialog .popup-simple-builder h3{font-size:25px;padding-right:25px}.coming-dialog .savory-options{gap:7px}.coming-dialog .savory-options span{padding:8px 11px}.coming-dialog .savory-send{width:100%;margin-top:22px}.dok-order-fab{cursor:pointer}

.creation-shortcuts {
  padding: 105px clamp(20px, 7vw, 112px);
  background: radial-gradient(circle at 88% 12%, #4a213d 0, transparent 29%), linear-gradient(145deg, #100b26, #1a1030);
  color: #fff;
  scroll-margin-top: 88px;
}

/* Stejný rám a začátek obsahu pro pečivo jako u ostatních položek */
.coming-dialog.gallery-dialog{width:min(1500px,96vw);height:94vh;max-width:none;max-height:none;padding:0;overflow:auto;border-radius:18px}
.coming-dialog.gallery-dialog .close{position:static}
.coming-dialog.gallery-dialog .popup-simple-builder{margin-top:0;padding:25px 20px}
.coming-dialog.gallery-dialog .popup-simple-builder h3{padding-right:0}
.coming-dialog.gallery-dialog .popup-simple-builder>h3{display:none}

@media (max-width:720px){
  .coming-dialog.gallery-dialog{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;padding:0}
}

.creation-shortcuts-heading {
  max-width: 780px;
  margin: 0 auto 48px;
  text-align: center;
}

.creation-shortcuts-heading h2 { margin: 10px 0 18px; }
.creation-shortcuts-heading h2 em { color: #d8889b; font-weight: 400; }
.creation-shortcuts-heading > p:last-child { color: #c2b5c5; line-height: 1.7; }

.creation-shortcuts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  max-width: 1060px;
  margin: auto;
}

.creation-shortcuts-grid > button {
  width: 100%;
  min-height: 270px;
  padding: 34px;
  text-align: left;
  display: flex;
  flex-direction: column;
  border: 1px solid #493650;
  border-radius: 24px;
  background: linear-gradient(145deg, #1b1232, #130d27);
  color: #fff;
  cursor: pointer;
  transition: transform .22s, border-color .22s, box-shadow .22s;
}

.creation-shortcuts-grid > button:hover {
  border-color: #d8889b;
  box-shadow: 0 18px 45px #05030d66;
}

.creation-shortcuts-grid > button:focus-visible { outline: 3px solid #e3a5b4; outline-offset: 4px; }
.creation-shortcuts-grid span { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #66506d; border-radius: 50%; color: #d8a27f; background: #251735; font-size: 11px; letter-spacing: .08em; }
.creation-shortcuts-grid strong { margin: 0 0 14px; font: 30px/1.15 var(--font-display); color: #fff5ef; }
.creation-shortcuts-grid small { max-width: 420px; color: #c0b3c3; font-size: 15px; line-height: 1.7; }
.creation-shortcuts-grid b { margin-top: auto; padding-top: 20px; border-top: 1px solid #493650; color: #e8b29f; font-size: 13px; letter-spacing: .03em; }
.creation-shortcuts-grid .creation-order { background: linear-gradient(145deg, #7f3f58, #4c2544); border-color: #a96077; }
.creation-shortcuts-grid .creation-order b { border-top-color: #a96077; }

@media (max-width: 780px) {
  .creation-shortcuts-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .popup-tabs { top: 111px; padding: 10px; }
  .popup-tabs button { flex: 1; padding: 10px 8px; }
  .popup-builder-panel { padding: 18px 8px 35px; }
  .popup-builder-intro h3 { font-size: 29px; }
  .gallery-dialog .designer.popup-embedded-builder .designer-layout { border-radius: 12px; }
  .order-popup-dialog .dok-order-section { padding: 8px; }
  .order-popup-dialog .dok-order-shell { padding: 26px 14px; }
  .coming-dialog { width: 100vw; height: 100vh; max-height: none; border-radius: 0; padding: 52px 16px 24px; }
  .creation-shortcuts { padding: 72px 14px; }
  .creation-shortcuts-grid { grid-template-columns: 1fr; }
  .creation-shortcuts-grid { gap: 16px; }
  .creation-shortcuts-grid > button { min-height: 230px; padding: 27px 23px; border-radius: 20px; }
  .creation-shortcuts-grid strong { margin: 0 0 11px; font-size: 27px; }
  .creation-shortcuts-grid small { font-size: 14px; }
}
