/* eudora-pdp-more-1.0.0.css — product page More from Eudora + gallery fit (2026-10-17). */

/* Desktop: the gallery stays pinned under the header while the info column scrolls; More from Eudora sits at the bottom of the left column. */
.pdpm-gallery-track, .pdpm-gallery { display: contents; }
@media (min-width: 961px) {
    body.catalog-product-view .eudora-pdp .eudora-pdp__grid { align-items: stretch; }
    body.catalog-product-view .eudora-pdp .eudora-pdp__media.product-img-box { display: flex; flex-direction: column; position: static; top: auto; align-self: stretch; }
    body.catalog-product-view .eudora-pdp .eudora-pdp__media .pdpm-gallery-track { display: block; flex: 1 1 auto; min-height: 0; align-self: stretch; width: 100%; }
    body.catalog-product-view .eudora-pdp .eudora-pdp__media .pdpm-gallery {
        display: grid; grid-template-columns: 76px minmax(0, 1fr); column-gap: 16px; align-items: start;
        position: sticky; top: calc(var(--el-header-h) + 16px);
    }
    /* Many photos: still one column (the rail scrolls, with arrows), never a 2-column block with blank space below. */
    body.catalog-product-view .eudora-pdp .eudora-pdp__media .pdpm-gallery:has(.product-image-thumbs > li:nth-child(8)) { grid-template-columns: 76px minmax(0, 1fr); }
    body.catalog-product-view .eudora-pdp .product-img-box .product-image-thumbs:has(> li:nth-child(8)) { grid-template-columns: minmax(0, 1fr); }
    body.catalog-product-view .eudora-pdp .eudora-pdp__media .pdpm-gallery .product-image { max-width: var(--pdpm-cap, none); }
    /* The photo is capped to fit the screen height; cap the whole block (rail 76px + 16px gap + photo) to match
       and centre it in the column, so spare width is split evenly instead of piling up beside the info column. */
    body.catalog-product-view .eudora-pdp .eudora-pdp__media .pdpm-gallery { max-width: calc(var(--pdpm-cap, 100vw) + 92px); margin-left: auto; margin-right: auto; width: 100%; box-sizing: border-box; }
    body.catalog-product-view .eudora-pdp .eudora-pdp__media > .eudora-more { flex: none; margin-top: 32px; }
}

/* More from Eudora */
body.catalog-product-view .eudora-more { margin: 32px 0 0; padding: 0; clear: both; }
body.catalog-product-view .eudora-pdp .eudora-pdp__media > .eudora-more { margin-top: 32px; }
body.catalog-product-view .eudora-more__title {
    margin: 0 0 16px; padding: 0; border: 0; color: var(--el-ink, #111); font-size: 22px; font-weight: 500; line-height: 1.25; text-transform: none; text-align: left;
}
body.catalog-product-view .eudora-more__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; margin: 0; padding: 0; list-style: none; }
body.catalog-product-view .eudora-more__item { margin: 0; padding: 0; float: none; width: auto; min-width: 0; list-style: none; }
body.catalog-product-view .eudora-more__card { display: block; color: inherit; text-decoration: none; border-radius: 8px; }
body.catalog-product-view .eudora-more__card:focus-visible { outline: 3px solid var(--el-ink, #111); outline-offset: 3px; }
body.catalog-product-view .eudora-more__img { display: block; overflow: hidden; border-radius: 8px; background: var(--el-soft, #f7f3f1); }
body.catalog-product-view .eudora-more__img img {
    display: block; float: none; width: 100%; height: auto; margin: 0; aspect-ratio: 1 / 1; object-fit: cover; transition: transform .35s ease;
}
body.catalog-product-view .eudora-more__card:hover .eudora-more__img img { transform: scale(1.04); }
body.catalog-product-view .eudora-more__name {
    display: -webkit-box; min-height: 44px; margin: 12px 0 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    color: var(--el-ink, #111); font-size: 15px; font-weight: 400; line-height: 22px; text-align: left; text-transform: none;
}
body.catalog-product-view .eudora-more__card:hover .eudora-more__name { text-decoration: underline; }
body.catalog-product-view .eudora-more__price { display: block; margin: 6px 0 0; }
body.catalog-product-view .eudora-more__now { color: var(--el-brand, #d1045f); font-size: 16px; font-weight: 500; }
body.catalog-product-view .eudora-more__was { margin-left: 8px; color: var(--el-muted, #5f5f5f); font-size: 14px; font-weight: 400; text-decoration: line-through; }

@media (max-width: 960px) {
    body.catalog-product-view .eudora-more { margin: 32px 0 8px; padding: 0 16px; }
}
@media (prefers-reduced-motion: reduce) {
    body.catalog-product-view .eudora-more__img img { transition: none; }
    body.catalog-product-view .eudora-more__card:hover .eudora-more__img img { transform: none; }
}

/* Collections line (after the SKU) */
body.catalog-product-view .eudora-pdp .product-collections { margin: 6px 0 0; font-size: 16px; line-height: 1.5; color: var(--el-muted, #5f5f5f); }
body.catalog-product-view .eudora-pdp .product-collections a { color: var(--el-ink, #111); text-decoration: none; display: inline-block; padding: 8px 0; }
body.catalog-product-view .eudora-pdp .product-collections a:hover { text-decoration: underline; }
body.catalog-product-view .eudora-pdp .product-collections a:focus-visible { outline: 3px solid var(--el-ink, #111); outline-offset: 2px; border-radius: 2px; }

/* Many thumbnails: the rail scrolls inside itself (never taller than the main image), with white fades only
   where more content lies beyond the edge. Classes are toggled by eudora-pdp-more-1.0.0.js. */
body.catalog-product-view .eudora-pdp .more-views::before,
body.catalog-product-view .eudora-pdp .more-views::after {
    content: ""; position: absolute; z-index: 2; pointer-events: none; opacity: 0; transition: opacity .2s;
}
body.catalog-product-view .eudora-pdp .more-views::before { top: 0; left: 0; right: 0; height: 36px; background: linear-gradient(to bottom, #fff 15%, rgba(255,255,255,0)); }
body.catalog-product-view .eudora-pdp .more-views::after { bottom: 0; left: 0; right: 0; height: 36px; background: linear-gradient(to top, #fff 15%, rgba(255,255,255,0)); }
body.catalog-product-view .eudora-pdp .more-views.pdpm-fade-start::before,
body.catalog-product-view .eudora-pdp .more-views.pdpm-fade-end::after { opacity: 1; }
@media (min-width: 1101px) {
    body.catalog-product-view .eudora-pdp .product-img-box .more-views.pdpm-scroll .product-image-thumbs {
        grid-auto-rows: auto; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-width: none; padding: 2px; /* arrows + fades show there is more */
    }
    body.catalog-product-view .eudora-pdp .product-img-box .more-views.pdpm-scroll .product-image-thumbs li { aspect-ratio: 1 / 1; align-self: start; min-height: auto; }
    body.catalog-product-view .eudora-pdp .product-img-box .more-views.pdpm-scroll .product-image-thumbs a,
    body.catalog-product-view .eudora-pdp .product-img-box .more-views.pdpm-scroll .product-image-thumbs .video-thumb-link { height: 100%; width: 100%; }
}
@media (max-width: 1100px) {
    /* 8+ thumbnails become one swipeable row instead of many wrapped rows. */
    body.catalog-product-view .eudora-pdp .product-img-box .product-image-thumbs:has(> li:nth-child(8)) {
        flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; padding: 4px 2px 8px;
    }
    body.catalog-product-view .eudora-pdp .more-views::before { top: 0; bottom: 0; left: 0; right: auto; width: 32px; height: auto; background: linear-gradient(to right, #fff 15%, rgba(255,255,255,0)); }
    body.catalog-product-view .eudora-pdp .more-views::after { top: 0; bottom: 0; right: 0; left: auto; width: 32px; height: auto; background: linear-gradient(to left, #fff 15%, rgba(255,255,255,0)); }
    body.catalog-product-view .eudora-pdp .product-img-box .more-views { position: relative; }
}
@media (prefers-reduced-motion: reduce) {
    body.catalog-product-view .eudora-pdp .more-views::before,
    body.catalog-product-view .eudora-pdp .more-views::after { transition: none; }
}

/* SKU + Collections: one tidy label/value list (labels aligned, same type size, baselines matched) */
body.catalog-product-view .eudora-pdp .product-shop .extra-info { flex-direction: column; align-items: stretch; gap: 6px; }
body.catalog-product-view .eudora-pdp .product-shop .extra-info .product-sku,
body.catalog-product-view .eudora-pdp .product-shop .extra-info .product-collections {
    display: grid; grid-template-columns: 112px minmax(0, 1fr); column-gap: 12px; align-items: baseline;
    margin: 0; font-size: 16px; line-height: 1.5; letter-spacing: 0; text-transform: none; color: var(--el-ink, #111);
}
body.catalog-product-view .eudora-pdp .product-shop .extra-info .product-meta__label {
    color: var(--el-muted, #5f5f5f); font-size: 14px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase;
}
body.catalog-product-view .eudora-pdp .product-shop .extra-info .product-meta__value,
body.catalog-product-view .eudora-pdp .product-shop .extra-info .product-meta__value a { font-size: 16px; color: var(--el-ink, #111); }
/* inline padding enlarges the tap area without moving the baseline */
body.catalog-product-view .eudora-pdp .product-collections .product-meta__value a { display: inline; padding: 10px 0; }
@media (max-width: 480px) {
    body.catalog-product-view .eudora-pdp .product-shop .extra-info .product-sku,
    body.catalog-product-view .eudora-pdp .product-shop .extra-info .product-collections { grid-template-columns: 100px minmax(0, 1fr); column-gap: 8px; }
}

/* Rail arrows (added by eudora-pdp-more-1.0.0.js): shown only where more photos lie beyond the edge,
   sitting on the white fades. Up/down on the desktop column, left/right on the tablet/phone strip. */
body.catalog-product-view .eudora-pdp .more-views .pdpm-arrow {
    position: absolute; z-index: 3; display: flex; align-items: center; justify-content: center;
    margin: 0; padding: 0; border: 0; background: transparent; color: var(--el-ink, #111); cursor: pointer;
    opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s;
}
body.catalog-product-view .eudora-pdp .more-views .pdpm-arrow svg { width: 22px; height: 22px; display: block; }
body.catalog-product-view .eudora-pdp .more-views .pdpm-arrow:hover { color: var(--el-brand-dark, #a8034c); }
body.catalog-product-view .eudora-pdp .more-views .pdpm-arrow:focus-visible { outline: 2px solid var(--el-ink, #111); outline-offset: -2px; border-radius: 4px; }
body.catalog-product-view .eudora-pdp .more-views.pdpm-fade-start .pdpm-arrow--start,
body.catalog-product-view .eudora-pdp .more-views.pdpm-fade-end .pdpm-arrow--end { opacity: 1; visibility: visible; }
body.catalog-product-view .eudora-pdp .more-views .pdpm-arrow--start { top: 0; left: 0; right: 0; height: 40px; }
body.catalog-product-view .eudora-pdp .more-views .pdpm-arrow--end { bottom: 0; left: 0; right: 0; height: 40px; }
body.catalog-product-view .eudora-pdp .more-views::before,
body.catalog-product-view .eudora-pdp .more-views::after { height: 48px; }
body.catalog-product-view .eudora-pdp .more-views.pdpm-hz .pdpm-arrow--start { top: 0; bottom: 8px; left: 0; right: auto; width: 36px; height: auto; }
body.catalog-product-view .eudora-pdp .more-views.pdpm-hz .pdpm-arrow--end { top: 0; bottom: 8px; right: 0; left: auto; width: 36px; height: auto; }
body.catalog-product-view .eudora-pdp .more-views.pdpm-hz .pdpm-arrow svg { transform: rotate(-90deg); }
@media (max-width: 1100px) {
    body.catalog-product-view .eudora-pdp .more-views::before,
    body.catalog-product-view .eudora-pdp .more-views::after { height: auto; width: 40px; }
}
@media (prefers-reduced-motion: reduce) {
    body.catalog-product-view .eudora-pdp .more-views .pdpm-arrow { transition: none; }
}
@media (min-width: 1101px) {
    body.catalog-product-view .eudora-pdp .product-img-box .more-views.pdpm-scroll .product-image-thumbs::-webkit-scrollbar { display: none; }
}

/* "More from Eudora" pinned under the photo (desktop, when both fit; placed by eudora-pdp-more-1.0.0.js) */
@media (min-width: 961px) {
    body.catalog-product-view .eudora-pdp .eudora-pdp__media .pdpm-gallery > .eudora-more { grid-column: 1 / -1; margin: 24px 0 0; }
    body.catalog-product-view .eudora-pdp .pdpm-gallery > .eudora-more .eudora-more__title { margin-bottom: 12px; font-size: 20px; }
    body.catalog-product-view .eudora-pdp .pdpm-gallery > .eudora-more .eudora-more__grid { grid-template-columns: repeat(auto-fit, calc((100% - 36px) / 4)); justify-content: center; gap: 12px; } /* 2 items: same card width, centred */
    body.catalog-product-view .eudora-pdp .pdpm-gallery > .eudora-more .eudora-more__name { margin-top: 8px; }
}

/* Rating row under the title (catalog/product/view.phtml): same gold SVG stars as the product cards. */
body.catalog-product-view .eudora-pdp .product-shop .extra-info .eudora-rating { order: -1; margin: 0 0 2px; }
body.catalog-product-view .eudora-pdp .eudora-rating__link {
    display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--el-ink, #1d1d1f); text-decoration: none;
}
body.catalog-product-view .eudora-pdp .eudora-rating__stars {
    position: relative; display: block; flex: none; width: 100px; height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d9d9dd' d='m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01Z'/%3E%3C/svg%3E") 0 0 / 20px 20px repeat-x;
}
body.catalog-product-view .eudora-pdp .eudora-rating__stars > span {
    position: absolute; top: 0; left: 0; height: 100%; overflow: hidden;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f5b900' d='m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01Z'/%3E%3C/svg%3E") 0 0 / 20px 20px repeat-x;
}
body.catalog-product-view .eudora-pdp .eudora-rating__count { color: var(--el-brand, #d1045f); font-size: 16px; text-decoration: underline; text-underline-offset: 3px; }
body.catalog-product-view .eudora-pdp .eudora-rating__link:hover .eudora-rating__count { color: var(--el-brand-dark, #a8034c); }
body.catalog-product-view .eudora-pdp .eudora-rating__link:focus-visible { outline: 3px solid var(--el-ink, #1d1d1f); outline-offset: 2px; border-radius: 4px; }
body.catalog-product-view #customer-reviews { scroll-margin-top: calc(var(--el-header-h, 76px) + 16px); }  /* rating link lands below the sticky header */