.shop-preview-hub{
  display:none;
}

.shop-preview-mobile-controls,
.shop-preview-hero-copy,
.shop-preview-nav-drawer{
  display:none;
}

@media (max-width: 640px){
  body.shop-preview-page{
    background:
      linear-gradient(180deg, #f7f1e5 0%, #f6efe2 34%, #fbf7ef 100%);
  }

  .shop-preview-page .wrap,
  .shop-preview-page .store,
  .shop-preview-page .main{
    background:transparent;
  }

  .shop-preview-page .top{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:8px 10px;
    padding:14px 14px 16px;
    border-radius:30px;
    border-color:rgba(210,184,140,.86);
    background:
      radial-gradient(circle at 14% 18%, rgba(255,255,255,.42), transparent 21%),
      radial-gradient(circle at 84% 16%, rgba(255,246,226,.26), transparent 18%),
      linear-gradient(180deg, rgba(236,219,184,.98), rgba(218,190,141,.94));
    box-shadow:
      0 18px 34px rgba(120,86,33,.12),
      inset 0 1px 0 rgba(255,255,255,.46);
    overflow:visible;
  }

  .shop-preview-page .top::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-44px;
    height:72px;
    pointer-events:none;
    border-radius:0 0 30px 30px;
    background:linear-gradient(180deg, rgba(221,193,145,.42) 0%, rgba(241,228,200,.18) 52%, rgba(247,241,228,0) 100%);
    filter:blur(6px);
  }

  .shop-preview-page #sideDeities{
    position:static;
    top:auto;
    padding:0;
    background:transparent;
    border:none;
    box-shadow:none;
    margin:0 0 6px;
  }

  .shop-preview-page #sideDeities > h3,
  .shop-preview-page #sideDeities > .list,
  .shop-preview-page #sideDeities > .tools-box,
  .shop-preview-page #sideDeities > .cats,
  .shop-preview-page #sideDeities > #lineSupportLink,
  .shop-preview-page #sideDeities > #quizSideLink{
    display:none !important;
  }

  .shop-preview-page #sideDeities .side-cart{
    position:fixed;
    right:14px;
    bottom:18px;
    z-index:30;
  }

  .shop-preview-page #sideDeities #cartFab{
    box-shadow:0 18px 32px rgba(15,23,42,.18);
  }

  .shop-preview-page .main{
    min-width:0;
  }

  .shop-preview-page .brand{
    min-width:0;
    gap:9px;
    align-items:flex-start;
  }

  .shop-preview-page .brand > div{
    min-width:0;
    flex:1 1 auto;
    padding-right:4px;
    padding-top:2px;
    align-self:flex-start;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    margin-top:0;
  }

  .shop-preview-page .brand-logo{
    display:flex;
    flex:0 0 34px;
    align-self:flex-start;
    width:34px;
    height:34px;
    border-radius:10px;
    border:1px solid rgba(226,210,183,.7);
    background:rgba(255,251,245,.52);
    box-shadow:0 5px 12px rgba(120,86,33,.08);
  }

  .shop-preview-page .brand-logo img{
    display:block;
  }

  .shop-preview-page .brand .t1,
  .shop-preview-page .brand .t2{
    display:none;
  }

  .shop-preview-page .shop-preview-brand-wordmark{
    font-size:11px;
    line-height:1.08;
    font-weight:950;
    letter-spacing:.05em;
    color:#4c3117;
    white-space:normal;
    overflow-wrap:anywhere;
    margin-top:0;
  }

  .shop-preview-page .shop-preview-brand-caption{
    margin-top:2px;
    font-size:9px;
    line-height:1.12;
    font-weight:800;
    letter-spacing:.08em;
    color:#8d6b48;
    text-transform:uppercase;
  }

  .shop-preview-page .top-actions-right{
    display:none !important;
  }

  .shop-preview-page .shop-preview-mobile-controls{
    display:flex;
    align-items:center;
    justify-self:end;
    gap:6px;
  }

  .shop-preview-page .shop-preview-mobile-btn{
    appearance:none;
    border:none;
    background:rgba(255,251,243,.62);
    color:#5c4229;
    border-radius:999px;
    min-width:40px;
    height:40px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-size:14px;
    font-weight:900;
    box-shadow:0 8px 18px rgba(120,86,33,.1), inset 0 1px 0 rgba(255,255,255,.7);
    border:1px solid rgba(214,190,154,.6);
    text-decoration:none;
  }

  .shop-preview-page #shopPreviewLangBtn,
  .shop-preview-page #servicePreviewLangBtn{
    min-width:44px;
    width:44px;
    padding:0;
    font-size:13px;
  }

  .shop-preview-page #shopPreviewMenuBtn,
  .shop-preview-page #servicePreviewMenuBtn{
    min-width:40px;
    width:40px;
    padding:0;
  }

  .shop-preview-page .shop-preview-mobile-menuicon{
    display:inline-grid;
    gap:3px;
  }

  .shop-preview-page .shop-preview-mobile-menuicon span{
    display:block;
    width:14px;
    height:1.8px;
    border-radius:999px;
    background:currentColor;
  }

  .shop-preview-page .shop-preview-hub{
    display:block;
    grid-column:1 / -1;
    width:100%;
    margin:0;
    padding:2px 0 0;
    border:none;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }

  .shop-preview-page .shop-preview-product-surface{
    position:relative;
    margin:-18px 0 0;
    padding:16px 14px 18px;
    border-radius:30px;
    border:1px solid rgba(226,210,182,.82);
    background:
      linear-gradient(180deg, rgba(255,252,246,.99), rgba(248,242,232,.97));
    box-shadow:
      0 14px 28px rgba(120,86,33,.08),
      inset 0 1px 0 rgba(255,255,255,.82);
    z-index:1;
  }

  .shop-preview-page #shopPreviewAmuletContent[hidden],
  .shop-preview-page #shopPreviewServiceSection[hidden]{
    display:none !important;
  }

  .shop-preview-page .shop-preview-service-section{
    display:grid;
    gap:14px;
  }

  .shop-preview-page .shop-preview-service-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
  }

  .shop-preview-page .shop-preview-service-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
    color:#9b7750;
    text-transform:uppercase;
  }

  .shop-preview-page .shop-preview-service-kicker::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:999px;
    background:linear-gradient(135deg,#bb8c4d,#8c6735);
    box-shadow:0 0 0 5px rgba(187,140,77,.12);
  }

  .shop-preview-page .shop-preview-service-title{
    margin:6px 0 0;
    font-size:22px;
    line-height:1.15;
    font-weight:900;
    color:#442f1d;
    letter-spacing:-.03em;
  }

  .shop-preview-page .shop-preview-service-note{
    flex:0 0 auto;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(255,251,243,.68);
    border:1px solid rgba(174,140,89,.18);
    font-size:11px;
    font-weight:800;
    color:#8a6846;
    white-space:nowrap;
  }

  .shop-preview-page .shop-preview-service-state{
    font-size:12px;
    font-weight:700;
    color:#7f6140;
    min-height:18px;
  }

  .shop-preview-page .shop-preview-service-list{
    display:grid;
    gap:12px;
  }

  .shop-preview-page .shop-preview-service-card{
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    gap:12px;
    padding:12px;
    border-radius:22px;
    text-decoration:none;
    color:#2f2418;
    border:1px solid rgba(206,182,143,.38);
    background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(249,244,235,.95));
    box-shadow:0 12px 24px rgba(120,86,33,.08);
  }

  .shop-preview-page .shop-preview-service-card__media{
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:18px;
    min-height:92px;
    background:linear-gradient(180deg, rgba(248,237,214,.88), rgba(241,223,186,.64));
  }

  .shop-preview-page .shop-preview-service-card__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .shop-preview-page .shop-preview-service-card__placeholder{
    padding:0 8px;
    text-align:center;
    font-size:12px;
    font-weight:800;
    color:#8f6d45;
    line-height:1.45;
  }

  .shop-preview-page .shop-preview-service-card__body{
    min-width:0;
    display:grid;
    gap:8px;
    align-content:start;
  }

  .shop-preview-page .shop-preview-service-card__name{
    font-size:16px;
    line-height:1.3;
    font-weight:900;
    color:#3b291a;
  }

  .shop-preview-page .shop-preview-service-card__meta{
    font-size:12px;
    line-height:1.55;
    color:#7b6248;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .shop-preview-page .shop-preview-service-card__foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }

  .shop-preview-page .shop-preview-service-card__price{
    font-size:15px;
    font-weight:900;
    color:#8d5f20;
  }

  .shop-preview-page .shop-preview-service-card__cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 14px;
    border-radius:999px;
    background:linear-gradient(135deg,#bb8c4d,#8c6735);
    color:#fff8ea;
    font-size:12px;
    font-weight:900;
    letter-spacing:.02em;
    box-shadow:0 10px 20px rgba(141,95,32,.18);
  }

  .shop-preview-page .shop-preview-hub-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
  }

  .shop-preview-page .shop-preview-hub-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
    color:#9b7750;
    text-transform:uppercase;
  }

  .shop-preview-page .shop-preview-hub-kicker::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:999px;
    background:linear-gradient(135deg,#bb8c4d,#8c6735);
    box-shadow:0 0 0 5px rgba(187,140,77,.12);
  }

  .shop-preview-page .shop-preview-hub-title{
    margin:6px 0 0;
    font-size:22px;
    line-height:1.15;
    font-weight:900;
    color:#442f1d;
    letter-spacing:-.03em;
  }

  .shop-preview-page .shop-preview-hub-note{
    flex:0 0 auto;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(255,251,243,.68);
    border:1px solid rgba(174,140,89,.18);
    font-size:11px;
    font-weight:800;
    color:#8a6846;
    white-space:nowrap;
  }

  .shop-preview-page .shop-preview-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
  }

  .shop-preview-page .shop-preview-card{
    appearance:none;
    border:none;
    text-decoration:none;
    padding:12px 9px 9px;
    border-radius:24px;
    min-height:96px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    text-align:center;
    color:#412a18;
    background:linear-gradient(180deg, rgba(255,255,255,.56), rgba(255,251,246,.44));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.72),
      0 8px 18px rgba(118,84,35,.05);
    border:1px solid rgba(236,226,207,.8);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
  }

  .shop-preview-page .shop-preview-card:active{
    transform:translateY(1px) scale(.99);
  }

  .shop-preview-page .shop-preview-card:hover,
  .shop-preview-page .shop-preview-card:focus-visible{
    border-color:rgba(205,179,140,.48);
    background:linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,251,245,.58));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.78),
      0 12px 22px rgba(118,84,35,.08);
    outline:none;
  }

  .shop-preview-page .shop-preview-card.is-current{
    position:relative;
    color:#fff6e8;
    border-color:rgba(122,73,16,.92);
    background:
      radial-gradient(circle at 50% 14%, rgba(255,225,163,.22), transparent 40%),
      linear-gradient(180deg, rgba(179,118,34,.99), rgba(116,67,18,.99));
    box-shadow:
      inset 0 1px 0 rgba(255,236,196,.32),
      inset 0 -16px 26px rgba(68,36,8,.2),
      0 18px 32px rgba(101,57,12,.28);
  }

  .shop-preview-page .shop-preview-card.is-current::after{
    content:attr(data-current-badge);
    position:absolute;
    top:6px;
    right:10px;
    padding:4px 8px;
    border-radius:999px;
    background:
      linear-gradient(180deg, rgba(255,232,168,.98), rgba(221,165,59,.96));
    color:#5a350d;
    border:1px solid rgba(160,104,25,.38);
    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
    box-shadow:
      inset 0 1px 0 rgba(255,249,224,.82),
      0 8px 16px rgba(111,72,16,.2);
  }

  .shop-preview-page .shop-preview-card.is-current:hover,
  .shop-preview-page .shop-preview-card.is-current:focus-visible{
    border-color:rgba(116,68,14,.96);
    background:
      radial-gradient(circle at 50% 14%, rgba(255,232,179,.28), transparent 40%),
      linear-gradient(180deg, rgba(191,127,39,.99), rgba(126,73,20,.99));
    box-shadow:
      inset 0 1px 0 rgba(255,242,211,.4),
      inset 0 -16px 26px rgba(68,36,8,.22),
      0 20px 34px rgba(101,57,12,.3);
  }

  .shop-preview-page .shop-preview-card-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:60px;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:#8b7251;
  }

  .shop-preview-page .shop-preview-card.is-current .shop-preview-card-icon{
    background:transparent;
    box-shadow:none;
  }

  .shop-preview-page .shop-preview-card-icon img{
    display:block;
    width:58px;
    height:58px;
    object-fit:contain;
    filter:none;
  }

  .shop-preview-page .shop-preview-card.is-current .shop-preview-card-icon img{
    filter:
      brightness(1.72)
      contrast(1.22)
      saturate(1.08)
      drop-shadow(0 0 1px rgba(255,244,214,.9))
      drop-shadow(0 4px 10px rgba(255,218,146,.28));
  }

  .shop-preview-page .shop-preview-card-title{
    margin-top:8px;
    font-size:13px;
    line-height:1.16;
    font-weight:950;
    letter-spacing:-.045em;
  }

  .shop-preview-page .shop-preview-card-sub{
    margin-top:2px;
    font-size:8px;
    line-height:1.25;
    color:#8e7357;
    font-weight:850;
    letter-spacing:-.01em;
  }

  .shop-preview-page .shop-preview-card.is-current .shop-preview-card-title{
    color:#fff7ea;
    text-shadow:0 1px 1px rgba(77,41,10,.18);
  }

  .shop-preview-page .shop-preview-card.is-current .shop-preview-card-sub{
    color:#ffe4b8;
  }

  .shop-preview-nav-drawer{
    position:fixed;
    inset:0;
    pointer-events:none;
    opacity:0;
    transition:opacity .25s ease;
    z-index:60;
  }

  .shop-preview-nav-drawer__backdrop{
    position:absolute;
    inset:0;
    border:none;
    background:rgba(17,24,39,.35);
  }

  .shop-preview-nav-drawer__panel{
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:min(360px, 100%);
    padding:calc(24px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));
    display:flex;
    flex-direction:column;
    gap:14px;
    background:linear-gradient(180deg, rgba(255,251,245,.98), rgba(245,236,219,.96));
    box-shadow:0 26px 54px rgba(73,48,20,.22);
    overflow-y:auto;
    transform:translateX(100%);
    transition:transform .25s ease;
  }

  body.shop-preview-nav-open .shop-preview-nav-drawer{
    display:block;
    pointer-events:auto;
    opacity:1;
  }

  body.shop-preview-nav-open .shop-preview-nav-drawer__panel{
    transform:translateX(0);
  }

  .shop-preview-nav-drawer__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }

  .shop-preview-nav-drawer__brand{
    display:flex;
    align-items:center;
    gap:10px;
  }

  .shop-preview-nav-drawer__brand-mark{
    width:34px;
    height:34px;
    border-radius:10px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,247,236,.88);
    border:1px solid rgba(223,203,171,.75);
  }

  .shop-preview-nav-drawer__brand-mark img{
    width:100%;
    height:100%;
    object-fit:contain;
  }

  .shop-preview-nav-drawer__brand-name{
    font-size:15px;
    font-weight:900;
    letter-spacing:.01em;
    color:#3a2919;
  }

  .shop-preview-nav-drawer__close{
    appearance:none;
    border:none;
    min-width:44px;
    min-height:44px;
    background:transparent;
    color:#6f5130;
    font-size:19px;
    font-weight:700;
  }

  .shop-preview-nav-drawer__group{
    display:grid;
    gap:8px;
  }

  .shop-preview-nav-drawer__group.is-preview-hidden,
  .shop-preview-nav-drawer .guardian-badge.is-preview-hidden,
  .shop-preview-nav-drawer #guardianBadge.is-preview-hidden,
  .shop-preview-nav-drawer #guardianBadgeSvc.is-preview-hidden{
    display:none !important;
  }

  .shop-preview-nav-drawer__label{
    display:flex;
    align-items:center;
    gap:8px;
    padding:2px 2px 0;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    color:#8c6740;
    text-transform:uppercase;
  }

  .shop-preview-nav-drawer__label::after{
    content:"";
    flex:1 1 auto;
    height:1px;
    background:linear-gradient(90deg, rgba(205,179,135,.46), rgba(205,179,135,0));
  }

  .shop-preview-nav-drawer__group a{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-height:44px;
    color:#2f2418;
    text-decoration:none;
    font-size:16px;
    font-weight:800;
  }

  .shop-preview-nav-drawer__group a small{
    font-size:12px;
    color:#8a6d4b;
    font-weight:600;
  }

  .shop-preview-nav-drawer .auth-widget{
    display:flex !important;
    flex-direction:row !important;
    align-items:center;
    justify-content:space-between;
    width:100%;
    max-width:none;
    margin-bottom:0;
    min-height:52px;
    padding:9px 12px;
    border-radius:16px;
    border:1px solid rgba(196,170,128,.34);
    background:
      linear-gradient(180deg, rgba(255,255,255,.92), rgba(249,243,232,.92));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.76),
      0 8px 18px rgba(120,86,33,.06);
    gap:0;
  }

  .shop-preview-nav-drawer .auth-widget .auth-status{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1 1 auto;
    min-width:0;
    padding:0 12px;
    font-size:14px;
    font-weight:800;
    color:#6f5130;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    letter-spacing:.01em;
  }

  .shop-preview-nav-drawer .auth-widget .auth-btn{
    position:static;
    flex:0 0 auto;
    width:auto !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 15px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.02em;
    background:linear-gradient(180deg,#c79a4e,#aa7d35);
    color:#fff8ea;
    box-shadow:0 8px 16px rgba(157,111,45,.14);
  }

  .shop-preview-nav-drawer .auth-widget.is-preview-guest{
    display:flex !important;
    flex-direction:row !important;
    justify-content:center;
    cursor:pointer;
  }

  .shop-preview-nav-drawer .auth-widget.is-preview-guest .auth-status{
    width:auto;
    padding:0;
    text-align:center;
    color:#7a5b36;
  }

  .shop-preview-nav-drawer .auth-widget.is-preview-guest .auth-btn{
    display:none !important;
  }

  .shop-preview-nav-drawer #guardianBadge,
  .shop-preview-nav-drawer #guardianBadgeSvc{
    margin:0;
    width:100%;
    align-self:stretch;
  }

  .shop-preview-nav-drawer .guardian-badge{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
    width:100%;
    min-width:0;
    min-height:52px;
    padding:9px 12px;
    border-radius:16px;
    background:
      linear-gradient(180deg, rgba(34,52,90,.98), rgba(17,31,61,.98));
    color:#eef2ff;
    border:1px solid rgba(96,124,180,.4);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 10px 22px rgba(7,16,38,.18);
    gap:10px;
    line-height:1.2;
  }

  .shop-preview-nav-drawer .guardian-badge img{
    width:26px;
    height:26px;
    object-fit:contain;
    filter:drop-shadow(0 1px 3px rgba(0,0,0,.18));
    flex:0 0 auto;
  }

  .shop-preview-nav-drawer .guardian-meta{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:2px;
    min-width:0;
    flex:0 1 auto;
    max-width:calc(100% - 64px);
  }

  .shop-preview-nav-drawer .guardian-meta strong{
    font-size:14px;
    font-weight:800;
    color:#f8fafc;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .shop-preview-nav-drawer .guardian-sub{
    font-size:11px;
    color:#bcc8df;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .shop-preview-nav-drawer .guardian-alert{
    position:static;
    order:4;
    margin-left:6px;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:999px;
    background:#ef4444;
    color:#fff;
    font-size:10px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #1d2b50;
    line-height:1;
  }

  .shop-preview-nav-drawer .guardian-menu{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    min-width:180px;
    display:none;
    flex-direction:column;
    gap:4px;
    padding:6px;
    border-radius:12px;
    background:#0b1022;
    border:1px solid rgba(148,163,184,.25);
    box-shadow:0 18px 36px rgba(0,0,0,.35);
    z-index:30;
  }

  .shop-preview-nav-drawer .guardian-menu.guardian-menu--open{
    display:flex;
  }

  .shop-preview-nav-drawer .guardian-menu a,
  .shop-preview-nav-drawer .guardian-menu button{
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
    padding:8px 10px;
    border-radius:10px;
    background:transparent;
    border:0;
    color:#e2e8f0;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
    text-align:left;
    cursor:pointer;
  }

  .shop-preview-nav-drawer .guardian-menu a:hover,
  .shop-preview-nav-drawer .guardian-menu button:hover{
    background:rgba(148,163,184,.12);
  }

  .shop-preview-nav-drawer .guardian-menu-badge{
    margin-left:auto;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:999px;
    background:#ef4444;
    color:#fff;
    font-size:11px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
  }

  .shop-preview-nav-drawer .member-menu-panel{
    position:static !important;
    display:grid !important;
    width:100%;
    gap:8px;
    padding:0;
    border-radius:0;
    border:none;
    background:transparent;
    box-shadow:none;
  }

  .shop-preview-nav-drawer .member-menu-panel a,
  .shop-preview-nav-drawer .member-menu-panel button{
    position:relative;
    min-height:50px;
    border-radius:16px;
    padding:0 54px 0 18px;
    font-size:14px;
    font-weight:800;
    color:#2f2418;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(196,170,128,.34);
    background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(249,243,232,.9));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.74),
      0 8px 18px rgba(120,86,33,.06);
    cursor:pointer;
    text-decoration:none;
  }

  .shop-preview-nav-drawer .member-menu-panel a:hover,
  .shop-preview-nav-drawer .member-menu-panel button:hover{
    background:linear-gradient(180deg, rgba(255,252,246,.98), rgba(244,233,214,.94));
  }

  .shop-preview-nav-drawer .member-menu-panel .qna-link span:first-child{
    flex:0 1 auto;
    min-width:0;
    text-align:center;
  }

  .shop-preview-nav-drawer .member-menu-panel .qna-badge{
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    min-width:19px;
    height:19px;
    padding:0 5px;
    border-radius:999px;
    background:#cf4545;
    color:#fff;
    font-size:11px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
  }

  .shop-preview-nav-drawer .shop-preview-nav-link{
    position:relative;
    min-height:42px;
    border-radius:16px;
    padding:0 16px;
    font-size:14px;
    font-weight:800;
    color:#2f2418;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid rgba(196,170,128,.34);
    background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(249,243,232,.9));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.74),
      0 8px 18px rgba(120,86,33,.06);
    cursor:pointer;
    text-decoration:none;
  }

  .shop-preview-nav-drawer__group--links{
    gap:6px;
  }

  .shop-preview-nav-drawer__group--links a{
    flex-direction:row;
    gap:8px;
    min-height:42px;
  }

  .preview-member-dialog{
    width:min(94vw, 560px);
    max-width:560px;
    border:none;
    border-radius:28px;
    padding:0;
    background:transparent;
    overflow:hidden;
  }

  .preview-member-dialog::backdrop{
    background:rgba(31,21,10,.48);
    backdrop-filter:blur(8px);
  }

  .preview-member-dialog__shell{
    display:flex;
    flex-direction:column;
    max-height:min(84vh, 840px);
    background:linear-gradient(180deg, rgba(255,252,246,.98), rgba(248,239,224,.96));
    border:1px solid rgba(212,184,140,.42);
    border-radius:28px;
    box-shadow:0 28px 70px rgba(66,42,8,.24);
    overflow:hidden;
  }

  .preview-member-dialog__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:18px 18px 14px;
    background:linear-gradient(180deg, rgba(250,242,223,.98), rgba(247,237,219,.88));
    border-bottom:1px solid rgba(212,184,140,.34);
  }

  .preview-member-dialog__titles{
    min-width:0;
  }

  .preview-member-dialog__eyebrow{
    font-size:11px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#8e6840;
  }

  .preview-member-dialog__title{
    margin-top:4px;
    font-size:18px;
    line-height:1.15;
    font-weight:900;
    color:#3d2a17;
  }

  .preview-member-dialog__close{
    appearance:none;
    border:none;
    width:42px;
    height:42px;
    border-radius:999px;
    background:rgba(255,251,243,.88);
    color:#6a4b2b;
    font-size:20px;
    font-weight:700;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  }

  .preview-member-dialog__body{
    position:relative;
    min-height:420px;
    background:rgba(255,255,255,.78);
  }

  .preview-member-dialog__frame{
    display:block;
    width:100%;
    height:min(72vh, 720px);
    border:0;
    background:transparent;
  }

  .preview-member-dialog__loading{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    font-size:14px;
    font-weight:800;
    color:#7a5a38;
    background:linear-gradient(180deg, rgba(255,252,246,.94), rgba(247,237,219,.88));
    z-index:1;
  }

  .preview-member-dialog__loading.is-hidden{
    display:none;
  }

  .shop-preview-nav-drawer .shop-preview-nav-link__icon{
    display:block;
    width:18px !important;
    min-width:18px;
    max-width:18px;
    height:18px !important;
    max-height:18px;
    object-fit:contain;
    flex:0 0 auto;
  }

  .shop-preview-nav-drawer .shop-preview-nav-link--line{
    flex-direction:row !important;
  }

  .shop-preview-nav-drawer .shop-preview-nav-link--line img{
    width:18px !important;
    min-width:18px !important;
    max-width:18px !important;
    height:18px !important;
    max-height:18px !important;
    object-fit:contain !important;
    border-radius:0 !important;
    flex:0 0 auto !important;
  }

  .shop-preview-nav-drawer .member-menu-panel .qna-badge.is-hidden,
  .shop-preview-nav-drawer .guardian-alert.is-hidden,
  .shop-preview-nav-drawer .guardian-menu-badge.is-hidden{
    display:none !important;
  }

  .shop-preview-page #effectTabsSection{
    margin:0 0 10px;
    padding:0;
    border:none;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .shop-preview-page .effect-tabs-head{
    margin-bottom:10px;
  }

  .shop-preview-page .effect-tabs-eyebrow{
    font-size:11px;
  }

  .shop-preview-page #filterBar{
    margin:0 0 12px !important;
    padding:0 !important;
  }

  .shop-preview-page #hotSection{
    margin-top:0;
  }

  .shop-preview-page #list{
    margin-top:0;
  }
}