/* Home page sections reused on other pages (why, about cards, FAQ, review strip). Copied from the home page. */
.drp-strip{display:flex;align-items:center;gap:40px;margin-top:28px;font-size:13px;line-height:13px;text-transform:uppercase;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.drp-strip::-webkit-scrollbar{display:none}
.drp-strip__score{display:inline-flex;align-items:center;gap:15px}
.drp-strip .drp-grey,.drp-review__by{color:var(--drp-grey-text)}
.drp-bestsellers .drp-track{margin-top:62px}
.drp-why{background:#F5F5F5;padding:102px 0 103px}
.drp-why__intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px}
.drp-why__intro p{max-width:750px}
.drp-why__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}
.drp-why__card{display:flex;gap:30px;min-height:103px;padding:17px 20px 17px 13px;background:#E9E9E9;border-radius:5px}
.drp-why__card img{width:69px;height:69px;object-fit:cover;border-radius:5px;flex:0 0 auto}
.drp-page .drp-why__card h3{font-family:var(--drp-font);font-size:16px;line-height:18px;font-weight:400;margin:0 0 10px}
.drp-about p{margin-top:30px;max-width:1000px}
.drp-about__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px}
.drp-about__card{position:relative;height:424px;border-radius:5px;overflow:hidden;color:#fff}
.drp-about__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.drp-about__card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,0) 52%,rgba(0,0,0,.2) 100%)}
.drp-about__card--dim::after{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),linear-gradient(0deg,rgba(0,0,0,0) 52%,rgba(0,0,0,.2) 100%)}
.drp-about__card--low::after{background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.4) 99%),linear-gradient(0deg,rgba(0,0,0,0) 52%,rgba(0,0,0,.2) 100%)}
.drp-page .drp-about__card--crop img{width:159.29%;height:206.67%;left:-29.65%;top:-71.87%;inset:auto;object-fit:fill;max-width:none}
.drp-about__card p{position:absolute;left:22px;right:16px;bottom:32px;margin:0;z-index:1;font-size:20px;line-height:23px;color:#fff}
.drp-welcome{text-align:center}
.drp-welcome__label{font-size:13px;line-height:13px;text-transform:uppercase;margin:0}
.drp-welcome__img{position:relative;width:204px;height:270px;margin:36px auto 0;border-radius:5px;overflow:hidden}
.drp-welcome__img img{position:absolute;width:440.78%;height:221.59%;left:-327.96%;top:-121.59%;max-width:none}
.drp-welcome__notice{max-width:872px;margin:30px auto 0;font-size:16px;line-height:18px}
.drp-welcome__notice p{margin:0}
.drp-faq{display:grid;grid-template-columns:660px 1fr;gap:20px}
.drp-faq__img{position:relative;width:660px;height:660px;border-radius:5px;overflow:hidden}
.drp-faq__img img{position:absolute;max-width:none}
.drp-faq__img img:first-child{width:442.84%;height:295.23%;left:-4.83%;top:-21.43%}
.drp-faq__img img:last-child{width:383.42%;height:255.61%;left:-283.42%;top:-143.85%}
.drp-faq__intro{margin-top:30px;max-width:415px}
.drp-faq__list{margin-top:142px}
.drp-faq details{border-bottom:1px solid #000}
.drp-faq details:last-child{border-bottom:0}
.drp-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:24px 0;font-size:16px;line-height:18px;cursor:pointer}
.drp-faq details:first-child summary{padding-top:0}
.drp-faq details:last-child summary{padding-bottom:0}
.drp-faq summary::-webkit-details-marker{display:none}
.drp-faq summary svg{width:12px;height:5px;transform:rotate(-90deg);flex:0 0 auto;transition:transform .15s}
.drp-faq details[open] summary svg{transform:rotate(90deg)}
.drp-faq details p{margin:-10px 0 24px;max-width:546px;color:var(--drp-grey-text);font-size:16px;line-height:18px}
@media (max-width:1024px){
 .drp-strip{gap:30px;font-size:11px;margin-top:26px}
 .drp-bestsellers .drp-track{margin-top:30px}
 .drp-why{padding:60px 0}
 .drp-why__intro{flex-direction:column;align-items:flex-start;gap:24px;margin-top:20px}
 .drp-why__cards{grid-template-columns:1fr;gap:10px;margin-top:30px}
 .drp-why__card{gap:16px}
 .drp-page .drp-why__card h3{font-size:13px;line-height:16px}
 .drp-about p{margin-top:20px}
 .drp-about__cards{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:261px;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-20px;padding-right:20px;margin-top:30px}
 .drp-about__card{height:346px;scroll-snap-align:start}
 .drp-about__card p{font-size:16px;line-height:19px;bottom:22px;left:16px}
 .drp-welcome__notice{font-size:13px;line-height:16px}
 .drp-faq{grid-template-columns:1fr;gap:30px}
 .drp-faq__img{width:100%;height:auto;aspect-ratio:1}
 .drp-faq__text{display:contents}
 .drp-faq .drp-title{order:1}
 .drp-faq__intro{order:2;margin-top:-10px}
 .drp-faq__img{order:3}
 .drp-faq__list{order:4}
 .drp-faq__list{margin-top:30px}
 .drp-faq summary{font-size:13px;line-height:16px;padding:18px 0}
 .drp-faq details p{font-size:13px;line-height:16px}
}

/* Size picker for products with sizes (e.g. 10mg / 20mg / 40mg), above the pack selector. */
.drp-sizes{display:flex;flex-wrap:wrap;gap:24px;margin:0 0 65px;padding:0;border:0;min-width:0}
.drp-size{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:108px;height:46px;padding:0 18px;border:1px solid #a3a3a3;border-radius:4px;background:#fff;color:#a3a3a3;font-size:18px;line-height:1;cursor:pointer}
.drp-size input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.drp-size.is-checked,.drp-size:has(input:checked){border:1.5px solid #000;background:#f5f5f5;color:#000}
.drp-size:has(input:focus-visible){outline:2px solid #000;outline-offset:3px}
.drp-size.is-disabled{opacity:.45;cursor:not-allowed;text-decoration:line-through}
.drp-size.is-disabled input{cursor:not-allowed}
@media (max-width:1024px){.drp-sizes{gap:12px;margin-bottom:40px}.drp-size{min-width:84px;height:40px;padding:0 12px;font-size:14px}}

/* Language toggle: UK flag when the link goes to English. */
.drp-flag.drp-flag--en{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30' preserveAspectRatio='none'%3E%3CclipPath id='t'%3E%3Cpath d='M30,15h30v15zv15h-30zh-30v-15zv-15h30z'/%3E%3C/clipPath%3E%3Cpath d='M0,0v30h60v-30z' fill='%23012169'/%3E%3Cpath d='M0,0L60,30M60,0L0,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0L60,30M60,0L0,30' clip-path='url(%23t)' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.drp-flag.drp-flag--en i{visibility:hidden}

/* Looping review strip and review cards (see the marquee script in includes/frontend.php). */
.drp-marquee{overflow:hidden!important;scrollbar-width:none;display:block!important}
.drp-marquee::-webkit-scrollbar{display:none}
.drp-marquee__inner{display:flex;align-items:flex-start;width:max-content;animation:drp-marquee 40s linear infinite;will-change:transform}
.drp-marquee:hover .drp-marquee__inner,.drp-marquee:focus-within .drp-marquee__inner{animation-play-state:paused}
.drp-slider--marquee .drp-prev,.drp-slider--marquee .drp-next{display:none!important}
@keyframes drp-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.drp-marquee__inner{animation:none}}

/* Header language picker (see includes/frontend.php). */
.drp-langsw{position:relative}
.drp-nav__util .drp-langsw{display:inline-flex}
.drp-langsw__btn,.drp-header button.drp-langsw__btn{display:inline-flex;align-items:center;gap:6px;padding:0!important;margin:0;border:0!important;border-radius:0!important;min-height:0!important;box-shadow:none!important;background:none!important;font:inherit;color:inherit!important;text-transform:inherit;letter-spacing:inherit;cursor:pointer;line-height:inherit}
.drp-langsw__btn:focus-visible{outline:1px solid currentColor;outline-offset:4px;border-radius:2px}
.drp-langsw__btn [data-svg]{display:inline-flex;transition:transform .2s ease}
.drp-langsw.is-open .drp-langsw__btn [data-svg]{transform:rotate(180deg)}
.drp-langsw__menu{position:absolute;top:calc(100% + 14px);right:-12px;z-index:1000;min-width:150px;padding:6px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.drp-langsw__menu[hidden]{display:none}
.drp-langsw__menu::before{content:"";position:absolute;top:-6px;right:16px;width:10px;height:10px;background:#fff;border-left:1px solid rgba(0,0,0,.08);border-top:1px solid rgba(0,0,0,.08);transform:rotate(45deg)}
a.drp-langsw__opt,body .drp-header a.drp-langsw__opt{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:3px;color:#000!important;font-size:12px;line-height:1;text-decoration:none!important;text-transform:none;white-space:nowrap}
a.drp-langsw__opt:hover,a.drp-langsw__opt:focus-visible{background:#f5f5f5;outline:none}
.drp-langsw__opt .drp-flag{width:16px;height:12px;border-radius:1px;overflow:hidden}
@media (max-width:1100px){.drp-langsw__menu{right:-8px;top:calc(100% + 10px)}}