/* ════════════════════════════════════════════════════════════════
   RandoGuide — Mobile Fix v5 (comprehensive)
   Target: 375px iPhone viewport, covers BOTH templates:
     1. Sentières field-journal (389 pages: index, articles, contact)
     2. Inter/modern category template (23 pages)
   ════════════════════════════════════════════════════════════════ */

/* ── Hamburger button (always hidden on desktop) ── */

/* ═══ COMPATIBILITY: match actual HTML markup ═══
   HTML uses: .hamburger, .nav-toggle-cb, #nav-toggle
   Original CSS targeted: .burger, #mob-nav
   These rules bridge the gap permanently.
   ═══════════════════════════════════════════════ */
.hamburger{display:none;cursor:pointer;padding:10px;z-index:200;position:relative;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.hamburger span{display:block;width:22px;height:2px;background:var(--ink,#1E2A1D);margin:5px 0;transition:all .3s;border-radius:2px}
.nav-toggle-cb{display:none!important}

.burger{display:none;cursor:pointer;padding:10px;z-index:200;position:relative;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.burger span{display:block;width:22px;height:2px;background:var(--ink,#1E2A1D);margin:5px 0;transition:all .3s;border-radius:2px}

/* ════════════════════════════════════════════════════════════════
   TEMPLATE 1 — SENTIÈRES (field-journal) pages
   Breakpoint ≤ 768px
   ════════════════════════════════════════════════════════════════ */
@media(max-width:768px){

  /* ── Global overflow prevention ── */
  html,body{overflow-x:hidden!important;-webkit-text-size-adjust:100%!important}
  *{max-width:100vw!important;box-sizing:border-box!important}
  img,video,iframe,embed,object,svg{max-width:100%!important;height:auto!important}

  /* ── TOPBAR / NAV ── */
  .burger{display:flex!important}
  .hamburger{display:flex!important}
  .topbar{padding:10px 16px!important;gap:8px!important}
  .nav{
    display:none!important;
    position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
    background:rgba(241,230,210,.98)!important;
    flex-direction:column!important;justify-content:center!important;align-items:center!important;
    gap:20px!important;z-index:150!important
  }
  #mob-nav:checked ~ .nav{display:flex!important}
  .nav-toggle-cb:checked ~ .nav{display:flex!important}
  #mob-nav:checked ~ .burger span:nth-child(1){transform:rotate(45deg) translateY(7px)}
  .nav-toggle-cb:checked ~ .hamburger span:nth-child(1){transform:rotate(45deg) translateY(7px)}
  #mob-nav:checked ~ .burger span:nth-child(2){opacity:0}
  .nav-toggle-cb:checked ~ .hamburger span:nth-child(2){opacity:0}
  #mob-nav:checked ~ .burger span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}
  .nav-toggle-cb:checked ~ .hamburger span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}
  .nav a{font-size:1.2rem!important;color:var(--ink,#1E2A1D)!important;padding:14px 24px!important;font-family:'Fraunces',Georgia,serif!important;min-height:44px!important;display:flex!important;align-items:center!important}
  .brand-word{font-size:1rem!important}
  .brand-word small{display:none!important}
  .brand-mark{width:28px!important;height:28px!important}
  .topbar-tools{display:none!important}

  /* ── FORCE GRIDS → SINGLE COLUMN ── */
  [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  [style*="display: grid"],[style*="display:grid"]{gap:16px!important}
  [style*="grid-column: span"],[style*="grid-column:span"]{grid-column:span 1!important}

  /* ── Section padding normalization ── */
  section[style*="padding: 80px"],section[style*="padding:80px"]{padding:24px 16px!important}
  section{padding-left:16px!important;padding-right:16px!important}

  /* ── Max-width containers ── */
  [style*="max-width: 1200px"],[style*="max-width:1200px"],
  [style*="max-width: 1360px"],[style*="max-width:1360px"]{max-width:100%!important;padding:0 16px!important}
  .shell{padding:0 16px!important}

  /* ── Fixed height overrides ── */
  [style*="height: 400px"],[style*="height:400px"]{height:200px!important}
  [style*="height: 300px"],[style*="height:300px"]{height:180px!important}
  [style*="height: 500px"],[style*="height:500px"]{height:240px!important}

  /* ── Drop cap — disable float on mobile ── */
  .prose p:first-of-type::first-letter{float:none!important;font-size:inherit!important;margin:0!important;line-height:inherit!important}
  p::first-letter{float:none!important;font-size:inherit!important}

  /* ═══ HOMEPAGE ═══ */

  /* Hero */
  .hero{
    grid-template-columns:1fr!important;
    padding:24px 16px 20px!important;
    gap:24px!important
  }
  .hero h1{font-size:clamp(32px,10vw,48px)!important;line-height:.95!important;letter-spacing:-.02em!important}
  .hero .kicker{font-size:16px!important;line-height:1.45!important;max-width:100%!important}
  .hero .eyebrow{flex-wrap:wrap!important;gap:8px!important}
  .hero-aside{display:none!important}
  .hero .row{flex-wrap:wrap!important;gap:10px!important}
  .hero .btn{width:100%!important;justify-content:center!important;padding:14px 16px!important;min-height:48px!important}
  .hero .smallprint{font-size:10px!important;margin-top:16px!important}

  /* Numbers strip */
  .numbers{
    grid-template-columns:repeat(2,1fr)!important;
    margin:0 16px!important;
    padding:16px 0!important;
    gap:12px!important
  }
  .numbers .n{padding:8px 12px!important;border-right:0!important;border-bottom:var(--hairline,1px solid rgba(30,42,29,.18))!important}
  .numbers .n .big{font-size:28px!important}
  .numbers .n:last-child{border-bottom:0!important}

  /* Regions grid */
  .regions-grid{
    grid-template-columns:1fr!important;
    padding:24px 16px!important;
    gap:16px!important
  }
  .france-map{display:none!important}
  .section-title-row{flex-direction:column!important;gap:12px!important;padding:0 16px!important}
  .region-list{gap:0!important}
  .region-row{padding:14px 0!important;min-height:48px!important}
  .region-row .idx{font-size:11px!important;min-width:24px!important}
  .region-row .name{font-size:16px!important}

  /* Cards row / Trail cards */
  .cards-row{grid-template-columns:1fr!important;padding:0 16px!important;gap:16px!important}
  .trail-card{margin-bottom:0!important}
  .trail-card .title{font-size:18px!important}
  .trail-card .body{padding:14px!important}
  .trail-card .stats{flex-wrap:wrap!important;gap:8px!important}
  .trail-card .topo,.trail-card .card-img{aspect-ratio:16/9!important;max-height:200px!important}

  /* Shelf (categories) */
  .shelf{grid-template-columns:1fr!important;margin:0 16px!important;gap:12px!important}
  .shelf-item .ttl{font-size:18px!important}

  /* ═══ ARTICLE PAGES ═══ */

  /* Article hero */
  .article-hero{
    grid-template-columns:1fr!important;
    padding:16px!important;
    gap:16px!important
  }
  .article-hero h1{font-size:1.4rem!important;line-height:1.15!important}
  .hero-side{display:none!important}
  .article-hero .row{flex-wrap:wrap!important;gap:6px!important}
  .stamp,.eco{font-size:9px!important;padding:4px 8px!important}

  /* Breadcrumb */
  .breadcrumb{padding:10px 16px 0!important;font-size:10px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

  /* Article body — collapse 3-col to single */
  .article-body{
    grid-template-columns:1fr!important;
    padding:0 16px!important;
    display:block!important;
    margin-top:20px!important
  }
  .toc{display:none!important}
  .rail{position:static!important;order:-1!important;margin-bottom:16px!important}

  /* Fact card (fiche technique) */
  .fact-card{
    padding:14px!important;width:100%!important;max-width:100%!important;
    overflow:hidden!important;box-sizing:border-box!important;margin:12px 0!important
  }
  .fact-card h4{font-size:10px!important;margin-bottom:10px!important}
  .fact-card .row-fact{padding:6px 0!important;gap:8px!important;flex-wrap:nowrap!important}
  .fact-card .row-fact .k{font-size:9px!important;max-width:40%!important;flex-shrink:0!important;word-break:break-word!important}
  .fact-card .row-fact .v{font-size:13px!important;max-width:58%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:right!important}

  /* Stages (étapes détaillées) */
  .stage{
    display:grid!important;
    grid-template-columns:40px 1fr auto!important;
    gap:6px 10px!important;
    padding:12px 0!important;
    font-size:13px!important;
    align-items:start!important
  }
  .stage .day{font-size:22px!important;min-width:40px!important}
  .stage .day small{display:inline!important;margin-left:4px!important;font-size:8px!important}
  .stage .time{font-size:10px!important;grid-column:2!important;grid-row:2!important}
  .stage .name{font-size:15px!important}
  .stage .name small{font-size:9px!important}
  .stage .dist{font-size:11px!important;text-align:right!important}
  .stage .elev{font-size:11px!important;text-align:right!important;grid-column:3!important;grid-row:2!important}

  /* Elevation profile */
  .profile-big{height:140px!important;padding:12px!important;margin-top:16px!important}

  /* Callout (éco-gestes, tips) */
  .callout{
    padding:12px 14px!important;margin:16px 0!important;font-size:13px!important;
    line-height:1.55!important;word-break:break-word!important
  }
  .callout .k{font-size:9px!important;margin-bottom:4px!important}

  /* Topo / trail images */
  .topo{border-radius:var(--rad-md,4px)!important}
  .topo img{width:100%!important;height:auto!important;object-fit:cover!important;position:relative!important}

  /* Prose (article body text) */
  .prose{max-width:100%!important}
  .prose h2{font-size:1.15rem!important;margin:28px 0 10px!important}
  .prose h3{font-size:1rem!important;margin:20px 0 8px!important}
  .prose p{font-size:15px!important;line-height:1.6!important;max-width:100%!important}
  .prose img{max-height:240px!important;margin:1rem 0!important}
  .prose blockquote{font-size:16px!important;padding-left:14px!important;margin:20px 0!important}
  .prose ul,.prose ol{margin-left:1.2rem!important}
  .prose div,.prose section{padding:12px!important;margin:.8rem 0!important;font-size:14px!important}
  .prose div p{font-size:13px!important}
  .prose div h2,.prose div h3,.prose div h4{font-size:16px!important}

  /* Author box (inline styled divs) */
  [style*="display:flex"][style*="align-items:center"][style*="gap:12px"]{flex-wrap:wrap!important}
  [style*="width:48px"][style*="height:48px"]{width:40px!important;height:40px!important;min-width:40px!important;flex-shrink:0!important}

  /* Water points (points d'eau) */
  .water-point{
    grid-template-columns:35px 1fr auto!important;
    gap:8px!important;padding:10px 0!important
  }
  .water-point .km{font-size:16px!important}
  .water-point .nm{font-size:13px!important}
  .water-point .nm small{font-size:8px!important}
  .water-point .st{font-size:9px!important;padding:2px 6px!important}

  /* History section */
  .history .h-row{
    grid-template-columns:1fr!important;
    gap:4px!important;padding:8px 0!important
  }
  .history .date{font-size:10px!important}

  /* Access / transport section */
  .access{padding:12px!important}
  .access h3{font-size:1rem!important}
  .access p{font-size:14px!important}

  /* Numbers / metric inline */
  .metric .n{font-size:22px!important}
  .metric .u{font-size:9px!important}

  /* ═══ CONTACT PAGE ═══ */
  form{width:100%!important;max-width:100%!important}
  input,select,textarea{
    width:100%!important;max-width:100%!important;font-size:16px!important;
    box-sizing:border-box!important;min-height:44px!important;padding:10px 12px!important
  }
  textarea{min-height:100px!important}
  button[type="submit"],.btn{
    width:100%!important;padding:14px!important;min-height:48px!important;font-size:14px!important
  }
  label{font-size:14px!important;margin-bottom:4px!important;display:block!important}

  /* ═══ TABLES — horizontal scroll wrapper ═══ */
  table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important;font-size:13px!important}
  thead,tbody,tr,th,td{max-width:none!important}
  th,td{padding:8px 10px!important;white-space:nowrap!important}

  /* ═══ INLINE STYLE OVERRIDES ═══ */

  /* Inline font-size overrides */
  h1[style*="font-size"]{font-size:clamp(24px,7vw,36px)!important}
  h2[style*="font-size: 36px"],h2[style*="font-size:36px"]{font-size:1.3rem!important}
  h2[style*="font-size: 28px"],h2[style*="font-size:28px"]{font-size:1.15rem!important}
  h3[style*="font-size: 20px"],h3[style*="font-size:20px"]{font-size:1rem!important}
  [style*="font-size: 28px"]{font-size:20px!important}
  [style*="font-size: 22px"]{font-size:18px!important}
  [style*="font-size: 20px"]{font-size:16px!important}

  /* Inline padding overrides */
  [style*="padding: 48px"],[style*="padding:48px"]{padding:16px!important}
  [style*="padding: 32px"],[style*="padding:32px"]{padding:14px!important}
  [style*="padding: 40px"],[style*="padding:40px"]{padding:16px!important}

  /* Inline gap overrides */
  [style*="gap: 48px"],[style*="gap:48px"]{gap:16px!important}
  [style*="gap: 56px"],[style*="gap:56px"]{gap:20px!important}

  /* Inline max-width overrides */
  [style*="max-width: 46ch"],[style*="max-width:46ch"]{max-width:100%!important}
  [style*="max-width: 52ch"],[style*="max-width:52ch"]{max-width:100%!important}
  [style*="max-width: 62ch"],[style*="max-width:62ch"]{max-width:100%!important}
  [style*="max-width: 72ch"],[style*="max-width:72ch"]{max-width:100%!important}

  /* CTA / colored sections */
  [style*="background-color: #3e5622"],[style*="background-color:#3e5622"]{padding:16px!important;border-radius:var(--rad-md,4px)!important}
  [style*="background-color: #D97706"],[style*="background-color:#D97706"],
  [style*="background-color: #d97706"],[style*="background-color:#d97706"],
  [style*="background: #D97706"],[style*="background-color: #F59E0B"],
  [style*="background-color:#f59e0b"]{padding:14px!important;border-radius:var(--rad-md,4px)!important}

  /* Typography for all headings */
  h2[style]{font-size:1.3rem!important;line-height:1.2!important}
  section h2{font-size:1.3rem!important;margin-bottom:16px!important}

  /* Footer (Sentières) */
  .foot{
    padding:24px 16px!important;margin-top:40px!important;
    flex-direction:column!important;gap:12px!important;text-align:center!important
  }
  .foot a{min-height:44px!important;display:inline-flex!important;align-items:center!important}

  /* Tweaks panel — hide on mobile */
  .tweaks{display:none!important}

  /* ═══ DESTINATION PAGE CARD SCROLL ═══ */
  section[style*="background-color: #ffffff"] > div[style*="grid"],
  section[style*="background-color:#ffffff"] > div[style*="grid"],
  section[style*="background-color: #fdfae7"] > div[style*="grid"]{
    display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x mandatory!important;gap:12px!important;padding:0 16px 16px!important;
    scrollbar-width:none!important
  }
  section[style*="background-color: #ffffff"] > div[style*="grid"]::-webkit-scrollbar,
  section[style*="background-color:#ffffff"] > div[style*="grid"]::-webkit-scrollbar,
  section[style*="background-color: #fdfae7"] > div[style*="grid"]::-webkit-scrollbar{display:none}
  section[style*="background-color: #ffffff"] > div[style*="grid"] > div,
  section[style*="background-color:#ffffff"] > div[style*="grid"] > div,
  section[style*="background-color: #fdfae7"] > div[style*="grid"] > div{
    min-width:75vw!important;max-width:80vw!important;flex-shrink:0!important;
    scroll-snap-align:start!important;grid-column:auto!important
  }

  /* Scroll hint */
  section[style*="background-color: #ffffff"] > div[style*="grid"]::after,
  section[style*="background-color:#ffffff"] > div[style*="grid"]::after{
    content:"→"!important;display:flex!important;align-items:center!important;justify-content:center!important;
    min-width:40px!important;flex-shrink:0!important;font-size:18px!important;
    color:var(--ink-soft,#5A6350)!important;opacity:.5!important
  }

  /* Eco section bg fix */
  section[style*="background-color: #fdfae7"]{background:var(--paper,#F1E6D2)!important}

}/* end @media 768px — Sentières */


/* ════════════════════════════════════════════════════════════════
   TEMPLATE 2 — INTER/MODERN (category pages, 23 pages)
   These have their own inline responsive CSS but need extra fixes
   ════════════════════════════════════════════════════════════════ */
@media(max-width:768px){

  /* Category header nav → hamburger or hide */
  header nav{display:none!important}

  /* Category hero */
  .category-hero{padding:24px 0!important}
  .category-hero h1{font-size:1.6rem!important}

  /* Featured section */
  .featured{padding:20px 0!important}
  .featured-grid{grid-template-columns:1fr!important;gap:16px!important}
  .featured-main{min-height:280px!important}
  .featured-main h2{font-size:1.3rem!important}
  .featured-main .overlay{padding:20px!important}
  .featured-side{gap:12px!important}
  .featured-card{padding:12px!important;gap:12px!important}
  .featured-card img{width:80px!important;height:60px!important}
  .featured-card h3{font-size:.85rem!important}

  /* Articles grid */
  .grid{grid-template-columns:1fr!important;gap:20px!important}
  .card-img{height:180px!important}
  .card-body{padding:16px!important}
  .card-body h4{font-size:1rem!important}
  .card-footer{margin-top:12px!important;padding-top:12px!important}

  /* Container padding */
  .container{padding:0 16px!important}

  /* Section header */
  .section-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:24px!important}
  .section-header h3{font-size:1.3rem!important}

  /* Booking banner */
  .booking-banner{padding:12px 16px!important}
  .booking-banner-inner{flex-direction:column!important;text-align:center!important;gap:10px!important}
  .booking-banner-inner h3{font-size:1rem!important}
  .bb-cta{width:100%!important;text-align:center!important;padding:12px!important;min-height:44px!important}

  /* Trust bar */
  .trust-bar-inner{
    flex-wrap:wrap!important;justify-content:center!important;
    gap:8px!important;padding:8px 16px!important
  }
  .trust-item{font-size:12px!important;flex:0 0 auto!important}

  /* Venue pages */
  .venue-hero{height:280px!important}
  .venue-hero h1{font-size:1.5rem!important}
  .venue-hero-content{padding:20px!important}
  .venue-stats-grid{flex-wrap:wrap!important;gap:12px!important}
  .venue-stat{min-width:calc(50% - 8px)!important;text-align:center!important}
  .venue-layout{grid-template-columns:1fr!important;gap:20px!important}
  .venue-sidebar{position:static!important;order:-1!important}
  .venue-gallery{grid-template-columns:repeat(2,1fr)!important}
  .venue-gallery-item.featured{grid-column:span 1!important;grid-row:span 1!important}
  .venue-listing-grid{grid-template-columns:1fr!important}

  /* Article page (Inter template variant) */
  .article-hero .content{padding:20px!important}
  .article-content{padding:0 16px!important}
  .article-container{padding:0 16px 40px!important}
  .article-body iframe{margin:1em 0!important;padding:0!important;width:100%!important}
  .article-title{font-size:1.5rem!important}
  .article-hero-img{height:220px!important}
  .related-grid{grid-template-columns:1fr!important}
  .article-author-bar{flex-wrap:wrap!important;gap:8px!important}

  /* Lead capture */
  .lead-capture{padding:24px 16px!important;text-align:center!important}
  .lead-capture h2{font-size:1.3rem!important}
  .lead-capture form{flex-direction:column!important;gap:10px!important}
  .lead-capture input{width:100%!important;min-height:44px!important}
  .lead-capture button{width:100%!important;min-height:44px!important}

  /* Medium grid */
  .medium-grid{grid-template-columns:1fr!important}
  .medium-card{height:auto!important;min-height:160px!important}

  /* List articles */
  .list-article{flex-direction:column!important}
  .list-article-img{width:100%!important;height:180px!important}

  /* Footer (Inter template) */
  footer{padding:24px 16px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:20px!important}

}/* end @media 768px — Inter/modern template */


/* ════════════════════════════════════════════════════════════════
   SHARED — Touch-target & accessibility fixes (both templates)
   ════════════════════════════════════════════════════════════════ */
@media(max-width:768px){

  /* Minimum 44px touch targets for all interactive elements */
  a,button,input[type="submit"],input[type="button"],
  .btn,.stamp,.tag,.eco,.nav a,.region-row,
  .header-cta,.bb-cta,.view-all{
    min-height:44px!important
  }

  /* Links in prose need inline treatment, not block */
  .prose a,.article-body a{min-height:auto!important}

  /* Ensure readable text minimum */
  body{font-size:16px!important}
  p,li,td,th,dd{font-size:15px!important;line-height:1.6!important}

  /* Prevent horizontal scrollbar globally */
  html{overflow-x:hidden!important}
  body{overflow-x:hidden!important;position:relative!important}
  main{overflow-x:hidden!important}

  /* Images never exceed viewport */
  img{max-width:100%!important;height:auto!important}

  /* Iframes (YouTube embeds, maps) */
  iframe{max-width:100%!important;width:100%!important}

  /* Pre/code blocks scroll */
  pre,code{max-width:100%!important;overflow-x:auto!important;word-break:break-all!important;font-size:13px!important}

  /* Horizontal rule spacing */
  hr,.rule{margin:16px 0!important}
}


/* ════════════════════════════════════════════════════════════════
   EXTRA SMALL (≤ 400px)
   ════════════════════════════════════════════════════════════════ */

  /* Gallery grid mobile — no overflow */
  #galerie [style*=grid-template-columns]{grid-template-columns:1fr 1fr !important;gap:6px !important}
  #galerie img{width:100% !important;height:100% !important}
  /* Eco card — no overflow */
  #eco{max-width:100% !important;overflow:hidden !important;box-sizing:border-box !important}
  #eco .row-fact .v{white-space:normal !important;word-break:break-word !important;max-width:60% !important}
  /* Global overflow kill */
  .rail,.fact-card,.stage,article,.prose,section,.article-body{max-width:100vw !important;overflow-x:hidden !important;box-sizing:border-box !important}

}

@media(max-width:400px){
  .brand-word{font-size:.85rem!important}
  .article-hero h1{font-size:1.15rem!important}
  h2[style]{font-size:1.1rem!important}
  .hero h1{font-size:28px!important}
  .numbers{grid-template-columns:1fr!important}
  .numbers .n .big{font-size:24px!important}
  .featured-main{min-height:220px!important}
  .featured-main h2{font-size:1.1rem!important}
  .stage{grid-template-columns:36px 1fr auto!important}
  .stage .day{font-size:18px!important}
  .fact-card .row-fact .k{font-size:8px!important}
  .fact-card .row-fact .v{font-size:12px!important}
  .water-point{grid-template-columns:30px 1fr auto!important
  /* Map iframe responsive */
  iframe[src*="openstreetmap"]{height:220px !important}
  .fact-card iframe{width:100% !important;height:220px !important}

}
}
/* Slideshow */
.slideshow{touch-action:pan-y}
#s1:checked ~ .slides{transform:translateX(0)}
#s2:checked ~ .slides{transform:translateX(-25%)}
#s3:checked ~ .slides{transform:translateX(-50%)}
#s4:checked ~ .slides{transform:translateX(-75%)}
#s1:checked ~ div label:nth-child(1),
#s2:checked ~ div label:nth-child(2),
#s3:checked ~ div label:nth-child(3),
#s4:checked ~ div label:nth-child(4){background:rgba(255,255,255,1) !important}

/* Video embeds */
.video-embed { margin: 2rem 0; border-radius: 12px; overflow: hidden; }
.video-embed iframe { border-radius: 12px; max-width: 100%; }
.video-caption { font-family: 'IBM Plex Mono', monospace; font-size: 0.85rem; color: #6b7b3a; margin-top: 0.5rem; font-style: italic; }
@media (max-width: 768px) { .video-embed iframe { height: 250px; } }