#shatteredCulinaryGuide{
    --shattered-bg-1:#040b14;
    --shattered-bg-2:#081324;
    --shattered-bg-3:#11254d;
    --shattered-ice:#89e8ff;
    --shattered-ice-2:#4db7ff;
    --shattered-ice-3:#d9f7ff;
    --shattered-gold:#ffd97a;
    --shattered-gold-2:#f4b648;
    --shattered-text:#edf8ff;
    --shattered-muted:#a8c5de;
    --shattered-border:rgba(146,223,255,.16);
    position:relative;
    overflow:hidden;
    border-radius:34px;
    padding:34px 16px;
    background:
      radial-gradient(circle at 12% 20%, rgba(102,214,255,.18), transparent 20%),
      radial-gradient(circle at 84% 12%, rgba(123,144,255,.14), transparent 24%),
      linear-gradient(180deg, #07101d 0%, #081425 42%, #0a1322 100%);
    box-shadow:
      0 22px 60px rgba(0,0,0,.38),
      inset 0 1px 0 rgba(255,255,255,.04);
    isolation:isolate;
  }

  #shatteredCulinaryGuide *{box-sizing:border-box}

  #shatteredCulinaryGuide .shattered-guide-bg{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
    overflow:hidden;
  }

  #shatteredCulinaryGuide .shattered-guide-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(28px);
    opacity:.38;
  }

  #shatteredCulinaryGuide .shattered-guide-orb-a{
    width:220px;height:220px;left:-60px;top:90px;
    background:radial-gradient(circle, rgba(77,183,255,.42), transparent 70%);
  }

  #shatteredCulinaryGuide .shattered-guide-orb-b{
    width:260px;height:260px;right:-70px;bottom:50px;
    background:radial-gradient(circle, rgba(135,232,255,.28), transparent 70%);
  }

  #shatteredCulinaryGuide .shattered-guide-energy{
    position:absolute;
    display:block;
    width:52%;
    height:2px;
    opacity:.92;
    filter:drop-shadow(0 0 10px rgba(122,228,255,.55));
    background:linear-gradient(90deg, transparent, rgba(145,237,255,.8), rgba(255,217,122,.92), transparent);
    animation:shatteredGuideEnergyMove 7s linear infinite;
  }

  #shatteredCulinaryGuide .shattered-guide-energy::before,
  #shatteredCulinaryGuide .shattered-guide-energy::after{
    content:"";
    position:absolute;
    inset:0;
    background:inherit;
    opacity:.7;
  }

  #shatteredCulinaryGuide .shattered-guide-energy::before{transform:rotate(8deg)}
  #shatteredCulinaryGuide .shattered-guide-energy::after{transform:rotate(-7deg)}

  #shatteredCulinaryGuide .shattered-guide-energy-a{top:18%; left:-8%; animation-delay:0s}
  #shatteredCulinaryGuide .shattered-guide-energy-b{top:52%; right:-14%; animation-delay:-2.2s}
  #shatteredCulinaryGuide .shattered-guide-energy-c{bottom:16%; left:14%; animation-delay:-4.3s}

  #shatteredCulinaryGuide .shattered-guide-glass{
    position:absolute;
    display:block;
    border:1px solid rgba(172,237,255,.18);
    background:
      linear-gradient(180deg, rgba(255,255,255,.14), rgba(93,180,255,.05)),
      linear-gradient(135deg, rgba(255,255,255,.26), transparent 35%, transparent 72%, rgba(255,255,255,.08));
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.04),
      0 0 20px rgba(122,228,255,.08);
    backdrop-filter:blur(4px);
    opacity:.5;
    animation:shatteredGuideFloatGlass 11s ease-in-out infinite;
  }

  #shatteredCulinaryGuide .shattered-guide-glass::before{
    content:"";
    position:absolute;
    inset:10% 8%;
    border:1px solid rgba(255,255,255,.08);
    opacity:.45;
  }

  #shatteredCulinaryGuide .shattered-guide-glass-1{width:86px;height:128px;left:2%;top:16%;transform:rotate(-14deg)}
  #shatteredCulinaryGuide .shattered-guide-glass-2{width:72px;height:108px;right:6%;top:10%;transform:rotate(12deg);animation-delay:-2s}
  #shatteredCulinaryGuide .shattered-guide-glass-3{width:110px;height:64px;left:10%;bottom:9%;transform:rotate(12deg);animation-delay:-4s}
  #shatteredCulinaryGuide .shattered-guide-glass-4{width:100px;height:56px;right:14%;bottom:12%;transform:rotate(-18deg);animation-delay:-5.5s}

  #shatteredCulinaryGuide .shattered-guide-star{
    position:absolute;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#fff;
    box-shadow:
      0 0 10px rgba(255,255,255,.75),
      0 0 18px rgba(145,237,255,.45);
    animation:shatteredGuideTwinkle 3.4s ease-in-out infinite;
  }

  #shatteredCulinaryGuide .shattered-guide-star::before,
  #shatteredCulinaryGuide .shattered-guide-star::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:18px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent);
    transform:translate(-50%,-50%);
    opacity:.85;
  }

  #shatteredCulinaryGuide .shattered-guide-star::after{transform:translate(-50%,-50%) rotate(90deg)}
  #shatteredCulinaryGuide .shattered-guide-star-1{top:12%;left:24%}
  #shatteredCulinaryGuide .shattered-guide-star-2{top:24%;right:22%;animation-delay:-1s}
  #shatteredCulinaryGuide .shattered-guide-star-3{top:44%;left:8%;animation-delay:-2s}
  #shatteredCulinaryGuide .shattered-guide-star-4{top:64%;right:12%;animation-delay:-1.5s}
  #shatteredCulinaryGuide .shattered-guide-star-5{bottom:18%;left:34%;animation-delay:-2.4s}
  #shatteredCulinaryGuide .shattered-guide-star-6{bottom:24%;right:32%;animation-delay:-.7s}

  #shatteredCulinaryGuide .shattered-guide-shell{
    position:relative;
    z-index:1;
    max-width:1220px;
    margin:0 auto;
  }

  #shatteredCulinaryGuide .shattered-guide-head{
    position:relative;
    text-align:center;
    margin:0 0 24px;
    padding:8px 0 0;
  }

  #shatteredCulinaryGuide .shattered-guide-head-gap{margin-top:38px}

  #shatteredCulinaryGuide .shattered-guide-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 16px;
    margin:0 0 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.18em;
    color:#09111a;
    text-transform:uppercase;
    background:linear-gradient(180deg, #fff1bc, #f2b94d);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.45),
      0 10px 22px rgba(242,185,77,.18);
  }

  #shatteredCulinaryGuide .shattered-guide-head h2{
    margin:0;
    color:var(--shattered-text);
    font-size:clamp(32px, 6vw, 58px);
    line-height:1;
    letter-spacing:.02em;
    text-shadow:
      0 0 20px rgba(121,232,255,.14),
      0 0 50px rgba(77,183,255,.12);
  }

  #shatteredCulinaryGuide .shattered-guide-line{
    width:min(320px, 68%);
    height:2px;
    margin:18px auto 0;
    background:linear-gradient(90deg, transparent, rgba(145,237,255,.95), rgba(255,217,122,.78), transparent);
    box-shadow:0 0 18px rgba(145,237,255,.16);
  }

  /* ARTICLE */
  #shatteredCulinaryGuide .shattered-guide-article-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
    max-width:860px;
    margin:0 auto;
    perspective:1200px;
  }

  #shatteredCulinaryGuide .shattered-guide-article-card{
    position:relative;
    min-height:210px;
    overflow:hidden;
    padding:20px;
    border-radius:28px;
    border:1px solid var(--shattered-border);
    background:
      linear-gradient(180deg, rgba(16,30,57,.95), rgba(8,16,30,.98)),
      linear-gradient(135deg, rgba(255,255,255,.05), transparent);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      inset 0 -1px 0 rgba(118,173,255,.1),
      0 20px 34px rgba(0,0,0,.3);
    transform-style:preserve-3d;
    transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease;
  }

  #shatteredCulinaryGuide .shattered-guide-article-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(135deg, rgba(255,255,255,.16), transparent 18%, transparent 70%, rgba(127,223,255,.08)),
      radial-gradient(circle at 84% 22%, rgba(255,217,122,.18), transparent 18%);
    pointer-events:none;
    opacity:.95;
  }

  #shatteredCulinaryGuide .shattered-guide-article-card::after{
    content:"";
    position:absolute;
    top:-140%;
    left:-18%;
    width:42%;
    height:300%;
    transform:rotate(24deg);
    background:linear-gradient(180deg, transparent, rgba(255,255,255,.18), transparent);
    opacity:0;
    pointer-events:none;
  }

  #shatteredCulinaryGuide .shattered-guide-article-card:hover{
    border-color:rgba(155,231,255,.36);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.1),
      0 26px 40px rgba(0,0,0,.42),
      0 0 0 1px rgba(127,223,255,.08),
      0 0 34px rgba(77,183,255,.12);
  }

  #shatteredCulinaryGuide .shattered-guide-article-card:hover::after{
    opacity:1;
    animation:shatteredGuideSweepGlass 1.3s ease forwards;
  }

  #shatteredCulinaryGuide .shattered-guide-card-no{
    position:absolute;
    right:16px;
    top:12px;
    font-size:36px;
    line-height:1;
    font-weight:900;
    color:rgba(255,255,255,.06);
    text-shadow:0 0 22px rgba(127,223,255,.08);
    pointer-events:none;
  }

  #shatteredCulinaryGuide .shattered-guide-card-inner{
    position:relative;
    z-index:2;
    transform:translateZ(30px);
  }

  #shatteredCulinaryGuide .shattered-guide-card-inner h3{
    margin:0 0 12px;
    color:var(--shattered-text);
    font-size:24px;
    line-height:1.15;
    letter-spacing:.01em;
  }

  #shatteredCulinaryGuide .shattered-guide-card-inner p{
    margin:0;
    color:var(--shattered-muted);
    font-size:15px;
    line-height:1.9;
  }

  #shatteredCulinaryGuide .shattered-guide-prism{
    position:absolute;
    right:-20px;
    bottom:-18px;
    width:120px;
    height:120px;
    border-radius:24px;
    background:
      radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 28%),
      linear-gradient(135deg, rgba(255,255,255,.2), transparent 30%, transparent 72%, rgba(120,230,255,.12));
    border:1px solid rgba(177,240,255,.12);
    opacity:.42;
    transform:rotate(32deg) translateZ(20px);
    filter:blur(.2px);
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.06),
      0 0 18px rgba(77,183,255,.08);
  }

  /* FAQ */
  #shatteredCulinaryGuide .shattered-guide-faq-wrap{
    display:grid;
    gap:16px;
  }

  #shatteredCulinaryGuide .shattered-guide-faq-item{
    position:relative;
    overflow:hidden;
    border-radius:26px;
    border:1px solid rgba(151,228,255,.18);
    background:
      linear-gradient(180deg, rgba(15,28,52,.95), rgba(8,15,28,.98));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 18px 30px rgba(0,0,0,.28);
    transition:border-color .26s ease, box-shadow .26s ease, transform .26s ease;
    contain:layout paint;
  }

  #shatteredCulinaryGuide .shattered-guide-faq-item::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(135deg, rgba(255,255,255,.14), transparent 16%, transparent 72%, rgba(121,232,255,.08)),
      radial-gradient(circle at 90% 10%, rgba(255,217,122,.12), transparent 22%);
    pointer-events:none;
  }

  #shatteredCulinaryGuide .shattered-guide-faq-item::after{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(145,237,255,.9), rgba(255,217,122,.55), transparent);
    opacity:.55;
  }

  #shatteredCulinaryGuide .shattered-guide-faq-item.is-open{
    border-color:rgba(155,231,255,.34);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.1),
      0 26px 38px rgba(0,0,0,.36),
      0 0 0 1px rgba(127,223,255,.08),
      0 0 34px rgba(77,183,255,.12);
  }

  #shatteredCulinaryGuide .shattered-guide-faq-btn{
    position:relative;
    width:100%;
    border:none;
    background:transparent;
    color:var(--shattered-text);
    text-align:left;
    cursor:pointer;
    padding:22px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    z-index:2;
  }

  #shatteredCulinaryGuide .shattered-guide-faq-label{
    font-size:clamp(16px, 2vw, 19px);
    line-height:1.45;
    font-weight:900;
    letter-spacing:.01em;
    text-shadow:0 0 14px rgba(121,232,255,.08);
  }

  #shatteredCulinaryGuide .shattered-guide-faq-icon{
    position:relative;
    flex:0 0 52px;
    width:52px;
    height:52px;
    border-radius:18px;
    border:1px solid rgba(151,228,255,.28);
    background:
      linear-gradient(180deg, rgba(255,255,255,.16), rgba(85,150,255,.08)),
      linear-gradient(135deg, rgba(255,255,255,.16), transparent 58%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      0 8px 24px rgba(77,183,255,.16);
    overflow:hidden;
  }

  #shatteredCulinaryGuide .shattered-guide-faq-icon::before{
    content:"";
    position:absolute;
    inset:-1px;
    background:linear-gradient(135deg, rgba(255,255,255,.22), transparent 34%, transparent 66%, rgba(137,232,255,.16));
    opacity:.8;
  }

  #shatteredCulinaryGuide .shattered-guide-faq-icon i,
  #shatteredCulinaryGuide .shattered-guide-faq-icon i::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    background:#eff9ff;
    border-radius:999px;
    transform:translate(-50%,-50%);
    transition:transform .28s ease, opacity .28s ease;
    box-shadow:0 0 14px rgba(122,220,255,.2);
  }

  #shatteredCulinaryGuide .shattered-guide-faq-icon i{width:18px;height:2px}
  #shatteredCulinaryGuide .shattered-guide-faq-icon i::before{width:2px;height:18px}
  #shatteredCulinaryGuide .shattered-guide-faq-item.is-open .shattered-guide-faq-icon i::before{
    opacity:0;
    transform:translate(-50%,-50%) scaleY(.24);
  }

  #shatteredCulinaryGuide .shattered-guide-faq-answer-wrap{
    height:0;
    overflow:hidden;
    transition:height .38s cubic-bezier(.22,.61,.36,1);
  }

  #shatteredCulinaryGuide .shattered-guide-faq-answer{
    position:relative;
    padding:0 24px 24px;
    color:var(--shattered-muted);
    font-size:15px;
    line-height:1.95;
    opacity:0;
    transform:translateY(-6px);
    transition:opacity .24s ease, transform .24s ease;
  }

  #shatteredCulinaryGuide .shattered-guide-faq-answer::before{
    content:"";
    display:block;
    height:1px;
    margin-bottom:18px;
    background:linear-gradient(90deg, transparent, rgba(145,237,255,.95), rgba(255,217,122,.45), transparent);
  }

  #shatteredCulinaryGuide .shattered-guide-faq-item.is-open .shattered-guide-faq-answer{
    opacity:1;
    transform:translateY(0);
  }

  #shatteredCulinaryGuide .shattered-guide-shard{
    position:absolute;
    width:12px;
    height:18px;
    left:50%;
    top:50%;
    margin:-9px 0 0 -6px;
    pointer-events:none;
    opacity:0;
    clip-path:polygon(50% 0, 100% 28%, 84% 100%, 18% 88%, 0 34%);
    background:
      linear-gradient(180deg, rgba(255,255,255,.92), rgba(152,228,255,.72) 44%, rgba(63,140,255,.28));
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.18),
      0 0 10px rgba(142,231,255,.16);
    transform-origin:center;
  }

  /* REVIEW */
  #shatteredCulinaryGuide .shattered-guide-review-grid{
    display:grid;
    grid-template-columns:repeat(12, minmax(0, 1fr));
    gap:18px;
    perspective:1200px;
  }

  #shatteredCulinaryGuide .shattered-guide-review-card{
    position:relative;
    grid-column:span 4;
    overflow:hidden;
    min-height:208px;
    padding:22px;
    border-radius:28px;
    border:1px solid rgba(151,228,255,.18);
    background:
      linear-gradient(180deg, rgba(15,28,52,.95), rgba(8,15,28,.98));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 18px 30px rgba(0,0,0,.28);
    transform-style:preserve-3d;
    transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease;
  }

  #shatteredCulinaryGuide .shattered-guide-review-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(135deg, rgba(255,255,255,.16), transparent 18%, transparent 70%, rgba(127,223,255,.08)),
      radial-gradient(circle at 86% 14%, rgba(255,217,122,.16), transparent 20%);
    pointer-events:none;
    opacity:.95;
  }

  #shatteredCulinaryGuide .shattered-guide-review-card::after{
    content:"";
    position:absolute;
    top:-140%;
    left:-18%;
    width:42%;
    height:300%;
    transform:rotate(24deg);
    background:linear-gradient(180deg, transparent, rgba(255,255,255,.2), transparent);
    opacity:0;
    pointer-events:none;
  }

  #shatteredCulinaryGuide .shattered-guide-review-card:hover{
    border-color:rgba(155,231,255,.36);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.1),
      0 28px 42px rgba(0,0,0,.42),
      0 0 0 1px rgba(127,223,255,.08),
      0 0 36px rgba(77,183,255,.12);
  }

  #shatteredCulinaryGuide .shattered-guide-review-card:hover::after{
    opacity:1;
    animation:shatteredGuideSweepGlass 1.35s ease forwards;
  }

  #shatteredCulinaryGuide .shattered-guide-review-card-lg{grid-column:span 8}
  #shatteredCulinaryGuide .shattered-guide-review-card-wide{grid-column:span 8}

  #shatteredCulinaryGuide .shattered-guide-review-top{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:flex-start;
    margin-bottom:16px;
    transform:translateZ(28px);
  }

  #shatteredCulinaryGuide .shattered-guide-review-top h3{
    margin:0 0 6px;
    color:var(--shattered-text);
    font-size:20px;
    line-height:1.15;
  }

  #shatteredCulinaryGuide .shattered-guide-review-top p{
    margin:0;
    color:var(--shattered-muted);
    font-size:12px;
    letter-spacing:.16em;
    text-transform:uppercase;
    font-weight:800;
  }

  #shatteredCulinaryGuide .shattered-guide-stars{
    display:inline-flex;
    gap:3px;
    padding:8px 10px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(255,244,204,.14), rgba(243,184,78,.08));
    border:1px solid rgba(255,217,122,.18);
    color:var(--shattered-gold);
    font-size:13px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    white-space:nowrap;
  }

  #shatteredCulinaryGuide .shattered-guide-review-body{
    position:relative;
    z-index:2;
    color:var(--shattered-muted);
    font-size:15px;
    line-height:1.95;
    padding-top:14px;
    transform:translateZ(22px);
  }

  #shatteredCulinaryGuide .shattered-guide-review-body::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:1px;
    background:linear-gradient(90deg, rgba(145,237,255,.95), rgba(255,217,122,.45), transparent 80%);
  }

  #shatteredCulinaryGuide .shattered-guide-review-aura{
    position:absolute;
    right:-40px;
    bottom:-40px;
    width:160px;
    height:160px;
    border-radius:50%;
    background:
      radial-gradient(circle, rgba(77,183,255,.18), rgba(77,183,255,.06) 38%, transparent 70%);
    filter:blur(6px);
    opacity:.85;
    pointer-events:none;
  }

  @keyframes shatteredGuideEnergyMove{
    0%{transform:translateX(-6%) skewX(-18deg); opacity:0}
    14%{opacity:1}
    86%{opacity:1}
    100%{transform:translateX(18%) skewX(-18deg); opacity:0}
  }

  @keyframes shatteredGuideFloatGlass{
    0%,100%{transform:translate3d(0,0,0) rotate(var(--r, -12deg))}
    50%{transform:translate3d(0,-14px,0) rotate(calc(var(--r, -12deg) + 4deg))}
  }

  @keyframes shatteredGuideTwinkle{
    0%,100%{opacity:.25; transform:scale(.7)}
    50%{opacity:1; transform:scale(1.1)}
  }

  @keyframes shatteredGuideSweepGlass{
    0%{transform:translateX(0) rotate(24deg)}
    100%{transform:translateX(260%) rotate(24deg)}
  }

  @keyframes shatteredGuideShard{
    0%{opacity:0; transform:translate3d(0,0,0) scale(.6) rotate(0deg)}
    18%{opacity:1}
    100%{opacity:0; transform:translate3d(var(--tx), var(--ty), 0) scale(1.08) rotate(var(--rot))}
  }

  @media (max-width: 1120px){
    #shatteredCulinaryGuide .shattered-guide-article-grid{
      grid-template-columns:1fr;
    }

    #shatteredCulinaryGuide .shattered-guide-review-card,
    #shatteredCulinaryGuide .shattered-guide-review-card-lg,
    #shatteredCulinaryGuide .shattered-guide-review-card-wide{
      grid-column:span 6;
    }
  }

  @media (max-width: 760px){
    #shatteredCulinaryGuide{
      padding:24px 12px;
      border-radius:24px;
    }

    #shatteredCulinaryGuide .shattered-guide-article-card,
    #shatteredCulinaryGuide .shattered-guide-review-card{
      border-radius:22px;
      padding:18px;
    }

    #shatteredCulinaryGuide .shattered-guide-faq-btn{
      padding:18px 16px;
    }

    #shatteredCulinaryGuide .shattered-guide-faq-answer{
      padding:0 16px 18px;
      font-size:14px;
    }

    #shatteredCulinaryGuide .shattered-guide-review-grid{
      grid-template-columns:1fr;
    }

    #shatteredCulinaryGuide .shattered-guide-review-card,
    #shatteredCulinaryGuide .shattered-guide-review-card-lg,
    #shatteredCulinaryGuide .shattered-guide-review-card-wide{
      grid-column:auto;
    }

    #shatteredCulinaryGuide .shattered-guide-review-top{
      flex-direction:column;
      align-items:flex-start;
    }
  }