/* Pepe collection: a gentle setting, scoped to this page. */
.pepe-page{background:#fffdf8;}
.pepe-hero{background:#f8f3e7;border-bottom:1px solid #ebe3ce;}
.pepe-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,76px);align-items:center;padding-block:40px 48px;}
.pepe-hero-copy{max-width:540px;}
.pepe-mark{position:relative;width:min(100%,330px);aspect-ratio:1.04;overflow:hidden;margin:0 auto 20px;}
.pepe-mark img{position:absolute;width:215%;max-width:none;height:auto;left:-57.5%;top:-21%;}
.pepe-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.1vw,44px);font-weight:400;line-height:1.2;margin:0 0 20px;}
.pepe-hero .lead{font-size:1.08rem;line-height:1.8;max-width:46ch;}
.pepe-sizing{font-size:.94rem;line-height:1.75;color:#59604e;max-width:48ch;margin:20px 0;}
.pepe-hero-photo{margin:0;width:100%;max-width:450px;justify-self:end;overflow:hidden;border-radius:160px 160px 16px 16px;box-shadow:0 12px 36px #5e563014;}
.pepe-hero-photo img{display:block;width:100%;height:auto;}
.pepe-page .section-nav{justify-content:center;padding-block:24px;border-color:#e6dfcc;}
.pepe-page main h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;}
.pepe-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
.pepe-page .product-card{border-color:#e8e1cf;border-radius:24px;background:#fffefa;box-shadow:0 4px 18px #4d422306;}
.pepe-page .product-image{height:340px;background:#f5f1e7;padding:24px;}
.pepe-page .card-body{padding:24px;}
.pepe-page .card-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;}
.pepe-page .cream,.pepe-page .assistance{background:#f7f2e6;}
@media(max-width:760px){.pepe-hero-grid{grid-template-columns:1fr;gap:28px;padding-block:24px 36px;}.pepe-hero-copy{max-width:100%;}.pepe-mark{width:270px;margin-bottom:16px;}.pepe-hero h1{text-align:center;}.pepe-hero-photo{justify-self:center;max-width:400px;}.pepe-page .product-grid{grid-template-columns:1fr;gap:24px;}.pepe-page .product-image{height:320px;}}

/* Task 1: Premium Design styling, only for Pepe vessels. */
.pepe-page #pepe-vessels{background:var(--warm-cream);}
.pepe-page #pepe-vessels .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.pepe-page #pepe-vessels .product-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;}
.pepe-page #pepe-vessels h2{font-family:inherit;font-weight:700;}
.pepe-page #pepe-vessels .card-title{font-family:inherit;font-weight:700;}
.pepe-page #pepe-vessels .card-body{padding:20px;}
.pepe-page #pepe-vessels .pepe-product-photo{display:flex;align-items:center;justify-content:center;height:280px;padding:12px;background:#fff;}
.pepe-page #pepe-vessels .product-image{width:auto;height:auto;max-width:100%;max-height:256px;object-fit:contain;padding:0;border-radius:16px;background:transparent;}
@media(max-width:1000px){.pepe-page #pepe-vessels .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.pepe-page #pepe-vessels .product-grid{grid-template-columns:1fr;}}

/* Supplied photographs must display in full for Tasks 2 and 3. */
#product-PPD3401 .product-image,#product-PPD3402-L .product-image{border-radius:0;object-fit:contain;}
#product-PPD3401 .pepe-product-photo,#product-PPD3402-L .pepe-product-photo{border-radius:16px;}

/* Tasks 4–10: generous, full-image display. */
.pepe-page #product-PPD3402-L .pepe-product-photo{height:400px;padding:12px;}
.pepe-page #product-PPD3402-L .product-image{max-height:376px;}
.pepe-page #product-PP3000 .product-image{border-radius:0;}