.hero-photo,.story-image img,.island-photo img,.about-photo,.brand-logo-img,.hero-mobile-logo,.about-logo,.closing-logo{image-rendering:auto;filter:none;backface-visibility:hidden}

/* Desktop uses the image source from the HTML. Mobile is forced to the proven local fallbacks below. */
.hero-photo{object-position:center center}
.story-image img{object-position:center 40%}
.brand-logo-img,.hero-mobile-logo,.about-logo,.closing-logo{object-fit:contain}
.island-photo img{object-position:center center}

/* Replace the old Fuerteventura text badge with the Beachside Whiskers logo. */
.hero-badge{left:28px;right:auto;bottom:28px;width:150px;height:150px;max-width:none;padding:0;border-radius:0;background:transparent url('images/logo-main.webp?v=20260909-1') center/contain no-repeat;box-shadow:none}
.hero-badge strong,.hero-badge span{display:none!important}

/* Homepage focus icons only. */
.focus-grid article::before{content:'';display:block;width:42px;height:42px;margin:0 0 12px;background-position:center;background-repeat:no-repeat;background-size:contain}
.focus-grid article:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f5a723' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 29h28c0 7-5 11-14 11S10 36 10 29Z'/%3E%3Cpath d='M14 29c1-7 5-11 10-11s9 4 10 11'/%3E%3Cpath d='M20 18c0-4 2-7 4-9 2 2 4 5 4 9'/%3E%3C/svg%3E")}
.focus-grid article:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2371c7db' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='13' width='32' height='27' rx='5'/%3E%3Cpath d='M18 13V9h12v4M24 20v13M17.5 26.5h13'/%3E%3C/svg%3E")}
.focus-grid article:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23e46428' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 6 38 11v11c0 9-5.5 15-14 20-8.5-5-14-11-14-20V11L24 6Z'/%3E%3Cpath d='M18 26c2.3-5.5 9.7-5.5 12 0M19 19h.1M29 19h.1M24 17v.1'/%3E%3C/svg%3E")}
.focus-grid article:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2302897f' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 42s12-11 12-22a12 12 0 1 0-24 0c0 11 12 22 12 22Z'/%3E%3Ccircle cx='24' cy='20' r='4'/%3E%3C/svg%3E")}

/* càtodo: full-size official artwork with both logos over it. */
.partner-logo-wrap.catodo-visual{position:relative;display:block;min-height:430px;padding:0;overflow:hidden;border-radius:30px;background-color:#1a1416;background-image:linear-gradient(180deg,rgba(26,20,22,.08),rgba(26,20,22,.28)),url('https://catodo.org/wp-content/uploads/2024/11/sito-catodo-esportazione-oggetti.png');background-size:cover;background-position:center}
.partner-logo-wrap.catodo-visual .catodo-bg{display:none!important}
.partner-logo-wrap.catodo-visual .catodo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,20,22,.03),rgba(26,20,22,.20));pointer-events:none}
.partner-logo-wrap.catodo-visual .catodo-mark{content:url('https://catodo.org/wp-content/uploads/2024/11/catodo_logo-1024x576.webp');display:block!important;position:absolute;left:50%;top:34%;width:min(62%,300px);height:auto;transform:translate(-50%,-50%);object-fit:contain;border-radius:22px;box-shadow:0 18px 45px rgba(26,20,22,.32);border:5px solid rgba(255,254,254,.94);background:#fffefe}
.partner-logo-wrap.catodo-visual::after{content:'';position:absolute;left:50%;bottom:24px;width:150px;aspect-ratio:1/1;transform:translateX(-50%);background:#fffefe url('images/catodo-logo.webp?v=20260909-1') center/cover no-repeat;border:5px solid rgba(255,254,254,.94);border-radius:22px;box-shadow:0 18px 45px rgba(26,20,22,.32)}

.help-grid article{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.help-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(26,20,22,.12)}
.help-grid article:focus-visible{outline:3px solid #02897f;outline-offset:4px}
.help-grid article:after{content:'↗';display:block;margin-top:18px;font-weight:700;color:#02897f}

.cer-intro{font-weight:600;color:#fffefe}
.cer-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 8px}
.cer-step{padding:18px;border-radius:18px;background:rgba(255,254,254,.08);border:1px solid rgba(255,254,254,.13)}
.cer-step strong{display:block;margin-bottom:6px;color:#f5a723;font-size:1rem}
.cer-step span{display:block;color:rgba(255,254,254,.78);font-size:.92rem;line-height:1.5}

@media(max-width:720px){
  /* Keep the proven local mobile files untouched. */
  .hero-photo{content:url('images/fuerte-hero.webp?v=20260909-1')!important;display:block!important}
  .story-image img{content:url('images/gro-1.webp?v=20260909-1')!important;display:block!important}
  .about-photo{content:url('images/about-diko-nanne.webp?v=20260909-1')!important;display:block!important}
  .brand-logo-img,.hero-mobile-logo,.about-logo,.closing-logo{content:url('images/logo-main.webp?v=20260909-1')!important;display:block!important}
  .hero-badge{left:18px;right:auto;bottom:18px;width:118px;height:118px;background-image:url('images/logo-main.webp?v=20260909-1')}
  .focus-grid article::before{margin:0 auto 12px;width:44px;height:44px}
  .partner-logo-wrap.catodo-visual{min-height:360px}
  .partner-logo-wrap.catodo-visual .catodo-mark{top:32%;width:min(68%,260px)}
  .partner-logo-wrap.catodo-visual::after{width:118px;bottom:18px;border-width:4px;border-radius:18px}
  .cer-steps{grid-template-columns:1fr}
}