/* Shared mobile shell, product details and public registration. Checkout styles are unchanged. */
.vikki-home-content {width:100%;margin:0 auto;text-align:center;}
.vikki-home-content img {display:block;max-width:100%;height:auto;margin:0 auto;}
.vikki-home-content a {display:block;}
a:focus-visible,input:focus-visible {outline:2px solid #b70f45;outline-offset:3px;}
@media(max-width:1230px){
html,body {min-width:0;}
.container,.main,#main,.vikmenu {width:100%;max-width:100%;box-sizing:border-box;}
.site-bar {padding:0 10px;height:auto;min-height:33px;overflow:auto;}
.site-bar>.fl {display:none;}
.site-bar>.fr {float:none;display:flex;justify-content:flex-end;}
.header {height:auto;padding:14px 12px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;box-sizing:border-box;}
.header .logo {float:none;width:100%;height:auto;margin:0;}
.header .logo img {max-width:180px;height:auto;}
.header .user {float:none;margin:0;width:100%;}
.header .user-top {margin-left:0;margin-right:12px;}
.header .user-content {max-width:calc(100vw - 24px);}
.header .search-wrap {position:static;width:100%;order:3;}
.header .search {display:flex;width:100%;box-sizing:border-box;height:42px;}
.header .search form {display:flex;width:100%;}
.header .search .input {float:none;flex:1;min-width:0;width:auto;height:38px;font-size:16px;box-sizing:border-box;}
.header .search .button {float:none;width:76px;min-height:38px;}
.nav {height:auto;}
.vikmenu {display:flex;overflow-x:auto;white-space:nowrap;height:auto;line-height:44px;}
.vikmenu a {flex:none;padding:0 16px;font-size:14px;min-height:44px;}
.banner {min-width:0;height:37vw;}
.banner .bd li,.banner .bd li a {height:37vw;}
.banner .bd li {background-size:cover!important;background-position:center top!important;}
.banner .hd {height:24px;line-height:24px;}
.shop-agree,.shop-agree ul {height:auto;overflow:auto;}
.shop-agree li {width:50%;padding:10px;box-sizing:border-box;}
.shop-agree li b {display:none;}
.shop-agree li p {padding:0;font-size:14px;line-height:36px;height:36px;}
.shop-agree li p span {font-size:18px;}
.shop-help {padding:18px 12px;}
.shop-help dl {width:50%;margin-bottom:16px;}
.shop-help dt {font-size:14px;}
.shop-help dd a {display:inline-block;min-height:36px;line-height:36px;}
.footer-copyright {padding:20px 12px;}
.footer-copyright .copy-info,.footer-copyright .copy-info-r {float:none;width:100%;overflow-wrap:anywhere;}
.floor-nav {display:none!important;}
}

.vikki-brand-intro {padding:36px 24px;text-align:center;box-sizing:border-box;}
.vikki-eyebrow {font-size:12px;letter-spacing:2px;color:#a31e4d;}
.vikki-brand-intro h1 {font-size:30px;line-height:1.5;margin:10px 0;font-weight:500;color:#272636;}
.vikki-brand-intro>p {line-height:1.8;color:#666;}
.vikki-brand-actions {display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px;}
.vikki-brand-actions a {padding:12px 22px;border:1px solid #ddd;border-radius:4px;line-height:20px;font-size:14px;}
.vikki-brand-actions a.vikki-primary {background:#a31e4d;color:#fff;border-color:#a31e4d;}
.vikki-contact {font-size:18px;line-height:44px;}
@media(max-width:1230px){
  .vikki-brand-intro {padding:26px 16px;}
  .vikki-brand-intro h1 {font-size:24px;}
  .vikki-brand-actions {gap:8px;}
  .vikki-brand-actions a {padding:11px 14px;}
  .product-info,.product-info *,.product-detail,.product-detail * {box-sizing:border-box;}
  .product-info .preview,.product-info .item-info {float:none;width:100%;min-height:0;}
  .product-info .preview {padding:12px;max-width:444px;margin:auto;}
  #spec-n {width:100%;height:auto;aspect-ratio:1;}
  #spec-n .jqzoom {float:none;width:100%;}
  #spec-n img {width:100%;height:auto;display:block;}
  #spec-list {width:100%;max-width:350px;margin:12px auto;}
  #spec-list .slider-items {max-width:calc(100% - 48px);}
  .zoomdiv,.jqZoomPup {display:none!important;}
  .item-info .name {padding:12px 16px;}
  .item-info .name h1 {font-size:20px;line-height:1.6;white-space:normal;overflow:visible;text-overflow:clip;}
  .item-info .summary {padding:14px 16px;}
  .item-info .summary .timer {float:none;display:block;margin-top:8px;}
  .item-info .choose-wrap .dl {display:flex;flex-wrap:wrap;gap:6px;}
  .item-info .choose-wrap .dt {width:auto;min-width:56px;text-align:left;}
  .item-info .choose-wrap .dd {float:none;flex:1;min-width:0;width:auto;margin-left:0;}
  .choose-wrap .item-check .item a {line-height:36px;}
  .adjust .adjust-control,.adjust .input {height:40px;line-height:38px;}
  .item-info .cart-btn,.item-info .item-btn,.item-info .gouwuche {margin:8px 6px;max-width:calc(50% - 16px);padding:8px 12px;min-height:44px;line-height:28px;}
  .goods-fwcn {position:static;height:auto;line-height:1.8;padding:14px 16px;}
  .goods-fwcn li {height:auto;line-height:1.9;margin:10px 0;}
  .goods-fwcn a {display:inline-block;margin:4px 0;}
  #pro-detail-right,.product-detail .right {float:none;width:100%;}
  #pro-detail-left {display:none;}
  #pro-detail-right #item-bar {position:static!important;top:auto!important;width:100%!important;height:auto;}
  #item-bar>ul {display:flex;flex-wrap:wrap;height:auto;}
  #item-bar .ui-switchtab-item a {padding:10px;min-height:44px;line-height:24px;}
  #item-bar li.fr {display:none;}
  .detail-content-wrap {width:100%;overflow-wrap:anywhere;}
  .detail-content-wrap img {max-width:100%!important;height:auto!important;}
  .detail-content-wrap table {max-width:100%;}
  .p-parameter-list li {float:none;width:100%;white-space:normal;}
  .goods-comment-info {float:none;margin:12px auto;}
  .product-detail-panel .progress {float:none;width:100%;padding:12px 20px;}
  .goods-comment-btn,.goods-consult-right {float:none;width:100%;border-left:0;margin:12px 0;}
  .goods-consult-info {float:none;width:100%;}
  .comment-list .user-info-block {float:none;width:100%;text-align:left;}
  .comment-list .comment-view-wrapper {margin-left:0;padding:10px 0;}
  .consult-lists,.comment-text {overflow-wrap:anywhere;}
  .login-wrap {height:auto;min-height:480px;}
  .login-bg {width:100%;height:auto;background:none;padding:16px;}
  .reg-list,.login-list {float:none;width:100%;max-width:440px;margin:16px auto;padding:20px;box-sizing:border-box;}
  .reg-list .content {padding-left:0;}
  .reg-list .content .input,.reg-list .list>.input {max-width:100%;width:100%;font-size:16px;min-height:44px;box-sizing:border-box;}
  .reg-list .list .label {width:auto;}
  .reg-button {max-width:100%;min-height:44px;}
}

/* Round 2: eliminate fixed-width panels without hiding document overflow. */
@media(max-width:1230px){
  .comment-area.layout {width:100%;max-width:100%;padding:0 10px;box-sizing:border-box;}
  .comment-area .comment-list {width:100%;max-width:100%;box-sizing:border-box;}
  .comment-list .comment-view-wrapper {float:none;width:100%;max-width:100%;}
  .comment-list .user-info-block {float:none;width:100%;}
  .login-box {float:none;width:100%;max-width:440px;margin:16px auto;padding:20px;box-sizing:border-box;}
  .login-box .input {width:100%;max-width:100%;min-height:44px;font-size:16px;box-sizing:border-box;}
  .login-box input[type=submit] {min-height:44px;}
  .item-two-column {display:flex;flex-direction:column;}
  .item-two-column>.right,.item-two-column>.left {float:none;width:100%;max-width:100%;box-sizing:border-box;}
  .item-two-column>.right {order:0;}
  .item-two-column>.left {order:1;margin-top:20px;}
  .article-content {overflow-wrap:anywhere;}
  .article-content img {max-width:100%!important;height:auto!important;}
  .article-content table {max-width:100%;width:100%!important;}
  .list-wrap .list-h {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;padding:10px;box-sizing:border-box;}
  .list-wrap .list-h:before,.list-wrap .list-h:after {display:none;}
  .list-wrap .list-h>li {float:none;margin:0;width:100%;min-width:0;}
  .list-wrap .list-h .lh-wrap,.list-wrap .list-h .hover .lh-wrap {margin:0;width:100%;box-sizing:border-box;}
  .lh-wrap .p-img img {max-width:100%;height:auto;display:block;}
  .lh-wrap .p-hand {display:flex;flex-wrap:wrap;gap:6px;}
  .lh-wrap .p-hand .button {max-width:100%;margin:0;box-sizing:border-box;}
  .filter-bar .filter {position:static;width:100%;}
  .filter-bar .list-wrap {margin-top:0;}
  .filter dl {display:flex;flex-wrap:wrap;height:auto;}
  .filter .filter-page {float:none;margin-left:auto;}
  .list-type-selected .item-type {height:auto;}
  .list-type-selected .type-name {width:auto;max-width:100%;}
  .item-two-column .ext-con-wrap {max-width:100%;}
  .crumbs {padding:8px 12px;}
  .crumbs p {white-space:normal;overflow-wrap:anywhere;}
  .ui-dialog {max-width:calc(100vw - 32px);box-sizing:border-box;}
  .ui-dialog textarea {max-width:100%;box-sizing:border-box;}
  .reg-button:disabled {background:#888!important;cursor:not-allowed;}
}
@media(min-width:768px) and (max-width:1230px){
  .list-wrap .list-h {grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media(max-width:1230px){
  .product-detail-panel .progress {margin:0;box-sizing:border-box;}
}

@media(max-width:1230px){
  .product-detail-panel .progress li {float:none;display:flex;align-items:center;height:24px;width:100%;}
  .product-detail-panel .progress-label {float:none;flex:0 0 44px;}
  .product-detail-panel .progress-bar {float:none;flex:1;max-width:240px;width:auto;}
}