/* --------------------------------------------------------------------------
   Product Header
-------------------------------------------------------------------------- */
.product-header {
    position: absolute;
    /* Fixed at the top of the document */
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 105;
    /* Same as sticky header */
    background-color: #ffffff;
    border-bottom: 1px solid #000;
}

/* --------------------------------------------------------------------------
   Product Hero Section
-------------------------------------------------------------------------- */
.product-hero {
    position: relative;
    width: 100%;
    height: 100vh;
    /* Fixed fullscreen height */
    background-color: #1a1a1a;
    overflow: hidden;
    /* Prevent image overflow */
}

/* Image acts as a fullscreen background layer */
.product-hero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.product-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* Center the image by default, can be adjusted */
    display: block;
}

.product-hero-image.is-narrow-hero img {
    object-position: 30% 50%;
}

/* Text overlays on top of the image */
.product-hero-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 80px 20px 0;
    /* 80px from top */
    z-index: 2;
    /* Sit on top of image */
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: 0.8s;
}

body.is-loaded .product-hero-text {
    opacity: 1;
}

.product-hero-text img {
    width: 100%;
    max-width: 320px;
    height: auto;
    display: block;
}

/* --- SP (Standard Mobile) --- */
@media (max-width: 767px) {
    .product-page .product-hero-text {
        height: 100%;
        box-sizing: border-box;
    }

    .product-page .product-hero-text.is-narrow-hero img {
        width: 24vw; /* Default width for SP */
        max-width: none;
        max-height: 90%; /* Prevent cutoff */
        height: auto;
        object-fit: contain;
        object-position: left top;
    }

    /* Page-specific fine-tuning (SP) */
    /* JP */
    [lang="ja"] body[data-page-theme="1"] .product-hero-text .is-narrow-hero img,
    [lang="ja"] body[data-page-theme="1"] .product-hero-text img { width: 80.1vw; max-width: none; }
    [lang="ja"] body[data-page-theme="2"] .product-hero-text.is-narrow-hero img { width: 21.939vw; }
    [lang="ja"] body[data-page-theme="3"] .product-hero-text.is-narrow-hero img { width: 21.486vw; }
    [lang="ja"] body[data-page-theme="4"] .product-hero-text.is-narrow-hero img { width: 21.701vw; }
    [lang="ja"] body[data-page-theme="5"] .product-hero-text .is-narrow-hero img,
    [lang="ja"] body[data-page-theme="5"] .product-hero-text img { width: 79.799vw; max-width: none; }
    [lang="ja"] body[data-page-theme="6"] .product-hero-text.is-narrow-hero img { width: 18.896vw; }
    [lang="ja"] body[data-page-theme="7"] .product-hero-text.is-narrow-hero img { width: 21.586vw; }
    /* EN */
    [lang="en"] body[data-page-theme="1"] .product-hero-text img { width: 75.103vw; max-width: none; }
    [lang="en"] body[data-page-theme="2"] .product-hero-text.is-narrow-hero img { width: 26.9vw; }
    [lang="en"] body[data-page-theme="3"] .product-hero-text.is-narrow-hero img { width: 28.0vw; }
    [lang="en"] body[data-page-theme="4"] .product-hero-text.is-narrow-hero img { width: 22.7vw; }
    [lang="en"] body[data-page-theme="5"] .product-hero-text img { width: 75.644vw; max-width: none; }
    [lang="en"] body[data-page-theme="6"] .product-hero-text.is-narrow-hero img { width: 19.613vw; }
    [lang="en"] body[data-page-theme="7"] .product-hero-text.is-narrow-hero img { width: 21.437vw; }

    .product-page .quote-body {
        line-height: 1.5;
    }
}

/* --- PC Portrait (iPad, etc.) --- */
@media (min-width: 768px) and (orientation: portrait) {
    .product-page .product-hero-text {
        height: 100%;
        box-sizing: border-box;
    }

    /* Normal hero titles on PC Portrait */
    .product-page .product-hero-text img {
        max-width: 100%;
        width: 60%;
    }

    /* Narrow hero titles on PC Portrait */
    .product-page .product-hero-text.is-narrow-hero img {
        width: 24vw; /* Default width for PC Portrait */
        max-width: none;
        max-height: 90%; /* Prevent cutoff */
        height: auto;
        object-fit: contain;
        object-position: left top;
    }

    /* Page-specific fine-tuning (PC Portrait) */
    /* JP */
    [lang="ja"] body[data-page-theme="1"] .product-hero-text .is-narrow-hero img,
    [lang="ja"] body[data-page-theme="1"] .product-hero-text img { width: 80.1vw; max-width: none; }
    [lang="ja"] body[data-page-theme="2"] .product-hero-text.is-narrow-hero img { width: 21.939vw; }
    [lang="ja"] body[data-page-theme="3"] .product-hero-text.is-narrow-hero img { width: 21.486vw; }
    [lang="ja"] body[data-page-theme="4"] .product-hero-text.is-narrow-hero img { width: 21.701vw; }
    [lang="ja"] body[data-page-theme="5"] .product-hero-text .is-narrow-hero img,
    [lang="ja"] body[data-page-theme="5"] .product-hero-text img { width: 79.799vw; max-width: none; }
    [lang="ja"] body[data-page-theme="6"] .product-hero-text.is-narrow-hero img { width: 18.896vw; }
    [lang="ja"] body[data-page-theme="7"] .product-hero-text.is-narrow-hero img { width: 21.586vw; }
    /* EN */
    [lang="en"] body[data-page-theme="1"] .product-hero-text img { width: 75.103vw; max-width: none; }
    [lang="en"] body[data-page-theme="2"] .product-hero-text.is-narrow-hero img { width: 26.9vw; }
    [lang="en"] body[data-page-theme="3"] .product-hero-text.is-narrow-hero img { width: 28.0vw; }
    [lang="en"] body[data-page-theme="4"] .product-hero-text.is-narrow-hero img { width: 22.7vw; }
    [lang="en"] body[data-page-theme="5"] .product-hero-text img { width: 75.644vw; max-width: none; }
    [lang="en"] body[data-page-theme="6"] .product-hero-text.is-narrow-hero img { width: 19.613vw; }
    [lang="en"] body[data-page-theme="7"] .product-hero-text.is-narrow-hero img { width: 21.437vw; }
}

/* --------------------------------------------------------------------------
   Product Intro Section
-------------------------------------------------------------------------- */
.product-intro {
    background-image: url('../images/product_intro_bgSP.webp');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 60%;
    padding: 60px 0;
    color: var(--text-main);
    border-top: 1px solid #000;
}

/* Fix product intro background color per page, ignoring dynamic swiper theme */
body[data-page-theme="1"] .product-intro {
    background-color: #bfcde0;
}

body[data-page-theme="2"] .product-intro {
    background-color: #bfbfdc;
}

body[data-page-theme="3"] .product-intro {
    background-color: #a4c5cb;
}

body[data-page-theme="4"] .product-intro {
    background-color: #a0c3b8;
}

body[data-page-theme="5"] .product-intro {
    background-color: #e0b896;
}

body[data-page-theme="6"] .product-intro {
    background-color: #ddafaf;
}

body[data-page-theme="7"] .product-intro {
    background-color: #eada96;
}

.product-intro-vertical {
    writing-mode: vertical-rl;
    /* Vertical Japanese typesetting */
    margin: 0 auto 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    height: var(--vertical-text-height, 380px);
    /* Customizable per page */
    max-height: 80vh;
    /* Safety fail-safe */
    width: max-content;
    /* Shrink-wrap block so margin auto can center it */
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: 0.3s;
}

body.is-loaded .product-intro.is-revealed .product-intro-vertical {
    opacity: 1;
    transform: translateY(0);
}

.product-intro-vertical h2 {
    font-family: "source-han-serif-japanese", serif;
    font-size: 1.6rem;
    font-weight: 600;
    /* Normal weight */
    letter-spacing: 0.1em;
    margin-left: 1rem;
    /* Space between title and body text */
    transform: translateY(-0.5em);
    /* Shifts it upwards visually */
}

.product-intro-vertical p {
    font-family: "source-han-serif-japanese", serif;
    font-size: 14px;
    line-height: 2.2;
    letter-spacing: 0.1em;
    font-weight: 600;
    /* Normal weight */
}

/* --------------------------------------------------------------------------
   Product Intro Illustration
-------------------------------------------------------------------------- */
.product-intro-illustration {
    width: 100%;
    /* margin-bottom removed */
    display: flex;
    justify-content: flex-start;
    /* Left align */
    align-items: center;
    padding-left: 20px;
    /* 20px gap from the left */
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: 0.6s;
}

body.is-loaded .product-intro.is-revealed .product-intro-illustration {
    opacity: 1;
    transform: translateY(0);
}

.intro-skater-img {
    width: 50vw;
    height: auto;
    display: block;
    z-index: 2;
    border: 1px solid #000;
    /* Add border to the image */
}

/* --------------------------------------------------------------------------
   Product Designer Container
-------------------------------------------------------------------------- */
.product-designer-container {
    background-color: #ffffff;
    /* White background as requested */
    color: var(--text-main);
    padding: 60px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.designer-section-title {
    text-align: center;
    margin-bottom: 40px;
    /* Space below title */
}

.designer-head {
    width: 45vw;
    height: auto;
    display: inline-block;
    /* Aligns with text-align: center */
}

/* --------------------------------------------------------------------------
   Designer Profile Layout
-------------------------------------------------------------------------- */
.designer-profile {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 40px;
    /* Adjusted bottom margin to 40px */
    padding: 0 20px;
}

.designer-portrait img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 25px;
}

.designer-info {
    text-align: left;
}

.designer-name {
    display: flex;
    align-items: center;
    gap: 15px;
    /* Space between kanji and kana */
    margin-bottom: 20px;
}

.designer-name .name-kanji {
    font-family: "source-han-serif-japanese", serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.1em;
}

.designer-name .name-kana {
    font-family: "source-han-serif-japanese", serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
}

.designer-bio {
    font-size: 11px;
    line-height: 1.8;
    letter-spacing: 0.05em;
    font-weight: 400;
}

/* --------------------------------------------------------------------------
   Product Description Text
-------------------------------------------------------------------------- */
.product-desc-text {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 25px;
    padding: 0 20px;
}

/* Ensure the last text block doesn't double-up with section padding */
.product-desc-text:last-of-type {
    margin-bottom: 0;
}

.product-desc-text p {
    font-size: 14px;
    line-height: 2.2;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-align: left;
    /* Reads normally */
}

.product-desc-text a {
    color: #000;
    text-decoration: underline solid;
    transition: color 0.3s ease;
}

.product-desc-text a:hover {
    color: #666;
    text-decoration: underline solid;
}

/* --------------------------------------------------------------------------
   Designer Quote Box (2-row table layout)
-------------------------------------------------------------------------- */
.product-designer-section {
    padding: 0 20px;
    margin-bottom: 40px;
}

.designer-quote-box {
    width: calc(100% - 40px);
    max-width: 560px;
    /* Match the 560px content width of other 600px padded elements */
    margin: 60px auto 20px;
    /* Center box horizontally, 20px bottom */
    border: 1px solid #000;
}

.quote-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 20px;
    background-color: var(--bg-main);
    border-bottom: 1px solid #000;
}

/* Fix quote header background color per page, ignoring dynamic swiper theme */
body[data-page-theme="1"] .quote-header {
    background-color: #bfcde0;
}

body[data-page-theme="2"] .quote-header {
    background-color: #bfbfdc;
}

body[data-page-theme="3"] .quote-header {
    background-color: #a4c5cb;
}

body[data-page-theme="4"] .quote-header {
    background-color: #a0c3b8;
}

body[data-page-theme="5"] .quote-header {
    background-color: #e0b896;
}

body[data-page-theme="6"] .quote-header {
    background-color: #ddafaf;
}

body[data-page-theme="7"] .quote-header {
    background-color: #eada96;
}



.designer-subhead-icon {
    width: auto;
    height: 12px;
    display: block;
}

.designer-subhead-text {
    font-family: "source-han-serif-japanese", serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--text-main);
    line-height: 1;
}

.quote-body {
    background-color: #ffffff;
    padding: 12px 20px;
    text-align: center;
}

/* --------------------------------------------------------------------------
   Video Loading Placeholder
-------------------------------------------------------------------------- */
.product-video-container {
    background-color: var(--bg-main);
    position: relative;
    overflow: hidden; /* Ensure scaled video is clipped */
}

/* Page-specific fixed background colors for loading placeholder */
[data-page-theme="1"] .video-loading-placeholder {
    background-color: #bfcde0;
}

[data-page-theme="2"] .video-loading-placeholder {
    background-color: #bfbfdc;
}

[data-page-theme="3"] .video-loading-placeholder {
    background-color: #a4c5cb;
}

[data-page-theme="4"] .video-loading-placeholder {
    background-color: #a0c3b8;
}

[data-page-theme="5"] .video-loading-placeholder {
    background-color: #e0b896;
}

[data-page-theme="6"] .video-loading-placeholder {
    background-color: #ddafaf;
}

[data-page-theme="7"] .video-loading-placeholder {
    background-color: #eada96;
}

.video-loading-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Default fallback */
    background-color: var(--bg-main);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: opacity 0.6s ease, visibility 0.6s;
    pointer-events: none;
}

.video-loading-placeholder.is-hidden {
    opacity: 0;
    visibility: hidden;
}

.loading-content {
    text-align: center;
}

.loading-logo {
    width: 40px;
    height: auto;
    margin-bottom: 15px;
    opacity: 0.8;
}

.video-loading-text {
    font-size: 11px;
    letter-spacing: 0.1em;
    color: var(--text-main);
    margin: 0;
    animation: loading-blink 1.5s infinite ease-in-out;
}

@keyframes loading-blink {

    0%,
    100% {
        opacity: 0.4;
    }

    50% {
        opacity: 1;
    }
}

.quote-body p {
    font-family: "source-han-serif-japanese", serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--text-main);
    margin: 0;
}

/* --------------------------------------------------------------------------
   Product Watches Section overrides (if necessary)
-------------------------------------------------------------------------- */
.product-page .section-watches {
    background-color: var(--bg-main);
    color: var(--text-main);
}

@media (max-width: 767px) {
    .product-page .section-watches {
        padding-top: 40px;
    }
}

/* ==========================================================================
   Product PC Portrait Layout
========================================================================== */
@media (min-width: 768px) and (orientation: portrait) {
    .product-page .product-intro {
        background-image: url('../images/product_intro_bgPC.webp');
        background-size: 50vw;
        background-position: right bottom;
        background-repeat: no-repeat;
        padding: 8vw 0;
    }

    .product-page .product-intro .container {
        display: flex;
        flex-direction: row-reverse;
        align-items: flex-start;
        justify-content: center;
        gap: 5vw;
        padding: 0 10vw;
        /* Added outside padding that is larger than the gap (5vw) */
    }

    .product-page .product-intro-vertical {
        margin: 0;
        height: auto;
        max-height: none;
        display: block;
        transition-delay: 1.5s;
    }

    .product-page .product-intro-illustration {
        transition-delay: 1.8s;
    }

    .product-page .product-intro-vertical h2 {
        margin: 0 0 0 3vw;
        width: 3vw;
        line-height: 1;
        font-size: 3vw;
    }

    .product-page .product-intro-vertical p {
        font-size: 1.8vw;
        line-height: 2.2;
    }

    .product-page .product-intro-illustration {
        width: auto;
        padding-left: 0;
    }

    .product-page .intro-skater-img {
        width: 35vw;
        max-width: none;
    }
}

/* ==========================================================================
   Product PC General Overrides (Landscape & Portrait)
   - Using 0 padding to align with the increased container padding (14.5vw)
========================================================================== */
@media (min-width: 768px) {
    .product-page .designer-profile,
    .product-page .product-desc-text,
    .product-page .designer-quote-box {
        padding-left: 0;
        padding-right: 0;
    }

    .product-page .quote-header,
    .product-page .quote-body {
        padding-left: 2.6vw;
        padding-right: 2.6vw;
    }
}

/* ==========================================================================
   Product PC Landscape Layout (with Sidebar)
========================================================================== */
@media (min-width: 768px) and (orientation: landscape) {

    /* Adjust Hero Section Height to 3:2 aspect ratio */
    .product-page .product-hero {
        height: auto;
        aspect-ratio: 3 / 2;
        width: 100%;
        max-height: 100vh;
    }

    /* Adjust Hero Text (SVG Title) Position and enable liquid height */
    .product-page .product-hero-text {
        padding: 40px 0 80px 5vw;
        height: 100%;
        box-sizing: border-box;
    }

    .product-page .product-hero-text picture {
        display: block;
        height: 100%;
    }

    /* Constrain the vertical SVG size to be liquid and fit within the container's height */
    .product-page .product-hero-text img {
        height: 100%;
        width: auto;

        object-fit: contain;
        object-position: left top;
    }

    /* Page-specific fine-tuning (PC Landscape) */
    /* JP */
    [lang="ja"] body[data-page-theme="1"] .product-hero-text .is-narrow-hero img,
    [lang="ja"] body[data-page-theme="1"] .product-hero-text img { width: 10.459vw; height: auto; max-height: 90vh; }
    [lang="ja"] body[data-page-theme="2"] .product-hero-text.is-narrow-hero img { width: 10.259vw; height: auto; max-height: 90vh; }
    [lang="ja"] body[data-page-theme="3"] .product-hero-text.is-narrow-hero img { width: 10.153vw; height: auto; max-height: 90vh; }
    [lang="ja"] body[data-page-theme="4"] .product-hero-text.is-narrow-hero img { width: 10.156vw; height: auto; max-height: 90vh; }
    [lang="ja"] body[data-page-theme="5"] .product-hero-text .is-narrow-hero img,
    [lang="ja"] body[data-page-theme="5"] .product-hero-text img { width: 10.406vw; height: auto; max-height: 90vh; }
    [lang="ja"] body[data-page-theme="6"] .product-hero-text.is-narrow-hero img { width: 9.08vw; height: auto; max-height: 90vh; }
    [lang="ja"] body[data-page-theme="7"] .product-hero-text.is-narrow-hero img { width: 10.222vw; height: auto; max-height: 90vh; }
    /* EN */
    [lang="en"] body[data-page-theme="1"] .product-hero-text .is-narrow-hero img,
    [lang="en"] body[data-page-theme="1"] .product-hero-text img { width: 10.872vw; height: auto; max-height: 90vh; }
    [lang="en"] body[data-page-theme="2"] .product-hero-text.is-narrow-hero img { width: 11.014vw; height: auto; max-height: 90vh; }
    [lang="en"] body[data-page-theme="3"] .product-hero-text.is-narrow-hero img { width: 11.214vw; height: auto; max-height: 90vh; }
    [lang="en"] body[data-page-theme="4"] .product-hero-text.is-narrow-hero img { width: 11.148vw; height: auto; max-height: 90vh; }
    [lang="en"] body[data-page-theme="5"] .product-hero-text .is-narrow-hero img,
    [lang="en"] body[data-page-theme="5"] .product-hero-text img { width: 10.81vw; height: auto; max-height: 90vh; }
    [lang="en"] body[data-page-theme="6"] .product-hero-text.is-narrow-hero img { width: 11.507vw; height: auto; max-height: 90vh; }
    [lang="en"] body[data-page-theme="7"] .product-hero-text.is-narrow-hero img { width: 10.553vw; height: auto; max-height: 90vh; }

    .product-page .product-intro {
        background-image: url('../images/product_intro_bgPC.webp');
        background-size: 40vw;
        /* Adjusted per user request */
        background-position: right bottom;
        /* Position on right side */
        background-repeat: no-repeat;
        padding: 6.87781113vw 0;
        /* Enhance vertical padding for PC */
    }

    /* Side-by-side Intro Layout */
    .product-page .product-intro .container {
        display: flex;
        flex-direction: row-reverse;
        /* Text on right, image on left */
        align-items: flex-start;
        /* Align text and image tops */
        justify-content: center;
        gap: 4vw;
        /* Spacing between text and image */
    }

    .product-page .product-intro-vertical {
        margin: 0;
        /* Remove auto centering margin */
        height: auto;
        max-height: none;
        /* Override 80vh constraint from SP and inline styles */
        display: block;
        /* Use native vertical-rl block behavior (stacks right-to-left) */
    }

    .product-page .product-intro-vertical h2 {
        margin: 0 0 0 2.5vw;
        /* Replace gap with left margin for spacing from p, adjusted to vw */
        width: 2.6vw;
        /* Restrict width to exactly 1 character width (matches font-size) */
        line-height: 1;
        /* Keep strict spacing */
        font-size: 2.6vw;
        /* Liquid font size */
    }

    .product-page .product-intro-vertical p {
        font-size: 1.6vw;
        /* Liquid font size */
        line-height: 2.2;
    }

    /* Long reveal delay for PC Landscape to wait for hero text */
    .product-page .product-intro-vertical {
        transition-delay: 1.5s;
    }

    .product-page .product-intro-illustration {
        transition-delay: 1.8s;
    }

    .product-page .product-intro-illustration {
        width: auto;
        padding-left: 0;
        /* Remove left padding */
    }

    .product-page .intro-skater-img {
        width: 30vw;
        /* Adjusted per user request */
        max-width: none;
        /* Remove previous limit */
    }

    .product-page .designer-head {
        width: 18.5vw;
        /* Adjusted width for PC landscape */
    }

    /* Liquid Designer Container for PC Landscape (based on 768px breakpoint) */
    .product-page .product-designer-container {
        padding: 7.8vw 0;
        /* 60px */
    }

    .product-page .designer-section-title {
        margin-bottom: 5.2vw;
        /* 40px */
    }

    .product-page .designer-profile {
        max-width: 78vw;
        /* 600px */
        margin: 0 auto 5.2vw;
        /* 40px */
        padding: 0;
    }

    .product-page .designer-portrait img {
        margin-bottom: 3.25vw;
        /* 25px */
    }

    .product-page .designer-name {
        gap: 1.4vw;
        /* 15px */
        margin-bottom: 2.6vw;
        /* 20px */
    }

    .product-page .designer-name .name-kanji {
        font-size: 2.6vw;
        /* ~17px equivalent */
    }

    .product-page .designer-name .name-kana {
        font-size: 1.2vw;
        /* ~9px equivalent */
    }

    .product-page .designer-bio {
        font-size: 1.3vw;
        /* ~9px equivalent */
    }

    .product-page .product-desc-text {
        max-width: 78vw;
        /* 600px */
        margin: 0 auto 2.6vw;
        /* 60px */
        padding: 0;
    }

    .product-page .product-desc-text p {
        font-size: 1.55vw;
        /* ~12px equivalent */
    }

    .product-page .designer-quote-box {
        width: 100%;
        /* 40px */
        max-width: 72.8vw;
        /* 560px */
        margin: 5vw auto 2.6vw;
        /* 20px */
    }

    .product-page .quote-header {
        gap: 0.78vw;
        padding: 1.2vw 2.6vw 0.9vw;
    }

    .product-page .designer-subhead-icon {
        height: 1.56vw;
    }

    .product-page .designer-subhead-text {
        font-size: 1.9vw;
    }

    .product-page .quote-body {
        padding: 1.36vw 2.6vw;
    }

    .product-page .quote-body p {
        font-size: 2.6vw;
        line-height: 1.3;
    }
}