/* ==========================================================
   Digitalalbum.at – doplnkové štýly rakúskej verzie
   (spoločné štýly sú v styles.css, skopírované zo slovenského webu)
   ========================================================== */

/* --- Kto za tým stojí --- */
.about-at { padding: clamp(3.5rem, 7vw, 6rem) 0; background: linear-gradient(180deg, #FFFFFF 0%, #FFF8F0 100%); }
/* Dve fotky sa nikdy neprekrývajú: na mobile a tablete sú vedľa seba, na počítači pod sebou vedľa textu. */
.about-at__grid { display: grid; gap: 2.5rem; max-width: 68rem; margin: 0 auto; }
.about-at__photos { display: grid; grid-template-columns: 3fr 2fr; gap: .75rem; width: 100%; }
.about-at__photos img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; border-radius: 1.1rem; box-shadow: 0 18px 40px rgba(34, 50, 56, .14); }
.about-at__portrait { aspect-ratio: 1; object-position: 50% 25%; }
.about-at__handover { object-position: 55% 55%; }
@media (min-width: 1024px) {
    /* Stĺpec s fotkami má výšku textu: horná fotka začína pri nadpise, dolná končí pri kartičkách. */
    .about-at__grid { grid-template-columns: 0.85fr 1.15fr; gap: 3.5rem; align-items: stretch; }
    .about-at__photos { display: flex; flex-direction: column; gap: 1rem; }
    .about-at__photos img { height: auto; }
    .about-at__portrait { flex: 1 1 0; min-height: 18rem; aspect-ratio: auto; }
    .about-at__handover { flex: none; aspect-ratio: 16 / 10; }
}
.about-at__copy h2 { font-size: clamp(2rem, 3.6vw, 3rem); line-height: 1.08; margin-top: .8rem; text-wrap: balance; }
.about-at__copy p { margin-top: 1rem; font-size: 1.05rem; line-height: 1.65; }
.about-at__copy p.eyebrow { margin-top: 0; font-size: 1.02rem; line-height: 1.6; }
.about-at__quote { margin-top: 1.4rem; border-left: 3px solid var(--secondary); padding: .2rem 0 .2rem 1rem; font-family: 'Source Serif 4', serif; font-size: 1.2rem; font-weight: 600; color: var(--heading); }
.about-at__sign { margin-top: .6rem; font-size: .9rem; font-weight: 800; color: var(--heading); }
.about-at__sign span { display: block; font-weight: 600; color: var(--muted); }
.about-at__facts { margin-top: 1.6rem; display: grid; gap: .65rem; }
@media (min-width: 560px) { .about-at__facts { grid-template-columns: 1fr 1fr; } }
.about-at__facts li { display: flex; gap: .65rem; align-items: flex-start; border: 1px solid rgba(72, 99, 106, .16); border-radius: .85rem; background: #fff; padding: .75rem .9rem; font-size: .9rem; line-height: 1.4; }
.about-at__facts i { margin-top: .2rem; color: var(--secondary); }
.about-at__facts strong { display: block; color: var(--heading); }

/* --- Cena za kazetu --- */
.tape-table { width: 100%; max-width: 24rem; margin: 0 auto; border-collapse: collapse; font-size: .95rem; }
.tape-table caption { caption-side: top; padding-bottom: .5rem; font-size: .72rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.tape-table th, .tape-table td { padding: .5rem .75rem; border-bottom: 1px solid rgba(72, 99, 106, .14); text-align: left; }
.tape-table td { text-align: right; font-weight: 800; color: var(--heading); white-space: nowrap; }
.tape-table tr.is-highlight th, .tape-table tr.is-highlight td { background: #FFF1E9; color: var(--secondary-dark); }
.tape-table tr.is-highlight th { border-radius: .6rem 0 0 .6rem; }
.tape-table tr.is-highlight td { border-radius: 0 .6rem .6rem 0; }

/* --- Rýchlosť --- */
.speed-at { padding: clamp(3.5rem, 7vw, 5.5rem) 0; background: #fff; }
.speed-at__compare { display: grid; gap: 1rem; max-width: 52rem; margin: 0 auto 2.5rem; }
@media (min-width: 720px) { .speed-at__compare { grid-template-columns: 1fr 1fr; } }
.speed-at__col { border-radius: 1.1rem; padding: 1.4rem 1.5rem; }
.speed-at__col--them { border: 1px dashed rgba(72, 99, 106, .3); background: #F7F9F8; color: var(--muted); }
.speed-at__col--us { border: 1px solid rgba(49, 94, 87, .3); background: linear-gradient(135deg, #F0F8F7, #FFFFFF); box-shadow: 0 18px 40px rgba(49, 94, 87, .12); }
.speed-at__col p { margin-top: .5rem; font-size: .92rem; line-height: 1.5; }
.speed-at__col .speed-at__label { margin-top: 0; font-size: .72rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.speed-at__col--us .speed-at__label { color: var(--primary); }
.speed-at__col .speed-at__big { margin-top: .4rem; font-family: 'Source Serif 4', serif; font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 700; line-height: 1.1; color: var(--heading); }
.speed-at__col--them .speed-at__big { color: var(--muted); }

/* --- Odovzdanie a doprava --- */
.handover-at { padding: clamp(3.5rem, 7vw, 5.5rem) 0; background: linear-gradient(180deg, #F7FBF8 0%, #FFFFFF 100%); }
.handover-at__grid { display: grid; gap: 1.1rem; max-width: 68rem; margin: 0 auto; }
@media (min-width: 900px) { .handover-at__grid { grid-template-columns: repeat(3, 1fr); } }
.handover-card { position: relative; display: flex; flex-direction: column; border: 1px solid rgba(72, 99, 106, .16); border-radius: 1.1rem; background: #fff; padding: 1.5rem; box-shadow: 0 14px 34px rgba(34, 50, 56, .06); }
.handover-card--main { border-color: rgba(216, 111, 95, .45); box-shadow: 0 20px 44px rgba(216, 111, 95, .14); }
.handover-card__icon { display: inline-flex; width: 3rem; height: 3rem; align-items: center; justify-content: center; border-radius: 999px; background: var(--primary-soft); color: var(--primary); font-size: 1.2rem; }
.handover-card--main .handover-card__icon { background: #FFF1E9; color: var(--secondary); }
.handover-card__tag { position: absolute; top: 1.2rem; right: 1.2rem; border-radius: 999px; background: var(--secondary); color: #fff; padding: .25rem .65rem; font-size: .68rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.handover-card h3 { margin-top: 1rem; font-size: 1.35rem; line-height: 1.2; }
.handover-card p { margin-top: .5rem; font-size: .93rem; line-height: 1.55; }
.handover-card__price { margin-top: auto; padding-top: 1rem; }
.handover-card__price dl { display: grid; gap: .35rem; border-top: 1px solid rgba(72, 99, 106, .14); padding-top: .85rem; font-size: .88rem; }
.handover-card__price div { display: flex; justify-content: space-between; gap: 1rem; }
.handover-card__price dt { color: var(--muted); }
.handover-card__price dd { font-weight: 900; color: var(--heading); text-align: right; }
.handover-at__pack { max-width: 68rem; margin: 1.5rem auto 0; border-radius: 1rem; border: 1px solid rgba(72, 99, 106, .16); background: #fff; padding: 1.1rem 1.3rem; }
.handover-at__pack summary { cursor: pointer; font-weight: 900; color: var(--heading); }
.handover-at__pack ol { margin-top: .8rem; display: grid; gap: .45rem; padding-left: 1.2rem; list-style: decimal; font-size: .92rem; }

/* --- Dôvera (mriežka) --- */
.trust-at { display: grid; gap: 1rem; max-width: 72rem; margin: 0 auto; }
@media (min-width: 720px) { .trust-at { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1080px) { .trust-at { grid-template-columns: repeat(3, 1fr); } }
.trust-at article { border: 1px solid rgba(72, 99, 106, .16); border-radius: 1rem; background: #fff; padding: 1.3rem; }
.trust-at i { font-size: 1.25rem; color: var(--secondary); }
.trust-at h3 { margin-top: .7rem; font-size: 1.12rem; font-weight: 800; line-height: 1.25; }
.trust-at p { margin-top: .4rem; font-size: .9rem; line-height: 1.5; }

/* --- Právne stránky --- */
/* Source Serif 4 je na webe len v rezoch 600 – 800, dlhý text by bol celý tučný. */
.legal-at p, .legal-at li, .legal-at dd { font-family: 'Source Sans 3', sans-serif; font-size: 1.05rem; }
.legal-at h2 { font-size: 1.45rem; font-weight: 900; color: #223238; }
.legal-at h3 { margin-top: 1rem; font-size: 1.05rem; font-weight: 800; color: #223238; }
.legal-at p, .legal-at li { margin-top: .6rem; line-height: 1.65; }
.legal-at ul { margin-top: .4rem; padding-left: 1.2rem; list-style: disc; }
.legal-at dl { margin-top: .6rem; display: grid; gap: .35rem; }
.legal-at dl div { display: grid; gap: .1rem .9rem; }
@media (min-width: 640px) { .legal-at dl div { grid-template-columns: 14rem 1fr; } }
.legal-at dt { font-weight: 800; color: #223238; }
.legal-at a { font-weight: 700; color: #48636A; text-decoration: underline; text-underline-offset: .2em; }
.legal-at .legal-box { margin-top: 1rem; border: 1px solid rgba(72, 99, 106, .2); border-radius: .8rem; background: #FAF7EF; padding: 1rem 1.2rem; }