:root {
  --pro-black: #030303;
  --pro-panel: #080806;
  --pro-ivory: #f3efe6;
  --pro-muted: rgba(243, 239, 230, .7);
  --pro-gold: #c7a052;
  --pro-line: rgba(199, 160, 82, .28);
  --pro-serif: "Bodoni Moda", Georgia, serif;
  --pro-sans: "Manrope", Arial, sans-serif;
  --pro-header: 94px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: var(--pro-header); background: var(--pro-black); }
body { margin: 0; min-width: 0; background: var(--pro-black); color: var(--pro-ivory); font-family: var(--pro-sans); }
body::selection { background: var(--pro-gold); color: #000; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
img { display: block; max-width: 100%; }
.skip-link { position: fixed; z-index: 2000; left: 16px; top: -80px; padding: 12px 16px; background: var(--pro-ivory); color: #000; }
.skip-link:focus { top: 12px; }

.eyebrow { margin: 0 0 22px; color: var(--pro-gold); font-size: 12px; font-weight: 600; letter-spacing: .2em; line-height: 1.5; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--pro-serif); font-weight: 400; }
.text-cta, .inline-links a { display: inline-block; padding: 13px 0 10px; border-bottom: 1px solid var(--pro-gold); color: var(--pro-gold); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-decoration: none; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--pro-gold); outline-offset: 4px; }

.professional-access { min-height: calc(100svh - var(--pro-header)); display: grid; grid-template-columns: minmax(0,1fr); place-items: center; padding: clamp(54px, 8vw, 120px) 22px; background: radial-gradient(circle at 50% 28%, rgba(116,86,38,.13), transparent 36%); }
.access-panel { width: min(100%, 700px); min-width: 0; padding: clamp(38px, 6vw, 76px); border: 1px solid var(--pro-line); background: rgba(5,5,4,.88); text-align: center; }
.access-panel h1 { margin-bottom: 28px; font-size: clamp(46px, 6.2vw, 82px); line-height: .98; }
.access-intro { margin: 0 auto 20px; max-width: 590px; color: var(--pro-ivory); font-size: clamp(17px, 1.35vw, 21px); line-height: 1.7; }
.access-note { margin-bottom: 36px; color: var(--pro-muted); font-size: 15px; line-height: 1.6; }
.access-form { width: min(100%, 470px); margin: 0 auto; text-align: left; }
.access-form label, .professional-form > label:not(.privacy-check) { display: grid; gap: 10px; color: var(--pro-gold); font-size: 12px; font-weight: 600; letter-spacing: .13em; }
.access-form input, .professional-form input, .professional-form select, .professional-form textarea { width: 100%; min-height: 52px; padding: 13px 14px; border: 1px solid rgba(199,160,82,.4); border-radius: 0; background: #050505; color: var(--pro-ivory); font-size: 16px; letter-spacing: 0; }
.professional-form textarea { min-height: 140px; resize: vertical; }
.button-primary { width: 100%; min-height: 56px; margin-top: 18px; padding: 13px 20px; border: 1px solid var(--pro-gold); background: transparent; color: var(--pro-gold); font-size: 13px; font-weight: 600; letter-spacing: .16em; cursor: pointer; }
.button-primary:hover, .button-primary:focus-visible { background: var(--pro-gold); color: #080704; }
.access-help { margin: 24px 0 0; color: var(--pro-muted); font-size: 14px; line-height: 1.6; }
.access-help a, .access-contact a { color: var(--pro-gold); font-weight: 600; letter-spacing: .08em; text-decoration: none; }
.access-contact { margin-top: 34px; padding-top: 28px; display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 26px; border-top: 1px solid var(--pro-line); color: var(--pro-muted); font-size: 13px; line-height: 1.6; }
.access-contact p { flex: 0 0 100%; margin-bottom: 2px; }
.access-contact a { min-height: 44px; display: inline-flex; align-items: center; }

.professional-private { overflow: clip; }
.professional-hero { position: relative; min-height: calc(100svh - var(--pro-header)); padding: clamp(54px, 5.3vw, 92px) clamp(24px, 6.5vw, 124px); display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(430px, .78fr); align-items: center; gap: clamp(28px, 4vw, 76px); border-bottom: 1px solid var(--pro-line); background: radial-gradient(circle at 77% 47%, rgba(167,119,43,.14), transparent 29%), linear-gradient(110deg, #030303 0 53%, #070604 100%); }
.professional-hero::after { content: ""; position: absolute; right: 4%; bottom: 8%; width: 46%; height: 16%; border-radius: 50%; background: rgba(0,0,0,.72); filter: blur(42px); pointer-events: none; }
.professional-hero__copy { position: relative; z-index: 3; max-width: 880px; transform: translateY(-1.5%); }
.professional-hero h1 { max-width: 850px; margin-bottom: 26px; font-size: clamp(48px, 4.9vw, 86px); line-height: .98; letter-spacing: -.022em; }
.professional-hero__intro { max-width: 660px; margin-bottom: 22px; color: var(--pro-muted); font-size: clamp(17px, 1.2vw, 21px); line-height: 1.7; }
.professional-hero__proof { max-width: 680px; margin: 0 0 30px; padding: 3px 0 3px 18px; border-left: 1px solid rgba(199,160,82,.7); color: rgba(243,239,230,.84); font-size: clamp(14px, 1vw, 17px); font-weight: 500; line-height: 1.58; }
.professional-hero__proof strong { color: var(--pro-gold); font-weight: 600; }
.professional-hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 30px; }
.professional-hero__actions .button-primary { width: auto; min-height: 58px; margin: 0; padding: 14px 28px; display: inline-flex; align-items: center; text-decoration: none; }
.professional-hero__visual { position: relative; z-index: 2; height: min(70svh, 690px); min-height: 500px; margin: 0; }
.professional-hero__stage { position: absolute; inset: -3% -3% 24px; }
.professional-hero__stage::before { content: ""; position: absolute; inset: 13% 1% 3%; border: 1px solid rgba(199,160,82,.13); border-radius: 50%; background: radial-gradient(ellipse at 52% 58%, rgba(151,106,39,.15), rgba(82,58,23,.055) 46%, transparent 70%); transform: rotate(-6deg); }
.professional-hero__visual img { position: absolute; width: auto; max-width: none; object-fit: contain; filter: drop-shadow(0 28px 32px rgba(0,0,0,.76)); }
.professional-hero__aove { z-index: 2; left: 28%; bottom: 8%; height: 78%; }
.professional-hero__honey { z-index: 3; right: -4%; bottom: 2%; height: 50%; }
.professional-hero__avocado { z-index: 3; left: -8%; bottom: 1%; width: 54% !important; height: auto; }
.professional-hero__visual figcaption { position: absolute; z-index: 4; right: 0; bottom: 0; color: rgba(243,239,230,.45); font-size: 9px; font-weight: 600; letter-spacing: .16em; }
.session-exit { position: absolute; right: clamp(24px, 3vw, 58px); bottom: 24px; }
.session-exit button { border: 0; background: none; color: rgba(243,239,230,.48); font-size: 10px; letter-spacing: .14em; cursor: pointer; }

.professional-section { padding: clamp(76px, 7vw, 124px) clamp(24px, 6.5vw, 124px); border-bottom: 1px solid var(--pro-line); }
.inline-links { display: flex; gap: 28px; }
.section-heading { margin-bottom: clamp(48px, 4.7vw, 76px); }
.section-heading--wide, .certification-heading { display: grid; grid-template-columns: minmax(300px,.9fr) minmax(320px,.7fr); gap: clamp(48px, 10vw, 180px); align-items: end; }
.section-heading h2, .difference-intro h2, .professional-operation > header h2, .contact-intro h2 { margin-bottom: 26px; font-size: clamp(46px, 5vw, 82px); line-height: 1.02; }
.section-heading--wide > p, .certification-heading > div:last-child > p { max-width: 590px; margin-bottom: 0; color: var(--pro-muted); font-size: clamp(17px, 1.2vw, 20px); line-height: 1.7; }

.family-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); border-top: 1px solid var(--pro-line); border-bottom: 1px solid var(--pro-line); }
.family-panel { min-width: 0; padding: clamp(28px, 3vw, 52px); display: flex; flex-direction: column; border-right: 1px solid var(--pro-line); background: radial-gradient(circle at 50% 28%, rgba(146,103,38,.09), transparent 32%); }
.family-panel:last-child { border-right: 0; }
.family-panel figure { position: relative; height: clamp(310px, 29vw, 450px); margin: 0 0 24px; display: flex; align-items: center; justify-content: center; }
.family-panel figure > img { max-height: 94%; width: auto; object-fit: contain; filter: drop-shadow(0 20px 25px rgba(0,0,0,.72)); }
.family-panel--avocado figure > img { width: min(100%, 440px); height: auto; }
.family-panel .aove-pair { gap: 0; }
.family-panel .aove-pair img { width: 43%; max-height: 96%; }
.family-panel .honey-set { gap: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-content: center; align-items: end; }
.family-panel .honey-set img { width: 100%; height: auto; max-height: none; transform-origin: center bottom; }
/* Compensa solo el margen inferior de los lienzos existentes, sin editar los assets. */
.honey-set img[src*="miel-furia-azahar"] { translate: 0 6.4093%; }
.honey-set img[src*="miel-furia-tomillo"] { translate: 0 6.5901%; }
.honey-set img[src*="miel-furia-bosque"] { translate: 0 8.4133%; }
.family-panel__copy { flex: 1; display: flex; flex-direction: column; }
.family-panel__copy h3 { margin-bottom: 20px; font-size: clamp(37px, 3.2vw, 57px); line-height: 1.02; }
.family-panel__copy > p:not(.product-index) { min-height: 7em; margin-bottom: 26px; color: var(--pro-muted); font-size: 15px; line-height: 1.7; }
.product-index { color: var(--pro-gold); font-size: 11px; font-weight: 600; letter-spacing: .16em; }
.family-panel dl { margin: auto 0 0; border-top: 1px solid var(--pro-line); }
.family-panel dl div { padding: 14px 0; border-bottom: 1px solid rgba(199,160,82,.14); }
.family-panel dt { margin-bottom: 7px; color: var(--pro-gold); font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.family-panel dd { margin: 0; color: var(--pro-muted); font-size: 15px; line-height: 1.52; }

.professional-difference { display: grid; grid-template-columns: minmax(300px,.7fr) minmax(500px,1.15fr); gap: clamp(60px, 9vw, 160px); align-items: start; }
.difference-intro { position: sticky; top: calc(var(--pro-header) + 48px); }
.difference-intro > p:not(.eyebrow) { max-width: 570px; color: var(--pro-muted); font-size: 17px; line-height: 1.75; }
.difference-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.difference-grid article { min-height: 228px; padding: 28px 30px 30px 0; border-top: 1px solid var(--pro-line); }
.difference-grid article:nth-child(odd) { padding-right: 40px; }
.difference-grid article:nth-child(even) { padding-left: 40px; border-left: 1px solid rgba(199,160,82,.14); }
.difference-grid span { color: rgba(199,160,82,.55); font-size: 10px; font-weight: 600; letter-spacing: .16em; }
.difference-grid h3 { margin: 20px 0 13px; font-size: clamp(27px, 2.2vw, 39px); line-height: 1.08; }
.difference-grid p { margin: 0; color: var(--pro-muted); font-size: 14px; line-height: 1.65; }

.certification-section { background: radial-gradient(circle at 70% 45%, rgba(125,89,35,.08), transparent 32%); }
.certification-heading { align-items: center; }
.certification-heading h2 { font-size: clamp(40px, 4.2vw, 68px); }
.certification-heading .text-cta { margin-top: 10px; }
.certification-section .section-heading { margin-bottom: clamp(38px, 3.8vw, 58px); }
.certification-proof { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: 18px; align-items: stretch; }
.certification-group { min-width: 0; padding: clamp(26px, 3vw, 46px); display: flex; flex-direction: column; border: 1px solid var(--pro-line); background: rgba(3,3,3,.58); }
.certification-group > p { min-height: 2.4em; margin-bottom: 24px; display: grid; place-items: center; color: var(--pro-gold); font-family: var(--pro-serif); font-size: clamp(20px, 1.55vw, 27px); line-height: 1.2; letter-spacing: .08em; text-align: center; }
.certification-grid { flex: 1; display: grid; gap: 16px; align-items: center; }
.certification-grid--organic { grid-template-columns: repeat(3,minmax(0,1fr)); }
.certification-grid--natural { grid-template-columns: repeat(2,minmax(0,1fr)); }
.certification-grid > img, .certification-grid .furia-certification-trigger { width: 100%; height: clamp(156px, 12vw, 194px); max-width: 260px; min-width: 0; padding: clamp(14px, 1.3vw, 20px); display: flex; align-items: center; justify-content: center; justify-self: center; overflow: hidden; contain: paint; border: 0; border-radius: 0; background: #fff; box-shadow: none; object-fit: contain; }
.certification-grid .furia-certification-trigger { cursor: pointer; }
.certification-grid .furia-certification-trigger img { display: block; flex: 0 1 auto; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain; }
.certification-grid--organic > img:first-child { padding: clamp(20px, 1.8vw, 28px) clamp(26px, 2.25vw, 36px); }
.certification-grid--organic > .furia-certification-trigger:first-child { padding: clamp(20px, 1.8vw, 28px) clamp(26px, 2.25vw, 36px); }
.certification-grid--organic > .furia-certification-trigger:first-child img { max-width: 94% !important; max-height: 94% !important; }

.professional-operation > header { max-width: 900px; margin-bottom: clamp(48px, 6vw, 88px); }
.operation-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--pro-line); }
.operation-grid article { min-height: 290px; padding: 30px clamp(22px, 2.6vw, 42px); border-right: 1px solid rgba(199,160,82,.18); }
.operation-grid article:first-child { padding-left: 0; }
.operation-grid article:last-child { padding-right: 0; border-right: 0; }
.operation-index { color: var(--pro-gold); font-size: 10px; font-weight: 600; letter-spacing: .13em; }
.operation-grid h3 { margin: 48px 0 18px; font-size: clamp(28px, 2.4vw, 41px); line-height: 1.06; }
.operation-grid article > p:last-child { color: var(--pro-muted); font-size: 14px; line-height: 1.7; }

.contact-section { display: grid; grid-template-columns: minmax(300px,.72fr) minmax(500px,1.12fr); gap: clamp(60px, 9vw, 160px); align-items: start; background: radial-gradient(circle at 18% 36%, rgba(145,102,37,.13), transparent 28%), var(--pro-panel); }
.contact-intro { position: sticky; top: calc(var(--pro-header) + 48px); }
.contact-intro > p:not(.eyebrow) { max-width: 580px; color: var(--pro-muted); font-size: 17px; line-height: 1.7; }
.contact-direct, .order-actions { margin-top: 28px; display: grid; }
.contact-direct a, .order-actions a { min-height: 54px; padding: 16px 0; display: flex; align-items: center; border-bottom: 1px solid var(--pro-line); color: var(--pro-gold); font-size: 11px; font-weight: 600; letter-spacing: .12em; line-height: 1.4; text-decoration: none; }
.professional-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 28px; }
.form-wide { grid-column: 1 / -1; }
.privacy-check { display: flex; align-items: flex-start; gap: 12px; color: var(--pro-muted); font-size: 14px; line-height: 1.6; }
.privacy-check input { flex: 0 0 20px; width: 20px; min-height: 20px; margin-top: 1px; accent-color: var(--pro-gold); }
.privacy-check a { color: var(--pro-ivory); }
.form-submit { display: flex; align-items: center; gap: 26px; }
.form-submit .button-primary { width: min(100%, 360px); margin: 0; }
.form-submit > p { margin: 0; color: var(--pro-muted); font-size: 12px; line-height: 1.55; }
.honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.form-message { margin: 0 0 32px; padding: 18px 20px; border-left: 2px solid var(--pro-gold); background: rgba(199,160,82,.08); color: var(--pro-ivory); font-size: 15px; line-height: 1.6; }
.form-message p, .form-message ul { margin: 0; }

@media (max-width: 1024px) {
  :root { --pro-header: 84px; }
  .professional-hero { grid-template-columns: minmax(0,1.08fr) minmax(350px,.72fr); }
  .professional-hero__visual { min-height: 470px; }
  .professional-hero__aove { left: 27%; height: 76%; }
  .professional-hero__honey { right: -5%; height: 49%; }
  .professional-hero__avocado { left: -7%; width: 55% !important; }
  .family-grid { grid-template-columns: 1fr; }
  .family-panel { min-height: 520px; padding: 42px; display: grid; grid-template-columns: minmax(300px,.8fr) minmax(340px,1fr); gap: 48px; align-items: center; border-right: 0; border-bottom: 1px solid var(--pro-line); }
  .family-panel:last-child { border-bottom: 0; }
  .family-panel figure { height: 410px; margin: 0; }
  .family-panel__copy > p:not(.product-index) { min-height: 0; }
  .professional-difference { grid-template-columns: minmax(260px,.65fr) minmax(430px,1fr); gap: 60px; }
  .certification-proof { grid-template-columns: 1fr; }
  .certification-grid > img, .certification-grid .furia-certification-trigger { height: 184px; }
  .operation-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .operation-grid article:nth-child(2) { border-right: 0; }
  .operation-grid article:nth-child(n+3) { border-top: 1px solid rgba(199,160,82,.18); }
  .operation-grid article:nth-child(3) { padding-left: 0; }
  .contact-section { grid-template-columns: minmax(260px,.7fr) minmax(430px,1fr); gap: 55px; }
}

@media (max-width: 840px) {
  .professional-hero { min-height: auto; grid-template-columns: 1fr; gap: 44px; }
  .professional-hero__visual { width: min(100%, 620px); height: 500px; min-height: 0; justify-self: center; }
  .professional-hero__copy { max-width: 720px; transform: none; }
  .section-heading--wide, .certification-heading, .professional-difference, .contact-section { grid-template-columns: 1fr; gap: 38px; }
  .family-panel { min-height: 0; grid-template-columns: 1fr; gap: 24px; }
  .family-panel figure { margin: 0; }
  .difference-intro, .contact-intro { position: static; }
}

@media (max-width: 760px) {
  :root { --pro-header: auto; }
  html { scroll-padding-top: 112px; }
  .professional-access { min-height: calc(100svh - 108px); padding: 38px 15px 60px; }
  .access-panel { padding: 38px 22px; }
  .access-panel h1 { font-size: clamp(38px, 12vw, 52px); }
  .professional-hero { min-height: auto; padding: 58px 22px 74px; grid-template-columns: 1fr; gap: 40px; text-align: left; }
  .professional-hero h1 { font-size: clamp(43px, 12vw, 62px); }
  .professional-hero__visual { height: 440px; min-height: 0; }
  .professional-hero__aove { left: 28%; bottom: 9%; height: 77%; }
  .professional-hero__honey { right: -4%; bottom: 1%; height: 50%; }
  .professional-hero__avocado { left: -6%; width: 55% !important; }
  .professional-hero__visual figcaption { right: 2px; font-size: 8px; }
  .session-exit { right: 20px; bottom: 18px; }
  .professional-section { padding: 68px 22px; }
  .section-heading--wide, .certification-heading, .professional-difference, .contact-section { grid-template-columns: 1fr; gap: 34px; }
  .section-heading h2, .difference-intro h2, .professional-operation > header h2, .contact-intro h2 { font-size: clamp(40px, 12vw, 58px); }
  .section-heading { margin-bottom: 56px; }
  .family-panel { min-height: 0; padding: 34px 0 44px; grid-template-columns: 1fr; gap: 20px; }
  .family-panel figure { height: 330px; }
  .family-panel--avocado figure > img { width: min(92%, 390px); }
  .family-panel__copy h3 { font-size: clamp(40px, 12vw, 56px); }
  .family-panel .honey-set { height: 270px; }
  .difference-intro, .contact-intro { position: static; }
  .difference-grid { grid-template-columns: 1fr; }
  .difference-grid article, .difference-grid article:nth-child(odd), .difference-grid article:nth-child(even) { min-height: 0; padding: 28px 0; border-left: 0; }
  .certification-grid { gap: 12px; }
  .certification-grid > img, .certification-grid .furia-certification-trigger { height: 150px; padding: 12px; }
  .certification-grid--organic { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .certification-grid--natural { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .certification-group { padding: 26px 18px; }
  .operation-grid { grid-template-columns: 1fr; }
  .operation-grid article, .operation-grid article:first-child, .operation-grid article:nth-child(3), .operation-grid article:last-child { min-height: 0; padding: 28px 0; border-top: 1px solid rgba(199,160,82,.18); border-right: 0; }
  .operation-grid article:first-child { border-top: 0; }
  .operation-grid h3 { margin-top: 28px; }
  .professional-form { grid-template-columns: 1fr; }
  .form-wide { grid-column: auto; }
  .form-submit { align-items: stretch; flex-direction: column; }
  .form-submit .button-primary { width: 100%; }
}

@media (max-width: 540px) {
  .certification-grid--organic { grid-template-columns: 1fr 1fr; }
  .certification-grid--organic > :last-child { grid-column: 1 / -1; width: calc(50% - 6px); justify-self: center; }
}

@media (max-width: 390px) {
  .access-panel { padding-inline: 18px; }
  .professional-hero, .professional-section { padding-inline: 18px; }
  .professional-hero__visual { height: 370px; }
  .professional-hero__aove { left: 26%; bottom: 11%; height: 75%; }
  .professional-hero__honey { right: -6%; height: 48%; }
  .professional-hero__avocado { left: -5%; width: 56% !important; }
  .family-panel figure { height: 285px; }
  .family-panel .honey-set { height: 235px; }
  .certification-grid > img, .certification-grid .furia-certification-trigger { height: 132px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Revisión final de legibilidad: solo microtexto comercial y explicativo del
   interior. Hero, formularios, certificaciones y seguridad permanecen intactos. */
.professional-private .professional-section > :where(.eyebrow),
.professional-private .section-heading :where(.eyebrow),
.professional-private .difference-intro > .eyebrow,
.professional-private .professional-operation > header > .eyebrow,
.professional-private .contact-intro > .eyebrow {
  font-size: 14px;
}

.professional-private .product-index,
.professional-private .difference-grid span,
.professional-private .operation-index {
  font-size: 12px;
  line-height: 1.45;
}

.professional-private .difference-grid p,
.professional-private .operation-grid article > p:last-child {
  font-size: 15px;
  line-height: 1.65;
}

.professional-private .contact-direct a,
.professional-private .order-actions a {
  font-size: 13px;
}

.professional-private .form-submit > p {
  font-size: 14px;
  line-height: 1.55;
}

/* Fotografía Flores aprobada, con su proporción y margen negro originales. */
.honey-set img[src*="miel-furia-flores-aprobada"] {
  object-fit: contain;
  mix-blend-mode: normal;
  scale: 1.18;
  translate: 4.6% 21.535%;
}

/* Máscara de presentación propia: retira solo el margen negro exterior del PNG aprobado. */
.honey-set img[src*="miel-furia-flores-aprobada"] {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1158 1359'%3E%3Cpath fill='white' d='M480 168H608L744 184 794 204 820 232 830 248V326L810 370 866 400 890 430V1064L866 1085 810 1110 715 1124H330L235 1105 180 1080 160 1060V430L184 406 246 376 224 322V248L254 216 300 191 380 174Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1158 1359'%3E%3Cpath fill='white' d='M480 168H608L744 184 794 204 820 232 830 248V326L810 370 866 400 890 430V1064L866 1085 810 1110 715 1124H330L235 1105 180 1080 160 1060V430L184 406 246 376 224 322V248L254 216 300 191 380 174Z'/%3E%3C/svg%3E") !important;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}