.secondary-page { height: calc(100% - 31px - 44px); padding: 11px 12px 20px; }
.shop-list-card { display: grid; width: 100%; grid-template-columns: 76px 1fr 20px; align-items: center; gap: 10px; margin-top: 10px; padding: 10px; text-align: left; border: 1px solid var(--line); border-radius: 10px 3px 10px 3px; background: white; }.shop-list-card .product-art { width: 76px; height: 66px; border-radius: 7px; }.shop-list-card > div { display: flex; min-width: 0; flex-direction: column; gap: 5px; }.shop-list-card b { font-size: 10px; }.shop-list-card span, .shop-list-card small { color: var(--muted); font-size: 8px; }
.shop-detail-page { height: calc(100% - 31px - 44px); padding-bottom: 20px; }.shop-identity { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 10px; padding: 16px 14px; color: white; background: var(--ink); }.shop-logo-mark { display: grid; width: 46px; height: 46px; place-items: center; color: var(--brand); border-radius: 12px 3px 12px 3px; background: white; font: 700 26px var(--font-display); }.shop-identity h2 { margin: 0 0 5px; font-size: 14px; }.shop-identity p { margin: 0; color: rgba(255,255,255,.6); font-size: 8px; }.shop-identity button { height: 27px; padding: 0 9px; border: 1px solid rgba(255,255,255,.3); border-radius: 5px; color: white; background: transparent; font-size: 8px; }.shop-tabs { display: grid; grid-template-columns: repeat(3,1fr); height: 38px; border-bottom: 1px solid var(--line); background: white; }.shop-tabs button { border: 0; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; font-size: 9px; }.shop-tabs button.active { color: var(--brand); border-bottom-color: var(--brand); }.shop-feature { position: relative; display: grid; height: 150px; grid-template-columns: 1fr 160px; margin: 12px; overflow: hidden; border-radius: 12px 3px 12px 3px; color: white; background: var(--brand); }.shop-feature > div { position: relative; z-index: 2; display: flex; justify-content: center; flex-direction: column; gap: 7px; padding-left: 15px; }.shop-feature span { font-size: 8px; opacity: .7; }.shop-feature h3 { margin: 0; font-size: 14px; line-height: 1.35; }.shop-feature button { width: 68px; height: 25px; border: 0; border-radius: 4px; color: var(--brand); background: white; font-size: 8px; }.shop-feature .product-art { width: 175px; height: 150px; border-radius: 0; }.shop-product-grid { padding: 0 12px; }
.result-page { display: flex; height: calc(100% - 31px - 44px); align-items: center; flex-direction: column; padding: 70px 30px 20px; text-align: center; }.result-icon { display: grid; width: 66px; height: 66px; place-items: center; color: white; border-radius: 18px 4px 18px 4px; background: var(--brand); }.result-page h1 { margin: 18px 0 7px; font-size: 21px; }.result-page p { margin: 0; color: var(--muted); font-size: 10px; }.result-page > div { display: flex; width: 100%; justify-content: space-between; margin: 28px 0 16px; padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: white; font-size: 10px; }.result-page > div b { color: var(--price); font: 700 16px var(--font-display); }.result-page > button { width: 100%; height: 40px; margin-top: 8px; border: 1px solid var(--line-strong); border-radius: 7px; background: white; font-size: 10px; }.result-page > button.primary { color: white; border-color: var(--brand); background: var(--brand); }
.logistics-page { height: calc(100% - 31px - 44px); padding: 11px 12px 20px; }.logistics-page > section { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 9px; padding: 14px; color: white; border-radius: 11px 3px 11px 3px; background: var(--ink); }.logistics-page > section > div { display: flex; flex-direction: column; gap: 4px; }.logistics-page > section b { font-size: 11px; }.logistics-page > section span { color: rgba(255,255,255,.6); font-size: 8px; }.logistics-product { display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 9px; margin: 9px 0; padding: 9px; border: 1px solid var(--line); border-radius: 8px; background: white; }.logistics-product .product-art { width: 58px; height: 52px; border-radius: 6px; }.logistics-product span { font-size: 9px; }.logistics-page article { padding: 15px 12px; border: 1px solid var(--line); border-radius: 8px; background: white; }.logistics-page article > div { position: relative; display: grid; min-height: 58px; grid-template-columns: 18px 1fr; gap: 8px; }.logistics-page article > div::before { content: ""; position: absolute; top: 10px; bottom: -5px; left: 4px; width: 1px; background: var(--line); }.logistics-page article > div:last-child::before { display: none; }.logistics-page article i { position: relative; z-index: 1; width: 9px; height: 9px; border: 2px solid #aebbb2; border-radius: 50%; background: white; }.logistics-page article div.active i { border-color: var(--brand); background: var(--brand); }.logistics-page article span { display: flex; flex-direction: column; gap: 5px; }.logistics-page article b { font-size: 9px; }.logistics-page article small { color: var(--muted); font-size: 8px; }
.form-page { height: calc(100% - 31px - 44px); padding: 11px 12px 22px; }.refund-product, .review-product-head { display: grid; grid-template-columns: 76px 1fr; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 9px; background: white; }.refund-product .product-art, .review-product-head .product-art { width: 76px; height: 68px; border-radius: 6px; }.refund-product > div { display: flex; flex-direction: column; gap: 4px; }.refund-product b, .review-product-head b { font-size: 10px; }.refund-product span { color: var(--muted); font-size: 8px; }.refund-product strong { color: var(--price); font: 700 16px var(--font-display); }.form-page > label { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; color: var(--ink-2); font-size: 9px; }.form-page label span small { color: var(--muted); }.form-page select, .form-page input, .form-page textarea { width: 100%; min-height: 36px; padding: 0 10px; border: 1px solid var(--line); border-radius: 6px; background: white; font-size: 9px; }.form-page textarea { min-height: 90px; padding-top: 9px; resize: none; }.upload-grid { margin-top: 10px; }.upload-grid button { display: flex; width: 72px; height: 62px; align-items: center; justify-content: center; flex-direction: column; gap: 4px; border: 1px dashed var(--line-strong); border-radius: 6px; color: var(--muted); background: white; font-size: 8px; }.form-submit { width: 100%; height: 40px; margin-top: 16px; border: 0; border-radius: 7px; color: white; background: var(--brand); font-size: 10px; font-weight: 700; }.rating-row { display: flex; align-items: center; justify-content: space-between; margin-top: 11px; padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: white; font-size: 9px; }.rating-row button { padding: 0 2px; border: 0; color: #c8d0cb; background: transparent; font-size: 18px; }.rating-row button.active { color: #c98b2e; }.anonymous-row { flex-direction: row !important; align-items: center; }.anonymous-row input { width: 14px; min-height: 14px; }
.review-detail-page { height: calc(100% - 31px - 44px); padding: 11px 12px; }.review-detail-page .review-product-head > div { display: flex; flex-direction: column; gap: 5px; }.review-detail-page .review-product-head span { color: var(--muted); font-size: 8px; }.review-conversation { margin-top: 10px; padding: 13px; border: 1px solid var(--line); border-radius: 9px; background: white; }.review-conversation header { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 8px; }.review-conversation header > div { display: flex; flex-direction: column; gap: 3px; }.review-conversation b { font-size: 9px; }.review-conversation span { color: var(--muted); font-size: 8px; }.stars-inline { color: #c98b2e !important; }.review-conversation > p { margin: 12px 0; font-size: 10px; line-height: 1.65; }.merchant-reply, .buyer-reply { display: flex; flex-direction: column; gap: 5px; margin-top: 8px; padding: 10px; border-radius: 6px; background: var(--paper); }.buyer-reply { background: var(--brand-soft); }.merchant-reply b, .buyer-reply b { color: var(--brand); }
.profile-edit-page { height: calc(100% - 31px - 44px); padding: 11px 12px; }.avatar-edit { display: grid; width: 100%; grid-template-columns: 64px 1fr auto; align-items: center; gap: 10px; padding: 14px; text-align: left; border: 1px solid var(--line); border-radius: 9px; background: white; }.avatar-edit span { color: var(--brand); font-size: 9px; }.profile-edit-page > label { display: grid; grid-template-columns: 70px 1fr; align-items: center; margin-top: 1px; padding: 0 12px; background: white; }.profile-edit-page > label:first-of-type { margin-top: 10px; border-radius: 8px 8px 0 0; }.profile-edit-page > label span { font-size: 9px; }.profile-edit-page > label input { height: 42px; border: 0; border-bottom: 1px solid #edf0ed; text-align: right; font-size: 9px; }.about-page { display: flex; height: calc(100% - 31px - 44px); align-items: center; flex-direction: column; padding: 52px 24px; text-align: center; }.about-mark { display: grid; width: 66px; height: 66px; place-items: center; color: white; border-radius: 18px 4px 18px 4px; background: var(--brand); font: 700 34px var(--font-display); }.about-page h1 { margin: 15px 0 7px; font-size: 20px; }.about-page > p { margin: 0 0 28px; color: var(--muted); font-size: 9px; line-height: 1.7; }.about-page > div { display: flex; width: 100%; min-height: 40px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); font-size: 9px; }
.activity-products-page { height: calc(100% - 31px - 44px); padding-bottom: 20px; }.activity-products-page > header { display: flex; align-items: center; justify-content: space-between; padding: 14px; color: white; background: var(--ink); }.activity-products-page header b { font-size: 11px; }.activity-products-page header span { color: rgba(255,255,255,.6); font-size: 8px; }.activity-products-page article { display: grid; grid-template-columns: 88px 1fr 48px; align-items: end; gap: 9px; margin: 10px 12px 0; padding: 10px; border: 1px solid var(--line); border-radius: 9px; background: white; }.activity-products-page .product-art { width: 88px; height: 82px; border-radius: 7px; }.activity-products-page article > div { display: grid; grid-template-columns: auto 1fr; gap: 4px 7px; }.activity-products-page article b, .activity-products-page article span { grid-column: 1 / -1; }.activity-products-page article b { font-size: 9px; }.activity-products-page article span { color: var(--muted); font-size: 8px; }.activity-products-page strong { color: var(--price); font: 700 16px var(--font-display); }.activity-products-page del { align-self: end; color: var(--muted); font-size: 8px; }.activity-products-page article > button { height: 28px; border: 0; border-radius: 5px; color: white; background: var(--price); font-size: 8px; }
.coupon-select-card { display: grid; width: 100%; grid-template-columns: 70px 1fr 20px; align-items: center; gap: 9px; margin-bottom: 8px; padding: 12px; text-align: left; border: 1px solid var(--line); border-radius: 9px; background: white; }.coupon-select-card > div { display: flex; flex-direction: column; gap: 4px; }.coupon-select-card > div:first-child { color: var(--price); }.coupon-select-card > div:first-child b { font: 700 19px var(--font-display); }.coupon-select-card span, .coupon-select-card small { color: var(--muted); font-size: 8px; }.coupon-select-card strong { font-size: 9px; }.coupon-select-card i { display: grid; width: 18px; height: 18px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: white; font-style: normal; }.coupon-select-card.active { border-color: var(--brand); background: #fbfdfb; }.coupon-select-card.active i { border-color: var(--brand); background: var(--brand); }.single-bottom-action { position: absolute; z-index: 30; right: 0; bottom: 0; left: 0; padding: 9px 12px; border-top: 1px solid var(--line); background: white; }.single-bottom-action button { width: 100%; height: 42px; border: 0; border-radius: 7px; color: white; background: var(--brand); font-size: 10px; font-weight: 700; }
.points-product-page { height: calc(100% - 31px - 44px); padding-bottom: 70px; }.points-product-page > .product-art { width: 100%; height: 300px; border-radius: 0; }.points-product-page > section { padding: 14px; background: white; }.points-product-page h1 { margin: 9px 0; font-size: 17px; }.points-product-page section > b { color: var(--price); font: 700 24px var(--font-display); }.points-product-page section > b small { font-size: 10px; }.points-product-page section > p, .points-product-page > article p { color: var(--muted); font-size: 9px; line-height: 1.6; }.points-product-page > article { margin-top: 8px; padding: 13px; background: white; }.points-product-page > article h3 { margin: 0 0 6px; font-size: 11px; }
.auth-page { color: white; background: var(--ink); }.auth-page .mobile-status { color: white; }.auth-page > main { padding: 70px 26px 20px; }.auth-mark { display: grid; width: 50px; height: 50px; place-items: center; color: var(--brand); border-radius: 14px 3px 14px 3px; background: white; font: 700 28px var(--font-display); }.auth-page h1 { margin: 18px 0 7px; font-size: 23px; }.auth-page main > p { margin: 0 0 28px; color: rgba(255,255,255,.58); font-size: 9px; }.auth-page label { display: flex; flex-direction: column; gap: 7px; margin-top: 14px; font-size: 9px; }.auth-page input { width: 100%; height: 42px; padding: 0 11px; border: 1px solid rgba(255,255,255,.18); border-radius: 7px; color: white; background: rgba(255,255,255,.08); }.auth-page label > div { display: grid; grid-template-columns: 1fr 88px; gap: 7px; }.auth-page label button { border: 1px solid rgba(255,255,255,.22); border-radius: 7px; color: white; background: transparent; font-size: 9px; }.auth-submit { width: 100%; height: 43px; margin-top: 24px; border: 0; border-radius: 7px; color: var(--brand); background: white; font-size: 11px; font-weight: 700; }.auth-switch { width: 100%; margin-top: 14px; border: 0; color: rgba(255,255,255,.65); background: transparent; font-size: 9px; }

.image-preview-mask { position: absolute; z-index: 80; inset: 0; display: grid; place-items: center; padding: 24px; color: white; background: rgba(13, 23, 19, .94); }.image-preview-mask .product-art { width: 100%; height: 320px; border-radius: 12px; }.image-preview-mask > button { position: absolute; top: 48px; right: 18px; width: 32px; height: 32px; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; color: white; background: rgba(255,255,255,.1); }.image-preview-mask > span { align-self: start; margin-top: -85px; font-size: 9px; opacity: .65; }.review-image-row button { padding: 0; border: 0; background: transparent; }.review-reply-box { display: grid; grid-template-columns: 1fr 72px; gap: 8px; margin-top: 10px; }.review-reply-box textarea { min-height: 64px; padding: 9px; border: 1px solid var(--line); border-radius: 7px; resize: none; font-size: 9px; }.review-reply-box button { border: 0; border-radius: 7px; color: white; background: var(--brand); font-size: 9px; font-weight: 700; }.reply-waiting { display: flex; align-items: center; gap: 7px; margin-top: 10px; padding: 11px; color: var(--muted); border-radius: 7px; background: var(--paper); font-size: 8px; }
.campaign-detail-page .mobile-scroll { height: calc(100% - 31px - 44px); padding-bottom: 70px; }.campaign-art { position: relative; height: 294px; background: #e8eee9; }.campaign-art .product-art { width: 100%; height: 100%; border-radius: 0; }.campaign-art > .status-ticket { position: absolute; right: 12px; bottom: 12px; }.campaign-copy { padding: 14px; background: white; }.campaign-copy > div { display: flex; align-items: baseline; gap: 8px; }.campaign-copy strong { color: var(--price); font: 700 24px var(--font-display); }.campaign-copy del { color: var(--muted); font-size: 9px; }.campaign-copy h1 { margin: 8px 0 5px; font-size: 16px; }.campaign-copy p, .campaign-rule p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.6; }.group-choice { display: flex; width: calc(100% - 24px); align-items: center; justify-content: space-between; margin: 9px 12px 0; padding: 12px; text-align: left; border: 1px solid var(--line); border-radius: 8px; background: white; }.group-choice span { display: flex; flex-direction: column; gap: 5px; }.group-choice small { color: var(--muted); font-size: 8px; }.group-choice b { font-size: 10px; }.campaign-rule { margin-top: 9px; padding: 13px 14px; background: white; }.campaign-rule h3 { margin: 0 0 6px; font-size: 11px; }.campaign-quantity { margin: 9px 12px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 7px; background: white; }.single-bottom-action button:disabled { color: #88928c; background: #dfe5e1; }
.group-select-page { height: calc(100% - 31px - 44px); padding: 11px 12px 70px; }.group-summary { display: flex; align-items: center; justify-content: space-between; padding: 13px; color: white; border-radius: 10px 3px 10px 3px; background: var(--ink); }.group-summary b { font-size: 12px; }.group-summary span { color: rgba(255,255,255,.62); font-size: 8px; }.random-group, .group-option { display: grid; width: 100%; align-items: center; gap: 9px; margin-top: 9px; padding: 11px; text-align: left; border: 1px solid var(--line); border-radius: 8px; background: white; }.random-group { grid-template-columns: 30px 1fr 20px; color: var(--brand); background: var(--brand-soft); }.random-group span, .group-option span { display: flex; flex-direction: column; gap: 4px; }.random-group b, .group-option b { color: var(--ink); font-size: 9px; }.random-group small, .group-option small { color: var(--muted); font-size: 8px; }.random-group i, .group-option i { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; color: white; background: var(--brand); }.group-option { grid-template-columns: 34px 1fr 38px 20px; }.group-option strong { color: var(--brand); font: 700 13px var(--font-display); }.group-option.active { border-color: var(--brand); box-shadow: inset 0 0 0 1px var(--brand); }.group-option:disabled { opacity: .48; }
.address-edit-page .switch-row { display: grid !important; grid-template-columns: 1fr 34px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: white; }.address-edit-page .switch-row input { width: 30px; min-height: 18px; }
.refund-detail-page { height: calc(100% - 31px - 44px); padding: 11px 12px; }.refund-detail-page > section { padding: 16px; color: white; border-radius: 11px 3px 11px 3px; background: var(--ink); }.refund-detail-page h1 { margin: 11px 0 5px; font-size: 17px; }.refund-detail-page section p { margin: 0; color: rgba(255,255,255,.64); font-size: 9px; }.refund-amount { display: flex; align-items: center; justify-content: space-between; margin-top: 9px; padding: 13px; border: 1px solid var(--line); border-radius: 7px; background: white; font-size: 9px; }.refund-amount b { color: var(--price); font: 700 18px var(--font-display); }.refund-detail-page > article { margin-top: 9px; padding: 13px; border: 1px solid var(--line); border-radius: 7px; background: white; }.refund-detail-page article > div { display: grid; min-height: 50px; grid-template-columns: 16px 1fr; gap: 7px; }.refund-detail-page article i { width: 8px; height: 8px; margin-top: 2px; border: 2px solid #b8c2bc; border-radius: 50%; }.refund-detail-page article .active i { border-color: var(--brand); background: var(--brand); }.refund-detail-page article span { display: flex; flex-direction: column; gap: 4px; }.refund-detail-page article b { font-size: 9px; }.refund-detail-page article small { color: var(--muted); font-size: 8px; }
.preference-page { height: calc(100% - 31px - 44px); padding: 11px 12px; }.preference-page > label { display: grid; grid-template-columns: 1fr 36px; align-items: center; padding: 13px; border-bottom: 1px solid #edf0ed; background: white; }.preference-page > label:first-child { border-radius: 8px 8px 0 0; }.preference-page label span { display: flex; flex-direction: column; gap: 4px; }.preference-page label b { font-size: 9px; }.preference-page label small { color: var(--muted); font-size: 8px; }.preference-page input { width: 32px; height: 18px; }.preference-page section { margin-top: 10px; padding: 13px; border-radius: 7px; background: var(--brand-soft); }.preference-page section h3 { margin: 0 0 5px; font-size: 10px; }.preference-page section p { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.6; }.coupon-card.is-disabled { opacity: .5; filter: grayscale(.6); }
.about-page > button { display: flex; width: 100%; min-height: 40px; align-items: center; justify-content: space-between; padding: 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; font-size: 9px; }.list-grid.single-column { grid-template-columns: 1fr; }.list-grid.single-column .product-card { display: grid; grid-template-columns: 112px 1fr; align-items: center; text-align: left; }.list-grid.single-column .product-art { width: 112px; height: 104px; grid-row: 1 / 4; }.list-grid.single-column .product-card-meta { align-self: end; }