/*
 * Unified LuckyDigital wordmark and hero typographic rhythm.
 * Shared by the LuckyWeb home (CZ, EN, DE), LuckyWork and /vytvorit-web/.
 * Opt-in scopes protect product demos and the configurator's preview themes.
 */
:is(body.lw-premium-site,body.lw-premium-work,body.lw-premium-config,body.lw-marketing-module) .premium-brand{
  --brand-size:43px;
  display:inline-flex!important;flex-direction:row!important;align-items:center!important;
  gap:12px!important;padding:0!important;margin:0!important;
  min-height:var(--brand-size);width:max-content;max-width:100%;
  position:relative;text-decoration:none;
  line-height:1!important;letter-spacing:-.055em;
  transition:filter .2s ease;
}
:is(body.lw-premium-site,body.lw-premium-work,body.lw-premium-config,body.lw-marketing-module) .premium-brand__icon{
  display:block;flex:none;position:static!important;inset:auto!important;
  width:var(--brand-size)!important;height:var(--brand-size)!important;
  transform:none!important;filter:drop-shadow(0 0 9px rgba(76,241,129,.28));
  aspect-ratio:102/130;
}
:is(body.lw-premium-site,body.lw-premium-work,body.lw-premium-config,body.lw-marketing-module) .premium-brand__word{
  display:inline!important;position:static!important;
  width:auto!important;height:auto!important;
  color:#f4fff8!important;font:900 clamp(23px,2.4vw,31px)/1.05 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:-.055em!important;white-space:nowrap;
  text-shadow:0 2px 22px rgba(0,0,0,.27);
}
:is(body.lw-premium-site,body.lw-premium-work,body.lw-premium-config,body.lw-marketing-module) .premium-brand__accent{
  color:#5af59a!important;
  text-shadow:0 0 23px rgba(80,241,137,.14);
}
:is(body.lw-premium-site,body.lw-premium-work,body.lw-premium-config,body.lw-marketing-module) .premium-brand:hover{
  filter:brightness(1.1);
}
:is(body.lw-premium-site,body.lw-premium-work,body.lw-premium-config,body.lw-marketing-module) :is(.premium-brand,.back):focus-visible{
  outline:2px solid #98ffc7;outline-offset:5px;border-radius:5px;
}
:is(body.lw-premium-site,body.lw-premium-work,body.lw-premium-config,body.lw-marketing-module) .premium-hero-heading{
  font-size:clamp(43px,5.5vw,78px);
  letter-spacing:-.072em;line-height:1.02;
  font-weight:850;text-wrap:balance;
}
:is(body.lw-premium-site,body.lw-premium-work,body.lw-premium-config,body.lw-marketing-module) .premium-hero-kicker{
  color:#8bffbc;letter-spacing:.17em;text-transform:uppercase;
  font-weight:800;font-size:12px;
}
body.lw-premium-site .header .premium-brand{flex-shrink:0}
body.lw-premium-site .header .nav{gap:clamp(12px,1.5vw,22px)}
body.lw-premium-site .hero .premium-hero-heading{
  max-width:800px;font-size:clamp(43px,5.6vw,78px);
}
body.lw-premium-work .premium-work-nav{
  z-index:12;position:relative;border-bottom-color:rgba(126,248,165,.2);
}
body.lw-premium-work .premium-work-nav a.premium-brand{gap:12px!important}
body.lw-premium-work .premium-work-nav .premium-brand__icon{
  width:43px!important;height:43px!important;
}
body.lw-premium-work .hero .premium-hero-heading{
  font-size:clamp(44px,6vw,82px);
}
body.lw-premium-work .premium-work-links{margin-left:auto}
/* The configurator is a focused checkout-style flow, not a second marketing home. */
body.lw-premium-config{
  --bg:#050d09;--panel:#0c1e14;--line:rgba(123,243,168,.22);
  --text:#f5fff8;--muted:#b9d0c2;--green:#5af59a;
  margin:0;color:#f4fff9;color-scheme:dark;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:radial-gradient(ellipse 75% 480px at 55% -130px,rgba(42,191,99,.22),transparent 75%),#040b07;
  -webkit-font-smoothing:antialiased;
}
body.lw-premium-config .premium-config-nav{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;min-height:88px;
  border-bottom:1px solid rgba(125,245,166,.25);
}
body.lw-premium-config .premium-config-nav .back{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(124,242,169,.25);border-radius:12px;
  background:rgba(12,40,23,.52);color:#d4eddf;
  padding:11px 16px;font-weight:700;
}
body.lw-premium-config .premium-config-nav .back:hover{
  color:#91ffbd;border-color:rgba(124,242,169,.55);
}
body.lw-premium-config .intro{max-width:850px;padding:clamp(43px,5vw,70px) 0 36px}
body.lw-premium-config .intro .premium-hero-heading{
  max-width:850px;margin:17px 0 19px;
  color:#f7fff9;
  text-shadow:0 0 54px rgba(74,235,127,.12);
}
body.lw-premium-config .intro .premium-hero-heading::after{
  content:"";display:block;width:94px;height:3px;border-radius:99px;
  background:linear-gradient(90deg,#6cffaa,rgba(108,255,170,.04));
  box-shadow:0 0 18px rgba(85,251,153,.31);margin-top:22px;
}
body.lw-premium-config .intro p{
  max-width:735px;color:#bed4c6;line-height:1.6;
  font-size:clamp(16px,1.8vw,19px);
}
body.lw-premium-config :is(.panel,.summary){
  border:1px solid rgba(125,245,167,.27);border-radius:22px;
  background:linear-gradient(151deg,rgba(18,43,28,.97),rgba(6,16,11,.98) 72%);
  box-shadow:0 16px 55px rgba(0,0,0,.3),0 0 32px rgba(62,214,111,.045),inset 0 1px 0 rgba(177,255,207,.06);
}
body.lw-premium-config .summary{top:20px}
body.lw-premium-config :is(.choice,.check,.style-card,.step){
  border-color:rgba(123,244,165,.18);
  background-color:#0b1911;
}
body.lw-premium-config :is(.choice,.check,.style-card):hover{
  border-color:rgba(119,253,169,.58);
  box-shadow:0 16px 38px rgba(0,0,0,.28),0 0 21px rgba(74,239,133,.08);
}
body.lw-premium-config :is(.choice,.check,.style-card):has(input:checked){
  border-color:#66f5a5;
  box-shadow:0 0 0 1px rgba(105,249,161,.21),0 12px 30px rgba(0,0,0,.23);
}
body.lw-premium-config .step.active,
body.lw-premium-config .btn.primary{
  color:#092014;background:linear-gradient(115deg,#8dffc1,#4fe98e);
  border-color:#a2ffca;font-weight:850;
  box-shadow:0 13px 30px rgba(75,224,118,.19);
}
body.lw-premium-config .btn:not(.primary){
  border-color:rgba(123,243,164,.27);
  border-radius:11px;background:rgba(18,50,30,.3);
}
body.lw-premium-config .btn:disabled{opacity:.42;box-shadow:none;cursor:not-allowed}
body.lw-premium-config :is(input,textarea):not([type=checkbox]):not([type=radio]){
  border-color:rgba(112,225,158,.27);
  background:#07130e;
}
body.lw-premium-config :is(a,button,input,textarea,select):focus-visible{
  outline:2px solid #9cffc4;outline-offset:3px;
}
body.lw-premium-config .step-note{
  border-color:rgba(109,248,162,.33);
  background:linear-gradient(120deg,#0c2717,#08150e);
}
body.lw-premium-config .notice{background:#0b2215}
@media(max-width:850px){
 body.lw-premium-config .summary{position:static}
}
@media(max-width:680px){
 :is(body.lw-premium-site,body.lw-premium-work,body.lw-premium-config,body.lw-marketing-module) .premium-brand{--brand-size:35px;gap:9px!important}
 :is(body.lw-premium-site,body.lw-premium-work,body.lw-premium-config,body.lw-marketing-module) .premium-brand__word{font-size:clamp(21px,6vw,26px)!important}
 body.lw-premium-site .hero .premium-hero-heading{font-size:clamp(36px,9vw,52px)}
 body.lw-premium-work .hero .premium-hero-heading{font-size:clamp(39px,9vw,55px)}
 body.lw-premium-work .premium-work-nav .premium-brand__icon{width:35px!important;height:35px!important}
 body.lw-premium-config .premium-config-nav{min-height:75px;gap:11px;padding:13px 0}
 body.lw-premium-config .premium-config-nav .back{font-size:12px;padding:9px 11px}
 body.lw-premium-config .intro .premium-hero-heading{font-size:clamp(38px,9vw,56px)}
 body.lw-premium-config .layout{gap:17px}
 body.lw-premium-config .panel{padding:18px}
}
@media(max-width:390px){
 body.lw-premium-config .premium-config-nav .back{width:100%}
}
@media(prefers-reduced-motion:reduce){
 :is(body.lw-premium-site,body.lw-premium-work,body.lw-premium-config,body.lw-marketing-module) .premium-brand{transition:none}
}

/* Brand identity: user-approved four-leaf mark, consistent at all sizes. */
:is(body.lw-premium-site,body.lw-premium-work,body.lw-premium-config,body.lw-marketing-module) .premium-brand__icon{aspect-ratio:127/130!important;object-fit:contain;mix-blend-mode:screen;}
:is(.lw-promo-core-emblem,.ecosystem-story__core) img[src*="clover"],img.lw-core-mark{object-fit:contain;mix-blend-mode:screen;}


/* Public header only: transparent presentation of the *unchanged* official clover.
   The new SVG embeds the original WEBP bytes and keys out only its black backdrop. */
body.lw-premium-site .header .premium-brand,
body.lw-premium-site .header .premium-brand:hover{
  background:transparent!important;
  box-shadow:none!important;
  border-color:transparent!important;
  backdrop-filter:none!important;
}
body.lw-premium-site .header .premium-brand::before,
body.lw-premium-site .header .premium-brand::after{content:none!important;display:none!important}
body.lw-premium-site .header .premium-brand__icon{
  mix-blend-mode:normal!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 8px rgba(71,241,130,.22));
}


/* The matching footer mark uses the same exact-pixel transparent source. */
body.lw-premium-site .footer-brand .premium-brand,
body.lw-premium-site .footer-brand .premium-brand:hover{
  background:transparent!important;
  box-shadow:none!important;
}
body.lw-premium-site .footer-brand .premium-brand__icon{
  mix-blend-mode:normal!important;
  background:transparent!important;
  box-shadow:none!important;
}