/* BBB CMS · (c) BBB Design · https://bbb-design.com · Sva prava zadržana, vidi LICENSE.txt */
/*
 * BBB Design — hero ilustracija „Showcase" (themes/bbb-design/partials/hero-showcase.php).
 * Pokazuje šta studio radi: sajt u pregledaču, BBB Studio sa analitikom, aplikaciju na telefonu i dokaze kvaliteta.
 * Sve mere su u cqw (širina ilustracije), pa ista kompozicija važi za 4K, laptop, tablet i telefon.
 * Akcent je boja teme (--green je zlatna/narandžasta profila), pa ilustracija prati izabrani profil boja.
 */

/* ------------------------------------------------------------ okvir -- */
.bbb-hero-visual.bbb-hero-visual--showcase,
.bbb-hero-visual.bbb-hero-visual--showcase[style]{
  height:auto!important;
  aspect-ratio:1/.9;
  width:100%;
  max-width:720px;
  justify-self:end;
  perspective:none;
}
.bbb-showcase{
  --sc-a:var(--green,#D8A52D);
  --sc-a2:color-mix(in srgb,var(--sc-a) 55%,#fff);
  --sc-a3:color-mix(in srgb,var(--sc-a) 22%,transparent);
  --sc-text:#f4f1ea;
  --sc-muted:#9b978e;
  --sc-line:rgba(255,255,255,.085);
  --sc-glass:linear-gradient(155deg,rgba(32,32,36,.95),rgba(10,10,12,.97));
  position:absolute;
  inset:0;
  container-type:inline-size;
  color:var(--sc-text);
  font-family:var(--font-body,Inter,system-ui,sans-serif);
  pointer-events:none;
  user-select:none;
}
.bbb-showcase *{box-sizing:border-box}
.bbb-showcase img{display:block;object-fit:contain}

/* ------------------------------------------------------- atmosfera -- */
.sc-halo{position:absolute;left:14cqw;top:10cqw;width:84cqw;height:78cqw;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sc-a) 20%,transparent) 0%,color-mix(in srgb,var(--sc-a) 7%,transparent) 42%,transparent 70%);filter:blur(3cqw)}
.sc-ring{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--sc-a) 38%,transparent)}
.sc-ring-a{left:-2cqw;top:46cqw;width:104cqw;height:38cqw;transform:rotate(-11deg);opacity:.55;filter:drop-shadow(0 0 1.2cqw color-mix(in srgb,var(--sc-a) 35%,transparent))}
.sc-ring-b{right:-16cqw;top:2cqw;width:66cqw;height:66cqw;border-style:dashed;opacity:.28;animation:scSpin 60s linear infinite}
.sc-dust{position:absolute;width:.7cqw;height:.7cqw;border-radius:50%;background:var(--sc-a2);box-shadow:0 0 1.2cqw var(--sc-a);opacity:.0;animation:scTwinkle 5s ease-in-out infinite}
.sc-dust-1{left:3cqw;top:6cqw;animation-delay:.2s}
.sc-dust-2{left:92cqw;top:22cqw;animation-delay:1.4s}
.sc-dust-3{left:52cqw;top:86cqw;animation-delay:2.1s}
.sc-dust-4{left:4cqw;top:52cqw;animation-delay:3.3s}
.sc-dust-5{left:30cqw;top:3cqw;animation-delay:4.1s}

/* ------------------------------------------------------------ kartice -- */
.sc-card{position:absolute;overflow:hidden;border-radius:2.4cqw;background:var(--sc-glass);border:1px solid var(--sc-line);
  box-shadow:0 5cqw 10cqw rgba(0,0,0,.46),0 0 0 1px color-mix(in srgb,var(--sc-a) 12%,transparent),inset 0 1px 0 rgba(255,255,255,.06)}
.sc-card::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--sc-a),transparent);opacity:.75;z-index:2}

/* ---- sajt u pregledaču */
.sc-browser{left:3cqw;top:9cqw;width:77cqw;aspect-ratio:16/10.6;animation:scFloat 9s ease-in-out infinite}
.sc-bar{height:5.2cqw;display:flex;align-items:center;gap:.9cqw;padding:0 2cqw;border-bottom:1px solid var(--sc-line);background:rgba(255,255,255,.025)}
.sc-bar i{width:1.1cqw;height:1.1cqw;border-radius:50%;background:#3a3a40}
.sc-bar i:first-child{background:color-mix(in srgb,var(--sc-a) 70%,#3a3a40)}
.sc-url{margin-left:3cqw;flex:1;max-width:44cqw;height:2.9cqw;border-radius:99px;background:rgba(255,255,255,.055);display:flex;align-items:center;gap:.8cqw;padding:0 1.4cqw;font-size:1.35cqw;color:var(--sc-muted);letter-spacing:.02em;white-space:nowrap;overflow:hidden}
.sc-lock{flex:none;width:1cqw;height:1.1cqw;border:.25cqw solid var(--sc-a);border-radius:.3cqw}
.sc-page{position:relative;height:calc(100% - 5.2cqw);padding:2.4cqw 3.2cqw;background:radial-gradient(circle at 76% 44%,color-mix(in srgb,var(--sc-a) 15%,transparent),transparent 44%)}
.sc-nav{display:flex;align-items:center;gap:1.6cqw}
.sc-nav img{width:3cqw;height:3cqw;margin-right:auto}
.sc-nav span{width:5cqw;height:.6cqw;border-radius:99px;background:rgba(255,255,255,.15)}
.sc-nav .sc-nav-cta{width:7cqw;height:2.2cqw;background:linear-gradient(135deg,var(--sc-a2),var(--sc-a))}
.sc-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:2cqw;margin-top:3cqw;align-items:center}
.sc-hero-copy small{display:block;font-size:1.1cqw;letter-spacing:.3em;color:var(--sc-a);font-weight:700}
.sc-hero-copy strong{display:block;margin:1.3cqw 0 1.6cqw;font:650 4.7cqw/.97 var(--font-heading,Inter,system-ui,sans-serif);letter-spacing:-.045em;color:var(--sc-text)}
.sc-hero-copy em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.02em;
  background:linear-gradient(100deg,var(--sc-a) 0%,var(--sc-a2) 35%,#fff7de 50%,var(--sc-a2) 65%,var(--sc-a) 100%);background-size:260% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:scShine 7s linear infinite}
.sc-line{display:block;width:22cqw;height:.6cqw;margin-top:1cqw;border-radius:99px;background:rgba(255,255,255,.12)}
.sc-line-short{width:15cqw}
.sc-btn{display:inline-block;margin-top:2.2cqw;padding:1cqw 2.2cqw;border-radius:99px;background:linear-gradient(135deg,var(--sc-a2),var(--sc-a));color:#141210;font-size:1.25cqw;font-weight:750;letter-spacing:.01em;box-shadow:0 1cqw 3cqw color-mix(in srgb,var(--sc-a) 40%,transparent);animation:scPress 7s ease-in-out infinite}
.sc-hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center}
.sc-orb{position:absolute;inset:9%;border-radius:50%;
  background:radial-gradient(circle at 32% 26%,#44444b 0%,#18181b 42%,#060607 100%);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc-a) 55%,transparent),inset -1.6cqw -2cqw 3.4cqw rgba(0,0,0,.6),0 0 5.5cqw color-mix(in srgb,var(--sc-a) 32%,transparent)}
.sc-arc{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--sc-a);border-top-color:transparent;border-left-color:transparent;opacity:.8;animation:scSpin 16s linear infinite}
.sc-hero-art img{position:relative;width:42%;filter:drop-shadow(0 .8cqw 1.4cqw rgba(0,0,0,.6))}
.sc-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw;margin-top:2.4cqw}
.sc-tiles span{position:relative;height:6.8cqw;border-radius:1.2cqw;border:1px solid var(--sc-line);overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--sc-a) 26%,#1b1b1e),#0f0f11)}
.sc-tiles span:nth-child(2){background:linear-gradient(135deg,#232327,#0f0f11)}
.sc-tiles span:nth-child(3){background:linear-gradient(135deg,#1a1a1d,color-mix(in srgb,var(--sc-a) 18%,#0f0f11))}
.sc-tiles span::after{content:"";position:absolute;left:1.2cqw;right:40%;bottom:1.2cqw;height:.55cqw;border-radius:99px;background:rgba(255,255,255,.18);box-shadow:0 -1.2cqw 0 rgba(255,255,255,.08)}
.sc-cursor{position:absolute;z-index:3;left:30cqw;top:40cqw;width:2.4cqw;height:2.4cqw;background:#fff;filter:drop-shadow(0 .3cqw .6cqw rgba(0,0,0,.6));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 8.5-6.5 1.8L9.7 19z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 8.5-6.5 1.8L9.7 19z'/%3E%3C/svg%3E") center/contain no-repeat;
  animation:scCursor 7s ease-in-out infinite}

/* ---- BBB Studio: analitika */
.sc-studio{left:0;top:56cqw;width:47cqw;padding:2cqw 2.4cqw 2.2cqw;animation:scFloat 8s ease-in-out -2.5s infinite}
.sc-studio-top{display:flex;align-items:center;gap:1cqw;font-size:1.5cqw}
.sc-studio-top b{font-weight:700}
.sc-studio-top small{margin-left:auto;color:var(--sc-muted);font-size:1.15cqw}
.sc-dot{width:1cqw;height:1cqw;border-radius:50%;background:#3ddc84;box-shadow:0 0 1cqw #3ddc84}
.sc-studio-body{display:grid;grid-template-columns:auto 1fr;gap:2cqw;align-items:end;margin-top:1.6cqw}
.sc-stat strong{display:block;font:750 4.4cqw/1 var(--font-heading,Inter,system-ui,sans-serif);letter-spacing:-.04em;color:var(--sc-a)}
.sc-stat small{font-size:1.15cqw;color:var(--sc-muted)}
.sc-chart{width:100%;height:9cqw;color:var(--sc-a);overflow:visible}
.sc-chart-line{stroke-dasharray:100;stroke-dashoffset:100;animation:scDraw 2.8s cubic-bezier(.3,.7,.2,1) .5s forwards}
.sc-chart-area{opacity:0;animation:scFade 1.4s ease 1.8s forwards}
.sc-chart-dot{opacity:0;transform-box:fill-box;transform-origin:center;animation:scFade .4s ease 3s forwards,scBeat 2.4s ease-in-out 3.4s infinite}
.sc-bars{display:flex;align-items:flex-end;gap:.8cqw;height:4.6cqw;margin-top:1.6cqw}
.sc-bars span{flex:1;height:var(--h);border-radius:.5cqw .5cqw 0 0;background:linear-gradient(to top,var(--sc-a3),var(--sc-a));transform-origin:bottom;transform:scaleY(0);animation:scGrow 1.2s cubic-bezier(.3,.7,.2,1) forwards}
.sc-bars span:nth-child(1){animation-delay:.6s}.sc-bars span:nth-child(2){animation-delay:.7s}.sc-bars span:nth-child(3){animation-delay:.8s}
.sc-bars span:nth-child(4){animation-delay:.9s}.sc-bars span:nth-child(5){animation-delay:1s}.sc-bars span:nth-child(6){animation-delay:1.1s}.sc-bars span:nth-child(7){animation-delay:1.2s}

/* ---- aplikacija na telefonu */
.sc-phone{position:absolute;right:-1cqw;top:27cqw;width:25cqw;aspect-ratio:9/18.6;padding:4.4cqw 1.8cqw 2cqw;border:.7cqw solid #1d1d21;border-radius:4.4cqw;background:linear-gradient(170deg,#101013,#050506);
  box-shadow:0 6cqw 11cqw rgba(0,0,0,.55),0 0 0 1px color-mix(in srgb,var(--sc-a) 36%,transparent),0 0 5cqw color-mix(in srgb,var(--sc-a) 18%,transparent);
  rotate:5deg;animation:scFloat 7.5s ease-in-out -1s infinite}
.sc-notch{position:absolute;top:1.2cqw;left:50%;width:7cqw;height:1.7cqw;border-radius:99px;background:#000;transform:translateX(-50%)}
.sc-phone-screen{display:flex;flex-direction:column;gap:1.3cqw;height:100%}
.sc-app-top{display:flex;align-items:center;gap:.8cqw;font-size:1.35cqw}
.sc-app-top img{width:2.6cqw;height:2.6cqw}
.sc-notif{display:flex;align-items:center;gap:1cqw;padding:1.1cqw;border-radius:1.6cqw;background:rgba(255,255,255,.07);border:1px solid color-mix(in srgb,var(--sc-a) 38%,transparent);box-shadow:0 1cqw 2.4cqw rgba(0,0,0,.4);animation:scNotif 7s ease-in-out infinite}
.sc-notif-ico{flex:none;position:relative;width:2.8cqw;height:2.8cqw;border-radius:50%;background:linear-gradient(135deg,var(--sc-a2),var(--sc-a))}
.sc-notif-ico::after{content:"";position:absolute;inset:26%;background:#151311;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linejoin='round'%3E%3Cpath d='M3 6h18v12H3zM3 7l9 6 9-6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linejoin='round'%3E%3Cpath d='M3 6h18v12H3zM3 7l9 6 9-6'/%3E%3C/svg%3E") center/contain no-repeat}
.sc-notif b{display:block;font-size:1.2cqw;line-height:1.15}
.sc-notif small{display:block;font-size:.95cqw;color:var(--sc-muted)}
.sc-app-card{position:relative;padding:1.5cqw;border-radius:1.8cqw;border:1px solid var(--sc-line);background:linear-gradient(145deg,color-mix(in srgb,var(--sc-a) 22%,#151517),#0e0e10)}
.sc-app-card small{font-size:1cqw;color:var(--sc-muted)}
.sc-app-card strong{display:block;margin-top:.4cqw;font:750 3cqw/1 var(--font-heading,Inter,system-ui,sans-serif);letter-spacing:-.03em}
.sc-app-card em{font-style:normal;font-size:1.05cqw;font-weight:650;letter-spacing:0;color:#3ddc84}
.sc-pulse{position:absolute;right:1.5cqw;top:1.5cqw;width:1cqw;height:1cqw;border-radius:50%;background:#3ddc84;animation:scPing 2s ease-out infinite}
.sc-app-item{display:flex;align-items:center;gap:1cqw;padding:1cqw 1.1cqw;border-radius:1.4cqw;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05)}
.sc-app-item b{display:block;font-size:1.15cqw;line-height:1.15}
.sc-app-item small{display:block;font-size:.9cqw;color:var(--sc-muted)}
.sc-app-ico{flex:none;width:2.6cqw;height:2.6cqw;border-radius:.9cqw;background:var(--sc-a3);position:relative}
.sc-app-ico::after{content:"";position:absolute;inset:24%;background:var(--sc-a);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Cpath d='M4 7c0-2 3.6-3 8-3s8 1 8 3-3.6 3-8 3-8-1-8-3zM4 7v10c0 2 3.6 3 8 3s8-1 8-3V7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Cpath d='M4 7c0-2 3.6-3 8-3s8 1 8 3-3.6 3-8 3-8-1-8-3zM4 7v10c0 2 3.6 3 8 3s8-1 8-3V7'/%3E%3C/svg%3E") center/contain no-repeat}
.sc-app-ico-ssl::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Cpath d='M5 11h14v10H5zM8 11V7a4 4 0 1 1 8 0v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Cpath d='M5 11h14v10H5zM8 11V7a4 4 0 1 1 8 0v4'/%3E%3C/svg%3E")}
.sc-ok{margin-left:auto;flex:none;width:1.6cqw;height:1.6cqw;border-radius:50%;background:#3ddc84;position:relative}
.sc-ok::after{content:"";position:absolute;left:32%;top:18%;width:28%;height:50%;border:solid #0b2415;border-width:0 .28cqw .28cqw 0;transform:rotate(45deg)}
.sc-tabbar{margin-top:auto;display:flex;justify-content:space-around;align-items:center;padding:1.1cqw .6cqw;border-radius:1.6cqw;background:rgba(255,255,255,.05)}
.sc-tabbar span{width:1.6cqw;height:1.6cqw;border-radius:.5cqw;background:rgba(255,255,255,.18)}
.sc-tabbar span.aktivno{background:var(--sc-a);box-shadow:0 0 1.2cqw color-mix(in srgb,var(--sc-a) 60%,transparent)}

/* ---- dokazi kvaliteta */
.sc-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:1.1cqw;padding:1.1cqw 2cqw 1.1cqw 1.1cqw;border-radius:99px;background:rgba(14,14,16,.92);border:1px solid color-mix(in srgb,var(--sc-a) 34%,transparent);
  box-shadow:0 2cqw 5cqw rgba(0,0,0,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--sc-text);white-space:nowrap}
.sc-chip b{display:block;font-size:1.55cqw;line-height:1.1;font-weight:750}
.sc-chip small{display:block;font-size:1.05cqw;color:var(--sc-muted)}
.sc-chip-score{right:0;top:0;animation:scFloat 6.5s ease-in-out -3s infinite}
.sc-chip-score svg{width:5cqw;height:5cqw;transform:rotate(-90deg)}
.sc-chip-score b{font-size:2.3cqw;color:var(--sc-a)}
.sc-chip-score small{margin-left:-.4cqw}
.sc-gauge-bg,.sc-gauge{fill:none;stroke-width:3.2}
.sc-gauge-bg{stroke:rgba(255,255,255,.1)}
.sc-gauge{stroke:#3ddc84;stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:97.4;animation:scGauge 2.2s cubic-bezier(.3,.7,.2,1) 1s forwards}
.sc-chip-seo{right:9cqw;top:80cqw;animation:scFloat 7s ease-in-out -4.5s infinite}
.sc-chip-ico{flex:none;width:3.4cqw;height:3.4cqw;border-radius:50%;display:grid;place-items:center;background:var(--sc-a3);color:var(--sc-a);font-weight:800;font-size:1.8cqw}
.sc-chip-code{left:-1cqw;top:2cqw;animation:scFloat 8.5s ease-in-out -1.5s infinite}
.sc-code{flex:none;display:grid;place-items:center;width:3.4cqw;height:3.4cqw;border-radius:50%;background:var(--sc-a3);color:var(--sc-a);font:800 1.4cqw/1 ui-monospace,Consolas,monospace;letter-spacing:-.05em}

/* ------------------------------------------------------------ pokret -- */
@keyframes scFloat{0%,100%{translate:0 0}50%{translate:0 -1.2cqw}}
@keyframes scSpin{to{transform:rotate(360deg)}}
@keyframes scShine{0%{background-position:100% 0}100%{background-position:-160% 0}}
@keyframes scTwinkle{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:.9;transform:scale(1)}}
@keyframes scDraw{to{stroke-dashoffset:0}}
@keyframes scFade{to{opacity:1}}
@keyframes scBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.5)}}
@keyframes scGrow{to{transform:scaleY(1)}}
@keyframes scGauge{to{stroke-dashoffset:0}}
@keyframes scPing{0%{box-shadow:0 0 0 0 rgba(61,220,132,.55)}100%{box-shadow:0 0 0 1.6cqw rgba(61,220,132,0)}}
@keyframes scNotif{0%,8%{opacity:0;translate:0 -1.4cqw}14%,86%{opacity:1;translate:0 0}94%,100%{opacity:0;translate:0 -1.4cqw}}
/* Kursor dođe do dugmeta „Započni projekat", klikne i ode dalje. */
@keyframes scCursor{
  0%{left:46cqw;top:22cqw;scale:1}
  35%{left:11cqw;top:36cqw;scale:1}
  42%{left:11cqw;top:36cqw;scale:.8}
  48%{left:11cqw;top:36cqw;scale:1}
  75%{left:60cqw;top:44cqw;scale:1}
  100%{left:46cqw;top:22cqw;scale:1}
}
@keyframes scPress{0%,40%,50%,100%{scale:1;filter:none}44%{scale:.94;filter:brightness(1.15)}}

@media (prefers-reduced-motion:reduce){
  .bbb-showcase *,.bbb-showcase{animation:none!important}
  .sc-chart-line,.sc-gauge{stroke-dashoffset:0}
  .sc-chart-area,.sc-chart-dot{opacity:1}
  .sc-bars span{transform:none}
  .sc-dust{opacity:.6}
  .sc-cursor{display:none}
}

/* --------------------------------------------------- manji ekrani -- */
/* Tablet i telefon: ilustracija ide ispod teksta, preko cele širine, centrirana. */
@media (max-width:900px){
  .bbb-hero-visual.bbb-hero-visual--showcase,
  .bbb-hero-visual.bbb-hero-visual--showcase[style]{justify-self:center;max-width:640px;margin-inline:auto;transform:none}
}
/* Mala ilustracija: najsitnija slova ne smeju da postanu nečitljiva, a ukrasi se proređuju. */
@container (max-width:460px){
  .sc-chip b{font-size:max(1.55cqw,9px)}
  .sc-chip small{font-size:max(1.05cqw,7.5px)}
  .sc-chip-score b{font-size:max(2.3cqw,12px)}
  .sc-dust-2,.sc-dust-5,.sc-ring-b{display:none}
  .sc-phone{right:2cqw}
  .sc-chip-score{right:1.5cqw}
  .sc-chip-code{left:1cqw}
  .sc-card,.sc-phone{box-shadow:0 4cqw 8cqw rgba(0,0,0,.4),0 0 0 1px color-mix(in srgb,var(--sc-a) 14%,transparent)}
}
@container (max-width:340px){
  .sc-chip-code{display:none}
  .sc-cursor{display:none}
}

/* Svetli profili (Solis, Pulse, Pure, Ivory): uređaji ostaju tamni kao pravi ekrani, a senke su mekše. */
.theme-bbb-solis .bbb-showcase,.theme-bbb-pulse .bbb-showcase,.theme-bbb-pure .bbb-showcase,.theme-bbb-ivory .bbb-showcase{--sc-line:rgba(255,255,255,.1)}
.theme-bbb-solis .sc-card,.theme-bbb-pulse .sc-card,.theme-bbb-pure .sc-card,.theme-bbb-ivory .sc-card,
.theme-bbb-solis .sc-phone,.theme-bbb-pulse .sc-phone,.theme-bbb-pure .sc-phone,.theme-bbb-ivory .sc-phone{box-shadow:0 4cqw 9cqw rgba(30,26,20,.22),0 0 0 1px color-mix(in srgb,var(--sc-a) 22%,transparent)}
.theme-bbb-solis .sc-ring,.theme-bbb-pulse .sc-ring,.theme-bbb-pure .sc-ring,.theme-bbb-ivory .sc-ring{border-color:color-mix(in srgb,var(--sc-a) 45%,transparent)}