@charset "utf-8";
    /* ============================
       PIE – CSS
    ============================ */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --pie-bg: #f0ede8;
      --pie-white: #ffffff;
      --pie-dark: #1a1a18;
      --pie-mid: #7a7568;
      --pie-light-mid: #9a9590;
      --pie-border: #dedad4;
    }

    body { background: var(--pie-white); font-family: 'Jost', sans-serif; color: var(--pie-dark); }

    /* ================================================
       PIE BENEFITS BAR
    ================================================ */
    .pie-benefits {
      background-color: #F2F1EF;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
    }

    .pie-benefit {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 70px 0 100px 0;
      border-right: 2px solid #FFF;
    }
    .pie-benefit:last-child { border-right: none; }

    .pie-benefit__icon {
      margin-bottom: 18px;
    }
    .pie-benefit__icon svg {
      width: 70px;
      height: 70px;
      stroke: var(--pie-dark);
      fill: none;
      stroke-width: 1.2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .pie-benefit__title {
      font-family: 'Sitka Text', Georgia, serif;
      font-size: 26px;
      font-weight: 400;
		letter-spacing: 0.12em;
      color: #2D2D2D;
      margin-bottom: 12px;
    }

    .pie-benefit__desc {
		font-family: 'Poppins';
      font-size: 18px;
      font-weight: 400;
      line-height: 1.5;
      color: #2D2D2D;
      max-width: 85%;
    }
    .pie-benefit__desc strong { font-weight: 500; }

    /* ================================================
       PIE MAIN FOOTER
    ================================================ */
    .pie-main {
      background-color: #fff;
      border-top: 1px solid #FFF;
		width: 100%;
    }

    .pie-main-inner {
      max-width: 100%;
      margin: 0 auto;
      padding: 56px 40px 48px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 2fr;
      gap: 28px;
    }

    /* Column titles */
    .pie-col-title {      
      font-size: 16px;
      font-weight: 600;
      color: #2D2D2D;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
		text-transform: uppercase;
		font-family: 'Sitka Text', Georgia, serif;
    }

    /* Menu links */
    .pie-menu ul { list-style: none; }
    .pie-menu ul li { margin-bottom: 12px; }
    .pie-menu ul li a {
      font-size: 15px;
      font-weight: 300;
		line-height: 1.3;
      color: #2D2D2D;
      text-decoration: none;
      letter-spacing: 0.02em;
      transition: color 0.2s;
		font-family: 'Poppins';
    }
    .pie-menu ul li a:hover { color: var(--pie-dark); }

    /* Brand column */
    .pie-col-brand .pie-col-title {
      font-family: 'Sitka Text', Georgia, serif;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0;
      text-transform: uppercase;
      justify-content: flex-start;
    }

    .pie-brand__desc {
      font-size: 15px;
      font-weight: 400;
      line-height: 1.75;
      color: #2D2D2D;
      margin-bottom: 32px;
		font-family: 'Poppins';
    }

    .pie-social-label {
      font-size: 15px;
      font-weight: 300;
      color: #2D2D2D;
      margin-bottom: 14px;
		font-family: 'Poppins';
    }

    .pie-social {
      display: flex;
      gap: 18px;
      align-items: center;
    }
    .pie-social a {
      color: var(--pie-dark);
      text-decoration: none;
      display: flex;
      align-items: center;
      transition: opacity 0.2s;
    }
    .pie-social a:hover { opacity: 0.4; }
    .pie-social svg { width: 20px; height: 20px; }

    /* ================================================
       PIE BOTTOM BAR
    ================================================ */
    .pie-bottom {
      background: var(--pie-white);
      border-top: 1px solid var(--pie-border);
    }
    .pie-bottom-inner {
      max-width: 100%;
      margin: 0 auto;
      padding: 18px 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      flex-wrap: wrap;
    }

    .pie-bottom__locale {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 0.14em;
      color: var(--pie-dark);
      text-transform: uppercase;
    }
    .pie-bottom__locale img { width: 22px; border-radius: 2px; }

    .pie-bottom__copy {
      font-size: 15px;
      font-weight: 300;
      letter-spacing: 0.3em;
      color: #2D2D2D;
      text-transform: uppercase;
      text-align: center;
		font-family: 'Poppins';
    }

    .pie-bottom__payments {
      display: flex;
      align-items: center;
      gap: 7px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }

    .pie-pay {
      height: 26px;
      min-width: 38px;
      padding: 0 7px;
      border: 1px solid #ddd;
      border-radius: 3px;
      background: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 9px;
      font-weight: 700;
    }
    .pie-pay--visa   { font-family: serif; font-size: 14px; font-style: italic; color: #1a1f71; letter-spacing: 0; }
    .pie-pay--mc     { background: transparent; border: none; gap: 0; padding: 0; }
    .pie-pay--mc .pie-mc-l,
    .pie-pay--mc .pie-mc-r { display: block; width: 18px; height: 18px; border-radius: 50%; }
    .pie-pay--mc .pie-mc-l { background: #eb001b; }
    .pie-pay--mc .pie-mc-r { background: #f79e1b; margin-left: -7px; }
    .pie-pay--amex   { background: #2557d6; color: #fff; font-size: 8px; border: none; letter-spacing: 0.05em; }
    .pie-pay--pp     { font-family: serif; font-style: italic; color: #003087; font-size: 12px; border-color: #ddd; }
    .pie-pay--diners { background: #004a97; color: #fff; font-size: 8px; border: none; border-radius: 12px; }
    .pie-pay--disc   { color: #231f20; font-size: 7px; letter-spacing: 0.03em; }

    /* ================================================
       ACCORDION CHEVRON
    ================================================ */
    .pie-chevron {
      width: 14px;
      height: 14px;
      stroke: var(--pie-dark);
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: transform 0.3s ease;
      display: none;
      flex-shrink: 0;
    }

    /* ================================================
       RESPONSIVE
    ================================================ */
    @media (max-width: 1100px) {
      .pie-main-inner {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 28px;
      }
      .pie-col-brand {
        grid-column: 1 / 4;
        padding-top: 16px;
        border-top: 1px solid var(--pie-border);
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        align-items: start;
      }
      .pie-col-brand .pie-col-title { grid-column: 1 / 3; margin-bottom: 0; }
    }

    @media (max-width: 768px) {
      .pie-benefits { grid-template-columns: 1fr; }
      .pie-benefit { border-right: none; border-bottom: 1px solid var(--pie-border); padding: 28px 20px; }
      .pie-benefit:last-child { border-bottom: none; }

      .pie-main-inner { grid-template-columns: 1fr 1fr; padding: 36px 20px; }
      .pie-col-brand { grid-column: 1 / 3; grid-template-columns: 1fr; }
      .pie-col-brand .pie-col-title { grid-column: 1; }
    }

    @media (max-width: 600px) {
      .pie-main-inner { grid-template-columns: 1fr; padding: 0 20px; gap: 0; }

      .pie-menu { border-bottom: 1px solid var(--pie-border); }
      .pie-col-title.pie-accordion-trigger {
        cursor: pointer;
        padding: 18px 0;
        margin-bottom: 0;
        user-select: none;
        -webkit-user-select: none;
      }
      .pie-chevron { display: block; }
      .pie-col-title.pie-accordion-trigger.pie-open .pie-chevron { transform: rotate(180deg); }

      .pie-menu ul {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.35s ease, padding-bottom 0.3s ease;
        padding-bottom: 0;
      }
      .pie-menu ul.pie-open { max-height: 500px; padding-bottom: 18px; }

      .pie-col-brand { grid-column: 1; border-top: 1px solid var(--pie-border); padding-top: 28px; margin: 8px 0; grid-template-columns: 1fr; }
      .pie-col-brand .pie-col-title { grid-column: 1; margin-bottom: 12px; }

      .pie-bottom-inner { flex-direction: column; align-items: center; text-align: center; padding: 20px; gap: 14px; }
      .pie-bottom__payments { justify-content: center; }
    }