/* Honey Parades V2.2 — unified catalog + core UX. Loaded last on purpose. */
:root{--hpv22-line:#f0dbe5;--hpv22-ink:#321727;--hpv22-pink:#ff5b9f;--hpv22-muted:#806675;--hpv22-card:#fff;--hpv22-soft:#fff8fb}

/* Header: Cart | locale | Profile | Menu. The legacy globe control is removed in markup/JS. */





.hpv22-profile{position:relative;display:flex;align-items:center;flex:none}
.hpv22-profile-btn{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--hpv22-line)!important;color:var(--hpv22-ink)!important;cursor:pointer!important}
.hpv22-profile-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hpv22-profile-btn:hover,.hpv22-profile-btn[aria-expanded="true"]{border-color:#ff9bc4!important;color:var(--hpv22-pink)!important;background:#fff8fb!important}
.hpv22-profile-menu{position:absolute;z-index:240;top:calc(100% + 10px);right:0;width:min(280px,calc(100vw - 24px));padding:8px;background:#fff;border:1px solid var(--hpv22-line);border-radius:18px;box-shadow:0 20px 55px rgba(70,25,48,.18)}
.hpv22-profile-menu[hidden]{display:none!important}
.hpv22-profile-menu a,.hpv22-profile-menu button{width:100%;min-height:44px;display:flex;align-items:center;text-align:left;border:0;border-radius:12px;padding:10px 12px;background:transparent;color:var(--hpv22-ink);font-weight:800;cursor:pointer}
.hpv22-profile-menu a:hover,.hpv22-profile-menu button:hover{background:#fff2f7;color:#e93d8a}
.hpv22-profile-id{padding:9px 12px 12px;border-bottom:1px solid var(--hpv22-line);margin-bottom:5px;min-width:0}
.hpv22-profile-id small{display:block;color:var(--hpv22-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.hpv22-profile-id b{display:block;font-size:12px;overflow-wrap:anywhere}

/* Drawer-only desktop/mobile switch + permission-backed admin shortcut. */
.hpv22-drawer-tools{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:12px 0 0!important;padding:14px 4px!important;border-top:1px solid var(--hpv22-line)!important}
.hpv22-drawer-tools .hp219-view-switch{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;padding:0!important;border:0!important;flex:1 1 auto!important}
.hpv22-admin-shortcut{min-height:42px;padding:8px 13px;border:1px solid var(--hpv22-line);border-radius:999px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:900;white-space:nowrap}
.hpv22-admin-shortcut:hover{border-color:#ff9fc8;color:#e83f89;background:#fff7fb}
.hpv22-admin-shortcut span{font-size:15px}
/* No switch may float over page content in V2.2. */
body>.hp219-view-switch,.hp219-view-switch.hp219-floating,[data-hp-view-floating]{display:none!important}
/* Social icons live visually centered between their separators. */
.hp192-social.hpv22-social{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;min-height:76px!important;margin:0!important;padding:18px 4px!important;border-top:1px solid var(--hpv22-line)!important;border-bottom:1px solid var(--hpv22-line)!important}
.hp192-social.hpv22-social>*{margin-top:0!important;margin-bottom:0!important}

/* Master product card: one markup/pipeline on Home, Shop, Event, Product recommendations. */
.hpv22-product-card{position:relative!important;display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #f0dbe5!important;border-radius:18px!important;box-shadow:0 9px 28px rgba(86,35,60,.07)!important}
.hpv22-product-card>.hp-product-link{display:flex!important;flex:1 1 auto!important;min-height:0!important;flex-direction:column!important;color:inherit!important;text-decoration:none!important}
.hpv22-product-card .img{position:relative!important;width:100%!important;aspect-ratio:1/1!important;min-height:0!important;overflow:hidden!important;background:#fff8fb!important;padding:0!important}
.hpv22-product-card .img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;margin:0!important}
.hpv22-stock-badge{position:absolute;left:9px;bottom:9px;z-index:2;padding:5px 8px;border-radius:999px;background:rgba(43,20,31,.88);color:#fff;font-size:9px;font-weight:900;line-height:1.1}
.hpv22-product-card .hp-product-meta{position:static!important;display:block!important;min-height:72px!important;padding:11px 12px 7px!important;background:#fff!important;text-align:left!important;transform:none!important}
.hpv22-product-card .hp-product-meta small{display:block!important;margin:0 0 4px!important;color:#c94682!important;font-size:9px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.hpv22-product-card .hp-product-meta h3{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;margin:0!important;color:var(--hpv22-ink)!important;font-size:13px!important;line-height:1.35!important;min-height:35px!important}
.hpv22-product-card .hp2181-price-actions{position:static!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;min-height:42px!important;margin:0!important;padding:5px 10px 10px!important;background:#fff!important}
.hpv22-product-card .hp2181-price-actions .price{position:static!important;inset:auto!important;transform:none!important;margin:0!important;padding:0!important;color:#ee4d92!important;font-size:15px!important;line-height:24px!important;font-weight:950!important;white-space:nowrap!important}
.hpv22-product-card .hp215-card-actions{position:static!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important}
.hpv22-product-card .hp215-card-like,.hpv22-product-card .hp215-cart{position:static!important;inset:auto!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;min-height:28px!important;max-height:28px!important;padding:0!important;margin:0!important;border-radius:999px!important;transform:none!important}
.hpv22-product-card .hp215-cart svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hpv22-product-strip{display:flex!important;align-items:stretch!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:1px 1px 9px!important;scroll-snap-type:x proximity!important;scrollbar-width:thin!important}
.hpv22-product-strip>.hpv22-product-card{flex:0 0 clamp(158px,19vw,220px)!important;width:clamp(158px,19vw,220px)!important;scroll-snap-align:start!important}

/* Shop is the master catalog view. */
.hpv22-shop{padding:34px 0 72px;background:linear-gradient(180deg,#fff 0,#fff9fc 100%)}
.hpv22-shop .wide{width:min(1240px,calc(100% - 32px));margin:0 auto}
.hpv22-shop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:12px 0 22px;border-bottom:1px solid var(--hpv22-line)}
.hpv22-shop-head small{color:#df4486;font-size:10px;font-weight:950;letter-spacing:.13em}
.hpv22-shop-head h1{margin:5px 0 7px;font-size:clamp(34px,5vw,64px);line-height:1;letter-spacing:-.045em}
.hpv22-shop-head p{max-width:660px;margin:0;color:var(--hpv22-muted);font-size:13px;line-height:1.6}
.hpv22-shop-count{min-width:84px;text-align:right}.hpv22-shop-count b{display:block;font-size:34px;line-height:1;color:#e84c8f}.hpv22-shop-count span{font-size:10px;color:var(--hpv22-muted);font-weight:800}
.hpv22-shop-tools{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:18px;align-items:center;padding:18px 0 22px}
.hpv22-search{height:43px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--hpv22-line);border-radius:999px;background:#fff}
.hpv22-search span{font-size:19px;color:#a96b88}.hpv22-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--hpv22-ink);font-size:12px}
.hpv22-cats{display:flex;align-items:center;justify-content:flex-end;gap:7px;overflow-x:auto;padding:2px 0;scrollbar-width:none}.hpv22-cats::-webkit-scrollbar{display:none}.hpv22-cats button{flex:none;border:1px solid var(--hpv22-line);border-radius:999px;background:#fff;padding:8px 12px;color:#765767;font-size:10px;font-weight:900;cursor:pointer}.hpv22-cats button.active{background:#26131d;border-color:#26131d;color:#fff}
.hpv22-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.hpv22-shop-grid>.notice{grid-column:1/-1}

/* Product Detail: one DB product; desktop 2 columns, mobile stays vertical. */
body.hp218-product-detail [data-product-detail]{min-height:320px}
body.hp218-product-detail .hpv22-product-detail{width:min(1180px,calc(100% - 40px))!important;max-width:none!important;margin:0 auto!important;padding:20px 0 30px!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr)!important;gap:46px!important;align-items:start!important}
body.hp218-product-detail .hpv22-product-detail .hp2194-product-media{width:100%!important;min-width:0!important;position:sticky!important;top:96px!important}
body.hp218-product-detail .hpv22-product-detail .hp2194-product-media>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:22px!important;background:#fff8fb!important;border:1px solid var(--hpv22-line)!important;box-shadow:none!important}
body.hp218-product-detail .hpv22-product-detail .hp2194-product-info{min-width:0!important;padding:5px 0 0!important}
body.hp218-product-detail .hpv22-product-detail .hp2194-product-info>small{display:block;color:#b65d85;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere}
body.hp218-product-detail .hpv22-product-detail h1{margin:8px 0 16px!important;font-size:clamp(30px,3.3vw,48px)!important;line-height:1.03!important;letter-spacing:-.035em!important}
body.hp218-product-detail .hpv22-product-detail .hp2194-price-groups{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;padding:12px 0!important;margin:0 0 10px!important;border-top:1px solid var(--hpv22-line)!important;border-bottom:1px solid var(--hpv22-line)!important}
body.hp218-product-detail .hpv22-product-detail .hp2194-price-groups h2{flex:1 1 auto!important;margin:0!important;color:#eb478d!important;font-size:clamp(24px,2.4vw,34px)!important;line-height:1!important;white-space:nowrap!important}
body.hp218-product-detail .hpv22-abc{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;flex:0 0 auto!important;margin:0!important;padding:0!important}
body.hp218-product-detail .hpv22-abc .hp218-group{display:grid!important;place-items:center!important;width:29px!important;height:29px!important;min-width:29px!important;margin:0!important;padding:0!important;border-radius:999px!important;font-size:10px!important;font-weight:950!important}
.hpv22-stock-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 18px;color:#715464;font-size:11px}
.hpv22-status{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:999px;background:#eef9f1;color:#2d7c45;font-weight:900}.hpv22-status.preorder{background:#fff5da;color:#9a6a07}.hpv22-status.soldout{background:#f5eef1;color:#846471}
.hpv22-option{margin:0 0 16px}.hpv22-option>b{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.02em}.hpv22-option .hp2-option-list{display:flex;flex-wrap:wrap;gap:7px}.hpv22-option .hp2-option{min-height:38px;padding:8px 13px;border:1px solid #ead3de;border-radius:10px;background:#fff;color:#604454;font-size:11px;font-weight:850;cursor:pointer}.hpv22-option .hp2-option.active{border-color:#ff6da9;background:#fff3f8;color:#e13e85;box-shadow:0 0 0 1px #ff6da9 inset}.hpv22-option select{width:100%;height:43px;padding:0 11px;border:1px solid #ead3de;border-radius:10px;background:#fff;color:var(--hpv22-ink);font-size:11px}
.hpv22-buy-row{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:end;margin:6px 0 16px}.hpv22-buy-row label{display:grid;gap:5px;font-size:10px;font-weight:900;color:#715464}.hpv22-buy-row input{height:46px;width:100%;border:1px solid #ead3de;border-radius:10px;padding:0 10px;text-align:center;background:#fff}.hpv22-add{height:46px!important;border:0!important;border-radius:12px!important;background:linear-gradient(90deg,#f84e95,#ff82b7)!important;color:#fff!important;font-weight:950!important;cursor:pointer!important}.hpv22-add:disabled{background:#d8cbd1!important;color:#fff!important;cursor:not-allowed!important}
.hpv22-product-tools{margin-top:14px!important;padding-top:14px!important;border-top:1px solid var(--hpv22-line)!important}.hpv22-product-tools .v201-stock{display:grid;gap:3px;margin-bottom:10px}.hpv22-product-tools .v201-stock b{font-size:11px}.hpv22-product-tools .v201-stock span{font-size:10px;color:var(--hpv22-muted);line-height:1.45}.hpv22-product-tools .v201-commerce-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.hpv22-product-tools .v201-commerce-actions button{min-height:40px!important;border:1px solid #ead3de!important;border-radius:10px!important;background:#fff!important;color:#604454!important;font-size:9px!important;font-weight:800!important;padding:7px!important;cursor:pointer!important}
.hpv22-loading,.hpv22-product-state{width:min(760px,calc(100% - 32px));margin:28px auto 50px;padding:28px;text-align:center}
/* Keep Like / Share owner untouched, only align its toolbar to the same detail width. */
body.hp218-product-detail .hp215-detail-tools{width:min(1180px,calc(100% - 40px))!important;margin:12px auto 4px!important;display:flex!important;justify-content:space-between!important}
.hpv22-product-recommended{padding-top:26px!important}

/* A/B/C: desktop keeps 21:9, but all text follows the settled mobile top-left treatment. */
@media (min-width:900px){
 .v3-units .hp209-group-card{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:21/9!important;position:relative!important}
 .v3-units .hp209-group-card>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
 .v3-units .hp209-group-card .txt{left:4%!important;right:auto!important;top:8%!important;bottom:auto!important;inset:8% auto auto 4%!important;transform:none!important;min-height:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;max-width:44%!important;gap:9px!important}
 .v3-units .hp209-group-card .txt h3,.v3-units .hp209-group-card .txt p{margin-left:0!important;margin-right:0!important;text-align:left!important}
 .v3-units .hp209-group-card .txt h3{font-size:clamp(34px,3.2vw,52px)!important;line-height:.98!important;font-weight:900!important;letter-spacing:-.02em!important}
 .v3-units .hp209-group-card .txt p{font-size:clamp(14px,1.4vw,20px)!important;line-height:1.3!important}
 .v3-units .hp209-group-card .hp209-group-more{min-height:46px!important;padding:10px 20px!important;font-size:14px!important;border-width:2px!important}
 /* Fan Club desktop = Level / Ranking / Loyalty / Top 50 in one equal row. */
 .hp2182-fanclub .hp-card-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;grid-auto-rows:1fr!important;align-items:stretch!important}
 .hp2182-fanclub .hp-card{min-width:0!important;width:100%!important;height:100%!important}
}

/* Admin Products / Stock. */
.hpv22-admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.hpv22-admin-kpis>div{padding:15px 16px;border:1px solid #eadbe2;border-radius:14px;background:#fff}.hpv22-admin-kpis small{display:block;color:#806875;font-size:10px;font-weight:850}.hpv22-admin-kpis b{display:block;margin-top:5px;font-size:26px;line-height:1;color:#3f2030}
.hpv22-admin-table{width:100%;overflow:auto}.hpv22-admin-table table{min-width:860px}.hpv22-editor{margin-bottom:16px}.hpv22-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hpv22-form-grid label,.hpv22-variant-row label{display:grid;gap:6px;color:#5a3d4c;font-size:10px;font-weight:850}.hpv22-form-grid .span2{grid-column:1/-1}.hpv22-form-grid input,.hpv22-form-grid select,.hpv22-form-grid textarea,.hpv22-variant-row input{width:100%;border:1px solid #dfcfd7;border-radius:9px;background:#fff;padding:9px 10px;color:#321727;outline:0}.hpv22-form-grid input,.hpv22-form-grid select,.hpv22-variant-row input{height:40px}.hpv22-form-grid textarea{resize:vertical;min-height:96px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.hpv22-flag-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:16px 0}.hpv22-flag-grid>label,.hpv22-flag-grid fieldset{min-height:72px;margin:0;padding:12px;border:1px solid #ead8e1;border-radius:12px;background:#fff9fc}.hpv22-flag-grid>label{display:flex;align-items:flex-start;gap:8px}.hpv22-flag-grid input{accent-color:#ef4e94}.hpv22-flag-grid span{display:grid;gap:3px}.hpv22-flag-grid b{font-size:11px}.hpv22-flag-grid small{font-size:9px;color:#806875}.hpv22-flag-grid fieldset{display:flex;align-items:center;gap:12px}.hpv22-flag-grid legend{padding:0 4px;color:#5a3d4c;font-size:10px;font-weight:850}.hpv22-flag-grid fieldset label{font-size:11px;font-weight:900}
.hpv22-variants{margin-top:16px;padding:14px;border:1px solid #ead8e1;border-radius:14px;background:#fff9fc}.hpv22-variant-list{display:grid;gap:8px}.hpv22-variant-row{display:grid;grid-template-columns:1fr 1fr 140px auto;gap:8px;align-items:end;padding:10px;border:1px solid #ead8e1;border-radius:10px;background:#fff}.hpv22-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.hp-admin-btn.danger{border-color:#e8b7c6!important;color:#a72f57!important;background:#fff5f7!important}

@media (max-width:1050px){.hpv22-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hpv22-shop-tools{grid-template-columns:1fr}.hpv22-cats{justify-content:flex-start}.hpv22-variant-row{grid-template-columns:1fr 1fr 110px auto}}
@media (max-width:760px){
 .hpv22-profile-btn{width:40px!important;height:40px!important;min-width:40px!important}
 body.hp218-product-detail .hpv22-product-detail{width:min(100% - 32px,680px)!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:12px 0 22px!important}
 body.hp218-product-detail .hpv22-product-detail .hp2194-product-media{position:static!important;top:auto!important}
 body.hp218-product-detail .hpv22-product-detail .hp2194-product-media>img{border-radius:16px!important}
 body.hp218-product-detail .hpv22-product-detail h1{font-size:29px!important;margin:7px 0 12px!important}
 body.hp218-product-detail .hpv22-product-detail .hp2194-price-groups{padding:10px 0!important;gap:8px!important}
 body.hp218-product-detail .hpv22-product-detail .hp2194-price-groups h2{font-size:26px!important}
 body.hp218-product-detail .hpv22-abc .hp218-group{width:27px!important;height:27px!important;min-width:27px!important}
 body.hp218-product-detail .hp215-detail-tools{width:min(100% - 32px,680px)!important;margin-top:8px!important;margin-bottom:2px!important}
 .hpv22-product-tools .v201-commerce-actions{grid-template-columns:1fr!important}
 .hpv22-shop{padding-top:20px}.hpv22-shop-head{align-items:flex-start}.hpv22-shop-head p{font-size:11px}.hpv22-shop-count{padding-top:8px}.hpv22-shop-tools{padding-top:14px}
 .hpv22-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .hpv22-product-card{border-radius:14px!important}.hpv22-product-card .hp-product-meta{min-height:68px!important;padding:9px 9px 5px!important}.hpv22-product-card .hp-product-meta h3{font-size:11px!important;min-height:30px!important}.hpv22-product-card .hp2181-price-actions{padding:4px 7px 8px!important}.hpv22-product-card .hp2181-price-actions .price{font-size:13px!important}.hpv22-product-card .hp215-card-like,.hpv22-product-card .hp215-cart{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px!important;max-height:26px!important}
 .hpv22-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hpv22-form-grid{grid-template-columns:1fr}.hpv22-form-grid .span2{grid-column:auto}.hpv22-flag-grid{grid-template-columns:1fr}.hpv22-variant-row{grid-template-columns:1fr}.hpv22-editor-actions{align-items:stretch;flex-direction:column}.hpv22-editor-actions>*{width:100%;justify-content:center}
}
@media (max-width:430px){
 .hpv22-profile-btn{width:38px!important;height:38px!important;min-width:38px!important}.hpv22-profile-btn svg{width:18px;height:18px}
 .hpv22-product-strip>.hpv22-product-card{flex-basis:154px!important;width:154px!important}
 .hpv22-shop .wide{width:calc(100% - 20px)}.hpv22-shop-head{gap:8px}.hpv22-shop-head h1{font-size:36px}.hpv22-shop-head p{font-size:10px;line-height:1.45}.hpv22-shop-count{min-width:48px}.hpv22-shop-count b{font-size:27px}.hpv22-search{height:40px}
 .hpv22-buy-row{grid-template-columns:78px 1fr}.hpv22-stock-line{align-items:flex-start;flex-direction:column;gap:5px}
 .hpv22-drawer-tools{gap:6px!important}.hpv22-admin-shortcut{min-height:39px;padding:7px 10px;font-size:10px}
}
@media (max-width:370px){.hpv22-product-strip>.hpv22-product-card{flex-basis:148px!important;width:148px!important}.hpv22-shop-grid{gap:7px}.hpv22-product-card .hp-product-meta{padding-left:7px!important;padding-right:7px!important}.hpv22-product-card .hp2181-price-actions{gap:3px!important;padding-left:5px!important;padding-right:5px!important}.hpv22-product-card .hp2181-price-actions .price{font-size:12px!important}}

/* V0.7.2 — keep Shop geometry stable while the canonical catalog is loading. */
.hpv22-shop-skeleton{min-height:calc(100vh - 150px);padding:34px 0 72px;background:linear-gradient(180deg,#fff 0,#fbfaff 100%)}
.hpv22-shop-skeleton .wide{width:min(1240px,calc(100% - 32px));margin:0 auto}
.hpv22-skeleton-head{display:grid;gap:10px;padding:12px 0 22px;border-bottom:1px solid var(--hpv22-line)}
.hpv22-skeleton-line,.hpv22-skeleton-card{background:linear-gradient(90deg,#f3eef9,#faf8fd,#f3eef9);background-size:220% 100%;animation:hpv22-skeleton 1.5s ease-in-out infinite}
.hpv22-skeleton-line{height:14px;border-radius:999px;width:min(520px,72%)}
.hpv22-skeleton-line.title{height:48px;width:min(300px,48%);border-radius:16px}
.hpv22-skeleton-tools{height:46px;width:min(520px,100%);margin:18px 0 22px;border-radius:14px;background:#f5f0fa}
.hpv22-skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hpv22-skeleton-card{aspect-ratio:3/4;border-radius:18px;border:1px solid #eee5f6}
@keyframes hpv22-skeleton{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(max-width:1050px){.hpv22-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.hpv22-shop-skeleton{padding-top:20px}.hpv22-shop-skeleton .wide{width:calc(100% - 20px)}.hpv22-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hpv22-skeleton-card{border-radius:14px}.hpv22-skeleton-line.title{height:38px}}
@media(prefers-reduced-motion:reduce){.hpv22-skeleton-line,.hpv22-skeleton-card{animation:none}}

/* V0.7.6 — Shop/product layouts for short mobile-landscape viewports. */
@media (orientation:landscape) and (max-width:1024px) and (max-height:600px){
 .hpv22-shop{padding:18px 0 44px}.hpv22-shop .wide{width:calc(100% - 24px)}
 .hpv22-shop-head{align-items:flex-start;gap:14px;padding:8px 0 14px}.hpv22-shop-head h1{font-size:clamp(32px,5.2vw,44px);margin:3px 0 5px}.hpv22-shop-head p{font-size:10.5px;line-height:1.45}.hpv22-shop-count{min-width:58px;padding-top:4px}.hpv22-shop-count b{font-size:27px}
 .hpv22-shop-tools{padding:12px 0 16px}.hpv22-search{height:39px}.hpv22-cats button{padding:7px 10px;font-size:9.5px}
 .hpv22-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hpv22-product-card{border-radius:15px!important}.hpv22-product-card .hp-product-meta{min-height:64px!important;padding:8px 9px 5px!important}.hpv22-product-card .hp-product-meta h3{font-size:11px!important;min-height:30px!important}.hpv22-product-card .hp2181-price-actions{padding:4px 7px 8px!important}.hpv22-product-card .hp2181-price-actions .price{font-size:13px!important}
 body.hp218-product-detail .hpv22-product-detail{width:calc(100% - 28px)!important;grid-template-columns:minmax(0,44%) minmax(0,56%)!important;gap:22px!important;padding:14px 0 24px!important}
 body.hp218-product-detail .hpv22-product-detail .hp2194-product-media{position:static!important;top:auto!important}.hpv22-product-detail .hp2194-product-media>img{border-radius:17px!important}
 body.hp218-product-detail .hpv22-product-detail h1{font-size:clamp(26px,4vw,34px)!important;margin:5px 0 10px!important}.hpv22-product-detail .hp2194-product-info{font-size:12px}
 body.hp218-product-detail .hp215-detail-tools{width:calc(100% - 28px)!important;margin-top:8px!important}
 .hpv22-shop-skeleton{min-height:0;padding:18px 0 44px}.hpv22-shop-skeleton .wide{width:calc(100% - 24px)}.hpv22-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hpv22-skeleton-line.title{height:38px}.hpv22-skeleton-tools{height:40px;margin:12px 0 16px}
}


/* V0.7.11 — canonical product tags + artist association + account avatar */
.hpv22-product-card .hp218-group-tags{display:none!important}
.hpv711-card-tags{position:absolute;z-index:4;left:9px;top:9px;display:flex;flex-wrap:wrap;gap:5px;max-width:calc(100% - 18px)}
.hpv711-card-tags span{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.94);border:1px solid #ead8f6;color:#9f3dc8;font-size:9px;font-weight:850;line-height:1;box-shadow:0 4px 12px rgba(66,36,95,.1)}
.hpv711-artist-tags{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 5px}
.hpv711-artist-tags span{display:inline-flex;align-items:center;min-height:20px;padding:3px 7px;border-radius:999px;background:#f7ebff;color:#8d3fbd;font-size:9px;font-weight:850;line-height:1.1}
.hpv22-profile-btn{overflow:hidden}
.hpv711-avatar-img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.hpv711-admin-profile-link{font-weight:850!important;color:#8241bd!important}
.hpv711-tag-picker{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important;padding:12px!important;border:1px solid #e5d8f4!important;border-radius:14px!important}
.hpv711-tag-picker legend{padding:0 6px;font-weight:850;color:#3b285f}.hpv711-tag-picker label{display:flex!important;align-items:center;gap:6px;min-height:34px;padding:6px 8px;border:1px solid #eee4f7;border-radius:10px;background:#fff;font-size:11px}.hpv711-tag-picker small{grid-column:1/-1;color:#81738f;font-size:10px;line-height:1.4}
.hpv711-avatar-setting{display:flex;align-items:center;gap:18px;padding:16px;border:1px solid #eadff5;border-radius:20px;background:#fcf9ff}
.hpv711-avatar-preview{width:94px;height:94px;flex:0 0 94px;display:grid;place-items:center;overflow:hidden;border-radius:50%;border:2px solid #d8c4eb;background:#f6effc;color:#8c6aa8;font-size:34px}
.hpv711-avatar-preview img{width:100%;height:100%;object-fit:cover}.hpv711-avatar-copy{display:grid;gap:7px;min-width:0}.hpv711-avatar-copy b{font-size:17px}.hpv711-avatar-copy small{color:#7f738f;font-size:11px;line-height:1.4}.hpv711-avatar-copy>div{display:flex;flex-wrap:wrap;gap:8px}.hpv711-avatar-upload{cursor:pointer}
@media(max-width:650px){.hpv711-tag-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.hpv711-avatar-setting{align-items:flex-start;gap:12px;padding:12px}.hpv711-avatar-preview{width:76px;height:76px;flex-basis:76px}.hpv711-avatar-copy>div .btn{min-height:38px!important;padding-inline:12px!important;font-size:11px!important}}

/* V0.7.12 — Admin Mailbox shortcut beside the view/computer control. */
.hpv712-mailbox-shortcut{position:relative;flex:0 0 42px;width:42px;height:42px;border:1px solid var(--hpv22-line);border-radius:50%;background:#fff;color:#ea4b95;display:grid;place-items:center;text-decoration:none!important}
.hpv712-mailbox-shortcut svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hpv712-mailbox-shortcut [data-hpv712-mailbox-count]{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#d651df;color:#fff;font-size:10px;font-weight:900;line-height:19px;text-align:center;box-shadow:0 2px 8px rgba(110,50,150,.22)}
.hpv712-mailbox-shortcut [data-hpv712-mailbox-count][hidden]{display:none!important}

/* Phase 02 — drawer tool alignment: Admin left, Mailbox + view switch grouped on the right. */
.hpv22-drawer-tools{justify-content:flex-start!important}
.hpv22-drawer-tools .hpv22-admin-shortcut{margin-right:auto!important;flex:0 0 auto!important}
.hpv22-drawer-tools .hp219-view-switch{flex:0 0 auto!important;width:50px!important;height:50px!important}
.hpv712-mailbox-shortcut{position:relative!important;flex:0 0 50px!important;width:50px!important;height:50px!important;box-sizing:border-box!important;border:1.5px solid #8650c8!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#faf8ff)!important;color:#6841a4!important;display:grid!important;place-items:center!important;text-decoration:none!important;box-shadow:0 7px 18px rgba(80,54,116,.08)!important}
.hpv712-mailbox-shortcut:hover{background:#f3eefb!important;border-color:#7140b3!important;color:#6841a4!important}
.hpv712-mailbox-shortcut svg{width:27px!important;height:27px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.hpv712-mailbox-shortcut [data-hpv712-mailbox-count]{right:-6px!important;top:-7px!important;z-index:2!important}
/* Phase 03 — Mailbox search/filter/pagination and lazy message detail. */
.hpv716-mailbox-tools{margin-bottom:14px}
.hpv716-mailbox-tools form{display:grid;grid-template-columns:minmax(0,1fr) 190px auto auto;gap:10px;align-items:center}
.hpv712-mail-head em{display:block;margin-top:5px;max-width:70ch;color:#756e7d;font-size:12px;font-style:normal;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpv716-mail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hpv716-mailbox-pager{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.hpv716-mailbox-pager span{font-size:13px;color:#756e7d;text-align:center}
@media(max-width:700px){.hpv716-mailbox-tools form{grid-template-columns:1fr 1fr}.hpv716-mailbox-tools input[type=search]{grid-column:1/-1}.hpv716-mailbox-pager{flex-wrap:wrap;justify-content:center}}