/* ===== NOMAD Holidays — страница страны (ОАЭ) ===== */

/* quick info */
.qi-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
.qi{grid-column:span 3;min-height:108px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow-sm);display:flex;gap:13px;align-items:center;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.qi:nth-child(n+5):nth-child(-n+7){grid-column:span 4}
.qi:last-child{grid-column:1/-1;min-height:0;padding:22px 26px;align-items:flex-start;background:linear-gradient(135deg,#fff 0%,#f1f7fd 100%);border-color:#cddfee}
.qi:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#cbdceb}
.qi .qi-ic{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#eaf6fd,#e7ecfa);color:var(--navy);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.qi .qi-ic svg{width:22px;height:22px}
.qi .qi-k{font-size:12px;color:var(--gray-mid);font-weight:600}
.qi .qi-v{margin-top:3px;font-size:15px;color:var(--black);font-weight:700;line-height:1.45}
.qi:last-child .qi-k{color:var(--blue)}
.qi:last-child .qi-v{font-size:14px;line-height:1.65;font-weight:600;color:var(--gray-dark)}
@media(max-width:900px){.qi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qi,.qi:nth-child(n+5):nth-child(-n+7){grid-column:auto}.qi:last-child{grid-column:1/-1}}
@media(max-width:560px){.qi-grid{grid-template-columns:1fr}.qi,.qi:nth-child(n+5):nth-child(-n+7),.qi:last-child{grid-column:1}.qi{min-height:0;padding:18px}.qi:last-child{padding:20px}}

/* resorts / attractions grid */
.rs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:1000px){.rs-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.rs-grid{grid-template-columns:1fr}}
.rs{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s}
.rs:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.rs-img{height:170px;position:relative;overflow:hidden;background:var(--bg-1)}
.rs-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.rs:hover .rs-img img{transform:scale(1.07)}
.rs-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(31,46,114,.55))}
.rs-img b{position:absolute;left:15px;bottom:12px;color:#fff;font-size:18px;font-weight:700;z-index:2}
.rs-body{padding:18px;display:flex;flex-direction:column;flex:1}
.rs-body p{font-size:13.5px;color:var(--gray-dark);line-height:1.55;margin-bottom:10px;flex:1}
.rs-for{font-size:12px;color:var(--blue);font-weight:600;margin-bottom:14px}
.rs .btn{width:100%;padding:9px;font-size:13px}
.rs-city{font-size:12px;color:var(--gray-mid);margin-bottom:6px;display:flex;align-items:center;gap:6px}
.rs-city svg{width:13px;height:13px;color:var(--blue)}

/* season blocks */
.season-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:820px){.season-grid{grid-template-columns:1fr}}
.season{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm);border-top:4px solid var(--blue)}
.season .s-ic{width:46px;height:46px;border-radius:12px;background:#eaf6fd;color:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.season .s-ic svg{width:22px;height:22px}
.season b{font-size:16px;color:var(--navy);display:block;margin-bottom:6px}
.season .s-per{font-size:13px;color:var(--blue);font-weight:600;margin-bottom:8px}
.season p{font-size:13px;color:var(--gray-dark);line-height:1.5}

/* visa panel */
.visa-panel{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
@media(max-width:820px){.visa-panel{grid-template-columns:1fr}}

/* hotels */
.ht-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:1000px){.ht-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ht-grid{grid-template-columns:1fr}}
.ht{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s}
.ht:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.ht-img{height:140px;overflow:hidden;position:relative;background:var(--bg-1)}
.ht-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.ht:hover .ht-img img{transform:scale(1.06)}
.ht-cat{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.94);color:#d98a16;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;z-index:2;display:flex;align-items:center;gap:3px}
.ht-cat svg{width:11px;height:11px}
.ht-body{padding:16px}
.ht-body b{font-size:15px;color:var(--navy);display:block;margin-bottom:5px}
.ht-body .ht-city{font-size:12.5px;color:var(--gray-mid);margin-bottom:4px;display:flex;align-items:center;gap:6px}
.ht-body .ht-city svg{width:13px;height:13px;color:var(--blue)}
.ht-body .ht-type{font-size:12px;color:var(--gray-dark);margin-bottom:14px}
.ht .btn{width:100%;padding:9px;font-size:12.5px}

/* tours placeholder */
.tours-ph{background:#fff;border:1.5px dashed var(--blue);border-radius:20px;padding:clamp(30px,5vw,56px);text-align:center;max-width:720px;margin:0 auto}
.tours-ph .tp-ic{width:70px;height:70px;border-radius:50%;background:var(--bg-1);color:var(--navy);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.tours-ph .tp-ic svg{width:34px;height:34px}
.tours-ph h3{font-size:20px;margin-bottom:10px}
.tours-ph p{font-size:14.5px;color:var(--gray-dark);max-width:460px;margin:0 auto 20px}

/* Shared imported-page refinements */
.hero-extra-link{display:inline-flex;align-items:center;gap:8px;color:#cdeafb;font-weight:600;font-size:15px;margin-top:4px}
.hero-extra-link:hover{color:#fff}
.hero-extra-link svg{width:17px;height:17px}
