/* Dark Water Megs: store page (megalodon-teeth-for-sale.html) on the new site look. Layout only, the Ecwid store itself is styled in Ecwid */
.st28 main{padding:12px 0 22px}
.st28 .st-wrap{max-width:1150px}
.st28 .st-top{text-align:center}
.st28 .st-top h1{font-size:26px;line-height:1.2;margin:0}
.st28 .st-top .promises.p7{margin:6px auto 0}
.st28 .st-pay{margin:6px 0 0;line-height:0}
.st28 .st-pay img{width:250px;height:auto;max-width:100%}
.st28 .dwm-store{min-height:100vh}
.st28 .dwm-store > div > p{margin:0}
/* this page leaves out r12 (underline every link in main) so store links look as before; Ecwid keeps its own underlines */
:where(.st28 .dwm-store) a{text-decoration:none}
.st28 .st-intro{max-width:820px;margin:18px auto 0;text-align:center;font-size:15.5px;line-height:1.6;color:var(--muted)}
.st28 .st-intro a{color:#9e0000;text-decoration:underline}
/* store home: less empty space above the category tiles; the cart icon sits at the right of the payment logos row instead */
@media (min-width:600px){
 body.st28 .ec-size.ec-size .ec-store.ec-store.ec-store__category-page--0 .ec-store__content-wrapper{padding-top:0}
 body.st28 .dwm-cartbar .ec-cart-widget{top:-54px}
 body.st28 .ec-size.ec-size .ec-store.ec-store .ec-page-title .ec-breadcrumbs,body.st28 .ec-size.ec-size .ec-store.ec-store .ec-page-title{padding-right:0}
 body.st28 .ec-size.ec-size .ec-store.ec-store .ec-grid .grid__sort{right:0}
}
.dwm-cart2{display:none}
/* phones */
@media (max-width:599px){
 .st28 main{padding:8px 0 18px}
 .st28 .st-top h1{font-size:clamp(19px,5.6vw,22px);text-wrap:balance}
 .st28 .st-top .promises.p7{margin-top:4px;font-size:clamp(11px,calc((100vw - 30px)/25.4),14.4px)}
 /* phones: each promise stays on one line (sized to the longest line) */
 .st28 .st-top .promises.p7 li{flex-wrap:nowrap;column-gap:.4em;padding-left:1.5em;padding-right:0}
 .st28 .st-pay{margin-top:4px}
 .st28 .st-pay img{width:210px}
 /* phones: the cart sits in the header row, just left of the Menu button. The cart code stays where it is; this only moves it on screen */
 body.st28 .hdr.wrap{gap:10px}
 .st28 .hdr-right{padding-left:58px}
 .st28 .dwm-cartbar{position:absolute;top:6px;left:auto;right:138px;z-index:30;width:44px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;background:none;box-shadow:none}
 .st28 .dwm-cartbar .ec-cart-widget{width:44px;height:44px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}
 .st28 .dwm-cartbar .ec-minicart{min-width:44px;min-height:44px;cursor:pointer;position:relative}
 /* phones: show the number of items as a small red badge (Ecwid shows only a dot on small screens) */
 body.st28 .dwm-cartbar .ec-minicart.ec-minicart .ec-minicart__icon .icon-default .cart-not-empty{opacity:0}
 body.st28 .dwm-cartbar .ec-minicart.ec-minicart:not(.ec-minicart--empty) .ec-minicart__counter{display:flex;position:absolute;top:1px;right:-2px;left:auto;min-width:19px;height:19px;padding:0 5px;box-sizing:border-box;border-radius:10px;background:#b30000;color:#fff;font:700 12px/19px Arial,sans-serif;align-items:center;justify-content:center}
 body.st28 .dwm-cartbar .ec-minicart.ec-minicart .ec-minicart__counter::after{display:none}
 /* phones: the cart glyph is centered in the white circle and fills most of it */
 body.st28 .dwm-cartbar .ec-minicart.ec-minicart{padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
 body.st28 .dwm-cartbar .ec-minicart.ec-minicart .ec-minicart__body{margin:0;padding:0;display:flex;align-items:center;justify-content:center}
 body.st28 .dwm-cartbar .ec-minicart.ec-minicart .ec-minicart__wrap{position:static;width:0;height:0;margin:0;padding:0}
 body.st28 .dwm-cartbar .ec-minicart.ec-minicart .ec-minicart__icon{width:32px;height:27px;margin:-2px 0 0 2px}
 body.st28 .dwm-cartbar .ec-minicart.ec-minicart .ec-minicart__icon svg{width:32px;height:27px}
 /* phones: a second cart button on the breadcrumb row (Store / category), right side, same row. Shown on category and product views only */
 body.st28.st-bc .dwm-cart2{display:block;position:relative;height:0;z-index:5}
 body.st28 .dwm-cart2 .ec-cart-widget{position:absolute;top:0;right:10px}
 body.st28 .dwm-cart2 .ec-minicart.ec-minicart{position:relative;display:flex;align-items:center;height:28px;min-width:0;min-height:0;margin:0;padding:0 11px 0 9px;box-sizing:border-box;border-radius:14px;background:#b30000;color:#fff;cursor:pointer}
 body.st28 .dwm-cart2 .ec-minicart.ec-minicart::before{content:"";position:absolute;left:-4px;right:-4px;top:-8px;bottom:-8px}
 body.st28 .dwm-cart2 .ec-minicart.ec-minicart .ec-minicart__body{display:flex;align-items:center;margin:0;padding:0}
 body.st28 .dwm-cart2 .ec-minicart.ec-minicart .ec-minicart__icon{width:22px;height:19px;margin:0;color:#fff}
 body.st28 .dwm-cart2 .ec-minicart.ec-minicart.ec-minicart .ec-minicart__icon svg{width:22px;height:19px;color:#fff}
 body.st28 .dwm-cart2 .ec-minicart.ec-minicart .ec-minicart__icon .icon-default .cart-not-empty{opacity:0}
 body.st28 .dwm-cart2 .ec-minicart.ec-minicart.ec-minicart .ec-minicart__icon svg.icon-default path, body.st28 .dwm-cart2 .ec-minicart.ec-minicart.ec-minicart .ec-minicart__icon svg.icon-default circle{stroke:#fff}
 body.st28 .dwm-cart2 .ec-minicart.ec-minicart .ec-minicart__wrap{display:flex;flex-direction:row;align-items:center;position:static;margin:0 0 0 7px;padding:0;width:auto;height:auto}
 body.st28 .dwm-cart2 .ec-minicart.ec-minicart .ec-minicart__wrap::before{content:"Cart";font:700 14px/1 "Merriweather Sans",Arial,sans-serif;color:#fff}
 body.st28 .dwm-cart2 .ec-minicart.ec-minicart .ec-minicart__counter{display:none}
 body.st28 .dwm-cart2 .ec-minicart.ec-minicart:not(.ec-minicart--empty) .ec-minicart__counter{display:flex;position:static;margin:0 0 0 6px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:10px;background:#fff;color:#b30000;font:700 12px/20px Arial,sans-serif;align-items:center;justify-content:center}
 body.st28 .dwm-cart2 .ec-minicart.ec-minicart .ec-minicart__counter::after{display:none}
 /* the breadcrumbs keep one row and stop before the cart button (long names end in ...) */
 body.st28.st-bc .ec-size.ec-size .ec-store.ec-store .ec-breadcrumbs{box-sizing:border-box;max-width:calc(100% - 124px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.st28 .ec-size.ec-size .ec-store.ec-store .ec-store__content-wrapper{padding-top:0}
 .st28 .st-intro{font-size:14.5px;margin-top:14px;text-align:left}
}
@media (max-width:360px){.st28 .dwm-cartbar{right:122px}}