/* Smokers Guide Banners */
.sgb { margin: 0 0 14px; }
.sgb-items { display: flex; flex-direction: column; gap: 10px; }
.sgb-item { position: relative; display: block; line-height: 0; border-radius: 4px; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, .15); transition: box-shadow .2s, transform .2s; }
.sgb-item:hover { box-shadow: 0 6px 16px rgba(0, 0, 0, .22); transform: translateY(-1px); }
.sgb-item img { width: 100%; height: auto; display: block; }
.sgb-ad { position: absolute; right: 4px; top: 4px; background: rgba(0, 0, 0, .55); color: #fff; font: 600 9px/1 "Open Sans", sans-serif; padding: 3px 5px; border-radius: 2px; letter-spacing: .05em; text-transform: uppercase; opacity: .7; }

.sgb-layout-grid .sgb-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.sgb-layout-slider .sgb-items { flex-direction: row; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 4px; }
.sgb-layout-slider .sgb-item { flex: 0 0 82%; max-width: 340px; scroll-snap-align: start; }

/* Header zone: one banner, top right like the live site */
.sgb-header { margin: 0; }
.sgb-header .sgb-items { display: block; }
.sgb-header .sgb-item { max-width: 260px; max-height: 72px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .15); }
.sgb-header .sgb-item img { max-height: 72px; width: auto; }
.header-block-block-1 .sgb { margin: 0; }

/* Recommended links */
.sgb-text ul { list-style: none; margin: 0; padding: 0; }
.sgb-text li { margin: 0; padding: 6px 0; border-bottom: 1px solid #e3e3e3; }
.sgb-text a { font-weight: 700; color: #387b36; }
.sgb-text small { display: block; color: #777; }

/* Shop page */
.sgb-shop { margin: 14px 0; }
.sgb-shop .sgb-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

.sgb-empty { padding: 10px; border: 1px dashed #ccc; color: #888; font-size: 12px; text-align: center; }

/* Member area */
.sgb-account table img { width: 90px; height: auto; border-radius: 3px; }
.sgb-account .sgb-stat { font-variant-numeric: tabular-nums; white-space: nowrap; }