/* Approved 945×2048 home: 25/50/25 of the measured usable area.
   Content minima win over the fractions; document scrolling remains available. */
.app-shell:has([data-screen="home"]:not([hidden])) { background:#f4f8fe; box-shadow:none; }
.app-shell:has([data-screen="home"]:not([hidden])) .app-main { padding:14px 16px calc(14px + 69px + env(safe-area-inset-bottom)); }
[data-screen="home"] { display:flex; flex-direction:column; --home-gap:16px; gap:var(--home-gap); min-height:var(--home-workspace-height,calc(100dvh - 165px)); color:#183e68; }
.home-intro-zone,.home-owned-section { flex-shrink:0; min-height:max(0px,calc((var(--home-workspace-height,calc(100dvh - 165px)) - var(--home-gap) - var(--home-gap))/4)); }
.home-upcoming-section { flex-shrink:0; min-height:max(0px,calc((var(--home-workspace-height,calc(100dvh - 165px)) - var(--home-gap) - var(--home-gap))/2)); }
.home-intro-zone { display:flex; flex-direction:column; gap:8px; min-width:0; }
[data-screen="home"] .home-greeting { margin:0; font-size:clamp(1.25rem,5.1vw,1.5rem); font-weight:730; line-height:1.2; letter-spacing:-.025em; overflow-wrap:anywhere; }
.home-hero { display:flex; flex-direction:column; justify-content:center; flex:1; min-width:0; gap:8px; padding:12px; border:1px solid #c8dcf6; border-radius:13px; background:#e8f2fe; }
/* Approved growth steps and smooth arrow: decorative, behind existing content. */
.home-hero { position:relative; isolation:isolate; }
.home-hero::before { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:0; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgMzYwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBkPSJNMjQwIDM2MFYzMTVIMzk1VjI2NUg1NDVWMjA5SDY4NVYxNTFIODE1Vjk0SDkwMFYzNjBaIiBmaWxsPSIjOWNjMWU4IiBvcGFjaXR5PSIuMjAiLz48cGF0aCBkPSJNLTE1IDM0NUgxMzVWMzEySDI4OFYyNjBINDQwVjIwN0g1ODhWMTUxSDczNlY5NEg4OTJWMzkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzc4YThkOCIgc3Ryb2tlLXdpZHRoPSI0IiBvcGFjaXR5PSIuMTkiLz48cGF0aCBkPSJNMzk1IDM2MFYzMTRINTQ1VjI2NUg2ODVWMjA5SDgxNVYxNTFIOTAwIiBmaWxsPSJub25lIiBzdHJva2U9IiM4OWIyZGUiIHN0cm9rZS13aWR0aD0iMyIgb3BhY2l0eT0iLjE1Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzhhOGQ4IiBzdHJva2Utd2lkdGg9IjQuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMTkiPjxwYXRoIGQ9Ik04MiAxOTBDMjk4IDE4NSA0ODEgMTUxIDY0OSAxMDVDNzQ4IDc4IDgwNiA1OCA4NTIgMzIiLz48cGF0aCBkPSJNODE4IDM1TDg1MiAzMkw4MzMgNjIiLz48L2c+PC9zdmc+"); background-size:100% 100%; background-repeat:no-repeat; }
.home-hero > h1,.home-hero > .home-benefits-button { position:relative; z-index:1; }
[data-screen="home"] .home-hero h1 { margin:0; font-size:clamp(1.1875rem,4.9vw,1.5rem); font-weight:730; line-height:1.22; letter-spacing:-.02em; overflow-wrap:anywhere; }
.home-benefits-button { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-height:44px; padding:8px 11px; border:0; border-radius:10px; background:#dcecff; color:#21689f; font-size:.9375rem; font-weight:700; line-height:1.2; text-align:left; }
.home-benefits-button span { flex:none; }
.home-benefits-icon { display:inline-flex; align-items:center; justify-content:center; width:1em; height:1em; }
.home-benefits-icon svg { display:block; width:100%; height:100%; }
.home-upcoming-section,.home-owned-section { display:flex; flex-direction:column; min-width:0; gap:8px; }
[data-screen="home"] .home-section-heading { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; margin:0; min-height:32px; }
[data-screen="home"] .home-section-heading h2 { margin:0; font-size:clamp(1.25rem,5.1vw,1.5rem); font-weight:730; line-height:1.2; letter-spacing:-.025em; }
[data-screen="home"] .home-section-heading > button,.home-more-link { min-height:44px; padding:5px 0; border:0; background:transparent; color:#226a9f; font-size:.875rem; font-weight:650; }
[data-screen="home"] .home-event-grid { display:flex; flex:1; min-height:0; margin:0; }
[data-screen="home"] .home-event-card { display:flex; flex-direction:column; flex:1; min-width:0; min-height:0; gap:8px; padding:10px; border:1px solid #c8dcf6; border-radius:13px; background:#fff; }
.home-event-art { display:block; flex:1 1 6rem; align-self:center; width:auto; max-width:100%; height:6rem; min-height:6rem; object-fit:contain; border-radius:9px; background:#edf4fc; }
.home-poster-empty { align-self:stretch; width:100%; }
.home-poster-empty { display:grid; place-items:center; color:#537391; font-size:.875rem; }
.home-event-copy { min-width:0; padding:0 2px; }
[data-screen="home"] .home-event-card h3 { margin:0 0 8px; font-size:1.125rem; font-weight:710; line-height:1.2; overflow-wrap:anywhere; }
.home-event-facts { display:grid; gap:4px; }
[data-screen="home"] .home-event-facts p { display:flex; align-items:flex-start; gap:8px; margin:0; color:#537391; font-size:.9375rem; line-height:1.25; overflow-wrap:anywhere; }
.home-event-facts svg { flex:none; width:20px; height:20px; color:#226a9f; }
[data-screen="home"] .home-event-card .coin-secondary { display:flex; align-items:center; justify-content:center; gap:10px; min-height:44px; margin:0; padding:8px 12px; background:#e4f1ff; color:#21689f; font-size:1rem; line-height:1.2; }
.home-ticket-list { display:flex; flex:1; min-width:0; }
.home-ticket-empty { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:6.5rem; padding:12px; border:1px solid #c8dcf6; border-radius:13px; background:#fff; color:#537391; text-align:center; }
.home-ticket-empty-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; background:#edf4fc; }
.home-ticket-empty-icon svg { width:25px; height:25px; }
.home-ticket-empty p { margin:0; font-size:1rem; line-height:1.25; }
/* The ticket is a dark card «Ваш билет: тариф» with the way to its QR (owner 21.10.2026, package 3 sketch). */
.home-ticket-strip { display:flex; flex:1; flex-direction:column; justify-content:center; gap:12px; min-width:0; padding:14px 16px; border-radius:14px; background:#17324b; color:#fff; }
.home-ticket-copy { min-width:0; }
.home-ticket-copy small { display:block; margin-bottom:4px; color:#f2c76b; font-size:.875rem; font-weight:650; line-height:1.25; }
.home-ticket-copy h3 { margin:0; color:#fff; font-size:1.125rem; line-height:1.25; font-weight:700; overflow-wrap:anywhere; }
.home-ticket-copy p { margin:4px 0 0; font-size:.9375rem; line-height:1.35; color:#d2deea; overflow-wrap:anywhere; }
.home-ticket-copy .home-ticket-number { display:none; }
.home-ticket-actions { display:flex; gap:8px; }
.home-ticket-actions button { flex:1; min-height:44px; padding:8px 12px; border:0; border-radius:10px; background:#fff; color:#17324b; font-size:1rem; font-weight:650; line-height:1.2; }
.home-ticket-actions .home-ticket-save { display:none; background:transparent; color:#fff; box-shadow:inset 0 0 0 1px #6f8aa5; }
/* The kind sits at the end of the date line, so the card is no taller on a small iPhone. */
.home-event-kind { flex:none; margin-left:auto; padding:0 8px; border-radius:999px; background:#e4f1ff; color:#15598f; font-size:.8125rem; font-weight:650; line-height:1.45; }
.home-event-card.no-poster .home-event-copy { flex:1; }
.home-later-section { display:none; }
.home-ticket-controls { display:flex; align-items:center; gap:2px; }
.home-ticket-controls button { min-height:44px; min-width:44px; padding:4px; border:0; border-radius:8px; background:#e4f1ff; color:#21689f; font-size:1.125rem; }
.home-ticket-controls button:disabled { opacity:.4; cursor:default; }
.home-ticket-controls span { min-width:3rem; color:#537391; font-size:.75rem; text-align:center; }
.home-more-link { align-self:flex-end; margin:0; }
.home-empty { display:grid; place-items:center; flex:1; margin:0; min-height:6.5rem; padding:14px; border:1px solid #c8dcf6; border-radius:13px; background:#fff; color:#537391; font-size:1rem; text-align:center; }
/* With a ticket it comes first, under the greeting, and the banner shrinks to its one button (owner 20.10.2026, cabinet audit item 7). */
[data-screen="home"].has-tickets .home-intro-zone { display:contents; }
[data-screen="home"].has-tickets .home-greeting { order:0; }
[data-screen="home"].has-tickets .attendance-banner { order:1; }
[data-screen="home"].has-tickets .home-owned-section { order:2; min-height:0; }
[data-screen="home"].has-tickets .home-hero { order:3; flex:none; padding:0; border:0; background:none; }
[data-screen="home"].has-tickets .home-hero::before,[data-screen="home"].has-tickets .home-hero > h1 { display:none; }
[data-screen="home"].has-tickets .home-upcoming-section { order:4; }
.home-benefits-dialog { padding: 23px; }
.home-benefits-intro { margin: 14px 0; color: #58728d; font-size: 14px; line-height: 1.5; }
.home-benefits-list { display: grid; gap: 16px; padding-left: 22px; margin: 20px 0; }
.home-benefits-list li::marker { color: #3f73a1; font-weight: 700; }
.home-benefits-list h3 { margin: 0 0 5px; color: #153e64; font-size: 17px; }
.home-benefits-list p, .home-benefits-tools p, .home-membership-note { margin: 0; color: #58728d; font-size: 14px; line-height: 1.5; }
.home-benefits-tools { display: grid; gap: 10px; padding: 15px; border-radius: 10px; background: #eef6ff; }
.home-membership-note { margin: 15px 0; font-size: 12px; }
.home-benefits-dialog > .save-profile { width: 100%; }

@media (max-width:429px) {
  .home-hero { padding-block:10px; }
  .home-ticket-actions button { min-width:0; overflow-wrap:anywhere; }
}

@media (max-width:360px) {
  .app-shell:has([data-screen="home"]:not([hidden])) .app-main { padding-inline:12px; }
  [data-screen="home"] .home-section-heading h2 { font-size:1.1875rem; }
  [data-screen="home"] .home-section-heading > button { font-size:.8125rem; }
}
@media (min-width:900px) {
  .app-shell:has([data-screen="home"]:not([hidden])) { width:100%; }
  .app-shell:has([data-screen="home"]:not([hidden])) .app-header { min-height:76px; padding-inline:max(28px,calc((100% - 1100px)/2)); }
  .app-shell:has([data-screen="home"]:not([hidden])) .app-main { max-width:1156px; margin:0 auto; padding:24px 28px; }
  .app-shell:has([data-screen="home"]:not([hidden])) .bottom-nav { top:0; bottom:auto; width:440px; min-height:76px; padding:0; border:0; background:transparent; box-shadow:none; }
  .app-shell:has([data-screen="home"]:not([hidden])) .bottom-nav button { position:relative; flex-direction:row; gap:8px; min-height:76px; color:#537391; font-size:1rem; }
  .app-shell:has([data-screen="home"]:not([hidden])) .bottom-nav button[aria-current="page"] { color:#21689f; }
  .app-shell:has([data-screen="home"]:not([hidden])) .bottom-nav button[aria-current="page"]::after { content:''; position:absolute; bottom:12px; left:12px; right:12px; height:3px; border-radius:3px; background:#21689f; }
  [data-screen="home"] { --home-gap:20px; }
  [data-screen="home"] .home-greeting { font-size:1.875rem; }
  .home-hero { padding:18px 24px; }
  [data-screen="home"] .home-hero h1 { font-size:1.75rem; }
  .home-benefits-button { max-width:35rem; font-size:1.125rem; }
  [data-screen="home"] .home-section-heading h2 { font-size:1.75rem; }
  [data-screen="home"] .home-event-card { display:grid; grid-template-columns:fit-content(45%) minmax(0,1fr); grid-template-rows:1fr auto; align-items:center; column-gap:24px; padding:14px; }
  .home-event-art { grid-row:1/-1; justify-self:center; width:auto; max-width:100%; height:clamp(8rem,30dvh,22rem); min-height:6rem; }
  .home-poster-empty { width:clamp(12rem,30vw,24rem); }
  [data-screen="home"] .home-event-card h3 { font-size:1.625rem; }
  [data-screen="home"] .home-event-facts p { font-size:1.125rem; }
  .home-event-kind { align-self:center; margin-left:4px; }
  .home-ticket-strip { gap:16px; padding:22px 24px; }
  .home-ticket-copy h3 { font-size:1.375rem; }
  .home-ticket-copy p { font-size:1rem; }
  .home-ticket-copy .home-ticket-number { display:block; margin-top:8px; }
  .home-ticket-actions { flex-wrap:wrap; }
  .home-ticket-actions button { flex:0 1 auto; padding-inline:18px; }
  .home-ticket-actions .home-ticket-save { display:block; }
  /* On a computer the ticket and the nearest event stand side by side, the banner button and the next events follow
     (owner 21.10.2026, package 3 sketch, items 22–25). */
  [data-screen="home"].has-tickets { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-content:start; column-gap:24px; }
  [data-screen="home"].has-tickets > *,[data-screen="home"].has-tickets .home-intro-zone > * { grid-column:1/-1; }
  [data-screen="home"].has-tickets .home-owned-section { grid-column:1; }
  [data-screen="home"].has-tickets .home-upcoming-section { grid-column:2; order:4; min-height:0; }
  [data-screen="home"].has-tickets .home-hero { order:5; }
  [data-screen="home"].has-tickets .home-event-card { display:flex; flex-direction:column; align-items:stretch; }
  [data-screen="home"].has-tickets .home-section-heading { min-height:44px; }
  [data-screen="home"].has-tickets .home-event-art { height:8rem; min-height:6rem; }
  [data-screen="home"].has-tickets .home-event-card h3 { font-size:1.375rem; }
  [data-screen="home"].has-tickets .home-event-facts p { font-size:1rem; }
  [data-screen="home"].has-tickets .home-later-section:not([hidden]) { display:flex; flex-direction:column; gap:12px; order:6; }
  .home-later-section h2 { margin:0; font-size:1.375rem; font-weight:730; }
  .home-later-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
  .home-later-card { display:grid; align-content:start; gap:4px; padding:16px; border:1px solid #c8dcf6; border-radius:13px; background:#fff; color:#183e68; font:inherit; text-align:left; cursor:pointer; }
  .home-later-card small { color:#15598f; font-size:.875rem; font-weight:650; }
  .home-later-card strong { font-size:1.0625rem; line-height:1.3; overflow-wrap:anywhere; }
  .home-later-card span { color:#537391; font-size:.9375rem; }
}
@media (min-width:900px) and (max-width:1100px) {
  .app-shell:has([data-screen="home"]:not([hidden])) .bottom-nav { left:57%; width:400px; }
  .app-shell:has([data-screen="home"]:not([hidden])) .bottom-nav button { font-size:.875rem; gap:6px; }
}
/* Owner 22.10.2026: a forum ticket leads back to the forum landing, beside «Показать QR». */
.home-ticket-actions .home-ticket-landing { display:flex; flex:1; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:8px 12px; border-radius:10px; color:#fff; font-size:1rem; font-weight:650; line-height:1.2; text-align:center; text-decoration:none; white-space:nowrap; box-shadow:inset 0 0 0 1px #6f8aa5; }
/* On a computer, beside «Показать QR» and «Скачать билет картинкой», the landing is a plain link. */
@media (min-width: 900px) { .home-ticket-actions .home-ticket-landing { flex:0 1 auto; padding-inline:2px; color:#d2deea; box-shadow:none; text-decoration:underline; text-underline-offset:3px; } }
/* Owner 04.11.2026: the home ticket looks like a ticket. The card has a stub on the right behind a dashed perforation, with two
   half-round notches cut out of the card's edges (a mask, so they show whatever lies behind). The stub carries the QR and opens
   the big ticket on the «Билеты» tab. */
.home-ticket-strip { --stub:min(6.25rem,32%); position:relative; display:grid; grid-template-columns:minmax(0,1fr) var(--stub); gap:0; padding:0; background:radial-gradient(130% 160% at 0 0,#24486c 0,#17324b 55%,#132b41 100%);
  -webkit-mask:radial-gradient(circle at calc(100% - var(--stub)) 0,#0000 10px,#000 10.5px) top/100% 51% no-repeat,radial-gradient(circle at calc(100% - var(--stub)) 100%,#0000 10px,#000 10.5px) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle at calc(100% - var(--stub)) 0,#0000 10px,#000 10.5px) top/100% 51% no-repeat,radial-gradient(circle at calc(100% - var(--stub)) 100%,#0000 10px,#000 10.5px) bottom/100% 51% no-repeat; }
.home-ticket-strip[hidden] { display:none; }
.home-ticket-strip .home-ticket-copy { display:flex; flex-direction:column; gap:2px; padding:14px 14px 14px 16px; }
.home-ticket-strip .home-ticket-copy small { margin-bottom:2px; letter-spacing:.01em; }
.home-ticket-strip .home-ticket-copy .home-ticket-number { display:block; margin-top:6px; color:#9fb4c9; font-size:.8125rem; letter-spacing:.02em; }
.home-ticket-strip .home-ticket-actions { margin-top:10px; }
.home-ticket-strip .home-ticket-actions .home-ticket-landing { flex:0 1 auto; min-width:0; min-height:44px; padding:6px 14px; white-space:normal; overflow-wrap:anywhere; }
.home-ticket-stub { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-width:0; margin:0; padding:12px 8px; border:0; border-left:2px dashed rgba(210,222,234,.35); border-radius:0; background:rgba(255,255,255,.04); color:#fff; font:inherit; cursor:pointer; }
.home-ticket-stub:active { background:rgba(255,255,255,.1); }
.home-ticket-qr { display:block; box-sizing:border-box; width:min(4.25rem,100%); aspect-ratio:1; padding:4px; border-radius:8px; background:#fff; }
.home-ticket-qr img { display:block; width:100%; height:100%; }
.home-ticket-qr img:not([src]) { visibility:hidden; }
.home-ticket-stub-label { max-width:100%; font-size:.875rem; font-weight:650; line-height:1.2; text-align:center; overflow-wrap:anywhere; }
@media (min-width: 900px) {
  .home-ticket-strip { --stub:min(11rem,34%); }
  .home-ticket-strip .home-ticket-copy { padding:22px 20px 22px 24px; }
  .home-ticket-strip .home-ticket-actions .home-ticket-landing { padding-inline:2px; }
  .home-ticket-qr { width:7.5rem; padding:6px; }
  .home-ticket-stub-label { font-size:1rem; }
}
/* Owner 04.11.2026: under a ticket the nearest event's banner spans the card's width instead of a patch in the middle. A tall
   poster stays whole within 15rem, centred. A home without tickets keeps its one-screen zones, where the poster already grows. */
@media (max-width: 899px) { [data-screen="home"].has-tickets .home-event-art { flex:none; align-self:stretch; width:100%; height:auto; min-height:0; max-height:15rem; } }
@media (min-width: 900px) { [data-screen="home"].has-tickets .home-event-art { flex:none; align-self:stretch; width:100%; height:auto; min-height:0; max-height:16rem; } }
@media (min-width: 900px) { [data-screen="home"].has-tickets .home-ticket-list { align-items:flex-start; } }
/* Owner 04.11.2026: while the cabinet loads, grey placeholders of the coming cards stand where «Ближайшее событие», «Мои билеты»
   and the Stroycoin balance will be, with a soft light passing over them, instead of empty space and a dash. */
.home-skeleton { position:relative; display:flex; flex:1; flex-direction:column; gap:10px; min-width:0; min-height:6.5rem; padding:12px; overflow:hidden; border:1px solid #d7e5f6; border-radius:13px; background:#fff; }
.home-skeleton-copy { display:flex; flex-direction:column; gap:10px; min-width:0; }
.home-skeleton-art,.home-skeleton-line,.home-skeleton-button,.home-skeleton-stub,.coin-balance.is-loading::before { display:block; border-radius:8px; background:linear-gradient(90deg,#e6eef8 0,#f3f7fc 40%,#e6eef8 80%) 0 0/300% 100%; animation:home-skeleton-shine 1.4s ease-in-out infinite; }
.home-skeleton-art { flex:1 1 6rem; min-height:6rem; border-radius:9px; }
.home-skeleton-line { width:78%; height:.875rem; }
.home-skeleton-line.is-title { width:62%; height:1.25rem; }
.home-skeleton-line.is-short { width:46%; }
.home-skeleton-line.is-small { width:38%; height:.75rem; }
.home-skeleton-button { height:44px; border-radius:10px; }
.home-skeleton-ticket { flex-direction:row; align-items:stretch; justify-content:space-between; gap:12px; }
.home-skeleton-ticket .home-skeleton-copy { flex:1; justify-content:center; }
.home-skeleton-stub { flex:none; align-self:center; width:min(4.25rem,28%); aspect-ratio:1; border-radius:8px; }
[data-screen="home"].has-tickets .home-skeleton-event .home-skeleton-art { flex:none; height:10rem; }
/* With a ticket the placeholder is the dark ticket card of the same height, so the real ticket only fills it in. */
[data-screen="home"].has-tickets .home-skeleton-ticket { min-height:13.5rem; border-color:transparent; background:radial-gradient(130% 160% at 0 0,#24486c 0,#17324b 55%,#132b41 100%); }
[data-screen="home"].has-tickets .home-skeleton-ticket :is(.home-skeleton-line,.home-skeleton-stub) { background-image:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.2) 40%,rgba(255,255,255,.1) 80%); }
.coin-balance.is-loading::before { content:""; width:2.25rem; height:.875rem; border-radius:6px; }
.coin-balance.is-loading #coin-balance-amount { display:none; }
@keyframes home-skeleton-shine { from { background-position:100% 0; } to { background-position:0 0; } }
@media (prefers-reduced-motion: reduce) { .home-skeleton-art,.home-skeleton-line,.home-skeleton-button,.home-skeleton-stub,.coin-balance.is-loading::before { animation:none; } }
@media (min-width:900px) {
  .home-skeleton-event { display:grid; grid-template-columns:minmax(10rem,40%) minmax(0,1fr); grid-template-rows:1fr auto; column-gap:24px; padding:14px; }
  .home-skeleton-event .home-skeleton-art { grid-row:1/-1; height:clamp(8rem,30dvh,22rem); }
  .home-skeleton-event .home-skeleton-copy { align-self:center; }
  [data-screen="home"].has-tickets .home-skeleton-event { display:flex; }
  [data-screen="home"].has-tickets .home-skeleton-event .home-skeleton-copy { align-self:stretch; }
  [data-screen="home"].has-tickets .home-skeleton-event .home-skeleton-art { height:8rem; }
  .home-skeleton-ticket { padding:22px 24px; }
  .home-skeleton-stub { width:7.5rem; }
  [data-screen="home"].has-tickets .home-skeleton-ticket { min-height:15rem; }
}
/* Owner 07.11.2026: under the own ticket, a way to buy a ticket for another participant, straight to its form. White, so it
   is not mistaken for the light-blue «Как платформа помогает бизнесу» right below it. */
.home-gift-button { display:flex; align-items:center; gap:12px; width:100%; min-height:48px; margin:0; padding:8px 14px 8px 8px; border:1px solid #c8dcf6; border-radius:12px; background:#fff; color:#17324b; font:inherit; font-size:1rem; font-weight:680; line-height:1.25; text-align:left; cursor:pointer; }
.home-gift-button[hidden] { display:none; }
.home-gift-icon { display:grid; flex:none; place-items:center; width:34px; height:34px; border-radius:9px; background:#fdf3dc; color:#b9821c; }
.home-gift-icon svg { width:20px; height:20px; }
.home-gift-label { flex:1; min-width:0; overflow-wrap:anywhere; }
.home-gift-arrow { flex:none; color:#21689f; font-size:1.125rem; }
.home-gift-button:hover { border-color:#9ec2ea; }
.home-gift-button:focus-visible { outline:3px solid #8bb8e8; outline-offset:2px; }
/* A computer: the ticket keeps its height and the button sits right under it, not at the foot of the column. */
@media (min-width:900px) { .home-gift-button { font-size:1.0625rem; } .home-owned-section:has(.home-gift-button:not([hidden])) .home-ticket-list { flex:none; } }