/* Decorative desktop VIP section. Store content and controls remain independent. */
@media (min-width: 901px) {
  #gkCategories {
    position: relative;
    isolation: isolate;
    margin-top: 48px;
    padding: 18px 24px 64px;
    row-gap: 16px;
    background: linear-gradient(130deg, #eee0c8 0%, #fbf6ec 52%, #f0e4d2 100%);
    border-color: #d7c39d;
    box-shadow: 0 10px 28px #5a421518;
    scroll-margin-top: 48px;
  }
  #gkCategories::before,
  #gkCategories::after {
    content: '';
    position: absolute;
    display: block;
    pointer-events: none;
    user-select: none;
    background-repeat: no-repeat;
  }
  #gkCategories::before {
    z-index: 2;
    left: -10px;
    top: -42px;
    width: 31%;
    max-width: 360px;
    height: 124px;
    background-image: url('/ad.add/vip-garden-vine.png?v=20261104-vip-garden-1');
    background-size: contain;
    background-position: left center;
  }
  #gkCategories::after {
    z-index: 0;
    inset: auto 10px 0;
    height: 56px;
    background-image: url('/ad.add/vip-garden-meadow.png?v=20261104-vip-garden-1');
    background-size: 100% 350%;
    background-position: center 85%;
  }
  #gkCategories > .gkv-luxe-heading {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    min-height: 66px;
    margin: 0;
    color: #76530e;
    font-size: 22px;
    gap: 18px;
  }
  #gkCategories > .gkv-luxe-heading::before,
  #gkCategories > .gkv-luxe-heading::after {
    width: min(12%, 110px);
    background: #a98233;
  }
  #gkCategories > .gk-category-card[data-gk-vip-slot] {
    z-index: 1;
    height: clamp(190px, calc(100vh - 230px), 330px);
    height: clamp(190px, calc(100svh - 230px), 330px);
    border: 3px solid #c49a43;
    box-shadow: 0 7px 17px #62430925, inset 0 0 0 1px #ffe8a7;
    transform-origin: center center;
    transition: transform .25s ease, box-shadow .25s ease;
  }
  #gkCategories > .gk-category-card[data-gk-vip-slot]::before {
    inset: -3px;
    padding: 4px;
    filter: drop-shadow(0 0 5px #e4af35b3);
  }
  #gkCategories > .gk-category-card[data-gk-vip-slot] [data-vip-cover] {
    inset: 1px;
    border-radius: 13px;
  }
  #gkCategories > .gk-category-card[data-gk-vip-slot] [data-vip-open] {
    bottom: -31px;
    width: 56px;
    height: 56px;
    border-color: #c9a047;
  }
  #gkCategories > .gk-category-card[data-gk-vip-slot] [data-vip-open]::before {
    width: 24px;
    height: 24px;
  }
  #gkCategories > .gk-category-card[data-gk-vip-slot]:focus-within {
    z-index: 3;
    box-shadow: 0 10px 22px #62430940, 0 0 15px #e2b75650;
  }
}
@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  #gkCategories > .gk-category-card[data-gk-vip-slot]:hover {
    z-index: 3;
    transform: translateY(-3px) scale(1.025);
    box-shadow: 0 13px 26px #62430945, 0 0 17px #e2b75666;
  }
}
@media (min-width: 901px) and (max-width: 1000px) {
  #gkCategories { padding-right: 18px; padding-left: 18px; column-gap: 22px; }
  #gkCategories > .gkv-luxe-heading { font-size: 20px; gap: 12px; }
}
@media (min-width: 901px) and (max-height: 450px) {
  #gkCategories { padding-top: 10px; padding-bottom: 58px; row-gap: 12px; }
  #gkCategories > .gkv-luxe-heading { min-height: 54px; }
  #gkCategories::before { height: 112px; }
}
@media (min-width: 901px) and (prefers-reduced-motion: reduce) {
  #gkCategories > .gk-category-card[data-gk-vip-slot],
  #gkCategories > .gk-category-card[data-gk-vip-slot]:hover { transform: none; transition: none; }
}