/* Scoped V3 shipping and FAQ pages. The shared theme header/footer remain in use. */
.pdr-support{--support-yellow:#ffdc00;--support-black:#231f20;color:var(--support-black);background:#fff;font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.45}
.pdr-support [hidden]{display:none!important}
.pdr-support-container{width:calc(100% - 40px);max-width:1560px;margin-inline:auto}
.pdr-support button,.pdr-support summary,.pdr-support a{-webkit-tap-highlight-color:transparent}
.pdr-support button{font:inherit;border:0;cursor:pointer}
.pdr-support :focus-visible{outline:3px solid #007c91;outline-offset:5px}
/* Match the homepage section eyebrows at every breakpoint. */
.pdr-support-eyebrow {
    display: block;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    margin: 0 0 8px;
}
.pdr-support-body > .pdr-support-eyebrow { color: rgb(35 31 32 / 60%); }
.pdr-support-title{font-family:Gotham,Montserrat,sans-serif;font-weight:900;font-size:clamp(32px,4.85vw,70px);line-height:1.05;letter-spacing:-1.8px;text-transform:uppercase;margin:0}
.pdr-support-title span{display:block;color:var(--support-yellow)}
.pdr-support-hero{position:relative;min-height:500px;overflow:hidden;border-bottom:24px solid var(--support-yellow);isolation:isolate;background:#111c23;color:#fff}
.pdr-support-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 53%;z-index:-2}
.pdr-support-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 35%,rgba(0,0,0,.42) 64%,rgba(0,0,0,.65))}
.pdr-support-hero__inner{min-height:476px;display:flex;align-items:center;justify-content:flex-end;padding-block:55px}
.pdr-support-hero__copy{width:48%}
.pdr-support-hero .pdr-support-eyebrow{color:var(--support-yellow)}
.pdr-support-hero h1{font-family:Gotham,Montserrat,sans-serif;font-weight:900;font-size:clamp(44px,5.8vw,84px);line-height:.94;letter-spacing:-2.5px;text-transform:uppercase;margin:16px 0}
.pdr-support-hero h1 span{display:block;color:var(--support-yellow)}
.pdr-support-hero__intro{font-size:17px;line-height:1.2;font-weight:500;max-width:650px}
.pdr-support--faqs .pdr-support-hero{background:var(--support-yellow);color:var(--support-black);border-color:var(--support-black)}
.pdr-support--faqs .pdr-support-hero::after{display:none}
.pdr-support--faqs .pdr-support-hero__image{width:45%;max-width:680px;left:max(24px,calc((100% - 1328px)/2));object-fit:contain;object-position:center bottom;transform:scaleX(-1)}
.pdr-support--faqs .pdr-support-hero .pdr-support-eyebrow{color:var(--support-black)}
.pdr-support--faqs .pdr-support-hero h1{font-size:clamp(65px,7.5vw,108px);margin-top:10px;text-transform:none}
.pdr-support--faqs .pdr-support-hero__intro{font-size:20px;font-weight:500;line-height:1.3}
.pdr-support--faqs .pdr-support-hero__intro strong{font-weight:700}
@media(min-width:701px){
    .pdr-support--faqs .pdr-support-hero__inner{position:relative}
    .pdr-support--faqs .pdr-support-hero__copy{width:52%}
    /* Anchor the image to the copy column, leaving a fixed desktop gap.
       Its natural height extends below the hero and is clipped by overflow. */
    .pdr-support--faqs .pdr-support-hero__image{
        width:min(48vw,750px);
        max-width:none;
        height:auto;
        left:auto;
        right:calc(52% + 65px);
        top:30px;
        bottom:auto;
        transform:scaleX(-1);
    }
}
.pdr-support-body{padding-block:80px 68px}
.pdr-support-categories{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:35px;margin:74px 0 80px;align-items:stretch}
.pdr-support-category{background:var(--support-black);color:white;min-height:150px;padding:25px 12px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:background .15s,color .15s,transform .15s}
.pdr-support-category svg{width:24px;height:24px;fill:var(--support-yellow);margin-bottom:16px}
.pdr-support-category strong{font-family:Gotham,Montserrat,sans-serif;font-size:13px;line-height:1.15;letter-spacing:1px;text-transform:uppercase;max-width:130px}
.pdr-support-category>span{font-size:10px;line-height:1.25;margin-top:5px;max-width:125px}
.pdr-support-category[aria-pressed=true],.pdr-support-category:hover{background:var(--support-yellow);color:var(--support-black);transform:translateY(-12px)}
.pdr-support-category[aria-pressed=true] svg,.pdr-support-category:hover svg{fill:var(--support-black)}
.pdr-support-list-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.pdr-support-list-heading h3{font:900 27px/1.15 Gotham,Montserrat,sans-serif;text-transform:uppercase}
.pdr-support-list-heading p{font-size:12px;text-transform:uppercase;font-weight:700}
.pdr-support-question{scroll-margin-top:180px}
.pdr-support-question summary{display:flex;align-items:center;gap:28px;cursor:pointer;list-style:none;font-size:14px;line-height:1.35;font-weight:700;min-height:77px;padding:22px 24px}
.pdr-support-question summary::-webkit-details-marker{display:none}
.pdr-support-toggle{flex:none;margin-left:auto;position:relative;display:block;width:27px;height:27px;border-radius:50%;background:var(--support-yellow)}
.pdr-support-toggle::before,.pdr-support-toggle::after{content:"";position:absolute;top:13px;left:8px;width:11px;height:2px;background:var(--support-black)}
.pdr-support-toggle::after{transform:rotate(90deg)}
.pdr-support-question[open] .pdr-support-toggle::after{transform:rotate(0)}
.pdr-support--faqs .pdr-support-question{border:1px solid #d4cec4;margin-bottom:14px}
.pdr-support-question summary:hover{background:#fffbea}
.pdr-support-question[open] summary{background:#fffbea}
.pdr-support-answer{padding:0 24px 26px;max-width:1120px;font-size:16px;line-height:1.65;overflow-wrap:anywhere}
.pdr-support-answer p{margin:14px 0}
.pdr-support-answer h3{font-size:20px;font-weight:700;margin:24px 0 12px}
.pdr-support-answer ul,.pdr-support-answer ol{padding-left:24px;margin:14px 0;list-style:revert}
.pdr-support-answer a,.pdr-support-related a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.pdr-support-more-wrap{text-align:center;margin-top:54px}
.pdr-support-more{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:28px 32px;background:var(--support-black);color:#fff;text-transform:uppercase;font-family:Gotham,Montserrat,sans-serif!important;font-size:20px!important;letter-spacing:1.8px;line-height:1.35}
.pdr-support-more:hover{background:var(--support-yellow);color:var(--support-black)}
.pdr-support-more{transition:background-color 200ms ease,color 200ms ease}
.pdr-support-more svg{width:20px;height:12px;flex-shrink:0;transition:transform 200ms ease}
.pdr-support-more[data-expanded=true] svg{transform:rotate(180deg)}
.pdr-support--shipping .pdr-support-questions{margin-top:56px}
.pdr-support--shipping .pdr-support-question{border-bottom:1px solid #9c9797}
.pdr-support--shipping .pdr-support-question summary{min-height:118px;padding:25px 24px;font-family:Gotham,Montserrat,sans-serif;font-size:27px;font-weight:900;text-transform:uppercase}
.pdr-support-question__icon{display:block;flex:none;width:68px}
.pdr-support-question__icon svg{display:block;width:56px;height:56px;fill:var(--support-yellow)}
.pdr-support--shipping .pdr-support-answer{padding-left:120px}
.pdr-support-related{margin:24px 0 0;font-size:13px}
.pdr-support-contact{position:relative;background:var(--support-yellow);overflow:hidden;isolation:isolate}
.pdr-support-contact__inner{display:flex;align-items:center;justify-content:space-between;gap:48px;min-height:390px;padding-block:78px}
.pdr-support-contact__seal{position:absolute;z-index:-1;width:640px;height:640px;right:0;top:50%;transform:translateY(-50%);mix-blend-mode:multiply;opacity:.13}
.pdr-support-contact .pdr-support-title span{color:#fff}
.pdr-support-contact__text{max-width:520px;font-size:17px;line-height:1.25;margin-top:18px}
.pdr-support-contact__button{display:flex;align-items:center;justify-content:space-between;gap:60px;min-width:365px;padding:28px 40px;background:#fff;color:var(--support-black);text-decoration:none;font:900 24px/1.2 Gotham,Montserrat,sans-serif;text-transform:uppercase;letter-spacing:2px}
@media(min-width:1600px){.pdr-support-hero{min-height:550px}.pdr-support-hero__inner{min-height:526px}}
@media(max-width:1100px){.pdr-support-hero{min-height:355px;border-bottom-width:16px}.pdr-support-hero__inner{min-height:339px;padding-block:35px}.pdr-support-hero__intro{font-size:13px}.pdr-support-body{padding-block:58px}.pdr-support-categories{gap:22px;margin:52px 0}.pdr-support-category{min-height:106px;padding:18px 7px 12px}.pdr-support-category strong{font-size:10px}.pdr-support-category>span{font-size:8px}.pdr-support-category svg{width:20px;height:20px;margin-bottom:10px}.pdr-support-list-heading h3{font-size:20px}.pdr-support-list-heading p{font-size:10px}.pdr-support-question summary{min-height:58px;font-size:12px;padding:16px}.pdr-support--shipping .pdr-support-question summary{min-height:85px;font-size:21px}.pdr-support-question__icon{width:48px}.pdr-support-question__icon svg{width:42px;height:42px}.pdr-support--shipping .pdr-support-answer{padding-left:100px}.pdr-support-contact__inner{min-height:280px;padding-block:50px}.pdr-support-contact__button{min-width:260px;padding:24px 28px;font-size:19px;gap:30px}.pdr-support-contact__seal{width:460px;height:460px}.pdr-support-contact__text{font-size:14px;max-width:390px}}
@media(max-width:700px){.pdr-support-container{width:calc(100% - 40px)}.pdr-support-hero{min-height:0;border-bottom-width:12px}.pdr-support-hero__inner{min-height:510px;align-items:flex-end;padding-block:30px}.pdr-support-hero__copy{width:100%}.pdr-support-hero__image{object-position:29% top;height:340px}.pdr-support-hero::after{background:linear-gradient(0deg,#111c23 12%,rgba(17,28,35,.97) 30%,transparent 67%)}.pdr-support-hero h1,.pdr-support--faqs .pdr-support-hero h1{font-size:48px;letter-spacing:normal;line-height:.98;margin:10px 0 15px}.pdr-support-hero__intro,.pdr-support--faqs .pdr-support-hero__intro{font-size:14px;font-weight:500;line-height:1.4;max-width:420px}.pdr-support--faqs .pdr-support-hero__inner{min-height:480px;align-items:flex-start;padding-top:35px}.pdr-support--faqs .pdr-support-hero__image{width:90%;max-width:420px;height:265px;left:5%;top:auto;bottom:0}.pdr-support-title{font-size:36px;line-height:1.06;letter-spacing:-1px}.pdr-support-body{padding-block:45px}.pdr-support-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:32px 0}.pdr-support-category{min-height:106px;padding:14px 10px}.pdr-support-category:first-child{grid-column:1/-1;min-height:82px}.pdr-support-category[aria-pressed=true],.pdr-support-category:hover{transform:none}.pdr-support-category strong{font-size:12px;max-width:170px}.pdr-support-category>span{font-size:10px;max-width:160px}.pdr-support-list-heading{align-items:flex-start;gap:10px}.pdr-support-list-heading h3{font-size:19px}.pdr-support-list-heading p{font-size:9px;max-width:112px;text-align:right}.pdr-support-question summary{font-size:12px;gap:16px;min-height:66px;padding:16px 14px}.pdr-support-toggle{width:25px;height:25px}.pdr-support-toggle::before,.pdr-support-toggle::after{top:12px;left:7px}.pdr-support-answer{font-size:14px;padding:0 16px 20px}.pdr-support-more{font-size:14px!important;letter-spacing:1px;gap:15px;padding:22px;width:100%}.pdr-support-more-wrap{margin-top:30px}.pdr-support--shipping .pdr-support-questions{margin-top:30px}.pdr-support--shipping .pdr-support-question summary{min-height:88px;font-size:17px;gap:13px;padding:16px 0}.pdr-support-question__icon{width:38px}.pdr-support-question__icon svg{width:34px;height:34px}.pdr-support--shipping .pdr-support-answer{padding:0 0 24px}.pdr-support-contact__inner{min-height:360px;flex-direction:column;align-items:flex-start;gap:28px;padding-block:42px}.pdr-support-contact__text{font-size:14px;max-width:340px}.pdr-support-contact__button{width:100%;min-width:0;font-size:19px;padding:22px 25px}.pdr-support-contact__seal{right:-145px;width:420px;height:420px}.pdr-support-question{scroll-margin-top:135px}}

/* Desktop FAQ hero proportions; move the image and copy together to retain the gap. */
@media (min-width: 1101px) {
    .pdr-support--faqs .pdr-support-hero { min-height: 555px; }
    .pdr-support--faqs .pdr-support-hero__inner {
        min-height: 531px;

    }
    .pdr-support--faqs .pdr-support-hero h1 { font-size: 128px; }
    .pdr-support--faqs .pdr-support-hero__copy { width: calc(52% - 32px); }
    .pdr-support--faqs .pdr-support-hero__image { top: 20px; right: calc(52% + 33px); }
}

/* Section typography follows the homepage favourites heading. */
.pdr-support-title {
    font-family: "Gotham Ultra", Gotham, Montserrat, "Arial Black", sans-serif;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: -0.01em;
    line-height: 0.95;
}
@media (min-width: 640px) {
    .pdr-support-title { font-size: 48px; }
}
@media (min-width: 768px) {
    .pdr-support-title { font-size: 72px; }
}

/* Expanded answers align with the panel edge, not the icon/title column. */
.pdr-support-answer,
.pdr-support--shipping .pdr-support-answer {
    max-width: none;
    padding: 28px;
    color: var(--prodog-black);
    font-weight: 400;
    line-height: 1.5;
}
.pdr-support-answer strong { font-weight: 700; }
.pdr-support-answer em { font-style: italic; }
.pdr-support-answer h3 {
    color: var(--support-black);
    font: 900 20px/1.25 Gotham, Montserrat, sans-serif;
    margin: 16px 0 12px;
}
.pdr-support-answer h3:not(:first-child) {
    border-top: 1px solid #d7d5d5;
    margin-top: 40px;
    padding-top: 40px;
}
.pdr-support-answer p { margin: 0 0 24px; }
.pdr-support-answer ul, .pdr-support-answer ol { margin: -8px 0 24px; }
.pdr-support-answer > :last-child { margin-bottom: 0; }
.pdr-support--shipping .pdr-support-question { border-bottom: 1px solid #aaa5a6; }
.pdr-support--shipping .pdr-support-question[open] summary {
    background: var(--support-black);
    color: var(--support-yellow);
}
.pdr-support--faqs .pdr-support-question summary {
    font-family: Montserrat, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
}
.pdr-support--faqs .pdr-support-question[open] summary {
    background: var(--support-black);
    color: var(--support-yellow);
}

/* Mobile and tablet category buttons form full-width rows. */
@media (max-width: 1024px) {
    .pdr-support-category { scroll-margin-top: 135px; }
    .pdr-support-categories { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .pdr-support-category, .pdr-support-category:first-child {
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr) 12px;
        grid-template-rows: auto auto;
        column-gap: 14px;
        row-gap: 5px;
        min-height: 92px;
        padding: 18px 16px;
        text-align: left;
        justify-items: start;
        align-content: center;
        transform: none;
    }
    .pdr-support-category svg { grid-column: 1; grid-row: 1 / 3; width: 24px; height: 24px; margin: 0; align-self: center; }
    .pdr-support-category strong { grid-column: 2; grid-row: 1; max-width: none; font-size: 15px; line-height: 1.2; letter-spacing: 0.04em; }
    .pdr-support-category > span { grid-column: 2; grid-row: 2; max-width: none; font-size: 12px; line-height: 1.3; margin: 0; opacity: 0.8; }
    .pdr-support-category::after { content: ""; grid-column: 3; grid-row: 1 / 3; width: 10px; height: 10px; border-right: 3px solid currentColor; border-bottom: 3px solid currentColor; transform: rotate(45deg); align-self: center; }
    .pdr-support-category[aria-pressed=true], .pdr-support-category:hover { transform: none; }
    .pdr-support-results { min-width: 0; margin: 8px 0 20px; }
    .pdr-support-category[aria-pressed=true]::after { transform: rotate(225deg); }
}

@media (max-width: 767px) {
    .pdr-support-answer, .pdr-support--shipping .pdr-support-answer { padding: 28px 0; font-size: 14px; }
    .pdr-support--faqs .pdr-support-answer { padding: 28px; }
    .pdr-support-answer h3 { font-size: 18px; }
    .pdr-support-answer h3:not(:first-child) { margin-top: 28px; padding-top: 28px; }
    .pdr-support--shipping .pdr-support-question summary { padding-inline: 12px; }
    .pdr-support--faqs .pdr-support-question summary { font-size: 14px; }
}

/* Original supplied SVGs: FAQ artwork inherits colour; shipping has authored state variants. */
.pdr-support-category { --support-icon-cutout: #231f20; }
.pdr-support-category svg { color: var(--prodog-yellow); }
.pdr-support-category:hover,
.pdr-support-category[aria-pressed=true] { --support-icon-cutout: var(--support-yellow); }
.pdr-support-category:hover svg,
.pdr-support-category[aria-pressed=true] svg { color: var(--prodog-black); }
.pdr-support-icon-default, .pdr-support-icon-active { display: block; }
.pdr-support-icon-active { display: none; }
.pdr-support--shipping .pdr-support-question summary:hover,
.pdr-support--shipping .pdr-support-question summary:focus-visible {
    background: var(--support-black);
    color: var(--support-yellow);
}
.pdr-support-question[open] .pdr-support-icon-default,
.pdr-support-question summary:hover .pdr-support-icon-default,
.pdr-support-question summary:focus-visible .pdr-support-icon-default { display: none; }
.pdr-support-question[open] .pdr-support-icon-active,
.pdr-support-question summary:hover .pdr-support-icon-active,
.pdr-support-question summary:focus-visible .pdr-support-icon-active { display: block; }

/* Contact callout follows the homepage Join typography and button. */
.pdr-support-contact .pdr-support-title {
    margin: 8px 0 0;
    font-family: "Gotham Ultra", "Montserrat", "Arial Black", sans-serif;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: -0.01em;
    line-height: 0.95;
}
.pdr-support-contact__text {
    max-width: 448px;
    margin: 16px 0 0;
    color: rgb(35 31 32 / 80%);
    font-size: 16px;
    line-height: 1.5;
}
.pdr-support-contact__button {
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    gap: 8px;
    border: 0;
    padding: 16px 28px;
    background: var(--prodog-black);
    color: var(--prodog-yellow);
    font-family: Montserrat, Arial, sans-serif;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.1em;
    line-height: 1.5;
}
.pdr-support-contact__button:hover { color: var(--prodog-yellow); }
.pdr-support-contact__button svg {
    flex-shrink: 0;
    transition: transform 150ms ease;
}
.pdr-support-contact__button:hover svg { transform: translateX(4px); }
.pdr-support-contact__button:focus-visible {
    outline: 3px solid var(--prodog-black);
    outline-offset: 3px;
}
@media (min-width: 640px) {
    .pdr-support-contact .pdr-support-title { font-size: 48px; }
}
@media (min-width: 768px) {
    .pdr-support-contact .pdr-support-title { font-size: 72px; }
}

/* Consistent FAQ category typography across all screen sizes. */
.pdr-support-category > span { font-size: 12px; }
.pdr-support-category strong { font-size: 15px; }