/* =========================================================
   IPTV UK Devices — dedicated page layer
   Reuses shared site tokens, components and animations.
   ========================================================= */
.devices-page{background:#fff}.devices-page main{overflow:hidden}.devices-page .section{padding-block:clamp(4.75rem,7.5vw,8rem)}
.devices-page .icon-box svg{width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Hero */
.devices-hero .hero-layout{grid-template-columns:minmax(0,.92fr) minmax(31rem,1.08fr)}.devices-hero .hero-copy{max-width:47rem}.devices-hero__visual{min-height:42rem}
.devices-breadcrumb ol{display:flex;list-style:none;padding:0;align-items:center;gap:.65rem;margin-bottom:1.75rem;color:rgba(255,255,255,.48);font-size:var(--xs);font-weight:700}.devices-breadcrumb li+li::before{margin-right:.65rem;color:rgba(255,255,255,.25);content:"/"}.devices-breadcrumb a{transition:color .2s}.devices-breadcrumb a:hover{color:#fff}
.devices-hero__art{position:absolute;z-index:4;top:4%;left:1%;width:98%;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:2rem;background:rgba(8,20,38,.75);box-shadow:0 4rem 8rem rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.12);transform:rotateY(-6deg) rotateX(2deg) rotateZ(1deg);backdrop-filter:blur(1.25rem)}
.devices-hero__art::after{position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.13),transparent 28%,transparent 72%,rgba(200,16,46,.08));content:"";pointer-events:none}.devices-hero__art img{width:100%;height:auto}
.devices-hero__badge{position:absolute;z-index:8;display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.14);border-radius:1.1rem;background:rgba(10,20,36,.72);box-shadow:0 1.8rem 3.5rem rgba(0,0,0,.3);color:#fff;backdrop-filter:blur(1rem);animation:floatBadge 8s ease-in-out infinite}.devices-hero__badge b{display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:.75rem;background:var(--gradient);font-size:.82rem}.devices-hero__badge span{display:grid}.devices-hero__badge strong{font-size:.78rem}.devices-hero__badge small{color:rgba(255,255,255,.48);font-size:.62rem}.devices-hero__badge--platforms{right:-.5rem;bottom:16%;animation-delay:-2s}.devices-hero__badge--setup{bottom:1%;left:-.5rem;animation-delay:-5s}

/* Device catalogue */
.device-catalog-section .section-heading--split>p,.comparison-section .section-heading--split>p{max-width:34rem;margin:0}.device-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.device-catalog-card{position:relative;display:flex;min-height:34rem;overflow:hidden;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-xl);background:#fff;box-shadow:var(--shadow-sm);transition:transform .35s var(--spring),box-shadow .3s,border-color .3s}.device-catalog-card::before{position:absolute;z-index:2;top:0;left:18%;width:64%;height:1px;background:linear-gradient(90deg,transparent,rgba(11,61,145,.65),transparent);content:""}.device-catalog-card:hover{border-color:rgba(11,61,145,.22);box-shadow:var(--shadow-md);transform:translateY(-7px)}
.device-catalog-card__image{overflow:hidden;background:#0a1931}.device-catalog-card__image img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .65s var(--spring)}.device-catalog-card:hover .device-catalog-card__image img{transform:scale(1.035)}
.device-catalog-card__body{display:flex;height:100%;padding:1.65rem;flex-direction:column}.device-type{color:var(--primary);font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.device-catalog-card h3{margin-top:.65rem}.device-catalog-card p{margin-top:.8rem;font-size:var(--sm)}.device-recommendation{display:grid;margin:1.35rem 0 1.5rem;padding:1rem;border:1px solid rgba(11,61,145,.12);border-radius:var(--r-md);background:rgba(11,61,145,.045)}.device-recommendation dt{color:var(--muted);font-size:.68rem;font-weight:750;text-transform:uppercase}.device-recommendation dd{margin-top:.25rem;color:var(--text);font-size:var(--sm);font-weight:750}.device-catalog-card .button{margin-top:auto}.compatibility-note{max-width:60rem;margin:2rem auto 0;color:var(--muted);font-size:var(--xs);text-align:center}

/* Apps */
.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.app-card{display:flex;min-height:31rem;padding:1.75rem;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-xl);background:#fff;box-shadow:0 1px 2px rgba(17,24,39,.04);transition:transform .35s var(--spring),box-shadow .3s,border-color .3s}.app-card:hover{border-color:rgba(11,61,145,.2);box-shadow:var(--shadow-md);transform:translateY(-6px)}.app-card__header{display:flex;align-items:center;gap:1rem}.app-card__header img{width:4.5rem;height:4.5rem;border-radius:1.35rem;box-shadow:0 14px 30px rgba(11,61,145,.14)}.app-card__header span{color:var(--primary);font-size:.67rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.app-card__header h3{margin-top:.3rem}.app-card>p{margin-top:1.25rem;font-size:var(--sm)}.app-details{display:grid;gap:1rem;margin:1.5rem 0;padding:1.25rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.app-details dt{color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.app-details dd{margin-top:.3rem;color:var(--text);font-size:var(--sm);font-weight:650}.app-card .text-link{margin-top:auto}

/* Comparison */
.comparison-shell{overflow:auto;border:1px solid var(--border);border-radius:var(--r-xl);background:#fff;box-shadow:var(--shadow-md);scrollbar-width:thin}.device-comparison{width:100%;min-width:58rem;border-collapse:collapse;text-align:left}.device-comparison caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.device-comparison th,.device-comparison td{padding:1.25rem 1.4rem;border-bottom:1px solid var(--border);font-size:var(--sm)}.device-comparison thead th{background:#0a1931;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.device-comparison thead th:first-child{border-radius:var(--r-xl) 0 0 0}.device-comparison thead th:last-child{border-radius:0 var(--r-xl) 0 0}.device-comparison tbody th{color:var(--text);font-weight:800}.device-comparison tbody td{color:var(--soft)}.device-comparison tbody tr:last-child th,.device-comparison tbody tr:last-child td{border-bottom:0}.device-comparison tbody tr{transition:background .2s}.device-comparison tbody tr:hover{background:rgba(11,61,145,.035)}.recommendation-pill{display:inline-flex;padding:.38rem .62rem;border-radius:var(--pill);background:rgba(11,61,145,.08);color:var(--primary);font-size:.68rem;font-weight:800;white-space:nowrap}.table-note{margin-top:1rem;color:var(--muted);font-size:var(--xs)}

/* Features and CTA */
.devices-feature-grid .feature-card{min-height:18rem}.devices-feature-grid .feature-card h3{margin-top:1.35rem}.devices-feature-grid .feature-card p{font-size:var(--sm)}.installation-cta{padding-top:var(--section)}

@media(max-width:1100px){.devices-hero .hero-layout{grid-template-columns:minmax(0,1fr) minmax(27rem,.92fr);gap:2.5rem}.device-catalog-grid,.app-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.devices-hero{min-height:auto}.devices-hero .hero-layout{grid-template-columns:1fr}.devices-hero .hero-copy{max-width:48rem}.devices-hero__visual{width:min(100%,43rem);min-height:37rem;margin:0 auto}.device-catalog-section .section-heading--split,.comparison-section .section-heading--split{display:block}.device-catalog-section .section-heading--split>p,.comparison-section .section-heading--split>p{max-width:42rem;margin-top:1.25rem}}
@media(max-width:680px){.devices-page .section{padding-block:4.5rem}.devices-hero{padding-top:calc(var(--header) + 3.5rem);padding-bottom:4.5rem}.devices-hero h1{font-size:clamp(3rem,15vw,4.5rem)}.devices-hero .hero-actions{display:grid}.devices-hero .hero-actions .button{width:100%}.devices-hero__visual{min-height:29rem;margin-top:1rem}.devices-hero__art{top:9%;left:1%;width:98%;border-radius:1.35rem;transform:rotateY(-3deg) rotateX(1deg)}.devices-hero__badge--platforms{right:0;bottom:5%}.devices-hero__badge--setup{display:none}.device-catalog-grid,.app-grid{grid-template-columns:1fr}.device-catalog-card{min-height:0}.app-card{min-height:0}.device-catalog-card__body,.app-card{padding:1.4rem}.comparison-shell{margin-right:-1rem;border-radius:var(--r-lg) 0 0 var(--r-lg)}.device-comparison th,.device-comparison td{padding:1rem}.installation-cta{padding-top:4.5rem}}
@media(max-width:430px){.devices-hero__visual{min-height:24rem}.devices-hero__badge--platforms{transform:scale(.88);transform-origin:right bottom}.app-card__header img{width:4rem;height:4rem}}