/* Standalone page shell for the public Taqdimot (showroom.familymandarin.uz).
   The whole look comes from tour_showroom.css — the backend view and this
   page share that one file, so a style fix lands on both. Only what a
   full-page (rather than in-backend) render needs lives here. */

html, body {
    margin: 0;
    padding: 0;
    background: #ECE6DB;
}

/* tour_showroom.css sizes the renderer to its backend container
   (height:100%; overflow:auto); as a body-level page it must grow instead. */
#shw-root.o_tour_showroom {
    height: auto;
    min-height: 100vh;
    overflow: visible;
}

/* Filial (viloyat) sections on the tiles screen — TOSHKENT, NAMANGAN,
   URGANCH … each with its own heading + rule, then that filial's family
   tiles. Public page only: the backend view shows one branch at a time. */
#shw-root .fil-group {
    max-width: 1180px;
    margin: 0 auto 30px;
}
#shw-root .fil-group:last-child { margin-bottom: 6px; }
#shw-root .fil-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 6px 14px;
}
#shw-root .fil-name {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: none;
    font-family: var(--fd);
    font-weight: 800;
    font-size: 19px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #262320;
}
#shw-root .fil-name svg {
    flex: none;
    width: 16px;
    height: 16px;
    color: #ED5A1B;
}
#shw-root .fil-line {
    flex: 1;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, #CFC2AB, rgba(207, 194, 171, 0));
}
/* Grouped tiles start at the section's left edge instead of centred, so the
   filials line up with each other however many packets each one has. */
#shw-root .fil-group .tiles {
    justify-content: flex-start;
    margin-top: 0;
}

/* Filial of the open family, shown in the cards-screen breadcrumb. */
#shw-root .crumb {
    display: flex;
    align-items: center;
    gap: 9px;
}
#shw-root .crumb-fil {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: var(--fd);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #7A6B57;
}
#shw-root .crumb-fil svg { flex: none; width: 12px; height: 12px; color: #ED5A1B; }

/* Read-only page: nothing but the image download is clickable, so the
   backend's title / price-row affordances are turned off. */
#shw-root .title,
#shw-root .price-row {
    cursor: default;
}

/* Tap highlight on tablets — the family tiles are the only nav element. */
#shw-root .tile {
    -webkit-tap-highlight-color: transparent;
}

#shw-root .shw-error {
    text-align: center;
    padding: 60px 18px;
    font-family: var(--fb);
    font-weight: 600;
    color: #8A6B57;
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 820px) {
    #shw-root.o_tour_showroom { padding: 18px 12px 32px; }
}

@media print {
    #shw-root .topbar,
    #shw-root .dl-btn { display: none; }
}