[hidden] { display: none !important; }
.headsearchbutton, .fixsearchbutton, #gototop { cursor: pointer; }
.headsearchfield::placeholder, .fixsearchfield::placeholder { color: #aaa; opacity: 1; }
a:focus-visible, [role="button"]:focus-visible, input:focus-visible { outline: 2px solid #399738; outline-offset: 3px; }
.calihave { transition: width .6s ease; }
.page { display: flex; flex-wrap: wrap; gap: 7px; height: auto; min-height: 46px; }
.page .pageNum { margin: 0; padding: 0 16px; cursor: pointer; }
.archive-pagination-status { clear: both; box-sizing: border-box; max-width: 1110px; margin: 0 auto; padding: 16px 0 0; color: #92998f; font-size: 12px; }
.archive-pagination-status a { margin-left: 12px; }
.empty-state { background: #fff; padding: 65px 24px; text-align: center; color: #999; line-height: 2.2; }
.empty-state h2 { font-size: 20px; color: #666; font-weight: normal; }
.empty-state p { margin-bottom: 16px; font-size: 14px; }
.empty-search { display: block; font-family: Arial, sans-serif; font-size: 55px; color: #98ca94; line-height: 1.4; }
.search-result-heading { box-sizing: border-box; width: 839px; padding: 15px 20px; background: #f5fbf2; border-bottom: 1px solid #e4eedf; color: #569951; font-size: 14px; }
.search-result-heading span { margin-left: 12px; color: #9aaa96; font-size: 12px; }
.search-result-heading a { float: right; }
.local-breadcrumb { padding: 16px 0; color: #999; font-size: 13px; }
.local-detail { box-sizing: border-box; padding: 30px; width: 840px; line-height: 2; }
.local-detail h1 { color: #444; font-size: 23px; line-height: 1.7; }
.detail-meta { color: #aaa; font-size: 12px; border-bottom: 1px solid #eee; padding: 12px 0 20px; margin-bottom: 25px; }
.detail-product-image { width: 320px; height: 320px; object-fit: contain; margin: 20px auto; }
.local-buy { display: inline-block; padding: 10px 35px; color: white; background: #5db95b; margin-top: 30px; border-radius: 2px; }
.detail-return { margin-left: 24px; font-size: 14px; }
.local-detail #dabstract { width: auto; padding: 0; margin: 0; }
@media (max-width: 760px) {
  html { overflow-x: hidden !important; }
  #header { min-width: 0; height: auto; }
  .headerholder { width: 100%; display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 10px; }
  .logo { margin: 0 10px; width: 100%; height: 48px; display: flex; align-items: center; }
  .logo img { width: 200px; height: auto; }
  .headsearch { margin: 0 10px; order: 3; width: calc(100% - 20px); height: 40px; display: flex; }
  .headsearchfield { box-sizing: border-box; flex: 1; min-width: 0; width: 0; height: 40px; margin: 0; }
  .headsearchbutton { flex: 0 0 38px; margin: 0; }
  .headsearch > .clear { display: none; }
  .headernav { margin: 0 0 8px; width: 100%; height: 36px; display: flex; justify-content: center; }
  .headernav .pageitem { margin: 0 18px; font-size: 13px; height: 36px; line-height: 36px; }
  .headernav .pageitemword { height: 36px; line-height: 36px; margin: 0; padding: 0; }
  #main { width: calc(100% - 20px); margin: 10px; }
  .floatbar { width: 100%; height: auto; margin-bottom: 10px; }
  .floatbar img { width: 100%; height: auto; }
  .mainleft, .zkcontent, .choicearea, .search-result-heading, .detaildisplay, .local-detail { width: 100%; margin-right: 0; }
  .mainright { display: none; }
  .dealhead { width: 100%; display: flex; }
  .dealheaditem { flex: 1; margin: 0; display: flex; justify-content: center; align-items: center; white-space: nowrap; }
  .dealheaditemword { font-size: 14px; margin: 0; }
  .dealheadicon { margin: 0 4px 0 0; }
  .dealheaditem .clear, .currentarrow { display: none; }
  .dealheadtype { display: none; }
  .choicerow { display: flex; flex-wrap: nowrap; width: calc(100% - 20px); overflow-x: auto; margin-right: 10px; }
  .choicerow > * { flex-shrink: 0; }
  .choicerow > div[style] { width: calc(100% - 95px) !important; display: flex !important; overflow-x: auto; }
  .cateitem, .curcateitem { margin-bottom: 5px; flex-shrink: 0; white-space: nowrap; }
  .innerhdbar, .dealheadfix, .centerfix { display: none !important; }
  .gooditem { width: 100%; box-sizing: border-box; display: grid; grid-template-columns: 100px minmax(0, 1fr); column-gap: 10px; position: relative; padding: 15px 10px; min-height: 170px; }
  .gooditem > .clear { display: none; }
  .imgandbtn { width: 100px; grid-column: 1; grid-row: 1 / 3; }
  .showpic { width: 100px; height: 110px; margin: 0; padding: 0; }
  .imgself { width: 94px; height: 94px; object-fit: contain; }
  .imgmask { display: none; }
  .iteminfoarea { grid-column: 2; width: auto; margin: 0; padding: 0; }
  .mallandname { width: 100%; margin: 0; }
  .goodname { font-size: 15px; line-height: 1.8; }
  .shortabstract { width: 100%; max-height: 43px; overflow: hidden; margin-top: 8px; }
  .rightlinks { grid-column: 2; margin: 8px 0 0; width: auto; height: auto; display: flex; align-items: center; gap: 12px; }
  .innergototobuybtn { margin: 0; }
  .rightmall { margin: 0; }
  .page { width: 100%; box-sizing: border-box; padding: 16px 0; }
  .footerarea { min-width: 0; height: auto; }
  .footareadis { width: 100%; display: flex; flex-wrap: wrap; }
  .footgroup { box-sizing: border-box; width: 100% !important; margin: 15px; }
  .local-detail { padding: 20px; }
  .dtitle, .dabstract { max-width: 100%; box-sizing: border-box; }
  .simgahead { display: flex; height: auto; }
  .simgaheadleft, .simgaheadright { width: 50%; }
  .simgahead img { max-width: 100%; height: auto !important; }
}