/* ==========================================
       FEATURED SUPPLIER — GOLDEN EYE SEAFOOD
       Page-specific styles only.
       Keeps the established Death Fish site-wide
       header/footer/assets/scripts intact.
    ========================================== */

    body[data-page="featured-supplier"] .page-hero{
      position:relative;
      min-height:520px;
      display:flex;
      align-items:center;
      background-image:
        linear-gradient(90deg, rgba(4,18,25,.94) 0%, rgba(4,18,25,.86) 48%, rgba(4,18,25,.58) 100%),
        url('/assets/img/hero-watermen-home.jpg');
      background-size:cover;
      background-position:center;
      overflow:hidden;
    }

    body[data-page="featured-supplier"] .page-hero:after{
      content:"";
      position:absolute;
      inset:auto 0 0 0;
      height:118px;
      background:linear-gradient(to bottom, rgba(4,18,25,0), rgba(244,238,224,.98));
      pointer-events:none;
    }

    body[data-page="featured-supplier"] .page-hero > .container{
      position:relative;
      z-index:2;
      width:min(1180px, calc(100% - 40px));
      max-width:1180px;
      margin-inline:auto;
    }

    .featured-supplier-hero-grid{
      display:grid;
      grid-template-columns:minmax(0,1.06fr) minmax(320px,.74fr);
      gap:42px;
      align-items:center;
      width:100%;
    }

    .featured-supplier-hero-copy{
      min-width:0;
    }

    .featured-supplier-hero-copy h1{
      max-width:680px;
      margin:0 0 18px;
      font-size:clamp(3rem, 5vw, 5.3rem);
      line-height:.94;
    }

    .featured-supplier-hero-copy p:not(.eyebrow){
      max-width:690px;
      margin-bottom:0;
      font-size:1.08rem;
      line-height:1.62;
    }

    .featured-supplier-hero-copy .button-row{
      margin-top:24px;
    }

    .featured-supplier-hero-mark{
      justify-self:end;
      width:min(100%, 475px);
      max-width:475px;
      padding:10px;
      border-radius:20px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(247,238,220,.20);
      box-shadow:0 20px 54px rgba(0,0,0,.26);
      backdrop-filter:blur(4px);
      overflow:hidden;
    }

    .featured-supplier-hero-mark img{
      display:block;
      width:100%;
      height:300px;
      object-fit:cover;
      object-position:left center;
      border-radius:13px;
    }

    .featured-supplier-light-section,
    .featured-supplier-cream-section{
      position:relative;
      padding:68px 0;
      color:#102832;
    }

    .featured-supplier-light-section{ background:#f4eee0; }
    .featured-supplier-cream-section{ background:#fbf7ee; }

    .featured-supplier-dark-section{
      padding:72px 0;
      background:
        radial-gradient(circle at top left, rgba(202,168,106,.18), transparent 34%),
        linear-gradient(135deg, #061923 0%, #0a2c38 100%);
      color:#f7eedc;
    }

    .featured-supplier-section-head{
      max-width:860px;
      margin:0 0 30px;
    }

    .featured-supplier-section-head.centered{
      margin:0 auto 38px;
      text-align:center;
    }

    .featured-supplier-section-head .section-title{
      color:inherit;
      margin-bottom:12px;
    }

    .featured-supplier-section-head .section-sub,
    .featured-supplier-card p,
    .featured-supplier-step p,
    .featured-supplier-form-card p,
    .featured-supplier-info-card p,
    .featured-supplier-standard-card p{
      color:rgba(16,40,50,.78);
      line-height:1.65;
    }

    .featured-supplier-dark-section .featured-supplier-section-head .section-sub,
    .featured-supplier-dark-section p{
      color:rgba(247,238,220,.78);
    }

    .featured-supplier-intro-grid{
      display:grid;
      grid-template-columns:minmax(0,1.02fr) minmax(310px,.98fr);
      gap:34px;
      align-items:start;
    }

    .featured-supplier-intro-card,
    .featured-supplier-card,
    .featured-supplier-info-card,
    .featured-supplier-step,
    .featured-supplier-form-card,
    .featured-supplier-standard-card{
      background:rgba(255,255,255,.76);
      border:1px solid rgba(25,65,76,.14);
      border-radius:22px;
      box-shadow:0 18px 45px rgba(7,27,36,.10);
    }

    .featured-supplier-intro-card,
    .featured-supplier-card,
    .featured-supplier-info-card,
    .featured-supplier-step,
    .featured-supplier-form-card,
    .featured-supplier-standard-card{
      padding:30px;
    }

    .featured-supplier-intro-card h2,
    .featured-supplier-card h2,
    .featured-supplier-card h3,
    .featured-supplier-info-card h3,
    .featured-supplier-step h3,
    .featured-supplier-form-card h2,
    .featured-supplier-standard-card h3{
      margin-top:0;
      color:#102832;
    }

    .featured-supplier-intro-card p:last-child,
    .featured-supplier-card p:last-child,
    .featured-supplier-info-card p:last-child,
    .featured-supplier-standard-card p:last-child{
      margin-bottom:0;
    }

    .featured-supplier-why-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:16px;
    }

    .featured-supplier-standard-card{
      padding:22px;
    }

    .featured-supplier-standard-card h3{
      margin-bottom:8px;
      font-size:1.06rem;
    }

    .featured-supplier-standard-card p{
      margin:0;
      font-size:.96rem;
    }

    .featured-supplier-standard-number{
      display:inline-grid;
      place-items:center;
      width:36px;
      height:36px;
      margin-bottom:13px;
      border-radius:50%;
      background:#102832;
      color:#f7eedc;
      font-weight:800;
    }

    .featured-supplier-lead-layout{
      display:grid;
      grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
      gap:34px;
      align-items:start;
    }

    .featured-supplier-side-stack{
      display:grid;
      gap:18px;
    }

    .featured-supplier-logo-card{
      overflow:hidden;
      padding:0;
      background:#082d48;
      max-height:360px;
    }

    .featured-supplier-logo-card img{
      display:block;
      width:100%;
      height:360px;
      object-fit:cover;
      object-position:center;
    }

    .featured-supplier-highlight{
      position:relative;
      overflow:hidden;
      padding:26px;
      border-radius:20px;
      background:#102832;
      color:#f7eedc;
      box-shadow:0 20px 48px rgba(7,27,36,.18);
    }

    .featured-supplier-highlight:after{
      content:"";
      position:absolute;
      right:-46px;
      top:-46px;
      width:132px;
      height:132px;
      border-radius:50%;
      background:rgba(202,168,106,.18);
    }

    .featured-supplier-highlight h3,
    .featured-supplier-highlight p{
      position:relative;
      z-index:1;
    }

    .featured-supplier-highlight h3{
      margin:0 0 10px;
      color:#f7eedc;
    }

    .featured-supplier-highlight p{
      margin:0;
      color:rgba(247,238,220,.82);
      line-height:1.62;
    }

    .featured-supplier-badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin:0 0 14px;
      padding:8px 12px;
      border-radius:999px;
      background:rgba(202,168,106,.18);
      border:1px solid rgba(202,168,106,.32);
      color:#f7eedc;
      font-size:.78rem;
      font-weight:900;
      letter-spacing:.09em;
      text-transform:uppercase;
    }

    .featured-supplier-info-list{
      display:grid;
      gap:12px;
      margin:20px 0 0;
      padding:0;
      list-style:none;
    }

    .featured-supplier-info-list li{
      position:relative;
      padding:13px 14px 13px 42px;
      border-radius:14px;
      background:rgba(255,255,255,.72);
      border:1px solid rgba(25,65,76,.10);
      color:rgba(16,40,50,.80);
      line-height:1.45;
    }

    .featured-supplier-info-list li:before{
      content:"✓";
      position:absolute;
      left:15px;
      top:12px;
      display:grid;
      place-items:center;
      width:19px;
      height:19px;
      border-radius:50%;
      background:#102832;
      color:#f7eedc;
      font-size:.75rem;
      font-weight:800;
    }

    .featured-supplier-process-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
    }

    .featured-supplier-step{
      position:relative;
      overflow:hidden;
    }

    .featured-supplier-step:after{
      content:"";
      position:absolute;
      right:-34px;
      top:-34px;
      width:100px;
      height:100px;
      border-radius:50%;
      background:rgba(202,168,106,.16);
    }

    .featured-supplier-step-number{
      display:inline-grid;
      place-items:center;
      width:42px;
      height:42px;
      margin-bottom:18px;
      border-radius:50%;
      background:#102832;
      color:#f7eedc;
      font-family:var(--font-display, inherit);
      letter-spacing:.05em;
    }

    .featured-supplier-form{
      display:grid;
      gap:18px;
    }

    .featured-supplier-field{
      display:grid;
      gap:8px;
    }

    .featured-supplier-field label,
    .featured-supplier-group-label{
      color:#102832;
      font-weight:800;
      letter-spacing:.02em;
    }

    .featured-supplier-field input,
    .featured-supplier-field textarea,
    .featured-supplier-field select{
      width:100%;
      box-sizing:border-box;
      padding:14px 15px;
      border:1px solid rgba(25,65,76,.20);
      border-radius:12px;
      background:rgba(255,255,255,.92);
      color:#102632;
      font:inherit;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
    }

    .featured-supplier-field input:focus,
    .featured-supplier-field textarea:focus,
    .featured-supplier-field select:focus{
      outline:2px solid rgba(202,168,106,.42);
      border-color:rgba(202,168,106,.70);
    }

    .featured-supplier-field textarea{
      min-height:112px;
      resize:vertical;
    }

    .featured-supplier-grid-2{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
    }

    .featured-supplier-checkbox-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:12px 16px;
      padding:18px;
      border:1px solid rgba(25,65,76,.14);
      border-radius:18px;
      background:rgba(250,242,224,.58);
    }

    .featured-supplier-check{
      display:flex;
      gap:10px;
      align-items:flex-start;
      min-width:0;
      color:rgba(16,40,50,.82);
      line-height:1.4;
      font-weight:800;
      letter-spacing:.01em;
    }

    .featured-supplier-check input[type="checkbox"]{
      width:18px;
      height:18px;
      min-width:18px;
      margin:2px 0 0;
      padding:0;
      flex:0 0 18px;
      accent-color:#caa86a;
    }

    .featured-supplier-consent{
      padding:16px;
      border:1px solid rgba(25,65,76,.14);
      border-radius:18px;
      background:rgba(250,242,224,.58);
    }

    .featured-supplier-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      align-items:center;
      margin-top:4px;
    }

    .featured-supplier-actions .btn{
      border:0;
      cursor:pointer;
    }

    .featured-supplier-actions .btn-outline{
      border:1px solid rgba(16,40,50,.28);
      color:#102832;
    }

    .featured-supplier-status{
      display:none;
      margin:2px 0 0;
      padding:13px 15px;
      border-radius:14px;
      background:rgba(255,255,255,.72);
      border:1px solid rgba(25,65,76,.14);
      color:#102832;
      line-height:1.45;
    }

    .featured-supplier-status.is-visible{
      display:block;
    }

    .featured-supplier-hp{
      position:absolute;
      left:-9999px;
      width:1px;
      height:1px;
      opacity:0;
      pointer-events:none;
    }

    .featured-supplier-provenance{
      display:grid;
      grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);
      gap:30px;
      align-items:center;
    }

    .featured-supplier-provenance-card{
      padding:34px;
      border-radius:24px;
      background:rgba(255,255,255,.74);
      border:1px solid rgba(25,65,76,.14);
      box-shadow:0 18px 45px rgba(7,27,36,.10);
    }

    .featured-supplier-provenance-card h2{
      margin-top:0;
      color:#102832;
    }

    .featured-supplier-provenance-card p{
      color:rgba(16,40,50,.78);
      line-height:1.65;
    }

    .featured-supplier-provenance-card p:last-child{
      margin-bottom:0;
    }

    .featured-supplier-map-card{
      padding:30px;
      border-radius:24px;
      background:#102832;
      color:#f7eedc;
      box-shadow:0 20px 48px rgba(7,27,36,.18);
    }

    .featured-supplier-map-card h3{
      margin-top:0;
      color:#f7eedc;
    }

    .featured-supplier-map-card p{
      color:rgba(247,238,220,.78);
      line-height:1.6;
    }

    .featured-supplier-map-card .btn-outline{
      border-color:rgba(247,238,220,.34);
      color:#f7eedc;
    }

    .featured-supplier-cta-card{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:24px;
      align-items:center;
      padding:34px;
      border-radius:26px;
      border:1px solid rgba(202,168,106,.34);
      background:rgba(255,255,255,.08);
      box-shadow:0 22px 60px rgba(0,0,0,.22);
    }

    .featured-supplier-cta-card h2{
      margin:0 0 10px;
      color:#f7eedc;
    }

    .featured-supplier-cta-card p{
      margin:0;
      max-width:760px;
    }

    .featured-supplier-cta-card .button-row{
      justify-content:flex-end;
      white-space:nowrap;
    }

    @media (max-width:980px){
      .featured-supplier-hero-grid,
      .featured-supplier-intro-grid,
      .featured-supplier-lead-layout,
      .featured-supplier-provenance{
        grid-template-columns:1fr;
      }

      .featured-supplier-hero-mark{
        justify-self:start;
        width:min(100%, 620px);
        max-width:620px;
      }

      .featured-supplier-hero-mark img{
        height:auto;
        max-height:360px;
      }

      .featured-supplier-process-grid{
        grid-template-columns:repeat(2,1fr);
      }

      .featured-supplier-cta-card{
        grid-template-columns:1fr;
      }

      .featured-supplier-cta-card .button-row{
        justify-content:flex-start;
        white-space:normal;
      }
    }

    @media (max-width:760px){
      .featured-supplier-grid-2,
      .featured-supplier-checkbox-grid,
      .featured-supplier-process-grid,
      .featured-supplier-why-grid{
        grid-template-columns:1fr;
      }
    }

    @media (max-width:560px){
      body[data-page="featured-supplier"] .page-hero{
        min-height:500px;
      }

      body[data-page="featured-supplier"] .page-hero > .container{
        width:min(100% - 28px, 1180px);
      }

      .featured-supplier-light-section,
      .featured-supplier-cream-section,
      .featured-supplier-dark-section{
        padding:50px 0;
      }

      .featured-supplier-intro-card,
      .featured-supplier-card,
      .featured-supplier-info-card,
      .featured-supplier-step,
      .featured-supplier-form-card,
      .featured-supplier-standard-card,
      .featured-supplier-provenance-card,
      .featured-supplier-map-card,
      .featured-supplier-cta-card{
        padding:22px;
      }

      .featured-supplier-actions .btn{
        width:100%;
      }
    }