div.oneDROP {width: 98%; margin-left: 1%; font-family: Georgia, 'Times New Roman', serif;}

div.oneDROP div.heroWrap {position: relative; margin: 0.6em 0 1em;}
div.oneDROP div.heroWrap.hasHeroImage {border-radius: 0.4em; overflow: hidden;}
div.oneDROP div.heroWrap.hasHeroImage::after {content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(20,10,4,0) 42%, rgba(20,10,4,.82) 100%);}
div.oneDROP div.heroWrap.hasHeroImage div.blockPics {float: none !important; max-width: 100% !important; width: 100% !important; margin: 0 !important; padding: 0 !important; position: relative; z-index: 0;}
div.oneDROP div.heroWrap.hasHeroImage div.hasOnePic {position: relative; aspect-ratio: 16 / 9; overflow: hidden;}
div.oneDROP div.heroWrap.hasHeroImage div.hasOnePic img,
div.oneDROP div.heroWrap.hasHeroImage div.hasOnePic video {width: 100%; height: 100%; object-fit: cover; border-radius: 0;}
div.oneDROP div.heroWrap.hasHeroImage div.hasOnePic .imAvideoLi {position: absolute; inset: 0;}
div.oneDROP div.heroWrap.hasHeroImage p.picsInfo {position: absolute; left: 0.6em; top: 0.6em; z-index: 2; margin: 0; padding: 0.2em 0.6em; background: rgba(20,10,4,.55); border-radius: 0.3em; text-align: left;}
div.oneDROP div.heroWrap.hasHeroImage p.picsInfo a {color: #fefcf0;}
/* the video play-button/duration badge (div.videoTime, main420base.css) sits at top:5px;left:5px -
   push the "full video" link below it so the two don't overlap on video heroes */
div.oneDROP div.heroWrap.hasHeroImage div.hasOnePic:has(.imAvideoLi) p.picsInfo {top: 2.6em;}
div.oneDROP div.heroWrap.hasHeroImage div.hasPicNavi {position: absolute; right: 0.6em; top: 0.6em; left: auto; margin: 0; z-index: 2; padding-bottom: 0;}
div.oneDROP div.heroWrap.hasHeroImage h1 {position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; margin: 0; padding: 1.3em 1.1em 0.9em; border: 0; border-radius: 0; color: #fffaf0; font-size: clamp(1.5rem, 5.5vw, 2.3rem); line-height: 1.14; text-shadow: 0 1px 10px rgba(0,0,0,.4);}
div.oneDROP div.heroWrap.noHeroImage {margin: 0;}
div.oneDROP div.heroWrap.noHeroImage h1 {position: static; color: var(--tx-col);}

div.oneDROP div.blockPics {overflow: hidden; padding-bottom: 1em; width: 100%; margin-top: 0.5em;}
div.oneDROP div.blockPics div.hasOnePic.hasOneHiddenPic {display: none;}
div.oneDROP div.blockPics div.hasOnePic img {height: auto; width: 98%;}
div.oneDROP div.blockPics div.hasOnePic p.picsInfo {text-align: right; color: var(--gray-orange-col); padding: 0; margin: 0 1.25% 0 0; font-family: Verdana, Geneva, sans-serif; font-size: 0.78em;}
div.oneDROP div.blockPics div.hasOnePic p.picsInfo a {color: var(--gray-orange-col);}
div.oneDROP div.blockPics div.hasPicNavi {margin-top: -3.75em; margin-left: 5px; padding-bottom: 1.25em; position: relative; display: flex;}
div.oneDROP div.blockPics div.hasPicNavi a, div.oneDROP div.blockPics div.hasPicNavi span {text-decoration: none; font-size: larger; margin-left: 0.25em; margin-right: 0.25em;}
div.oneDROP div.blockPics div.hasPicNavi a {text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0 0.2em #000, 0 -1px #000, 0 0 0.5em #000;}
div.oneDROP div.blockPics div.hasPicNavi span {text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0 0.2em #fff, 0 -1px #fff, 0 0 0.5em #fff;}

div.oneDROP p.dropMainText {text-align: justify; padding: 0 1.5% 0 1.5%; margin-top: 0; background-color: var(--bg-col); font-size: 1.06rem; line-height: 1.7; font-family: Verdana, Geneva, sans-serif;}
div.oneDROP dl.dropMainDL {font-size: 1.06rem; padding: 0 1.5% 0 1.5%; margin-bottom: 0.5em; font-family: Verdana, Geneva, sans-serif;}
div.oneDROP dl.dropMainDL dt {clear: inherit; float: inherit; text-align: left; font-weight: bold;}
div.oneDROP dl.dropMainDL dd {padding-left: 0; margin-left: 0; text-align: justify;}
div.oneDROP dl.dropMainDL dd::before {content: "• "; margin-left: 0.25em;}

#content div.oneDROP h1 {padding: 0 0 0 0.25em; font-size: x-large; text-align: left; border-bottom: 0.1em solid; border-radius: 0 0.5em;}
#content div.oneDROP h2 {display: block; clear: both; font-size: 1.5rem; text-align: left; margin-top: 1em;}
#content div.oneDROP h2.suBlock {border-bottom: 1px solid var(--discreet-border-col); padding-bottom: 0.2em;}
div.oneDROP p.dropSubtitle {text-align: left; font-size: 1.15rem; font-style: italic; color: var(--always-dark-orange); margin: 0 0 0 0; padding: 0 0 0.5em 0; background-color: var(--bg-col);}

div.oneDROP span.hasACurr::before {content: "🏷️ "; margin-left: 0.25em;}
div.oneDROP span.hasTopic a {display: inline-block; background: var(--always-green-highlight); color: var(--tx-col); border-radius: 999px; padding: 0.25em 0.85em; text-decoration: none; font-weight: bold; font-family: Verdana, Geneva, sans-serif; font-size: 0.82rem;}
div.oneDROP span.hasTopic a:hover {filter: brightness(1.08); text-decoration: underline;}
div.oneDROP span.hasAOffer {display: inline-flex; align-items: center; gap: 0.4em; background: var(--p-bg-col); border: 1px solid var(--discreet-border-col); border-radius: 999px; padding: 0.25em 0.85em;}
div.oneDROP span.hasAOffer, div.oneDROP span.pricePrice {font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Courier New', monospace; font-weight: bold; color: var(--always-dark-orange);}
div.oneDROP span.countdown {display: inline-block; margin-left: 0.5em; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Courier New', monospace; color: var(--gray-orange-col);}

div.oneDROP p.publisherAndTime {clear: both; display: flex; flex-wrap: wrap; align-items: center; gap: 0.55em 0.9em; padding: 0.6em 0.1em; margin: 0 0 1em; background-color: transparent; text-align: left; font-size: 0.92rem; font-family: Verdana, Geneva, sans-serif; border-bottom: 1px solid var(--discreet-border-col);}
div.oneDROP p.publisherAndTime br {display: none;}
div.oneDROP p.publisherAndTime span.flag {float: none; display: inline-block; padding: 0.2em 0.7em; border-radius: 999px; background: var(--p-bg-col); border: 1px solid var(--discreet-border-col); font-size: 0.78rem; font-weight: bold;}
div.oneDROP p.publisherAndTime span.published {font-style: normal; color: var(--gray-orange-col); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Courier New', monospace; margin-right: 0;}
div.oneDROP p.publisherAndTime span.hasTopic,
div.oneDROP p.publisherAndTime span.hasAOffer,
div.oneDROP p.publisherAndTime span.countdown {margin-left: auto;}
div.oneDROP p.publisherAndTime a[itemprop="url"] {font-weight: bold; color: var(--tx-col); text-decoration: none;}
div.oneDROP p.publisherAndTime a[itemprop="url"]:hover {color: var(--a-hov-col); text-decoration: underline;}

a.grayLink {color: var(--gray-orange-col);}
a.grayLink:hover {color: var(--a-hov-col);}

button.translateMeButton {height: 1.5em; font-size: small; padding: 0 0 0 0; margin: 0 0 0 0; background-color: transparent; border: 0; color: var(--always-dark-orange);}

/* peripheral drop-page blocks (links / tags-sentence / share-repost / sponsors / reviews / CC) share
   the same width as the article body above, without touching the shared onePartHere/onePartHalf/
   globTag/review.css styling used sitewide by other pages - every override below is scoped under
   .dripExtras so shops/producers/gallery/events etc. keep their current drippy-border box look */
div.dripExtras {width: 98%; margin: 0 1%;}
div.dripExtras div.onePartHere {margin-bottom: 1.2em;}
div.dripExtras div.onePartHere::after {content: none;}
div.dripExtras div.onePartHere > p,
div.dripExtras div.onePartHere div.partInnerDiv {border: 1px solid var(--discreet-border-col); border-radius: 0.6em; background-color: var(--p-bg-col); margin: 0.4em 0 0 0;}
div.dripExtras div.onePartHere div.partInnerDiv p {border: 0; background: transparent;}
div.dripExtras div.onePartHere > h2:not(.invertColors) {font-family: Georgia, 'Times New Roman', serif; font-size: 1.25rem; color: var(--tx-col); margin: 0;}
div.dripExtras div.onePartHere h3.smallMiddleTop:not(.invertColors) {font-family: Georgia, 'Times New Roman', serif; font-size: 1.02rem;}
div.dripExtras div.reviewsWrap > h2.invertColors {font-family: Georgia, 'Times New Roman', serif;}
div.dripExtras span.xxLarge.fett {color: var(--always-dark-orange); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Courier New', monospace;}
div.dripExtras button.reviewsToggleFormBtn,
div.dripExtras a.reviewsLoadOlderBtn {font-family: Verdana, Geneva, sans-serif; border-radius: 999px;}
div.dripExtras div.onePartHere.revGreen div.partInnerDiv {border-color: var(--always-green-highlight);}
div.dripExtras div.onePartHere.revRed div.partInnerDiv {border-color: var(--bright-red);}

@media screen and (min-width: 850px) {
	div.oneDROP {width: 75%; margin-left: auto; margin-right: auto;}
	div.oneDROP div.blockPics {float: left; max-width: 50%; padding-right: 1em;}
	div.oneDROP div.picFloatRight {float: right; padding-right: 0; padding-left: 1em;}
	div.oneDROP div.blockPics div.hasOnePic img {height: auto; border-radius: 0.6em;}
	div.oneDROP div.heroWrap.hasHeroImage div.hasOnePic img,
	div.oneDROP div.heroWrap.hasHeroImage div.hasOnePic video {border-radius: 0;}
	div.oneDROP p.dropMainText {text-align: justify; padding: 0 0 0 0;}
	div.oneDROP p.dropSubtitle {text-align: justify;}
	#content div.oneDROP h1 {font-size: xx-large;}
	#content div.oneDROP h2 {margin-bottom: 1em; padding-top: 0.5em;}
	div.dripExtras {width: 75%; margin: 0 auto;}
}

@media screen and (max-width: 560px) {
	div.oneDROP div.heroWrap.hasHeroImage div.hasOnePic {aspect-ratio: 4 / 5;}
	div.oneDROP p.publisherAndTime span.hasTopic,
	div.oneDROP p.publisherAndTime span.hasAOffer,
	div.oneDROP p.publisherAndTime span.countdown {margin-left: 0;}
}