/* Student discount pages use the external verification shells captured from
 * FARFETCH. They intentionally do not use the generic editorial hero. */
.destination-student .header-secondary { display: none; }
.destination-student .newsletter { display: none; }

.student-discount-main {
  background: #f5f5f5;
  color: #222;
  font-family: "Farfetch Basis", Arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  min-height: 600px;
  overflow: hidden;
  position: relative;
}

.student-discount-main h1,
.student-discount-main p { margin: 0; }
.student-actions { display: flex; gap: 14px; }
.student-actions a { color: #222; text-decoration: none; }

.student-unidays { background: #fff; min-height: 724px; }
.student-unidays-brand { position: absolute; left: 20px; top: 20px; line-height: 15px; }
.student-unidays-brand span,
.student-unidays-brand strong { display: block; font-weight: 700; }
.student-unidays-brand span { font-size: 12px; line-height: 12px; }
.student-unidays-brand strong { font-size: 25px; line-height: 22px; }
.student-unidays-copy { margin: 0 auto; max-width: 360px; padding-top: 180px; text-align: center; }
.student-unidays-copy h1 span,
.student-unidays-copy h1 strong { display: block; font-size: 30px; line-height: 38px; }
.student-unidays-copy h1 strong { font-weight: 700; }
.student-unidays-copy p { margin: 16px auto 0; max-width: 355px; }
.student-unidays-copy p + p { margin-top: 12px; max-width: 330px; }
.student-unidays-copy .student-actions { justify-content: center; margin-top: 28px; }
.student-unidays-copy .student-actions a { border: 1px solid #222; border-radius: 6px; min-width: 125px; padding: 10px 22px; }
.student-terms { color: #222; display: inline-block; font-size: 11px; margin-top: 16px; text-decoration: underline; }
.student-unidays-legal { bottom: 26px; font-size: 11px; left: 16px; line-height: 14px; position: absolute; right: 16px; text-align: center; }
.student-unidays-legal a { color: #222; text-decoration: underline; }
.student-unidays-links { display: block; }
.student-unidays-region { display: inline-block; }
.student-unidays-legal p { display: none; }

.student-verification-card { background: #fff; border: 1px solid #e1dee5; border-radius: 8px; box-shadow: 0 3px 8px rgb(0 0 0 / 12%); margin: 40px auto 0; max-width: 510px; overflow: hidden; position: relative; }
.student-card-hero { height: 173px; overflow: hidden; }
.student-card-hero img { display: block; height: 100%; object-fit: cover; width: 100%; }
.student-card-monogram { align-items: center; background: #fff; border: 2px solid #e8e4ec; border-radius: 16px; color: #000; display: flex; height: 96px; justify-content: center; left: 20px; position: absolute; top: 123px; width: 96px; }
.student-card-monogram svg { display: block; fill: currentColor; height: 56px; width: 56px; }
.student-card-content { padding: 68px 20px 20px; }
.student-card-eyebrow { font-size: 15px; margin-bottom: 10px !important; }
.student-card-content h1 { font-size: 24px; line-height: 29px; margin-bottom: 8px; }
.student-card-intro { font-size: 16px; line-height: 22px; }
.student-card-content .student-actions { flex-direction: column; gap: 6px; margin-top: 20px; }
.student-card-content .student-actions a { align-items: center; border: 1px solid #e1dee5; border-radius: 8px; display: flex; justify-content: space-between; min-height: 56px; padding: 0 16px; }
.student-card-content .student-actions span { font-size: 32px; line-height: 20px; }
.student-verification-bar { align-items: center; background: #faf8fb; border-top: 1px solid #e1dee5; display: flex; font-size: 12px; justify-content: space-between; min-height: 44px; padding: 0 16px; }
.student-verification-bar strong { font-size: 14px; }
.student-verification-bar small { font-size: 12px; }

.student-beans .student-verification-card { min-height: 580px; }
.student-beans .student-card-content { padding-top: 68px; text-align: center; }
.student-beans .student-card-content h1 { color: #071a3a; font-size: 25px; line-height: 30px; margin-inline: auto; max-width: 330px; }
.student-beans .student-card-content .student-actions { margin: 22px 20px 0; }
.student-beans .student-verification-bar { align-items: center; flex-direction: column; gap: 8px; justify-content: center; min-height: 82px; }
.student-beans .student-verification-bar strong { color: #071a3a; font-size: 20px; }
.student-beans-cookie { background: rgb(0 0 0 / 48%); inset: 0; position: absolute; z-index: 5; }
.student-beans-cookie-dialog { background: #fff; border: 1px solid #222; border-radius: 5px; box-shadow: 0 2px 3px rgb(0 0 0 / 20%); box-sizing: border-box; color: #001743; margin: 230px auto 0; max-width: 600px; min-height: 172px; padding: 36px 32px 30px; text-align: center; }
.student-beans-cookie-dialog p { font-size: 12px; line-height: 18px; margin: 0 auto; max-width: 500px; }
.student-beans-cookie-dialog > div { align-items: center; display: flex; gap: 32px; justify-content: center; margin-top: 24px; }
.student-beans-cookie-dialog button { background: transparent; border: 0; color: #0000d7; cursor: pointer; font: inherit; font-size: 12px; font-weight: 700; min-height: 43px; padding: 0 18px; text-decoration: underline; }
.student-beans-cookie-dialog [data-student-beans-cookie-accept] { background: #0900e8; border-radius: 6px; color: #fff; min-width: 164px; text-decoration: none; }

@media (max-width: 600px) {
  .destination-student .site-header { position: sticky; top: -30px; }
  body.page.destination-page.destination-student:not(.farfetch-catalog-page):not(.farfetch-product-page):not(.farfetch-account-page) .retail-site-header .header-secondary {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }
  .student-discount-main { min-height: 600px; }
  .student-unidays { min-height: 724px; }
  .student-verification-card { border: 0; border-radius: 0; box-shadow: none; margin: 0; max-width: none; }
  .student-youth { min-height: 686px; }
  .student-youth .student-verification-card { min-height: 586px; }
  .student-senior .student-verification-card { min-height: 500px; }
  .student-beans { min-height: 746px; }
  .student-beans::before { background: url('../images/student/beans-hero.jpg') center / cover no-repeat; content: ''; height: 77px; inset: 0 0 auto; position: absolute; }
  .student-beans .student-verification-card { border: 1px solid #e1dee5; border-radius: 8px; box-shadow: 0 3px 8px rgb(0 0 0 / 12%); margin: 77px 16px 0; min-height: 432px; overflow: hidden; }
  .student-beans .student-card-hero { display: none; }
  .student-beans .student-card-content { padding-top: 32px; }
  .student-beans .student-card-eyebrow { display: none; }
  .student-card-content { padding: 68px 20px 20px; }
  .student-youth .student-card-content h1,
  .student-senior .student-card-content h1 { font-size: 24px; line-height: 29px; }
  .student-youth .student-verification-bar,
  .student-senior .student-verification-bar { margin-top: 0; }
  .student-youth .student-card-content .student-actions { margin-top: 20px; }
  .student-senior .student-card-content .student-actions { margin-top: 20px; }
  .destination-student .women-landing-footer-disclaimer p:last-child { font-size: 12px; max-width: none; }
  .student-beans-cookie { top: 77px; }
  .student-beans-cookie-dialog { margin: 59px 10px 0; max-width: none; min-height: 232px; padding: 35px 20px 23px; }
  .student-beans-cookie-dialog p { line-height: 17px; max-width: 310px; }
  .student-beans-cookie-dialog > div { flex-direction: column; gap: 10px; margin-top: 23px; }
  .student-beans-cookie-dialog button { width: 100%; }
  .student-beans-cookie-dialog [data-student-beans-cookie-accept] { min-width: 0; }
}

@media (min-width: 601px) and (max-width: 820px) {
  body.page.destination-page.destination-student:not(.farfetch-catalog-page):not(.farfetch-product-page):not(.farfetch-account-page) .retail-site-header .header-secondary {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }
  .destination-student .header-primary { height: 68px; }
  .student-discount-main { min-height: 688px; }
  .student-unidays { display: grid; grid-template-columns: minmax(0, calc(50% - 4px)) minmax(0, 1fr); grid-template-rows: 622px 102px; min-height: 724px; }
  .student-unidays-brand { grid-column: 1; grid-row: 1; }
  .student-unidays-copy { grid-column: 1; grid-row: 1; padding-top: 180px; }
  .student-unidays-legal { bottom: auto; grid-column: 1 / span 2; grid-row: 2; padding: 6px 20px 0; position: static; text-align: left; }
  .student-unidays-links { display: inline; }
  .student-unidays-region { float: right; }
  .student-unidays-legal p { display: block; font-size: 11px; line-height: 15px; margin: 18px auto 0; max-width: 600px; text-align: center; }
  .student-unidays::after { background: url('../images/student/unidays-hero.jpg') center / cover no-repeat; content: ''; grid-column: 2; grid-row: 1; }
  .student-verification-card { margin-top: 40px; }
  .student-beans::before { background: url('../images/student/beans-hero-wide.jpg') center / cover no-repeat; content: ''; height: 85px; inset: 0 0 auto; position: absolute; }
  .student-beans .student-verification-card { border: 1px solid #e1dee5; border-radius: 8px; box-shadow: 0 3px 8px rgb(0 0 0 / 12%); margin: 85px auto 0; max-width: 384px; min-height: 432px; overflow: hidden; }
  .student-beans .student-card-hero { display: none; }
  .student-beans .student-card-content { padding-top: 32px; }
  .student-beans .student-card-eyebrow { display: none; }
  .student-beans-cookie { top: 85px; }
  .student-beans-cookie-dialog { margin-top: 145px; }
  .student-beans { min-height: 746px; }
  .student-senior { min-height: 601px; }
}

@media (min-width: 821px) {
  .student-discount-main { min-height: 724px; }
  .student-unidays { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 622px 102px; }
  .student-unidays-brand { grid-column: 1; grid-row: 1; }
  .student-unidays-copy { grid-column: 1; grid-row: 1; padding-top: 180px; }
  .student-unidays-legal { bottom: auto; grid-column: 1 / span 2; grid-row: 2; padding-top: 8px; position: static; }
  .student-unidays::after { background: url('../images/student/unidays-hero.jpg') center / cover no-repeat; content: ''; grid-column: 2; grid-row: 1; }
  .student-verification-card { margin-top: 40px; }
}

/* The authorised phone verification screen uses 16px body copy.  This keeps
 * the second paragraph on three lines and anchors the actions at the source
 * y-position without changing the tablet two-column shell. */
@media (max-width: 600px) {
  /* The source consent veil ends 26px above the student shell footer. */
  .student-beans-cookie { bottom: 26px; }

  .student-unidays-copy { padding-top: 178px; }

  .student-unidays-copy p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
    max-width: 330px;
  }

  .student-unidays-copy .student-actions { margin-top: 20px; }
}
