/* Perspective separates content planes when the card opens on hover. */
html[data-interaction-design] .course-catalog .catalog-card {
  position: relative;
  perspective: 1000px;
  --separation: 0;
  --press: 0px;
}
@media (hover:hover) and (pointer:fine) {
  html[data-interaction-design] .course-catalog .catalog-card:hover { --separation: 1 }
}
html[data-interaction-design] .course-catalog .catalog-card:focus-within { --separation: 1 }
html[data-interaction-design] .course-catalog .catalog-card > a:active { --press: -3px }

html[data-interaction-design][data-divers-appearance] main.course-catalog#obsah .catalog-card > a {
  overflow: visible;
  isolation: auto;
  transform-style: preserve-3d;
  transform-origin: right bottom;
  translate: none;
  transform: translateZ(var(--press)) rotateX(calc(-6deg * var(--separation))) rotateY(calc(9deg * var(--separation)));
  box-shadow: inset 0 1px 1px #ffffff45,
    0 calc(2px + 12px * var(--separation)) calc(5px + 18px * var(--separation)) -4px #00162570;
  transition: transform 420ms cubic-bezier(.2,.75,.25,1), box-shadow 420ms ease, border-color 200ms;
}
html[data-interaction-design][data-divers-appearance] main.course-catalog#obsah .catalog-card > a:active {
  box-shadow: inset 0 3px 7px #00132080, inset 0 -1px 1px #ffffff35, 0 1px 2px #00162530;
  transition-duration: 90ms;
}
html[data-interaction-design] .course-catalog .catalog-card > a::after { border-radius: inherit }
html[data-interaction-design] .course-catalog .catalog-card .catalog-offer-copy {
  transform-style: preserve-3d;
  text-shadow: 0 2px 6px #0006;
}
html[data-interaction-design] .course-catalog .catalog-card .catalog-offer-copy > * {
  transform: translateZ(calc(var(--plane-depth, 28px) * var(--separation)));
  transition: transform 420ms cubic-bezier(.2,.75,.25,1), text-shadow 420ms;
}
html[data-interaction-design] .course-catalog .catalog-card .catalog-offer-copy h3 {
  --plane-depth: 52px;
  text-shadow: 0 calc(1px + 8px * var(--separation)) 9px #00132080;
}
html[data-interaction-design] .course-catalog .catalog-card .catalog-price { --plane-depth: 40px }
html[data-interaction-design] .course-catalog .catalog-card .catalog-card-link { --plane-depth: 20px }
html[data-interaction-design][data-divers-appearance] main.course-catalog#obsah .catalog-card .catalog-offer-art {
  right: 2%;
  width: 32%;
  transform: translate3d(calc(-22px * var(--separation)),calc(-14px * var(--separation)),calc(104px * var(--separation))) rotate(-9deg);
  transition: transform 460ms cubic-bezier(.2,.75,.25,1);
}
html[data-interaction-design] .course-catalog .catalog-card .catalog-offer-art img {
  display: block;
  box-shadow: none;
  border-radius: 9px;
  filter: drop-shadow(0 calc(3px + 6px * var(--separation)) calc(4px + 4px * var(--separation)) #00132065);
  transition: filter 420ms;
}
@media (prefers-reduced-motion:reduce) {
  html[data-interaction-design][data-divers-appearance] main.course-catalog#obsah .catalog-card > a,
  html[data-interaction-design] .course-catalog .catalog-card .catalog-offer-copy > * {
    transform: none;
    transition: none;
  }
  html[data-interaction-design][data-divers-appearance] main.course-catalog#obsah .catalog-card .catalog-offer-art { transform: rotate(-9deg); transition: none }
  html[data-interaction-design] .course-catalog .catalog-card .catalog-offer-art img { transition: none }
}

/* Shared depth treatment for event and rental samples. */
html[data-interaction-design][data-divers-appearance] body main#obsah :is(.public-event-grid article,.catalog-tile) {
  --open: 0;
  transform-style: preserve-3d;
  overflow: visible;
  isolation: auto;
  transform-origin: right bottom;
  translate: none;
  transform: perspective(1100px) rotateX(calc(-6deg * var(--open))) rotateY(calc(9deg * var(--open)));
  transition: transform 650ms cubic-bezier(.22,.68,.3,1), box-shadow 650ms;
}
@media (hover:hover) and (pointer:fine) {
  html[data-interaction-design][data-divers-appearance] body main#obsah :is(.public-event-grid article,.catalog-tile):hover { --open: 1 }
}
html[data-interaction-design][data-divers-appearance] body main#obsah :is(.public-event-grid article,.catalog-tile):focus-within { --open: 1 }
html[data-interaction-design][data-divers-appearance] body main#obsah :is(.public-event-grid article,.catalog-tile):is(:hover,:focus-within) {
  box-shadow: 0 20px 30px -12px #001c3450;
}
html[data-interaction-design][data-divers-appearance] body main#obsah :is(.public-event-grid article > a,.event-copy,.catalog-tile-detail) {
  transform-style: preserve-3d;
  overflow: visible;
  isolation: auto;
}
html[data-interaction-design][data-divers-appearance] body main#obsah :is(.event-photo,.event-date-badge,.event-copy > *,.event-card-footer,.catalog-tile-media,.rental-card-name,.catalog-tile-caption,.catalog-tile-price) {
  transform: translateZ(calc(var(--depth,28px) * var(--open)));
  transition: transform 650ms cubic-bezier(.22,.68,.3,1), box-shadow 650ms;
}
html[data-interaction-design][data-divers-appearance] body main#obsah .event-photo {
  --depth: 34px;
  border-radius: 18px 18px 10px 10px;
  box-shadow: 0 calc(8px * var(--open)) 18px #001c3425;
}
html[data-interaction-design][data-divers-appearance] body main#obsah .event-date-badge { --depth: 76px }
html[data-interaction-design][data-divers-appearance] body main#obsah .event-copy h2 { --depth: 48px }
html[data-interaction-design][data-divers-appearance] body main#obsah .event-card-footer { --depth: 22px }
html[data-interaction-design][data-divers-appearance] body main#obsah .catalog-tile-media {
  transform: translate3d(calc(-16px * var(--open)),calc(-4px * var(--open)),calc(80px * var(--open))) rotate(4deg);
}
html[data-interaction-design][data-divers-appearance] body main#obsah .rental-card-name {
  --depth: 60px;
  transform: translate3d(calc(12px * var(--open)),0,calc(var(--depth) * var(--open)));
}
html[data-interaction-design][data-divers-appearance] body main#obsah .catalog-tile-caption { --depth: 22px }
html[data-interaction-design][data-divers-appearance] body main#obsah .catalog-tile-price { --depth: 32px }
html[data-interaction-design][data-divers-appearance] body main#obsah .catalog-tile .catalog-tile-detail:is(:hover,:focus-visible) { transform: none }
html[data-interaction-design][data-divers-appearance] body main#obsah .catalog-tile-media {
  border-radius: 14px;
  box-shadow: 0 calc(10px * var(--open)) 18px #001c3425;
}
html[data-interaction-design][data-divers-appearance] body main#obsah :is(.event-card-button,.catalog-tile-detail):active {
  translate: 0 2px;
}
/* Match the course cards: all planes share the lower-right hinge. */
html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid > article {
  transform-origin: right bottom;
  transform: perspective(1100px) rotateX(calc(-3deg * var(--open))) rotateY(calc(4deg * var(--open)));
}
html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid .event-photo {
  transform: translate3d(calc(-8px * var(--open)),calc(4px * var(--open)),calc(34px * var(--open)));
  box-shadow: 0 calc(16px * var(--open)) 24px -8px #001c3455;
}
html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid .event-date-badge {
  transform: translate3d(calc(-8px * var(--open)),calc(4px * var(--open)),calc(48px * var(--open)));
}
html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid .event-copy h2 {
  --depth: 24px;
}
html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid .event-card-footer {
  transform-style: preserve-3d;
  overflow: visible;
  --depth: 10px;
}
html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid .event-card-footer .event-card-button {
  transform: translate3d(0,calc(-2px * var(--open)),calc(18px * var(--open)));
  box-shadow: inset 0 1px 1px #ffffff40, 0 calc(6px * var(--open)) 12px -4px #001c3455;
  transition: transform 650ms cubic-bezier(.22,.68,.3,1), box-shadow 650ms;
}
html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid .event-card-footer .event-card-primary {
  transform: translate3d(0,calc(-3px * var(--open)),calc(24px * var(--open)));
}
html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid .event-card-footer .event-card-button:active {
  transform: translateZ(calc(12px * var(--open)));
  translate: none;
  transition-duration: 100ms;
}
@media (prefers-reduced-motion:reduce) {
  html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid > article,
  html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid :is(.event-photo,.event-date-badge,.event-card-footer .event-card-button,.event-card-footer .event-card-primary) {
    transform: none;
    transition: none;
  }
  html[data-interaction-design][data-divers-appearance] body main#obsah .rental-card-name,
  html[data-interaction-design][data-divers-appearance] body main#obsah :is(.public-event-grid article,.catalog-tile),
  html[data-interaction-design][data-divers-appearance] body main#obsah :is(.event-photo,.event-date-badge,.event-copy > *,.event-card-footer,.catalog-tile-media,.rental-card-name,.catalog-tile-caption,.catalog-tile-price) {
    transform: none;
    transition: none;
  }
}

/* Product cards use the same hinge and independent content planes. */
html[data-interaction-design][data-divers-appearance] body main#shop .product-card {
  --open: 0;
  overflow: visible;
  isolation: auto;
  transform-style: preserve-3d;
  transform-origin: right bottom;
  transform: perspective(1100px) rotateX(calc(-3deg * var(--open))) rotateY(calc(4deg * var(--open)));
  box-shadow: inset 0 1px 1px #ffffff40,0 3px 0 #163b4920,
    0 calc(8px + 12px * var(--open)) 30px -14px #001c3440;
  transition: transform 650ms cubic-bezier(.22,.68,.3,1),box-shadow 650ms;
}
@media(hover:hover) and (pointer:fine) {
  html[data-interaction-design][data-divers-appearance] body main#shop .product-card:hover { --open: 1 }
}
html[data-interaction-design][data-divers-appearance] body main#shop .product-card:focus-within { --open: 1 }
html[data-interaction-design][data-divers-appearance] body main#shop .product-card :is(.product-media,.card-copy,.card-bottom,.card-actions) {
  transform-style: preserve-3d;
  isolation: auto;
  overflow: visible;
}
html[data-interaction-design][data-divers-appearance] body main#shop .product-card :is(.product-photo,.compare-icon,.brand,h2,.price-line,.swatches,.card-actions>a) {
  transform: translateZ(calc(var(--depth,22px) * var(--open)));
  transition: transform 650ms cubic-bezier(.22,.68,.3,1),box-shadow 650ms;
}
html[data-interaction-design][data-divers-appearance] body main#shop .product-card .product-photo {
  --depth: 28px;
  overflow: hidden;
  box-shadow: 0 calc(10px * var(--open)) 18px -8px #001c3440;
}
html[data-interaction-design][data-divers-appearance] body main#shop .product-card .compare-icon { --depth: 36px }
html[data-interaction-design][data-divers-appearance] body main#shop .product-card h2 { --depth: 26px }
html[data-interaction-design][data-divers-appearance] body main#shop .product-card .price-line { --depth: 16px }
html[data-interaction-design][data-divers-appearance] body main#shop .product-card .card-actions>a { --depth: 18px }
html[data-interaction-design][data-divers-appearance] body main#shop .product-card .card-actions>a:active {
  transform: translateZ(calc(12px * var(--open)));
  transition-duration: 100ms;
}
@media(prefers-reduced-motion:reduce) {
  html[data-interaction-design][data-divers-appearance] body main#shop .product-card,
  html[data-interaction-design][data-divers-appearance] body main#shop .product-card :is(.product-photo,.compare-icon,.brand,h2,.price-line,.swatches,.card-actions>a) {
    transform: none;
    transition: none;
  }
}

html[data-interaction-design][data-divers-appearance] body main#shop .product-card :is(a,button) {
  --divers-action-fill: 0%;
  background-image: none;
}
html[data-interaction-design][data-divers-appearance] body main#shop .product-card h2 a:is(:hover,:focus-visible) {
  color: inherit;
}

html[data-interaction-design][data-divers-appearance] body main#shop .product-card .product-photo:hover img {
  transform: none;
}

/* Liquid action surfaces keep the original controls' layout and focus ring. */
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action] {
  position: relative;
  isolation: auto;
  overflow: visible;
  background: transparent;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
  filter: none;
  translate: none;
}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action]::before,html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action]::after {
  content: none;
}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action] canvas {
  position:absolute;left:50%;top:50%;
  width:calc(100% + 64px);height:calc(100% + 64px);
  transform:translate(-50%,-50%);
  pointer-events:none;
}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) .liquid-action-label {
  display:block;position:relative;z-index:1;
  transition:transform 120ms;
}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action=primary] {
  color:#fff;-webkit-text-fill-color:currentColor;
}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action=secondary] {
  color:#193d4c;-webkit-text-fill-color:currentColor;
}
html[data-interaction-design][data-divers-appearance][data-theme=dark] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action=secondary] {
  color:#edf5f8;
}
@media(prefers-reduced-motion:reduce){
  html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) .liquid-action-label{transition:none}
}

/* Suppress the original surface in every state, while retaining keyboard focus. */
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar)
  :is(.public-event-grid .event-card-actions,.product-card .card-actions)
  :is(a,button)[data-liquid-action],html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar)
  :is(.public-event-grid .event-card-actions,.product-card .card-actions)
  :is(a,button)[data-liquid-action]:is(:hover,:focus,:active) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  filter: none;
}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar)
  :is(.public-event-grid .event-card-actions,.product-card .card-actions)
  [data-liquid-action]:focus:not(:focus-visible) { outline: none }
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar)
  :is(.public-event-grid .event-card-actions,.product-card .card-actions)
  [data-liquid-action]:focus-visible { outline: 2px solid #1589a8;outline-offset: 4px }

/* Title feedback is triggered by the title itself, independently of card depth. */
html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid .event-copy h2,
html[data-interaction-design][data-divers-appearance] body main#obsah .catalog-tile .rental-card-name,
html[data-interaction-design][data-divers-appearance] body main#shop .product-card h2 a {
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-skip-ink: auto;
  transition: transform 650ms cubic-bezier(.22,.68,.3,1),box-shadow 650ms,
    text-decoration-color 190ms ease,text-underline-offset 190ms ease;
}
html[data-interaction-design][data-divers-appearance] body main#shop .product-card h2 a {
  display: inline;
}
@media(hover:hover) and (pointer:fine) {
  html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid .event-copy h2:hover,
  html[data-interaction-design][data-divers-appearance] body main#obsah .catalog-tile .rental-card-name:hover,
  html[data-interaction-design][data-divers-appearance] body main#shop .product-card h2 a:hover {
    text-decoration-color: currentColor;
    text-underline-offset: 4px;
  }
}
html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid > article > a:focus-visible h2,
html[data-interaction-design][data-divers-appearance] body main#obsah .catalog-tile-detail:focus-visible .rental-card-name,
html[data-interaction-design][data-divers-appearance] body main#shop .product-card h2 a:focus-visible {
  text-decoration-color: currentColor;
  text-underline-offset: 4px;
}
@media(prefers-reduced-motion:reduce) {
  html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid .event-copy h2,
  html[data-interaction-design][data-divers-appearance] body main#obsah .catalog-tile .rental-card-name,
  html[data-interaction-design][data-divers-appearance] body main#shop .product-card h2 a { transition: none }
}

/* Small option surfaces carry a shallow bevel and a short contact shadow. */
html[data-interaction-design][data-divers-appearance] body main#shop .product-card {
  --option-foot: #244a5b35;
  --option-shadow: #153b4e24;
  --title-shadow: #12384a24;
}
html[data-interaction-design][data-divers-appearance][data-theme=dark] body main#shop .product-card {
  --option-foot: #00000065;
  --option-shadow: #00000050;
  --title-shadow: #00000060;
}
html[data-interaction-design][data-divers-appearance] body main#shop .product-card :is(.swatch,.card-sizes>span,.small-options .size) {
  box-shadow: inset 0 1px 1px #ffffff55,0 2px 0 var(--option-foot),
    0 4px 7px -3px var(--option-shadow);
  transition: box-shadow 180ms ease,translate 180ms ease,border-color 180ms ease;
}
html[data-interaction-design][data-divers-appearance] body main#shop .product-card .swatch[aria-pressed=true] {
  box-shadow: 0 0 0 2px var(--paper),0 0 0 3px var(--ink),
    inset 0 1px 1px #ffffff55,0 3px 0 var(--option-foot),
    0 5px 8px -3px var(--option-shadow);
}
@media(hover:hover) and (pointer:fine) {
  html[data-interaction-design][data-divers-appearance] body main#shop .product-card
    :is(.swatch,.small-options .size):not(:disabled):not([aria-disabled=true]):hover {
    translate: 0 -1px;
  }
}
html[data-interaction-design][data-divers-appearance] body main#shop .product-card
  :is(.swatch,.small-options .size):not(:disabled):not([aria-disabled=true]):active {
  translate: 0 1px;
  box-shadow: inset 0 2px 3px var(--option-foot),0 1px 2px var(--option-shadow);
}
html[data-interaction-design][data-divers-appearance] body main#shop .product-card
  :is(.swatch,.small-options .size):is(:disabled,[aria-disabled=true]) {
  box-shadow: none;
}
html[data-interaction-design][data-divers-appearance] body main#shop .product-card h2 {
  text-shadow: 0 calc(1px + 1px * var(--open)) calc(2px + 2px * var(--open)) var(--title-shadow);
}
html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid .event-copy h2 {
  text-shadow: 0 calc(1px + 1px * var(--open)) calc(2px + 2px * var(--open)) #12384a24;
}
html[data-interaction-design][data-divers-appearance][data-theme=dark] body main#obsah .public-event-grid .event-copy h2 {
  text-shadow: 0 calc(1px + 1px * var(--open)) calc(2px + 2px * var(--open)) #00000060;
}
html[data-interaction-design][data-divers-appearance] body main#obsah .catalog-tile .rental-card-name {
  text-shadow: 0 calc(1px + 1px * var(--open)) calc(3px + 2px * var(--open)) #00172365;
}
@media(prefers-reduced-motion:reduce) {
  html[data-interaction-design][data-divers-appearance] body main#shop .product-card :is(.swatch,.card-sizes>span,.small-options .size) {
    transition: none;
    translate: none;
  }
}

/* Gentle layered motion for destination, service and standalone certificate cards. */
html[data-interaction-design][data-divers-appearance] body main :is(.home-place,[data-home-service]):not([data-sample-parent]) {
  --feature-open:0;
  position:relative;isolation:auto;overflow:visible;
  transform-style:preserve-3d;transform-origin:center center;
  translate:none;opacity:1;
  transform:translateY(calc(-4px * var(--feature-open)));
  box-shadow:inset 0 1px 1px #ffffff40,0 3px 0 #123c4d40,
    0 calc(12px + 6px * var(--feature-open)) 26px -10px #001c3440;
  transition:transform 650ms cubic-bezier(.22,.68,.3,1),box-shadow 650ms;
}
@media(hover:hover) and (pointer:fine){
  html[data-interaction-design][data-divers-appearance] body main :is(.home-place,[data-home-service],.journey-cert):not([data-sample-parent]):hover {--feature-open:1}
}
html[data-interaction-design][data-divers-appearance] body main :is(.home-place,[data-home-service],.journey-cert):not([data-sample-parent]):focus-visible {--feature-open:1}
html[data-interaction-design][data-divers-appearance] body main :is(.home-place-copy,[data-home-service]) {
  transform-style:preserve-3d;
}
html[data-interaction-design][data-divers-appearance] body main :is(.home-place-image,.home-service-visual,.home-place-copy>*,[data-home-service]>h3,[data-home-service]>p,.home-service-action,.journey-cert>img,.journey-cert>span) {
  transform:translateZ(calc(var(--feature-depth,18px) * var(--feature-open,0)));
  transition:transform 650ms cubic-bezier(.22,.68,.3,1),box-shadow 650ms;
}
html[data-interaction-design][data-divers-appearance] body main :is(.home-place-image,.home-service-visual) {
  --feature-depth:32px;
  border-radius:18px;overflow:hidden;
  box-shadow:0 calc(7px * var(--feature-open)) 14px -7px #001c3435;
}
html[data-interaction-design][data-divers-appearance] body main :is(.home-place-copy h3,[data-home-service]>h3,.journey-cert>span) {--feature-depth:26px}
html[data-interaction-design][data-divers-appearance] body main .journey-cert>img {
  --feature-depth:36px;
  border-radius:9px;
  box-shadow:0 calc(4px + 4px * var(--feature-open)) 14px -6px #001c3450;
}
html[data-interaction-design][data-divers-appearance] body main [data-home-service]:hover img {transform:none}
html[data-interaction-design][data-divers-appearance] body main .journey-cert>span {opacity:1}
html[data-interaction-design][data-divers-appearance][data-theme=dark] body main :is(.home-place,[data-home-service]):not([data-sample-parent]) {
  box-shadow:inset 0 1px 1px #ffffff35,0 3px 0 #00131e99,0 16px 28px -10px #0005;
}
@media(prefers-reduced-motion:reduce){
  html[data-interaction-design][data-divers-appearance] body main :is(.home-place,[data-home-service],.journey-cert):not([data-sample-parent]),html[data-interaction-design][data-divers-appearance] body main :is(.home-place-image,.home-service-visual,.home-place-copy>*,[data-home-service]>h3,[data-home-service]>p,.home-service-action,.journey-cert>img,.journey-cert>span) {transform:none;transition:none}
}

/* Keep the course hero's existing scroll choreography on its own transform. */
html[data-interaction-design][data-divers-appearance] body main .journey-cert:not([data-sample-parent]) {
  rotate:-0.6 1 0 calc(5deg * var(--feature-open,0));
  transition:rotate 650ms cubic-bezier(.22,.68,.3,1),box-shadow 650ms;
}

/* All experimental cards retain the same bevel through the full lift. */
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar)
  :is(.course-catalog .catalog-card>a,.public-event-grid>article,.catalog-tile,.product-card) {
  --surface-lift: var(--separation,var(--open,0));
  --surface-foot: #173d4c40;
  --surface-contact: #0b2c3d26;
  --surface-ambient: #00233830;
}
html[data-interaction-design][data-divers-appearance] body main#obsah .catalog-card>a {
  --surface-lift: var(--separation,0);
}
html[data-interaction-design][data-divers-appearance][data-theme=dark] body :is(main#obsah,main#shop,main,aside.divers-order-bar)
  :is(.course-catalog .catalog-card>a,.public-event-grid>article,.catalog-tile,.product-card) {
  --surface-foot: #00131e99;
  --surface-contact: #00000045;
  --surface-ambient: #00000055;
}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar)
  :is(.course-catalog .catalog-card>a,.public-event-grid>article,.catalog-tile,.product-card),html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar)
  :is(.course-catalog .catalog-card>a,.public-event-grid>article,.catalog-tile,.product-card):is(:hover,:focus-within,:active) {
  box-shadow: inset 0 1px 1px #ffffff40,
    0 3px 0 var(--surface-foot),
    0 5px 8px -4px var(--surface-contact),
    0 calc(12px + 8px * var(--surface-lift)) calc(22px + 8px * var(--surface-lift)) -10px var(--surface-ambient);
}

html[data-interaction-design] {
  --glass-fill: #f3faff9c;
  --glass-border: #ffffffb8;
  --glass-ink: #143544;
  --glass-hover: #ffffff70;
  --glass-active: #ffffffe0;
  --glass-shadow: #12374827;
  --section-glass-fill: #d5e6efb8;
  --section-glass-active: #ecf7fce8;
  --section-glass-active-border: #b2d1dfb3;
  scroll-padding-top: 160px;
}
html[data-interaction-design][data-theme=dark] {
  --glass-fill: #102b3db3;
  --glass-border: #b4deee40;
  --glass-ink: #e6f3fa;
  --glass-hover: #c3e7ff18;
  --glass-active: #b2ddf32b;
  --glass-shadow: #00000055;
  --section-glass-fill: #193d50c7;
  --section-glass-active: #376278b8;
  --section-glass-active-border: #86b8ce66;
}
html[data-interaction-design] body { margin:0 }
html[data-interaction-design] .divers-header {
  position:sticky;top:0;z-index:100;
  --nav-ink:var(--glass-ink);
  --nav-paper:transparent;
  background:linear-gradient(150deg,#ffffff20,transparent 65%),var(--glass-fill);
  color:var(--glass-ink);
  border:0;border-bottom:1px solid var(--glass-border);
  box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #527d8b20,
    0 3px 0 #163f5015,0 10px 26px -10px var(--glass-shadow);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  backdrop-filter:blur(18px) saturate(160%);
}
html[data-interaction-design][data-scrolled] .divers-header {
  background-color:color-mix(in srgb,var(--glass-fill) 90%,var(--paper));
}
html[data-interaction-design] .divers-header .divers-header-inner { background:transparent }
html[data-interaction-design] .divers-nav-links :is(a,button) {
  border:1px solid transparent;border-radius:10px;
  background:transparent;background-image:none;
  color:var(--glass-ink);box-shadow:none;text-decoration:none;
  transition:background-color 180ms,border-color 180ms,box-shadow 180ms,translate 180ms;
}
html[data-interaction-design] .divers-nav-links :is(a,button):is(:hover,:focus-visible) {
  background:var(--glass-hover);
  border-color:var(--glass-border);
  box-shadow:inset 0 1px 0 #ffffff60,0 3px 7px #05273515;
  text-decoration:none;
}
html[data-interaction-design] .divers-nav-links a[aria-current=page] {
  color:var(--glass-ink);
  background:var(--glass-active);
  border-color:var(--glass-border);
  box-shadow:inset 0 1px 0 #ffffff70,0 2px 0 #163e4e20,0 5px 12px var(--glass-shadow);
}
html[data-interaction-design] .divers-nav-links :is(a,button)::after,
html[data-interaction-design][data-divers-appearance] body [data-divers-sticky-nav] a::after { content:none }
html[data-interaction-design][data-divers-appearance] body [data-divers-sticky-nav] {
  position:sticky;top:var(--divers-main-nav-offset,66px);z-index:90;
  width:100%;box-sizing:border-box;margin:0;
  padding:6px max(4vw,calc((100vw - 1440px)/2));
  display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;
  background:linear-gradient(155deg,#ffffff18,transparent 70%),var(--section-glass-fill);
  color:var(--glass-ink);
  border-top:1px solid var(--glass-border);
  border-bottom:1px solid var(--glass-border);
  box-shadow:inset 0 1px 0 #ffffff60,0 3px 0 #163f5015,0 12px 24px -13px var(--glass-shadow);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  backdrop-filter:blur(18px) saturate(160%);
}
html[data-interaction-design][data-divers-appearance] body [data-divers-sticky-nav] a {flex:none;min-height:34px;padding:7px 12px;font-size:12px;line-height:18px}
html[data-interaction-design] .catalog-card {opacity:1;max-width:none}
html[data-interaction-design] :is(.divers-nav-popover,.public-language-options) {
  background:var(--glass-fill);color:var(--glass-ink);border:1px solid var(--glass-border);
  backdrop-filter:blur(22px) saturate(160%);box-shadow:0 14px 36px var(--glass-shadow);
}
@supports not (backdrop-filter:blur(1px)) {
  html[data-interaction-design] :is(.divers-header,.journey-chapters) {background:var(--paper)}
}
@media(prefers-reduced-motion:reduce) {
  html[data-interaction-design] {scroll-behavior:auto}
  html[data-interaction-design] :is(.divers-header,.journey-chapters) * {transition:none}
}

/* One moving glass surface owns chapter hover and active feedback. */
html[data-interaction-design][data-divers-appearance] body [data-divers-sticky-nav] { isolation: isolate }
html[data-interaction-design][data-divers-appearance] body [data-divers-sticky-nav] a,
html[data-interaction-design][data-divers-appearance] body [data-divers-sticky-nav] a:is(:hover,:focus,:active,[aria-current]) {
  position:relative;z-index:1;
  background:transparent;background-image:none;
  border-color:transparent;box-shadow:none;
  color:var(--glass-ink);
  text-decoration:none;
  transform:none;translate:none;
  transition:none;
}
html[data-interaction-design][data-divers-appearance] body [data-divers-sticky-nav] a::before,
html[data-interaction-design][data-divers-appearance] body [data-divers-sticky-nav] a::after { content:none;display:none }
html[data-interaction-design][data-divers-appearance] body [data-divers-sticky-nav] .glass-tab-indicator {
  position:absolute;left:0;top:0;z-index:0;
  pointer-events:none;border-radius:10px;box-sizing:border-box;
  border:1px solid var(--section-glass-active-border);
  background:var(--section-glass-active);
  box-shadow:inset 0 1px 0 #ffffff80,0 2px 0 #163e4e18,0 3px 8px var(--glass-shadow);
  opacity:0;
}
html[data-interaction-design][data-divers-appearance] body [data-divers-nav-rail][data-indicator-ready] .glass-tab-indicator {
  opacity:1;
  transition:transform 380ms cubic-bezier(.22,.8,.25,1),width 380ms cubic-bezier(.22,.8,.25,1),height 200ms ease;
}
@media(prefers-reduced-motion:reduce) {
  html[data-interaction-design][data-divers-appearance] body [data-divers-nav-rail][data-indicator-ready] .glass-tab-indicator { transition:none }
}

/* Replace the legacy sweep and active underline throughout the main menu. */
html[data-interaction-design][data-divers-appearance] body header.divers-header
  :is(.divers-nav-links>a,.divers-nav-more,.divers-nav-popover a),
html[data-interaction-design][data-divers-appearance] body header.divers-header
  :is(.divers-nav-links>a,.divers-nav-more,.divers-nav-popover a):is(:hover,:focus,:active,[aria-current]) {
  background-image:none;
  background-size:0 0;
  text-decoration:none;
  --divers-action-fill:0%;
  transition:background-color 180ms,border-color 180ms,box-shadow 180ms;
}
html[data-interaction-design][data-divers-appearance] body header.divers-header
  .divers-nav-links>:is(a,.divers-nav-more)::before,
html[data-interaction-design][data-divers-appearance] body header.divers-header
  .divers-nav-links>:is(a,.divers-nav-more)::after {
  content:none;
  display:none;
}

/* Once docked, the two bars share a single seam and an outer bottom shadow. */
html[data-interaction-design][data-rails-docked] .divers-header {
  border-bottom:1px solid var(--glass-border);
  box-shadow:inset 0 1px 0 #ffffff80;
}
html[data-interaction-design][data-divers-appearance][data-rails-docked] body [data-divers-sticky-nav] {
  border-top:0;
  box-shadow:inset 0 -1px 0 #527d8b20,0 3px 0 #163f5015,
    0 12px 24px -13px var(--glass-shadow);
}


html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action],
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action]:is(:hover,:focus,:active) {
 position:relative;isolation:auto;overflow:visible;
 background:transparent;background-image:none;border-color:transparent;box-shadow:none;filter:none;translate:none;transform:none;scale:none;
}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action]::before,
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action]::after{content:none}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action] canvas {
 position:absolute;left:50%;top:50%;width:calc(100% + 64px);height:calc(100% + 64px);
 transform:translate(-50%,-50%);pointer-events:none;
}
html[data-interaction-design] body main .liquid-action-label {
 display:block;position:relative;z-index:1;transition:transform 120ms;
}
html[data-interaction-design] body main [data-liquid-action=primary]{color:#fff;-webkit-text-fill-color:currentColor}
html[data-interaction-design] body main [data-liquid-action=secondary]{color:#193d4c;-webkit-text-fill-color:currentColor}
html[data-interaction-design][data-theme=dark] body main [data-liquid-action=secondary]{color:#edf5f8}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action]:focus-visible{outline:2px solid #1589a8;outline-offset:4px}
@media(prefers-reduced-motion:reduce){
 html[data-interaction-design] body main .liquid-action-label{transition:none}
}
html[data-interaction-design][data-motion-paused] body main :is(.catalog-card>a,.catalog-offer-copy>*,.catalog-offer-art,.catalog-tile,.catalog-tile-detail>*,.public-event-grid>article,.event-photo,.event-copy>*,.event-date-badge,.event-card-footer,.product-card,.product-card .card-copy>*,.home-place,[data-home-service],.journey-cert) {
 transform:none!important;translate:none!important;transition:none!important;
}
html[data-interaction-design] [data-divers-nav-rail]:not([data-divers-sticky-nav]) {
  position:relative;isolation:isolate;
}

/* Centre the label on the liquid face, independently of legacy button line heights. */
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action] {
 display:inline-flex;align-items:center;justify-content:center;line-height:1.2;
}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) .liquid-action-label {
 display:inline-flex;align-items:center;justify-content:center;line-height:inherit;
 margin:0;top:auto;bottom:auto;
}
/* These broad homepage cards rise symmetrically, with the photograph above the copy. */
html[data-interaction-design][data-divers-appearance] body main :is(.home-place,[data-home-service]) {
 perspective:1100px;
}
html[data-interaction-design][data-divers-appearance] body main :is(.home-place-image,.home-service-visual) {--feature-depth:22px}
html[data-interaction-design][data-divers-appearance] body main :is(.home-place-copy .text-link,.home-service-action) {--feature-depth:32px}
html[data-interaction-design][data-divers-appearance] body main .home-service-visual {
 border-radius:20px 20px 12px 12px;
}
html[data-interaction-design][data-divers-appearance] body main :is(.home-place-image,.home-service-visual) img {
 border-radius:inherit;display:block;
}
/* Cut-out category cards keep their fan motion inside separate raised layers. */
html[data-interaction-design][data-divers-appearance] body main .gear-fan {
 --gear-lift:0;position:relative;perspective:1000px;transform-style:preserve-3d;
 transition:translate 600ms cubic-bezier(.22,.68,.3,1),box-shadow 600ms;
 translate:0 calc(-3px * var(--gear-lift));
 box-shadow:inset 0 1px 1px #ffffff35,0 3px 0 #123c4d40,0 12px 24px -12px #001c3450;
}
html[data-interaction-design][data-divers-appearance] body main .gear-fan :is(.gear-stage,.gear-label) {
 transform:translateZ(calc(var(--gear-depth,30px) * var(--gear-lift)));
 transition:transform 600ms cubic-bezier(.22,.68,.3,1),box-shadow 600ms;
}
html[data-interaction-design][data-divers-appearance] body main .gear-fan .gear-stage {--gear-depth:24px;overflow:visible}
html[data-interaction-design][data-divers-appearance] body main .gear-fan .gear-label {--gear-depth:16px}
@media(hover:hover) and (pointer:fine) {
 html[data-interaction-design][data-divers-appearance] body main .gear-fan:hover {--gear-lift:1}
}
html[data-interaction-design][data-divers-appearance] body main .gear-fan:focus-visible {--gear-lift:1}
/* Clip each photograph itself as well as its frame for transformed Safari layers. */
html[data-interaction-design][data-divers-appearance] body main :is(.home-travel-main,.home-travel-detail,.home-team-photo) {
 border-radius:22px;overflow:hidden;
}
html[data-interaction-design][data-divers-appearance] body main :is(.home-travel-main,.home-travel-detail,.home-team-photo) img {
 display:block;border-radius:inherit;clip-path:inset(0 round 22px);
}
@media(prefers-reduced-motion:reduce) {
 html[data-interaction-design] main :is(.gear-fan,.gear-stage,.gear-label) {transition:none;transform:none;translate:none}
}
html[data-interaction-design][data-motion-paused] main :is(.gear-fan,.gear-stage,.gear-label) {transition:none;transform:none;translate:none}

/* One controller per plane. The old fan's hover rotation is disabled at its source. */
html[data-interaction-design][data-divers-appearance] body main .gear-cutout {
 transform:translateX(calc(var(--offset) * 9px)) rotate(calc(var(--offset) * 3deg));
 transition:transform 600ms cubic-bezier(.22,.68,.3,1);
}
html[data-interaction-design][data-divers-appearance] body main .gear-discovery[data-spread] .gear-cutout {
 transform:translateX(calc(var(--offset) * 24px)) rotate(calc(var(--offset) * 7deg));
}
html[data-interaction-design][data-divers-appearance] body main :is(.home-place,[data-home-service]) {
 isolation:auto;filter:none;backdrop-filter:none;overflow:visible;
}
html[data-interaction-design][data-divers-appearance] body main :is(.home-place-image,.home-service-visual) {
 transform:translate3d(0,calc(-3px * var(--feature-open,0)),calc(22px * var(--feature-open,0)));
}
/* Keep the catalog's 3D context intact, including Safari's grouping rules. */
html[data-interaction-design][data-divers-appearance] main.course-catalog#obsah .catalog-card>a {
 filter:none;backdrop-filter:none;isolation:auto;overflow:visible;
}

/* Scroll positions the course certificates; hover separates their own image and caption. */
html[data-interaction-design][data-divers-appearance] main.course-catalog#obsah .journey-cert {
 transform-style:preserve-3d;overflow:visible;isolation:auto;perspective:900px;
 --feature-open:0;
}
@media(hover:hover) and (pointer:fine) {
 html[data-interaction-design][data-divers-appearance] main.course-catalog#obsah .journey-cert:hover {--feature-open:1}
}
html[data-interaction-design][data-divers-appearance] main.course-catalog#obsah .journey-cert:focus-visible {--feature-open:1}
html[data-interaction-design][data-divers-appearance] main.course-catalog#obsah .journey-cert>img {
 transform:translateZ(calc(22px * var(--feature-open)));filter:none;
}
html[data-interaction-design][data-divers-appearance] main.course-catalog#obsah .journey-cert>span {
 transform:translateZ(calc(36px * var(--feature-open)));
}
@media(prefers-reduced-motion:reduce) {
 html[data-interaction-design][data-divers-appearance] main.course-catalog#obsah .journey-cert {rotate:none}
 html[data-interaction-design][data-divers-appearance] main.course-catalog#obsah .journey-cert>:is(img,span) {transform:none;transition:none}
 html[data-interaction-design][data-divers-appearance] body main .gear-cutout {transition:none}
}

@media(prefers-reduced-motion:reduce) {
 html[data-interaction-design] main :is(.home-place,[data-home-service],.journey-cert) {--feature-open:0!important}
 html[data-interaction-design] main .gear-fan {--gear-lift:0!important}
}
html[data-interaction-design][data-motion-paused] main :is(.home-place,[data-home-service],.journey-cert) {--feature-open:0!important;rotate:none}
html[data-interaction-design][data-motion-paused] main .gear-fan {--gear-lift:0!important}

/* Wide signposts press flush on hover and sink on activation. */
html[data-interaction-design][data-divers-appearance] body main.home-experience :is(.home-shortcuts a,.home-help a,.home-voucher) {
 --press-ink:#173b49;--press-panel:#e8f1f3;--press-edge:#9ab6c180;
 --press-highlight:#ffffffb3;--press-foot:#66879370;--press-shadow:#001b3330;
 color:var(--press-ink);border:1px solid var(--press-edge);
 background:linear-gradient(145deg,color-mix(in srgb,var(--press-panel) 92%,white),var(--press-panel));
 background-size:auto;background-repeat:no-repeat;
 transform:translateY(-3px);translate:none;
 box-shadow:inset 0 1px 1px var(--press-highlight),0 3px 0 var(--press-foot),0 9px 15px -7px var(--press-shadow);
 transition:transform 280ms cubic-bezier(.22,.68,.3,1),box-shadow 280ms ease,border-color 220ms;
 text-decoration:none;will-change:auto;
}
html[data-interaction-design][data-divers-appearance][data-theme=dark] body main.home-experience :is(.home-shortcuts a,.home-help a,.home-voucher) {
 --press-ink:#edf6f8;--press-panel:#173846;--press-edge:#8cb5c350;
 --press-highlight:#d2efff35;--press-foot:#061e2ab3;--press-shadow:#0008;
}
html[data-interaction-design][data-divers-appearance] body main.home-experience .home-hero a.home-voucher {
 border-radius:13px;border-left-width:1px;
 background:linear-gradient(130deg,#20414dd9,#0a2436e6);
 color:#fff;--press-foot:#03172499;--press-highlight:#b7e4f440;--press-shadow:#0005;
}
html[data-interaction-design][data-divers-appearance] body main.home-experience .home-hero a.home-voucher>span {color:#c2e0e8}
html[data-interaction-design][data-divers-appearance] body main.home-experience .home-hero a.home-voucher>strong {color:inherit}
@media(hover:hover) and (pointer:fine) {
 html[data-interaction-design][data-divers-appearance] body main.home-experience :is(.home-shortcuts a,.home-help a,.home-voucher):hover {
  transform:translateY(0);translate:none;
  box-shadow:inset 0 1px 1px var(--press-highlight),0 1px 2px var(--press-shadow);
 }
}
html[data-interaction-design][data-divers-appearance] body main.home-experience :is(.home-shortcuts a,.home-help a,.home-voucher):focus-visible {
 outline:2px solid #2998b5;outline-offset:4px;
}
html[data-interaction-design][data-divers-appearance] body main.home-experience :is(.home-shortcuts a,.home-help a,.home-voucher):active {
 transform:translateY(2px);translate:none;
 box-shadow:inset 0 2px 5px var(--press-shadow),inset 0 -1px 0 var(--press-highlight);
 transition-duration:90ms;
}
@media(prefers-reduced-motion:reduce) {
 html[data-interaction-design][data-divers-appearance] body main.home-experience :is(.home-shortcuts a,.home-help a,.home-voucher) {transition:none}
}

/* Certificate captions cast no rectangular panel shadow. Only the rounded artwork casts a shadow. */
html[data-interaction-design][data-divers-appearance] main.course-catalog#obsah .journey-cert {box-shadow:none;filter:none}

/* Text wrappers inherit the label font, never an old arrow/icon size. */
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) [data-liquid-action]>.liquid-action-label {
 font:inherit;line-height:inherit;letter-spacing:inherit;
}
html[data-interaction-design][data-divers-appearance] body main .events-hero-cta {font-size:14px;min-height:50px;padding:14px 24px;line-height:1.2}
html[data-interaction-design][data-divers-appearance] body main .events-memory-controls .events-motion {
 display:inline-flex;align-items:center;justify-content:center;line-height:1.2;min-height:44px;padding:10px 14px;
}
/* Quiet category chips: no scaling, rotation or icon bounce. */
html[data-interaction-design][data-divers-appearance] body main .events-categories :is(a,button),
html[data-interaction-design][data-divers-appearance] body main .events-categories :is(a,button):is(:hover,:active,[aria-pressed=true]) {
 transform:none;translate:none;box-shadow:inset 0 1px 0 #ffffff50,0 2px 5px #001c3410;
 transition:border-color 180ms,box-shadow 180ms;
}
html[data-interaction-design][data-divers-appearance] body main .events-categories :is(a,button) i {transform:none;transition:none}
@media(hover:hover) and (pointer:fine) {
 html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid article:hover {--open:.4}
}
html[data-interaction-design][data-divers-appearance] body main#obsah .public-event-grid article:focus-within {--open:.4}
/* Rental offers keep the same layers with less tilt and no sideways throw. */
html[data-interaction-design][data-divers-appearance] body main#obsah .catalog-tile {
 transform:perspective(1100px) rotateX(calc(-2deg * var(--open))) rotateY(calc(3deg * var(--open)));
}
html[data-interaction-design][data-divers-appearance] body main#obsah .catalog-tile-media {
 transform:translate3d(0,calc(-2px * var(--open)),calc(30px * var(--open))) rotate(calc(2deg * var(--open)));
}
html[data-interaction-design][data-divers-appearance] body main#obsah .rental-card-name {--depth:38px;transform:translateZ(calc(38px * var(--open)))}
html[data-interaction-design][data-divers-appearance] body main#obsah .catalog-tile-price {--depth:22px}
@media(prefers-reduced-motion:reduce) {
 html[data-interaction-design][data-divers-appearance] body main#obsah :is(.catalog-tile,.catalog-tile-media,.rental-card-name) {transform:none;transition:none}
}

/* Photo links press flush; their labels stay anchored under the pictures. */
html[data-interaction-design][data-divers-appearance] body main#shop .expedition-home .visual .product-image {
 transform:translateY(-3px);translate:none;scale:none;
 box-shadow:inset 0 1px 1px #ffffff80,0 3px 0 #7595a370,0 9px 17px -10px #001c3450;
 transition:transform 280ms cubic-bezier(.22,.68,.3,1),box-shadow 280ms;
}
html[data-interaction-design][data-divers-appearance] body main#shop .expedition-home .visual {
 transform:none;translate:none;scale:none;
}
html[data-interaction-design][data-divers-appearance] body main#shop .expedition-home .visual:is(:hover,:focus-visible) .product-image {
 transform:translateY(0);box-shadow:inset 0 1px 1px #ffffff60,0 1px 3px #001c3420;
}
html[data-interaction-design][data-divers-appearance] body main#shop .expedition-home .visual:active .product-image {
 transform:translateY(2px);box-shadow:inset 0 2px 6px #001c3435;
 transition-duration:90ms;
}
html[data-interaction-design][data-divers-appearance] body main#shop .expedition-home .visual .product-image img {
 transform:none;translate:none;scale:none;
}
/* Rental scene items share a quiet surface response, leaving their scripted arrangements intact. */
html[data-interaction-design][data-divers-appearance] body main :is(.rig-photo-open,.regulator-card,.abc-photo-group,.accessory-product) {
 translate:0 -2px;transition:translate 280ms cubic-bezier(.22,.68,.3,1),box-shadow 280ms;
}
html[data-interaction-design][data-divers-appearance] body main :is(.rig-photo-open,.regulator-card,.abc-photo-group,.accessory-product):active {
 translate:0 2px;transition-duration:90ms;
}
html[data-interaction-design][data-divers-appearance] body main .regulator-card>img,
html[data-interaction-design][data-divers-appearance] body main .regulator-card:hover>img {transform:none}
@media(prefers-reduced-motion:reduce) {
 html[data-interaction-design][data-divers-appearance] body main#shop .expedition-home .visual .product-image {transition:none}
 html[data-interaction-design][data-divers-appearance] body main :is(.rig-photo-open,.regulator-card,.abc-photo-group,.accessory-product) {transition:none}
}

@media(hover:hover) and (pointer:fine) {
 html[data-interaction-design][data-divers-appearance] body main :is(.rig-photo-open,.regulator-card,.abc-photo-group,.accessory-product):hover {translate:0 0}
}

/* Shared quiet feedback for portraits, galleries and navigational photo cards. */
html[data-interaction-design][data-divers-appearance] body main [data-press-surface] {
 --press-surface-highlight:#ffffff66;--press-surface-foot:#2b566633;--press-surface-shadow:#001b3430;
 translate:0 -2px;
 transition:translate 300ms cubic-bezier(.22,.68,.3,1),box-shadow 300ms;
}
html[data-interaction-design][data-divers-appearance][data-theme=dark] body main [data-press-surface] {
 --press-surface-highlight:#d9f4ff30;--press-surface-foot:#00131e80;--press-surface-shadow:#0006;
}
html[data-interaction-design][data-divers-appearance] body main [data-press-surface=panel],
html[data-interaction-design][data-divers-appearance] body main [data-press-surface=photo]>img,
html[data-interaction-design][data-divers-appearance] body main [data-press-surface=photo] .school-portrait {
 border-radius:14px;
 box-shadow:inset 0 1px 1px var(--press-surface-highlight),0 2px 0 var(--press-surface-foot),0 10px 20px -12px var(--press-surface-shadow);
 transition:box-shadow 300ms;
}
@media(hover:hover) and (pointer:fine) {
 html[data-interaction-design][data-divers-appearance] body main [data-press-surface]:hover {translate:0 0}
}
html[data-interaction-design][data-divers-appearance] body main [data-press-surface]:active {translate:0 2px;transition-duration:90ms}
html[data-interaction-design][data-divers-appearance] body main [data-press-surface]:focus-visible {
 outline:2px solid #2996ae;outline-offset:5px;
}
html[data-interaction-design][data-divers-appearance] body main [data-press-surface=panel]:active {
 box-shadow:inset 0 2px 5px var(--press-surface-shadow),inset 0 -1px 0 var(--press-surface-highlight);
}
/* Film and motion switches use the same centred label geometry on every page. */
html[data-interaction-design][data-divers-appearance] body main :is(.film-toggle,.motion-toggle,.club-motion,.events-motion) {
 display:inline-flex;align-items:center;justify-content:center;line-height:1.2;gap:8px;
}
@media(prefers-reduced-motion:reduce) {
 html[data-interaction-design][data-divers-appearance] body main [data-press-surface],
 html[data-interaction-design][data-divers-appearance] body main [data-press-surface] img {translate:none;transition:none}
}
html[data-interaction-design][data-motion-paused] body main [data-press-surface] {translate:none;transition:none}

/* Editorial media have their own rounded clip, independent of scrolling transforms. */
html[data-interaction-design][data-divers-appearance] body main :is(
 .about-world-image,.about-club-photo,.service-extra-photo,.store-visit-photo,
 .store-film-wide,.work-preview,.work-robot-photo,.club-feature-photo,.club-rental,
 .borek-attraction-image,.borek-film,.borek-history-image,.borek-finish-photo,
 .pit-first-photo,.pit-divers-photo,.pit-instructor-photo,
 .school-choice-photo,.school-team-photo,.school-community,.school-recommend-photo
) {border-radius:18px;overflow:hidden}
html[data-interaction-design][data-divers-appearance] body main :is(
 .about-world-image,.about-club-photo,.about-person-open,.service-extra-photo,
 .contact-portrait,.store-visit-photo,.store-film-wide,.work-preview,.work-robot-photo,
 .work-gallery,.club-feature-photo,.club-moments,.club-gallery,.club-rental,
 .borek-attraction-image,.borek-film,.borek-history-image,.borek-finish-photo,
 .borek-detail-photo,.borek-history-album,.borek-history-grid,
 .pit-first-photo,.pit-divers-photo,.pit-instructor-photo,.pit-gallery-item,
 .voucher-arrival,.school-choice-photo,.school-space,.school-team-photo,
 .school-community,.school-portrait,.school-recommend-photo,.school-training-visual
) :is(img,video) {
 border-radius:18px;clip-path:inset(0 round 18px);
}
html[data-interaction-design][data-divers-appearance] body main :is(.work-dialog,.store-film-dialog) video {
 border-radius:14px;clip-path:inset(0 round 14px);
}
html[data-interaction-design][data-divers-appearance] body main [data-liquid-action] {transition:none}
html[data-interaction-design][data-divers-appearance] body main :is(.review-photo-main,.review-photo-small) {border-radius:14px;overflow:hidden}
html[data-interaction-design][data-divers-appearance] body main :is(.review-photo-main,.review-photo-small,.divers-awards-cover,.divers-awards-grid) img {
 border-radius:12px;clip-path:inset(0 round 12px);
}
/* Informational panels retain a quiet bevel without behaving like buttons. */
html[data-interaction-design][data-divers-appearance] body main :is(.about-benefit-grid article,.contact-branch-grid article) {
 border:1px solid #819fab50;border-radius:16px;padding:24px;
 background:var(--divers-surface,#f4f8f9);
 box-shadow:inset 0 1px 1px #ffffff80,0 2px 0 #36596922,0 12px 22px -16px #001b3440;
}
html[data-interaction-design][data-divers-appearance][data-theme=dark] body main :is(.about-benefit-grid article,.contact-branch-grid article) {
 background:var(--divers-surface,#142e3a);
 box-shadow:inset 0 1px 1px #d0efff20,0 2px 0 #00131e80,0 12px 22px -16px #0006;
}
html[data-interaction-design][data-divers-appearance] body main .z-origin img {border-radius:18px;clip-path:inset(0 round 18px)}

/* One tactile glass surface for all three floating navigation controls. */
html[data-interaction-design][data-divers-appearance] body :is(.divers-appearance-trigger,.divers-search-trigger,button.divers-back-to-top) {
 --bottom-light:#ffffffb3;--bottom-foot:#31586a35;--bottom-shadow:#001b3433;
 background:color-mix(in srgb,var(--appearance-panel,#fff) 94%,transparent);
 border-color:var(--appearance-line,#c2dce3);
 color:var(--appearance-ink,#173c49);
 box-shadow:inset 0 1px 1px var(--bottom-light),0 2px 0 var(--bottom-foot),0 7px 16px -6px var(--bottom-shadow);
 backdrop-filter:blur(12px) saturate(125%);
 transform:none;translate:0 -2px;
 transition:translate 220ms cubic-bezier(.22,.68,.3,1),box-shadow 220ms,border-color 180ms;
 line-height:1.2;
}
html[data-interaction-design][data-divers-appearance][data-theme=dark] body :is(.divers-appearance-trigger,.divers-search-trigger,button.divers-back-to-top) {
 --bottom-light:#dbf3ff35;--bottom-foot:#00131e99;--bottom-shadow:#0008;
}
@media(hover:hover) and (pointer:fine) {
 html[data-interaction-design][data-divers-appearance] body :is(.divers-appearance-trigger,.divers-search-trigger,button.divers-back-to-top):hover {
  translate:0 0;border-color:#478fa4;
  box-shadow:inset 0 1px 1px var(--bottom-light),0 1px 3px var(--bottom-shadow);
 }
}
html[data-interaction-design][data-divers-appearance] body :is(.divers-appearance-trigger,.divers-search-trigger,button.divers-back-to-top)[aria-expanded=true] {
 translate:0 0;border-color:#478fa4;
 box-shadow:inset 0 1px 1px var(--bottom-light),0 1px 3px var(--bottom-shadow);
}
html[data-interaction-design][data-divers-appearance] body :is(.divers-appearance-trigger,.divers-search-trigger,button.divers-back-to-top):active {
 translate:0 1px;
 box-shadow:inset 0 2px 4px var(--bottom-shadow),inset 0 -1px 0 var(--bottom-light);
 transition-duration:90ms;
}
html[data-interaction-design][data-divers-appearance] body :is(.divers-appearance-trigger,.divers-search-trigger,button.divers-back-to-top):focus-visible {
 outline:2px solid #2996ae;outline-offset:4px;
}
html[data-interaction-design][data-divers-appearance] body :is(.divers-appearance-trigger,.divers-search-trigger,button.divers-back-to-top)::after {
 content:"";position:absolute;inset:-3px;border-radius:inherit;
}
@media(prefers-reduced-motion:reduce) {
 html[data-interaction-design][data-divers-appearance] body :is(.divers-appearance-trigger,.divers-search-trigger,button.divers-back-to-top) {transition:none}
}

/* Compact destination cards: photograph, readable overlay and one clear action. */
html[data-interaction-design][data-divers-appearance] body main .home-place-grid {align-items:stretch;gap:24px}
html[data-interaction-design][data-divers-appearance] body main .home-place {
 margin-top:0;min-height:360px;position:relative;
 background:#092532;border-radius:22px;
}
html[data-interaction-design][data-divers-appearance] body main .home-place-image {
 position:absolute;inset:0;height:100%;border-radius:21px;
 transform:none;box-shadow:none;
}
html[data-interaction-design][data-divers-appearance] body main .home-place-image::after {
 content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
 background:linear-gradient(180deg,#03172208 10%,#03172288 48%,#031722ed 77%,#031722fa);
}
html[data-interaction-design][data-divers-appearance] body main .home-place-copy {
 position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;
 justify-content:flex-end;min-height:360px;max-width:none;padding:26px;
 color:#fff;transform-style:preserve-3d;
}
html[data-interaction-design][data-divers-appearance] body main .home-place-copy>p:first-child {color:#bfe5eb;font-size:12px;margin:0}
html[data-interaction-design][data-divers-appearance] body main .home-place-copy h3 {font-size:clamp(34px,3.3vw,48px);line-height:1.05;margin:8px 0 0;--feature-depth:22px}
html[data-interaction-design][data-divers-appearance] body main .home-place-copy>p:not(:first-child) {font-size:14px;line-height:1.55;max-width:42ch;margin:12px 0 0;color:#e0edf0;--feature-depth:10px}
html[data-interaction-design][data-divers-appearance] body main .home-place-copy>.text-link {
 display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;margin:20px 0 0;
 font:700 13px/1.2 Arial,sans-serif;letter-spacing:normal;color:#fff;
 border:1px solid transparent;border-radius:11px;text-decoration:none;background:transparent;box-shadow:none;
 --feature-depth:28px;
}
html[data-interaction-design][data-divers-appearance] body main .home-place-map-label {
 top:16px;right:16px;bottom:auto;left:auto;z-index:3;
 padding:6px 9px;border:1px solid #b4dce533;border-radius:7px;background:#07212dbb;font-size:10px;
}
@media(max-width:760px) {
 html[data-interaction-design][data-divers-appearance] body main .home-place-grid {grid-template-columns:1fr;gap:20px}
 html[data-interaction-design][data-divers-appearance] body main .home-place,
 html[data-interaction-design][data-divers-appearance] body main .home-place-copy {min-height:330px}
 html[data-interaction-design][data-divers-appearance] body main .home-place-copy {padding:22px}
}

/* Keep store actions aligned with the shared primary and secondary buttons. */
html[data-interaction-design][data-divers-appearance] body main .home-store .hero-actions {gap:18px;align-items:center;flex-wrap:wrap}

/* Video controls share the quiet raised glass surface. */
html[data-interaction-design][data-divers-appearance] body main :is(.film-toggle,[data-dahab-video-toggle]) {
 display:inline-flex;align-items:center;justify-content:center;min-height:44px;
 padding:11px 16px;border:1px solid #b4d8e078;border-radius:11px;
 background:linear-gradient(145deg,#365966f2,#153440f2);color:#fff;
 font:600 12px/1.2 Arial,sans-serif;text-align:center;text-decoration:none;
 box-shadow:inset 0 1px 0 #ffffff40,0 3px 0 #061d28a6,0 7px 14px -5px #00111a80;
 transform:none;translate:0 -2px;scale:1;filter:none;
 transition:translate .18s ease,box-shadow .18s ease;
}
html[data-interaction-design][data-divers-appearance] body main :is(.film-toggle,[data-dahab-video-toggle]):hover {
 transform:none;translate:0 0;scale:1;filter:none;
 background:linear-gradient(145deg,#365966f2,#153440f2);
 box-shadow:inset 0 1px 0 #ffffff40,0 1px 0 #061d28a6,0 3px 8px -4px #00111a80;
}
html[data-interaction-design][data-divers-appearance] body main :is(.film-toggle,[data-dahab-video-toggle]):active {
 translate:0 1px;box-shadow:inset 0 2px 5px #00111a66;
}
html[data-interaction-design][data-divers-appearance] body main :is(.film-toggle,[data-dahab-video-toggle]):focus-visible {outline:2px solid #8de5ee;outline-offset:3px}
html[data-interaction-design] body main :is(.film-toggle,[data-dahab-video-toggle])[hidden] {display:none}
@media(prefers-reduced-motion:reduce) {
 html[data-interaction-design] body main :is(.film-toggle,[data-dahab-video-toggle]) {transition:none}
}

/* Overlay cards form a single stacking context; nested 3D text must never fall behind the photo. */
html[data-interaction-design][data-divers-appearance] body main .home-place {
 transform-style:flat;isolation:isolate;
}
html[data-interaction-design][data-divers-appearance] body main .home-place-image {z-index:0;transform:none}
html[data-interaction-design][data-divers-appearance] body main .home-place-copy {
 z-index:3;transform-style:flat;transform:none;
}
html[data-interaction-design][data-divers-appearance] body main .home-place-copy>* {
 transform:translateY(calc(-2px * var(--feature-open,0)));opacity:1;visibility:visible;
}
html[data-interaction-design][data-divers-appearance] body main .home-place-copy h3 {
 transform:translateY(calc(-4px * var(--feature-open,0)));
}
html[data-interaction-design][data-divers-appearance] body main .home-place-copy>.text-link {
 transform:translateY(calc(-3px * var(--feature-open,0)));
}

/* Both campaign carousels use the same tactile tabs and transport controls. */
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) .glass-tabs {gap:8px;padding:4px 3px 7px}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) :is(.glass-tabs,.glass-arrows) button {
 display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;
 padding:10px 14px;border:1px solid #7896a74d;border-radius:11px;
 background:linear-gradient(145deg,#eaf4f780,#b1ccd238);color:inherit;
 font:600 12px/1.3 Arial,sans-serif;text-decoration:none;
 box-shadow:inset 0 1px 0 #ffffff66,0 2px 0 #274d5b33,0 5px 10px -6px #001c3470;
 transform:none;translate:0 -1px;scale:1;filter:none;
 transition:background .2s,box-shadow .2s,translate .2s;
}
html[data-interaction-design][data-divers-appearance][data-theme=dark] body :is(main#obsah,main#shop,main,aside.divers-order-bar) :is(.glass-tabs,.glass-arrows) button {background:linear-gradient(145deg,#345767a6,#102e3e99)}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) :is(.glass-tabs,.glass-arrows) button:hover {
 translate:0 0;transform:none;scale:1;border-color:#7bb9ca;
 box-shadow:inset 0 1px 0 #ffffff55,0 2px 6px -3px #001c3455;
}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) .glass-tabs button[aria-pressed=true] {
 background:linear-gradient(145deg,#f52c45,#c7002a 65%,#9c0b27);color:white;border-color:#ff7f8c80;
 box-shadow:inset 0 1px 0 #ffffff55,0 2px 0 #790b27,0 5px 12px -5px #68051d60;
}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) :is(.glass-tabs,.glass-arrows) button:active {
 translate:0 1px;box-shadow:inset 0 2px 4px #001c3455;
}
html[data-interaction-design][data-divers-appearance] body :is(main#obsah,main#shop,main,aside.divers-order-bar) :is(.glass-tabs,.glass-arrows) button:focus-visible {outline:2px solid #46b7ce;outline-offset:2px}
html[data-interaction-design] body :is(main#obsah,main#shop,main,aside.divers-order-bar) :is(.glass-tabs,.glass-arrows) button::before,
html[data-interaction-design] body :is(main#obsah,main#shop,main,aside.divers-order-bar) :is(.glass-tabs,.glass-arrows) button::after {content:none}
@media(prefers-reduced-motion:reduce) {
 html[data-interaction-design] body :is(main#obsah,main#shop,main,aside.divers-order-bar) :is(.glass-tabs,.glass-arrows) button {transition:none}
}
/* Match the original layered selector's specificity so the photo cannot move in front of the overlay. */
html[data-interaction-design][data-divers-appearance] body main .home-place:not([data-sample-parent]) {transform-style:flat;isolation:isolate}
html[data-interaction-design][data-divers-appearance] body main .home-place .home-place-image {transform:none;z-index:0}
/* Retire the shop carousel's older flat state rules. */
html[data-interaction-design][data-divers-appearance] body main#shop.home .expedition-home .glass-campaigns :is(.glass-tabs,.glass-arrows) button {
 border:1px solid #7896a74d;border-radius:11px;background:linear-gradient(145deg,#eaf4f780,#b1ccd238);color:var(--ink,var(--text));
 box-shadow:inset 0 1px 0 #ffffff66,0 2px 0 #274d5b33,0 5px 10px -6px #001c3470;
}
html[data-interaction-design][data-divers-appearance] body main#shop.home .expedition-home .glass-campaigns :is(.glass-tabs,.glass-arrows) button:hover {
 background:linear-gradient(145deg,#eaf4f780,#b1ccd238);color:var(--ink,var(--text));border-color:#7bb9ca;
 box-shadow:inset 0 1px 0 #ffffff55,0 2px 6px -3px #001c3455;
}
html[data-interaction-design][data-divers-appearance][data-theme=dark] body main#shop.home .expedition-home .glass-campaigns :is(.glass-tabs,.glass-arrows) button {background:linear-gradient(145deg,#345767a6,#102e3e99)}
html[data-interaction-design][data-divers-appearance] body main#shop.home .expedition-home .glass-campaigns .glass-tabs button[aria-pressed=true] {
 background:linear-gradient(145deg,#f52c45,#c7002a 65%,#9c0b27);color:#fff;border-color:#ff7f8c80;
 box-shadow:inset 0 1px 0 #ffffff55,0 2px 0 #790b27,0 5px 12px -5px #68051d60;
}

/* Purchase controls injected outside main use the same label and surface ownership. */
html[data-interaction-design][data-divers-appearance] body .divers-order-bar .divers-order-button .liquid-action-label {position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;font:inherit;color:inherit;line-height:1.2;margin:0}
html[data-interaction-design][data-divers-appearance] body .divers-order-bar .divers-order-button {font:700 13px/1.2 Arial,sans-serif;min-height:46px;padding:13px 20px;white-space:nowrap;border-radius:11px}