/* Sylvana sitewide header tweaks.
   Loaded on every page (see sy_site_styles_hashed in sy-auto-discount.php). */

/* ---- Header links: uppercase, never underlined ---- */
.bde-header-builder-1339-100 .bde-text-link,
.bde-header-builder-1339-100 .bde-text-link:link,
.bde-header-builder-1339-100 .bde-text-link:visited,
.bde-header-builder-1339-100 .bde-text-link:hover,
.bde-header-builder-1339-100 .bde-text-link:focus,
.bde-header-builder-1339-100 .bde-text-link:active,
.bde-header-builder-1339-100 .bde-text-link > *,
.bde-header-builder-1339-100 .breakdance-menu-link,
.bde-header-builder-1339-100 .breakdance-menu-link:hover,
.bde-header-builder-1339-100 .breakdance-menu-link:focus {
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 0 !important;
}

/* the menu's built-in underline effect draws via a pseudo element */
.bde-header-builder-1339-100 .breakdance-menu-link::before,
.bde-header-builder-1339-100 .breakdance-menu-link::after,
.bde-header-builder-1339-100 .breakdance-menu-item::before,
.bde-header-builder-1339-100 .breakdance-menu-item::after {
  display: none !important;
  content: none !important;
}

/* uppercase, and keep the set evenly weighted */
.bde-header-builder-1339-100 .bde-text-link,
.bde-header-builder-1339-100 .breakdance-menu-link {
  text-transform: uppercase !important;
  letter-spacing: 0.03em;
  font-weight: 600 !important;
}

/* ---- Product gallery: match the 4:3 ratio used by the homepage cards ---- */
/* Cards are 337x252 (1.336) with object-fit:contain. Product pages had no fixed
   ratio, so a near-square source (e.g. Nose in the Bog, 524x490) rendered square. */
body.single-product .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery__image a {
  display: block;
  aspect-ratio: 4 / 3;
  width: 100%;
  overflow: hidden;
  background: #FFFFFF;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product .woocommerce-product-gallery__image a img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;   /* never crop the artwork */
  object-position: center !important;
  aspect-ratio: auto !important;
}
/* gallery thumbnails, same ratio */
body.single-product .flex-control-thumbs li img,
body.single-product .woocommerce-product-gallery__wrapper .flex-control-nav img {
  aspect-ratio: 4 / 3;
  object-fit: contain !important;
  width: 100% !important;
  height: auto !important;
}

/* ---- Trust bar: bordered pills with an icon each ---- */
.sy-trust {
  gap: 12px 16px !important;
}
.sy-trust .sy-trust-item {
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  margin: 0 !important;
  padding: 10px 18px;
  border: 1px solid #DDE0F8;
  border-radius: 999px;
  background: #FFFFFF;
  color: #374151 !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  transition: border-color .15s ease, background-color .15s ease;
}
.sy-trust .sy-trust-item:hover {
  border-color: #2F2FC9;
  background: #F7F8FE;
}
/* icon drawn as a mask so one rule controls the colour */
.sy-trust .sy-trust-item::before {
  content: "";
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background-color: #2F2FC9;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center;  mask-position: center;
  -webkit-mask-size: 100% 100%;   mask-size: 100% 100%;
}
/* 1. Fine-art quality A1 prints - award rosette */
.sy-trust .sy-trust-item:nth-of-type(1)::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='6'/><path d='M15.477 12.89 17 22l-5-3-5 3 1.523-9.11'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='6'/><path d='M15.477 12.89 17 22l-5-3-5 3 1.523-9.11'/></svg>");
}
/* 2. Original works available - picture frame */
.sy-trust .sy-trust-item:nth-of-type(2)::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='3' rx='2'/><circle cx='9' cy='9' r='2'/><path d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='3' rx='2'/><circle cx='9' cy='9' r='2'/><path d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/></svg>");
}
/* 3. Wholesale enquiries welcome - handshake / briefcase */
.sy-trust .sy-trust-item:nth-of-type(3)::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='20' height='14' x='2' y='7' rx='2'/><path d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='20' height='14' x='2' y='7' rx='2'/><path d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/></svg>");
}
/* 4. UK delivery - delivery van */
.sy-trust .sy-trust-item:nth-of-type(4)::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M10 17h4V5H2v12h3'/><path d='M20 17h2v-3.34a4 4 0 0 0-1.17-2.83L19 9h-5v8h1'/><circle cx='7.5' cy='17.5' r='2.5'/><circle cx='17.5' cy='17.5' r='2.5'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M10 17h4V5H2v12h3'/><path d='M20 17h2v-3.34a4 4 0 0 0-1.17-2.83L19 9h-5v8h1'/><circle cx='7.5' cy='17.5' r='2.5'/><circle cx='17.5' cy='17.5' r='2.5'/></svg>");
}
@media (max-width: 767px) {
  .sy-trust { gap: 10px !important; }
  .sy-trust .sy-trust-item {
    font-size: 14px; padding: 9px 14px; gap: 7px;
    white-space: normal;
  }
  .sy-trust .sy-trust-item::before { flex-basis: 16px; width: 16px; height: 16px; }
}

/* ---- Contact strip: hover only. Colours live in the Breakdance selector
   store (sy-contactbar-band / -link / -sep), which loads after this file. ---- */
.sy-contactbar a:hover,
.sy-contactbar .sy-contactbar-link:hover {
  color: #14163F !important;
  text-decoration: underline !important;
}

/* ---- Special Offers button, now living in the white contact strip ---- */
/* Trim it so the strip stays slim, and push it to the right of the rail. */
.sy-contactbar .sy-nav-cta {
  padding: 6px 16px !important;
  font-size: 13px !important;
  box-shadow: none !important;      /* the glow was for the white header */
}
.sy-contactbar .sy-nav-cta:hover {
  background-color: #14163F !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
}
.sy-contactbar .sy-nav-cta .sy-nav-cta-tag {
  font-size: 10px !important;
  padding: 2px 7px !important;
}
/* keep the strip slim now that it holds a button */
.sy-contactbar {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  justify-content: flex-end !important;   /* phone, email, then the button, all right */
  gap: 10px 20px !important;
}
@media (max-width: 767px) {
  /* Contact details centre on their row; the button gets its own row, right-aligned. */
  .sy-contactbar {
    flex-wrap: wrap !important;
    row-gap: 8px !important;
    justify-content: center !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  /* the button claims a full row, then aligns itself to the right end of it */
  .sy-contactbar .sy-nav-cta {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    align-self: flex-end !important;
  }
  /* phone and email share the row above */
  .sy-contactbar .sy-contactbar-link {
    flex: 0 0 auto;
  }
}

/* ---- Cart counter: always visible ---- */
/* Breakdance sets background-color: var(--bde-palette-color-1), but that variable
   is undefined on this site, so it fell back to transparent: white text on a white
   header, i.e. invisible until a hover state painted something behind it. */
.bde-mini-cart-1339-117 .bde-mini-cart-toggle__counter,
.bde-header-builder-1339-100 .bde-mini-cart-toggle__counter {
  background-color: #2F2FC9 !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  border: 2px solid #FFFFFF;   /* lift it off the cart glyph */
  box-sizing: content-box;
  top: -6px !important;
  right: -8px !important;
}
/* keep it visible on hover and focus too */
.bde-mini-cart-1339-117 .bde-mini-cart-toggle:hover .bde-mini-cart-toggle__counter,
.bde-mini-cart-1339-117 .bde-mini-cart-toggle:focus .bde-mini-cart-toggle__counter {
  background-color: #14163F !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* the toggle needs room so the badge is not clipped */
.bde-mini-cart-1339-117 .bde-mini-cart-toggle {
  overflow: visible !important;
  position: relative !important;
}
/* an empty cart should show no badge at all, not a "0" */
.bde-mini-cart-1339-117 .bde-mini-cart-toggle__counter[data-count="0"],
.bde-mini-cart-1339-117 .bde-mini-cart-toggle__counter[data-count=""] {
  display: none !important;
}

/* ---- Mobile header (menu collapses at <=1023px) ---- */
@media (max-width: 1023px) {
  /* basket sits beside the hamburger instead of floating mid-header */
  .bde-div-1339-115 {
    margin-left: auto !important;
    margin-right: 8px !important;
  }
  /* 44x44 tap target for the hamburger (was 25x25); icon stays 25px wide */
  .bde-menu-1339-101 .breakdance-menu-toggle {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Desktop: keep the nav beside the Facebook/basket icons, as the old text links were */
@media (min-width: 1024px) {
  .bde-menu-1339-101 {
    margin-left: auto !important;
    margin-right: 28px !important;
  }
}

/* ---- Plain content pages (Breakdance "Fallback: Everywhere" template 1336) ---- */
/* sit on the same 1200px rail as every other section (was 1120 - 2x20 = x 160) */
.bde-section-1336-100 > .section-container {
  max-width: 1200px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
/* page title (added by sy-sylvanapub.php) and content headings in the brand type */
.bde-code-block-1336-101 .sy-page-title {
  font-family: Lexend, sans-serif;
  font-weight: 800;
  font-size: clamp(34px, 4.5vw, 52px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #14163F;
  margin: 0 0 32px;
}
.bde-code-block-1336-101 h2,
.bde-code-block-1336-101 h3 {
  font-family: Lexend, sans-serif;
  color: #14163F;
  letter-spacing: -0.02em;
}

/* ---- Gallery (template 1344) ---- */
/* the product loop is capped at 1200px but had no auto margins, so it hugged the left edge */
.bde-post-loop-1344-131 {
  margin-left: auto !important;
  margin-right: auto !important;
}
/* "Price on application" for originals (woocommerce_empty_price_html) */
.sy-poa {
  font-size: 0.8em;
  font-style: italic;
  white-space: nowrap;
}

/* Enquiry-only paintings (everything except Special Offers): no quantity or basket button, enquiry button leads */
.sy-enquiry-only .bde-text-1343-132,.sy-enquiry-only .bde-wooproductcartbutton-1343-125{display:none}

/* Product meta (SKU + categories) not shown on product pages (user, 2026-10-19) */
.bde-wooproductmeta.sy-prod-meta{display:none!important}

/* Home quote slider (page 11 #135), 2026-10-21 */
.sy-quote [data-sy-qstage] { width: 100%; }
.sy-quote [data-sy-qslide] { display: flex; flex-direction: column; align-items: center; }
.sy-quote [data-sy-qstage].is-ready { display: grid; }
.sy-quote [data-sy-qstage].is-ready [data-sy-qslide] { grid-area: 1 / 1; transition: opacity .6s ease, visibility .6s; }
.sy-quote [data-sy-qstage].is-ready [data-sy-qslide]:not(.is-active) { opacity: 0; visibility: hidden; }
.sy-qdots { display: flex; justify-content: center; gap: 4px; margin-top: 28px; }
.sy-qdot { width: 24px; height: 24px; padding: 0; border: 0; background: transparent; cursor: pointer; display: grid; place-items: center; }
.sy-qdot::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: rgba(255, 255, 255, .35); transition: background .25s ease, transform .25s ease; }
.sy-qdot.is-active::before { background: var(--sy-gold); transform: scale(1.25); }
.sy-qdot:focus-visible { outline: 2px solid var(--sy-gold); outline-offset: 2px; border-radius: 50%; }
@media (prefers-reduced-motion: reduce) { .sy-quote [data-sy-qstage].is-ready [data-sy-qslide] { transition: none; } }

/* Home quote slider: bespoke artwork slide, 2026-10-21 */
.sy-quote [data-sy-qslide] { justify-content: center; }
.sy-quote [data-sy-qslide="promo"] .sy-quote-text { max-width: 46ch; font-size: 22px; line-height: 1.6; margin-bottom: 0; }
.sy-quote [data-sy-qslide="promo"] .sy-quote-text a { color: var(--sy-gold); text-decoration: underline; text-underline-offset: 3px; }
.sy-quote [data-sy-qslide="promo"] .sy-quote-text strong { font-weight: 700; }
.sy-quote [data-sy-qslide="promo"] .sy-quote-text a:hover { color: #fff; }
.sy-quote [data-sy-qslide="promo"] .sy-quote-text a:focus-visible { outline: 2px solid var(--sy-gold); outline-offset: 2px; }
@media (max-width: 1023px) { .sy-quote [data-sy-qslide="promo"] .sy-quote-text { font-size: 19px; } }
@media (max-width: 767px) { .sy-quote [data-sy-qslide="promo"] .sy-quote-text { font-size: 17px; } }

/* Home quote section: white + gold corner kickers (page 11 #135), 2026-10-21 */
.sy-quote { position: relative; }
.sy-quote [data-sy-qkicker] { position: absolute; margin: 0; pointer-events: none; }
.sy-quote [data-sy-qkicker="tl"] { top: 56px; left: max(24px, calc((100% - 1200px) / 2 + 24px)); }
.sy-quote [data-sy-qkicker="br"] { bottom: 56px; right: max(24px, calc((100% - 1200px) / 2 + 24px)); }
.sy-quote [data-sy-qkicker] .sy-kicker-indigo { background-color: #fff; }
.sy-quote [data-sy-qkicker] .sy-kicker-gold { background-color: var(--sy-gold); }
@media (max-width: 767px) {
  .sy-quote [data-sy-qkicker="tl"] { top: 24px; left: 20px; }
  .sy-quote [data-sy-qkicker="br"] { bottom: 24px; right: 20px; }
}

/* Product page POA row: price text + "Buy the original" (template 1343), 2026-10-21 */
.bde-div[data-sy-poa-row] { display: flex; flex-flow: row wrap; align-items: center; gap: 12px 20px; margin: 4px 0 20px; }
[data-sy-poa-row] [data-sy-poa] { margin: 0; color: var(--sy-navy); font-family: var(--sy-font-display); font-size: 19px; font-weight: 500; }
[data-sy-poa-row] [data-sy-poa] strong { font-weight: 700; }
[data-sy-poa-row] .bde-button { margin: 0; }

/* Special Offers prints are sold here again (2026-10-21): shop items show price + basket, the rest show the POA row */
.sy-enquiry-only .bde-wooproductprice-1343-123 { display: none; }
body.single-product:not(.sy-enquiry-only) .bde-div[data-sy-poa-row] { display: none; }

/* Home offer tier cards: corner kickers (page 17 #111/#116/#121), 2026-10-21 */
.sy-otier { position: relative; }
.sy-otier [data-sy-tkicker] { position: absolute; margin: 0; pointer-events: none; }
.sy-otier [data-sy-tkicker="tl"] { top: 16px; left: 18px; }
.sy-otier [data-sy-tkicker="br"] { bottom: 16px; right: 18px; }
.sy-otier [data-sy-tkicker] .sy-kicker-indigo { background-color: var(--sy-indigo); }
.sy-otier [data-sy-tkicker] .sy-kicker-gold { background-color: var(--sy-gold); }
.sy-otier-b [data-sy-tkicker] .sy-kicker-gold { background-color: var(--sy-gold-deep); }
.sy-otier-c [data-sy-tkicker] .sy-kicker-indigo { background-color: #fff; }

/* Offer tier card kickers at half size (user, 2026-10-21) */
.sy-otier [data-sy-tkicker] { transform: scale(.5); }
.sy-otier [data-sy-tkicker="tl"] { transform-origin: top left; }
.sy-otier [data-sy-tkicker="br"] { transform-origin: bottom right; }

/* Gallery hero (template 1344 #121) holds the home-style slider and glows, 2026-10-21 */
.sy-ghero { position: relative; overflow: hidden; }

/* Artist Profile (page 19): "More Commentaries" video grid, 2026-10-21 */
[data-sy-comm] { padding: 72px 24px 88px; background: var(--sy-bg); }
[data-sy-comm-inner] { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
[data-sy-comm-heading] { margin: 0 0 10px; color: var(--sy-navy); font-family: var(--sy-font-display); font-weight: 700; font-size: 34px; line-height: 1.2; letter-spacing: -0.01em; }
[data-sy-comm-intro] { margin: 0 0 32px; max-width: 60ch; color: var(--sy-muted); font-family: var(--sy-font-body); font-size: 17px; line-height: 1.6; }
[data-sy-comm-grid] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
[data-sy-comm-card] { display: flex; flex-direction: column; gap: 10px; padding: 14px 14px 18px; background: #fff; border-radius: var(--sy-radius-lg); box-shadow: var(--sy-shadow-card); }
[data-sy-comm-video] iframe { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: var(--sy-radius-md); background: #000; }
[data-sy-comm-title] { margin: 6px 0 0; color: var(--sy-navy); font-family: var(--sy-font-display); font-weight: 600; font-size: 18px; line-height: 1.3; }
[data-sy-comm-link] { color: var(--sy-indigo); font-family: var(--sy-font-body); font-weight: 600; font-size: 15px; text-decoration: underline; text-underline-offset: 3px; }
[data-sy-comm-link]:hover { color: var(--sy-indigo-dark); }
[data-sy-comm-link]:focus-visible { outline: 2px solid var(--sy-indigo); outline-offset: 2px; border-radius: 4px; }
@media (max-width: 1119px) { [data-sy-comm-grid] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  [data-sy-comm] { padding: 56px 16px 64px; }
  [data-sy-comm-inner] { padding: 0; }
  [data-sy-comm-heading] { font-size: 28px; }
  [data-sy-comm-grid] { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}
[data-sy-comm-video] iframe { position: static; }

/* YouTube thumbnail + play link that opens the video in a modal (Artist Profile), 2026-10-22 */
.sy-yt { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--sy-radius-md); background: var(--sy-navy); cursor: pointer; }
.sy-yt--fill { position: absolute; inset: 0; aspect-ratio: auto; border-radius: 0; }
.sy-yt img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform var(--sy-ease), opacity var(--sy-ease); }
.sy-yt:hover img { transform: scale(1.03); opacity: .9; }
.sy-yt-play { position: absolute; top: 50%; left: 50%; width: 68px; height: 68px; margin: -34px 0 0 -34px; border-radius: 50%; background: rgba(47, 47, 201, .6); box-shadow: 0 6px 20px rgba(20, 22, 63, .25); backdrop-filter: blur(2px); transition: transform var(--sy-ease), background-color var(--sy-ease); }
.sy-yt-play::after { content: ""; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -7px; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #fff; }
.sy-yt:hover .sy-yt-play { transform: scale(1.08); background: rgba(47, 47, 201, .85); }
.sy-yt:focus-visible { outline: 3px solid var(--sy-gold); outline-offset: 3px; }
[data-sy-comm-video] .sy-yt-play { width: 54px; height: 54px; margin: -27px 0 0 -27px; }
[data-sy-comm-video] .sy-yt-play::after { margin: -10px 0 0 -6px; border-width: 10px 0 10px 17px; }

.sy-ytm { width: min(1100px, 100vw - 32px); max-width: none; max-height: none; padding: 0; border: 0; background: transparent; overflow: visible; }
.sy-ytm::backdrop { background: rgba(10, 11, 30, .86); }
.sy-ytm-box { position: relative; }
.sy-ytm-frame { aspect-ratio: 16 / 9; max-height: calc(100vh - 120px); margin: 0 auto; background: #000; border-radius: var(--sy-radius-md); overflow: hidden; box-shadow: 0 24px 60px rgba(0, 0, 0, .5); }
.sy-ytm-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.sy-ytm-close { position: absolute; top: -52px; right: 0; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; font: 400 32px/44px var(--sy-font-body); cursor: pointer; transition: background-color var(--sy-ease); }
.sy-ytm-close:hover { background: rgba(255, 255, 255, .28); }
.sy-ytm-close:focus-visible { outline: 3px solid var(--sy-gold); outline-offset: 2px; }
html.sy-ytm-lock { overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .sy-yt img, .sy-yt-play { transition: none; } .sy-yt:hover img, .sy-yt:hover .sy-yt-play { transform: none; } }

/* Artist Profile: painting title under the An Enigma image, in the slider-title pill style, 2026-10-22 */
.bde-text[data-sy-art-caption], p[data-sy-art-caption] { position: static; align-self: flex-start; margin-top: -6px; box-shadow: 0 1px 3px rgba(45, 52, 54, .12); }

/* An Enigma image + caption as one link to the product page, 2026-10-22 */
.sy-art-link { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; text-decoration: none; }
.sy-art-link .sy-artist-work { display: block; transition: box-shadow var(--sy-ease); }
.sy-art-link:hover .sy-artist-work { box-shadow: 0 14px 36px rgba(45, 52, 54, .2); }
.sy-art-link [data-sy-art-caption] { position: static; box-shadow: 0 1px 3px rgba(45, 52, 54, .12); transition: color var(--sy-ease); }
.sy-art-link:hover [data-sy-art-caption] { color: var(--sy-indigo); }
.sy-art-link:focus-visible { outline: 3px solid var(--sy-gold); outline-offset: 4px; border-radius: 16px; }

/* Privacy Policy (page 1206) and any other page whose content is wrapped in .sy-legal, 2026-10-22 */
.sy-legal { max-width: 760px; color: var(--sy-ink); font-family: var(--sy-font-body); font-size: 17px; line-height: 1.7; }
.sy-legal p { margin: 0 0 16px; }
.sy-legal .sy-legal-updated { margin-bottom: 24px; color: var(--sy-muted); font-size: 15px; font-weight: 600; }
.sy-legal h2 { margin: 48px 0 14px; color: var(--sy-navy); font-family: var(--sy-font-display); font-weight: 700; font-size: 26px; line-height: 1.3; }
.sy-legal h3 { margin: 28px 0 10px; color: var(--sy-navy); font-family: var(--sy-font-display); font-weight: 600; font-size: 20px; line-height: 1.35; }
.sy-legal ul { margin: 0 0 20px; padding-left: 22px; }
.sy-legal li { margin: 0 0 8px; padding-left: 4px; }
.sy-legal li::marker { color: var(--sy-indigo); }
.sy-legal a { color: var(--sy-indigo); text-decoration: underline; text-underline-offset: 3px; }
.sy-legal a:hover { color: var(--sy-indigo-dark); }
@media (max-width: 767px) { .sy-legal { font-size: 16px; } .sy-legal h2 { margin-top: 36px; font-size: 22px; } .sy-legal h3 { font-size: 18px; } }
/* Artist Profile statement band (page 19 #163): body width (1152px rail) + reduced padding, 2026-11-10 */
.sy-quote[data-sy-statement] { width: calc(100% - 48px); max-width: 1152px; margin: 0 auto 72px; padding-top: 40px; padding-bottom: 40px; border-radius: 16px; }
@media (max-width: 1023px) { .sy-quote[data-sy-statement] { width: calc(100% - 40px); margin-bottom: 56px; padding-top: 32px; padding-bottom: 32px; } }
@media (max-width: 767px) { .sy-quote[data-sy-statement] { width: calc(100% - 32px); margin-bottom: 48px; padding-top: 28px; padding-bottom: 28px; border-radius: 12px; } }
/* Artist Profile statement band: tighter padding, kickers pulled in to suit */
.sy-quote[data-sy-statement] [data-sy-qkicker="tl"] { top: 20px; }
.sy-quote[data-sy-statement] [data-sy-qkicker="br"] { bottom: 20px; }
@media (max-width: 767px) { .sy-quote[data-sy-statement] [data-sy-qkicker="tl"] { top: 14px; } .sy-quote[data-sy-statement] [data-sy-qkicker="br"] { bottom: 14px; } }

/* Footer corner kickers (2026-11-10), same as the Artist Profile quote panel */
footer.sy-footer { position: relative; }
.sy-footer [data-sy-fkicker] { position: absolute; margin: 0; pointer-events: none; }
.sy-footer [data-sy-fkicker="tl"] { top: 24px; left: 24px; }
.sy-footer [data-sy-fkicker="br"] { bottom: 14px; right: 24px; }
.sy-footer [data-sy-fkicker] .sy-kicker-indigo { background-color: #fff; }
.sy-footer [data-sy-fkicker] .sy-kicker-gold { background-color: var(--sy-gold); }
@media (max-width: 767px) {
  .sy-footer [data-sy-fkicker="tl"] { top: 20px; left: 12px; }
  .sy-footer [data-sy-fkicker="br"] { bottom: 12px; right: 12px; }
}

/* Artist Profile hero video: native Breakdance Video element (2026-11-11) */
.sy-artist-video > .bde-video { position: absolute; inset: 0; height: 100%; background: var(--sy-navy); }
.sy-artist-video > .bde-video .ee-video-container { height: 100%; padding-top: 0; }

/* Native Video element (lite-youtube): brand play button, matches .sy-yt-play (2026-11-11) */
.bde-video lite-youtube::before, .bde-video lite-youtube .lyt-top-wrapper { display: none; }
.bde-video lite-youtube > .lty-playbtn { width: 68px; height: 68px; border-radius: 50%; background-color: rgba(47, 47, 201, .6); background-image: none; box-shadow: 0 6px 20px rgba(20, 22, 63, .25); backdrop-filter: blur(2px); transition: transform var(--sy-ease), background-color var(--sy-ease); }
.bde-video lite-youtube > .lty-playbtn::after { content: ""; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -7px; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #fff; }
.bde-video lite-youtube:hover > .lty-playbtn { transform: translate3d(-50%, -50%, 0) scale(1.08); background-color: rgba(47, 47, 201, .85); }
.bde-video lite-youtube > .lty-playbtn:focus-visible { outline: 3px solid var(--sy-gold); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .bde-video lite-youtube > .lty-playbtn { transition: none; } }