/* Brand, checkout and service components. Interactive controls stay high contrast. */
:root { --blue:#176e72; --blue-hover:#10545b; --ink:#172c36; --muted:#526371; --line:#dce5e7; --soft:#f5f7f6; }
body { background:radial-gradient(ellipse at 15% 0,#eff5f0,transparent 55%),#f6f8f7; }
button,input,textarea { font:inherit; } button { cursor:pointer; } textarea { resize:vertical; }
.account-button { border:0; background:transparent; color:#235264; white-space:nowrap; font-size:13px; padding:8px 0; }
.header-contact { background:#eaf5f1; color:#185d59; border-color:#b6d5ca; }
.brand small,.footer-brand>p,.footer-bottom,.footer-links,.link-button { color:#596b74; }
.market-banner { background:linear-gradient(110deg,#f0eee4,#e1eee8 60%,#d0e5df); border-color:#cbded5; color:#173e40; min-height:174px; }
.market-eyebrow { color:#476860; letter-spacing:.13em; }.market-eyebrow span { color:#698f82; }
.market-banner h1 { font-size:30px; font-weight:650; letter-spacing:-.025em; }.market-banner h1 span { color:#18786e; }.market-subtitle { color:#47615d; }
.market-banner>.source-art { position:absolute; right:15px; top:9px; width:210px; height:160px; transform:rotate(-13deg); z-index:0; }
.source-art i { position:absolute; width:120px; height:120px; border-radius:25px; border:1px solid #fcfffdbb; background:linear-gradient(150deg,#ffffff90,#72a99d30); box-shadow:8px 8px 15px #41756318; right:18px; top:4px; }
.source-art i:nth-child(2) { top:19px; right:33px; }.source-art i:nth-child(3) { top:34px; right:48px; }
.source-art b { position:absolute; top:56px; right:76px; font-size:42px; color:#287768; font-weight:500; }
.market-guide { background:#fff; border-color:#d5e2db; }.market-guide>span,.market-guide b { color:#176e72; }.market-guide h2 { color:#203d46; }
.category-tabs button { color:#36566b; border-color:#d4e0e2; background:#fff; }.category-tabs button.active { background:#153e48; color:#fff; border-color:#153e48; }
.category-tabs button>span { background:#e8f0ed; color:#235452; }.catalog-search { border-color:#bdccd1; background:#fff; }.catalog-search input::placeholder { color:#627582; }
.tile-jade { --cover-1:#d9eee0; --cover-2:#c1e2d4; --cover-accent:#275b4c; }.tile-cobalt { --cover-1:#e3ebfc; --cover-2:#c5d9ee; --cover-accent:#244f7b; }.tile-graphite { --cover-1:#eee8dc; --cover-2:#e3d2bb; --cover-accent:#75542d; }
.product-tile { border-color:#d7e2de; box-shadow:0 5px 16px #12382d08; border-radius:14px; }.tile-cover { color:var(--cover-accent); height:110px; }
.tile-cover::after { border:1px solid #ffffff80; box-shadow:0 0 0 18px #ffffff15,0 0 0 36px #ffffff10; }
.cover-copy>span { color:var(--cover-accent); font-weight:550; }.cover-copy strong { font-weight:650; }.cover-copy small { color:var(--cover-accent); opacity:1; }
.cover-mark { color:var(--cover-accent); opacity:.65; text-shadow:2px 2px 0 #ffffff99; font-weight:600; }
.tile-title h3 { color:#1d343b; }.tile-description { color:#506672; }.tile-badge { color:#3e665c; border-color:#c8dcd2; background:#f3f8f5; }
.tile-meta,.tile-price small { color:#5e737b; }.tile-meta>a { color:#176e72; }.tile-buy { background:#176e72; border-color:#176e72; }.tile-buy:hover { background:#10545b; }
.selection-note { background:linear-gradient(130deg,#fffdf8,#f3f1e8); border:1px solid #e5dfd0; padding:20px; border-radius:14px; }
.selection-kicker { color:#75633d; }.selection-note h3 { color:#51492f; }.selection-note dt,.selection-note>p { color:#756a55; }.selection-note dd { color:#514c3d; }.selection-note>a,.selection-note>p a { color:#25615c; }
.catalog-footnote p { color:#647377; }.catalog-footnote>a { color:#176e72; }.catalog-empty p { color:#526371; }.catalog-empty button { color:#176e72; border-color:#b6d5ca; }
.market-service-grid>a { border-color:#d8e3de; }.market-service-grid strong { color:#2c4b52; font-weight:600; }.market-service-grid small { color:#5a7076; }.market-service-grid>a>svg { color:#286c67; }.service-symbol { color:#216a61; background:#edf5f0; border-color:#d6e6dc; }
.market-partner>.container { background:linear-gradient(110deg,#ecf2ec,#f3f4ed); border-color:#d4dfd3; }.partner-copy>span,.partner-copy p { color:#586b57; }.partner-copy h2 { color:#2d4739; }.market-partner .container>a { color:#245d4f; border-color:#bfcfbf; }
.intro-desc,.product-lead,.agent-hero p:not(.eyebrow),.support-warning,.table-footnote,.guide-read-time,.timeline span,.article-sidebar a span { color:#526371 !important; }
.mobile-shortcuts a { color:#526872; }
.cashier-page { padding:32px 0 55px; }.cashier-page .back-link { margin-bottom:22px; }.cashier-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:25px; }.cashier-heading h1 { font-size:32px; margin:0; }.cashier-heading>span { font-size:12px; color:#557079; }.cashier-heading i { font-style:normal; margin:0 15px; color:#b3c4c3; }
.cashier-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:25px; align-items:start; }.cashier-sheet,.cashier-summary { border:1px solid #d8e3df; border-radius:17px; background:#fff; padding:30px; box-shadow:0 8px 25px #203a3005; }
.cashier-product { display:flex; gap:17px; align-items:center; padding-bottom:25px; border-bottom:1px solid #e3eae5; }.checkout-product-mark { display:grid; place-items:center; width:66px; height:70px; border-radius:14px; background:#e0efe4; color:#287059; font-size:38px; flex-shrink:0; }.cashier-product small { color:#58726d; font-size:11px; }.cashier-product h2 { font-size:21px; margin:3px 0 5px; }.cashier-product p { font-size:13px; color:#556a72; margin:0; }.cashier-product>a { margin-left:auto; color:#176e72; font-size:12px; white-space:nowrap; }
.guest-notice { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:23px 0 32px; font-size:12px; }.guest-notice span { display:flex; gap:7px; align-items:center; }.guest-notice svg { width:16px; color:#1d8173; }.guest-notice button,.cashier-help,.guide-bottom button,.care-foot button,.partner-help button { background:none; border:0; color:#146e70; padding:0; font-size:inherit; }.cashier-sheet>h3 { font-size:16px; margin-bottom:17px; }
.method-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.method-card { display:flex; align-items:center; gap:11px; background:#fff; border:1px solid #b8c9ce; padding:18px 15px; border-radius:11px; text-align:left; }.method-card strong { font-size:15px; display:block; color:#213d42; }.method-card small { font-size:11px; color:#596e73; display:block; margin-top:2px; }.method-icon { display:grid; place-items:center; width:35px; height:35px; border-radius:9px; flex-shrink:0; color:white; }.wechat-icon { background:#07ac5f; }.alipay-icon { background:#1677ff; font-size:26px; font-weight:700; }.method-icon svg { width:25px; height:25px; }.method-card i { border:1px solid #b4c5ca; height:16px; width:16px; border-radius:50%; margin-left:auto; flex-shrink:0; }.method-card.selected { border:2px solid #20976b; padding:17px 14px; background:#f3fbf6; }.method-card.selected[data-method=alipay] { border-color:#1677ff; background:#f3f8ff; }.method-card.selected i { background:#1e946b; box-shadow:inset 0 0 0 3px white; border-color:#1e946b; }.method-card.selected[data-method=alipay] i { background:#1677ff; border-color:#1677ff; }.checkout-explain { display:flex; align-items:center; gap:10px; padding:20px 0 0; font-size:12px; color:#536b75; }.checkout-explain p { margin:0; }.checkout-explain a { color:#176e72; }
.cashier-summary .eyebrow { font-size:12px; }.cashier-summary h2 { font-size:22px; }.cashier-summary dl { font-size:13px; margin:25px 0; }.cashier-summary dl>div { display:flex; justify-content:space-between; margin:13px 0; }.cashier-summary dt { color:#5b7078; }.cashier-summary dd { margin:0; }.cashier-total { padding-top:20px; border-top:1px solid #dce5e1; }.cashier-total>span { font-size:13px; display:block; }.cashier-total>span small { font-size:10px; color:#62746c; padding-left:7px; }.cashier-total strong { display:block; font-size:42px; font-weight:600; line-height:1.5; letter-spacing:-.04em; }.cashier-total strong small { font-size:20px; margin:0 4px; }.pay-submit { display:flex; justify-content:space-between; width:100%; background:#08a25b; border:0; color:white; padding:14px 20px; border-radius:9px; margin-top:19px; font-weight:600; }.pay-submit[data-selected=alipay] { background:#1677ff; }.preview-warning { color:#815e22; background:#faf4e5; padding:8px 10px; border-radius:6px; font-size:11px; margin:14px 0 18px; text-align:center; }.cashier-help { display:flex; align-items:center; gap:7px; font-size:12px; margin:auto; }.cashier-help svg { width:16px; }
dialog { border:0; border-radius:20px; padding:0; color:var(--ink); box-shadow:0 25px 100px #0c333b40; width:min(440px,calc(100% - 28px)); max-height:calc(100dvh - 30px); }dialog::backdrop { background:#142d3c70; backdrop-filter:blur(5px); }dialog[open] { animation:appear .18s ease-out; }@keyframes appear { from { opacity:0; transform:translateY(8px); } }
.modal-top { display:flex; align-items:center; gap:10px; padding:18px 22px; border-bottom:1px solid #e4ebe7; }.modal-top h2 { margin:0; font-size:16px; }.modal-close { margin-left:auto; border:0; background:#edf2f0; color:#35565e; border-radius:50%; width:29px; height:29px; display:grid; place-items:center; font-size:20px; }.cashier-dialog-body { padding:17px 28px 25px; text-align:center; }.cashier-dialog-body .preview-warning { margin:0 0 15px; }.cashier-dialog-body>p { font-size:13px; color:#526b72; margin-bottom:6px; }.dialog-price { display:block; font-size:38px; color:#203e45; line-height:1.4; margin-bottom:12px; }.dialog-price small { font-size:20px; }.cashier-qr { width:244px; max-width:100%; border:1px solid #c8dfd4; border-radius:14px; margin:auto; padding:11px; background:#fff; }.cashier-qr img { display:block; width:220px; max-width:100%; aspect-ratio:1; }.scan-tip { margin-top:14px; font-weight:600; }.merchant-line { font-size:11px !important; margin:4px 0 15px !important; }.qr-save { display:inline-block; border:1px solid #bed3cd; border-radius:6px; padding:6px 15px; font-size:12px; color:#136d67; }.cashier-dialog-body .manual-note { font-size:11px; margin:15px 0 0; line-height:1.8; }
.quick-guides { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }.quick-guide { border:1px solid #d7e3dc; border-radius:16px; overflow:hidden; background:white; }.guide-illustration { position:relative; min-height:146px; padding:28px; background:#e1eee6; color:#276650; }.quick-guide:nth-child(2) .guide-illustration { background:#e2edf3; color:#235e80; }.quick-guide:nth-child(3) .guide-illustration { background:#eee8d9; color:#755f32; }.guide-illustration>span { display:grid; place-items:center; width:48px; height:48px; border:1px solid #fff; background:#ffffff66; border-radius:13px; }.guide-illustration svg { width:27px; height:27px; }.guide-illustration b { position:absolute; right:28px; top:20px; font-size:67px; opacity:.18; font-weight:500; }.guide-illustration p { margin:12px 0 0; font-size:12px; letter-spacing:.06em; }.quick-guide>div:last-child { padding:23px; }.quick-guide small { color:#4e7770; font-size:10px; letter-spacing:.12em; }.quick-guide h2 { font-size:19px; margin:8px 0; }.quick-guide p { font-size:13px; color:#4c6969; }.quick-guide strong { display:flex; align-items:center; gap:12px; font-size:12px; color:#176e72; margin-top:20px; }.guide-bottom { display:flex; justify-content:center; gap:25px; margin:28px 0 0; font-size:13px; color:#486366; }.guide-bottom a { color:#176e72; }
.care-panel { background:linear-gradient(125deg,#fafffc,#e5f0e9); border:1px solid #ccded2; border-radius:17px; padding:32px; }.care-symbol { width:48px; height:48px; border:1px solid #bedace; background:white; border-radius:14px; display:grid; place-items:center; margin-bottom:24px; color:#19765c; }.care-symbol svg { width:26px; height:26px; }.care-panel h2 { font-size:28px; margin-bottom:15px; }.care-panel>p:not(.eyebrow) { color:#49695f; font-size:14px; max-width:490px; line-height:1.9; }.care-panel .button { margin-top:10px; }.care-foot { display:flex; flex-wrap:wrap; gap:15px; align-items:center; border-top:1px solid #c8ddce; padding-top:19px; margin-top:28px; font-size:12px; color:#4b655d; }.care-foot b { font-weight:500; padding-left:7px; }
.partner-hero { padding:35px 0; background:linear-gradient(100deg,#edf3ec,#dcebe2); }.partner-hero>.container { display:flex; justify-content:space-between; align-items:center; }.partner-hero h1 { font-size:42px; margin-bottom:16px; }.partner-hero p:not(.eyebrow) { color:#496255; font-size:15px; line-height:1.8; }.partner-visual { position:relative; width:300px; height:240px; border:1px solid #abc9b6; background:linear-gradient(125deg,#ffffffe0,#b4d6c5); box-shadow:18px 18px 0 #7aa78b22; border-radius:20px; transform:rotate(-5deg); padding:28px; color:#1c5d43; margin-right:45px; }.partner-visual span { display:block; font-size:55px; }.partner-visual i { display:block; font-style:normal; font-size:11px; letter-spacing:.22em; }.partner-visual b { display:block; font-size:24px; margin-top:26px; }.partner-intake { display:grid; grid-template-columns:1fr 1fr; gap:90px; }.partner-intake h2 { font-size:29px; line-height:1.5; }.partner-intake>div>p:not(.eyebrow) { font-size:14px; color:#516b60; }.partner-channel { border:1px solid #c9dcd1; padding:23px; border-radius:12px; background:#fff; margin-top:26px; }.partner-channel b { display:flex; align-items:center; gap:8px; font-size:15px; }.partner-channel span { display:block; font-size:12px; color:#556d65; margin:9px 0; }.partner-channel button { padding:0; color:#176e72; border:0; background:none; font-size:13px; }.partner-help { margin-top:22px; font-size:12px !important; }
.partner-form { padding:29px; border:1px solid #d4dfd8; border-radius:16px; background:white; }.partner-form label,.auth-content label { display:block; font-size:13px; margin:0 0 8px; }.partner-form label small { color:#63776c; font-size:11px; }.partner-form input:not([type=checkbox]),.partner-form textarea,.auth-content input,.admin-login input { display:block; width:100%; border:1px solid #b7cac3; border-radius:8px; background:#fff; padding:10px 12px; font-size:14px; color:#1d3a35; margin:0 0 19px; }.partner-form input::placeholder,.partner-form textarea::placeholder { color:#60776b; font-size:12px; }.partner-form .consent { display:flex; align-items:center; gap:7px; font-size:11px; margin:4px 0 20px; }.consent input { accent-color:#176e72; }.partner-form .button { width:100%; }.honeypot { position:absolute !important; left:-9999px !important; width:1px !important; }.form-feedback { font-size:12px; color:#a23e2c; margin:10px 0 0; overflow-wrap:anywhere; }.form-feedback.success { color:#187655; }
.auth-content { padding:25px; }.auth-content>p { font-size:13px; color:#526c67; }.auth-code-row { display:flex; gap:10px; align-items:start; }.auth-code-row input { min-width:0; flex:1; }.auth-code-row button { border:1px solid #9ec7b4; color:#176e72; background:#edf7f0; border-radius:8px; padding:10px; font-size:12px; white-space:nowrap; height:44px; }.auth-content .button { width:100%; }.auth-content small { display:block; font-size:11px; color:#5d7368; margin-top:13px; }.auth-local { color:#805b21 !important; background:#fcf3de; border-radius:7px; padding:9px; font-size:11px !important; }.account-email { overflow-wrap:anywhere; font-weight:600; }
.chat-launcher { position:fixed; bottom:26px; right:25px; z-index:60; border:1px solid #2e7e72; border-radius:30px; padding:13px 18px; background:#175f58; color:#fff; box-shadow:0 8px 30px #154b3f25; display:flex; align-items:center; gap:9px; font-size:13px; }.chat-launcher svg { width:19px; }.chat-dialog { width:min(410px,calc(100% - 24px)); margin:auto 22px 20px auto; }.chat-dialog::backdrop { background:#17352d20; backdrop-filter:none; }.chat-shell { display:flex; flex-direction:column; height:min(640px,calc(100dvh - 36px)); }.chat-top { padding:17px 19px; background:#175f58; color:#fff; }.chat-top h2 { font-size:16px; }.chat-top small { display:block; font-size:10px; color:#e0f2e8; margin-top:2px; }.chat-top .modal-close { background:#ffffff25; color:#fff; }.chat-faq { padding:14px 16px; border-bottom:1px solid #dce7e0; background:#f5f9f6; }.chat-faq>p { font-size:11px; color:#526c61; margin-bottom:8px; }.chat-faq>div { display:flex; flex-wrap:wrap; gap:6px; }.chat-faq button { font-size:11px; border:1px solid #bdd5c7; background:#fff; color:#245e49; border-radius:6px; padding:6px 9px; }
.chat-messages { flex:1; min-height:60px; overflow:auto; padding:17px; background:#fff; }.message { margin-bottom:14px; display:flex; flex-direction:column; align-items:flex-start; }.message>small { color:#597568; font-size:10px; margin:0 4px 5px; }.message>p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; max-width:92%; padding:10px 12px; border:1px solid #e0e9e3; border-radius:2px 12px 12px; background:#f0f5f1; font-size:13px; line-height:1.7; }.message.customer { align-items:flex-end; }.message.customer>p { background:#dff0e6; border-color:#c8e1d1; border-radius:12px 2px 12px 12px; }.message.system>p { font-size:11px; background:#fff6e5; border-color:#ede0bf; color:#72591f; }.chat-actions { display:flex; justify-content:space-between; align-items:center; padding:10px 16px; border-top:1px solid #dfe8e2; font-size:11px; color:#46695a; }.chat-actions button { background:#fff; border:1px solid #73a48a; border-radius:6px; padding:5px 10px; color:#1e5e42; font-size:12px; }.chat-compose { display:flex; gap:10px; padding:0 15px 15px; }.chat-compose textarea { min-width:0; flex:1; height:62px; padding:9px; resize:none; border:1px solid #b7cec0; border-radius:8px; font-size:13px; }.chat-compose button { align-self:stretch; border:0; border-radius:8px; background:#176e72; color:#fff; padding:0 15px; font-size:13px; }.chat-login-prompt { padding:0 16px 16px; }.chat-login-prompt button { width:100%; }.chat-feedback { padding:0 17px; font-size:11px; color:#9d3e28; margin:0 0 8px; }
button:disabled { cursor:wait; opacity:.65; }
@media(max-width:1050px) { .header-row { gap:20px; }.desktop-nav { gap:18px; }.source-art { right:-40px; opacity:.5; }.cashier-layout { grid-template-columns:minmax(0,1fr) 290px; gap:17px; }.cashier-sheet,.cashier-summary { padding:22px; }.method-grid { grid-template-columns:1fr; }.partner-intake { gap:40px; } }
@media(max-width:850px) { .cashier-layout { grid-template-columns:1fr; }.method-grid { grid-template-columns:1fr 1fr; }.quick-guides { gap:14px; }.quick-guide>div:last-child { padding:18px; }.quick-guide h2 { font-size:17px; }.partner-visual { margin-right:10px; width:230px; }.care-panel h2 { font-size:25px; } }
@media(max-width:610px) { .account-button { font-size:11px; }.header-actions { gap:10px; }.header-contact { padding:7px; font-size:11px; }.header-contact svg { display:none; }.brand { font-size:17px; }.brand img { width:31px; height:31px; }.header-row { gap:10px; }.market-banner { min-height:145px; padding:21px; }.market-banner h1 { font-size:22px; max-width:255px; }.market-banner h1 span { display:block; }.market-subtitle { font-size:10px; }.source-art { right:-65px; top:5px; transform:rotate(-13deg) scale(.85); opacity:.5; }.tile-cover { height:100%; }.tile-buy { gap:5px; }.tile-badge { color:#325949; }.tile-title h3 { font-size:14px; }.tile-description { font-size:11px; }.cover-mark { opacity:.7; }.cashier-page { padding:22px 0 35px; }.cashier-heading { display:block; }.cashier-heading h1 { font-size:27px; }.cashier-heading>span { display:block; margin-top:15px; }.cashier-sheet,.cashier-summary { padding:20px; }.cashier-product { gap:12px; flex-wrap:wrap; }.cashier-product>a { margin-left:78px; }.cashier-product h2 { font-size:19px; }.method-grid { grid-template-columns:1fr; }.guest-notice { font-size:11px; margin-bottom:23px; }.guest-notice svg { width:14px; }.cashier-total strong { font-size:38px; }.quick-guides { grid-template-columns:1fr; }.quick-guide { display:grid; grid-template-columns:104px minmax(0,1fr); }.guide-illustration { min-height:150px; padding:20px 17px; }.guide-illustration b { right:15px; top:74px; font-size:46px; }.guide-illustration p { display:none; }.quick-guide h2 { font-size:17px; margin:6px 0; }.quick-guide p { font-size:12px; margin-bottom:0; }.quick-guide strong { margin-top:13px; font-size:11px; }.guide-bottom { flex-wrap:wrap; gap:13px; font-size:12px; }.care-panel { padding:25px; }.care-panel h2 { font-size:23px; }.care-panel>p:not(.eyebrow) { font-size:13px; }.partner-hero h1 { font-size:33px; }.partner-visual { display:none; }.partner-intake { grid-template-columns:1fr; gap:25px; }.partner-intake h2 { font-size:27px; }.partner-form { padding:22px; }.chat-launcher { bottom:78px; right:14px; padding:10px 13px; font-size:12px; }.chat-dialog { margin:auto auto 10px; width:calc(100% - 16px); }.chat-shell { height:min(630px,calc(100dvh - 24px)); }.chat-faq { padding:12px; }.chat-dialog .modal-top { padding:14px 16px; }.cashier-dialog-body { padding:15px 23px 22px; } }
@media(max-width:370px) { .header-contact { display:none; }.account-button { font-size:12px; }.tile-title h3 { font-size:13px; }.tile-buy { font-size:10px; }.tile-price strong { font-size:23px; }.market-banner h1 { font-size:20px; } }
@media(max-width:1050px) { .market-banner>.source-art { right:-40px; } }
@media(max-width:610px) { .market-banner>.source-art { right:-65px; top:5px; }.chat-launcher { display:none; } }

/* Photographic product collection: compact covers with recognizable platform marks. */
.brand { font-size:25px; font-weight:760; letter-spacing:-.035em; }.brand small { font-size:9px; letter-spacing:.22em; margin-top:5px; }
.market-banner { background:linear-gradient(115deg,#f0ede4,#e7efe8 68%,#dfece6); min-height:170px; }
.market-banner h1 { font-size:30px; max-width:470px; }.market-banner h1 span { display:block; }.market-subtitle { max-width:470px; }
.market-banner>.hero-products { width:300px; height:190px; top:0; right:-6px; transform:none; opacity:1; }
.hero-products>div { position:absolute; width:166px; height:112px; border:4px solid #fff; border-radius:12px; box-shadow:0 8px 20px #274a4225; overflow:hidden; transform:rotate(-13deg); top:8px; right:62px; background:#fff; }
.hero-products>div:nth-child(2) { top:40px; right:0; transform:rotate(12deg); }.hero-products>div:nth-child(3) { top:102px; right:84px; transform:rotate(-7deg); }.hero-products img { width:100%; height:100%; object-fit:cover; }
.tile-cover { height:157px; padding:16px; align-items:flex-start; background:#e5e9e7; }
.tile-cover::after { display:none; }.product-art { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; z-index:-1; transition:transform .35s; }
.tile-cover:hover .product-art { transform:scale(1.045); }.cover-copy { padding:0; color:#102e35; text-shadow:0 1px 12px #ffffffc9; }
.cover-copy>.product-platform { display:flex; flex-direction:row; gap:5px; align-items:center; font-size:10px; color:#152c31; background:#ffffffe6; border-radius:5px; padding:3px 6px 3px 3px; box-shadow:0 2px 7px #18292e07; margin-bottom:7px; }
.product-platform img { width:22px; height:22px; display:block; object-fit:contain; }
.cover-copy strong { font-size:25px; color:#152c31; }.cover-copy small { font-size:8px; color:#233d3e; margin-top:5px; background:#ffffffce; border-radius:3px; padding:2px 4px; }
.tile-title { flex-wrap:wrap; gap:5px; }.tile-title h3 { font-size:16px; }.tile-content { padding:16px; }.tile-description { min-height:22px; }.tile-meta { margin-top:13px; }.tile-price strong { font-size:28px; }.tile-buy { font-size:12px; }
.selection-note { background:#fcfaf4; padding:23px; }.selection-note h3 { font-size:25px; }.selection-note dl { display:grid; gap:18px; }.selection-note dd { font-size:13px; }
.product-detail-art { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; border-radius:10px; margin:15px 0; }
.partner-visual span { font-size:32px; letter-spacing:-.045em; padding-top:13px; }
@media(max-width:1150px) { .market-banner h1 { max-width:360px; font-size:28px; }.market-banner>.hero-products { right:-80px; }.tile-cover { height:145px; }.cover-copy strong { font-size:22px; }.tile-title h3 { font-size:15px; }.tile-description { font-size:11px; } }
@media(max-width:900px) { .market-banner>.hero-products { opacity:.4; right:-135px; }.market-banner h1 { font-size:25px; }.market-subtitle { max-width:280px; } }
@media(max-width:610px) { .brand { font-size:21px; }.brand small { font-size:8px; }.header-contact { font-size:11px; }.market-banner { min-height:165px; padding:21px; }.market-banner h1 { font-size:24px; line-height:1.45; max-width:235px; }.market-banner h1 span { display:block; }.market-banner>.hero-products { transform:scale(.8); transform-origin:right center; top:0; right:-66px; opacity:.42; }.market-subtitle { max-width:225px; font-size:10px; }.product-tile { grid-template-columns:112px minmax(0,1fr); }.tile-cover { height:100%; min-height:154px; padding:10px; }.tile-cover .product-art { object-position:62% center; }.tile-cover .cover-copy strong,.tile-cover .cover-copy small { display:none; }.cover-copy>.product-platform { gap:3px; font-size:8px; padding:3px; border-radius:4px; }.product-platform img { width:19px; height:19px; }.tile-content { padding:13px 12px; }.tile-title h3 { font-size:14px; }.tile-badge { font-size:8px; }.tile-description { font-size:11px; line-height:1.6; margin-bottom:10px; min-height:0; }.tile-footer { padding-top:9px; }.tile-price strong { font-size:25px; }.tile-price small { font-size:9px; }.tile-buy { font-size:11px; padding:7px; gap:5px; } }
@media(max-width:370px) { .brand { font-size:20px; }.product-tile { grid-template-columns:94px minmax(0,1fr); }.tile-content { padding:12px 10px; }.tile-title h3 { font-size:13px; }.tile-description { font-size:10px; }.tile-buy { font-size:10px; padding:6px; }.tile-price strong { font-size:21px; }.tile-price small { font-size:8px; }.cover-copy>.product-platform { font-size:7px; }.product-platform img { width:17px; height:17px; }.market-banner h1 { font-size:22px; }.market-banner>.hero-products { right:-97px; } }
@media(prefers-reduced-motion:reduce) { .tile-cover:hover .product-art { transform:none; } }

/* Store identity and accountable support, without unverified trust badges. */
.desktop-nav { gap:24px; }.header-row { gap:28px; }.market-intro { padding:24px 0 0; }.market-banner-grid { display:block; }.market-banner { border-radius:15px 15px 0 0; min-height:156px; border-bottom:0; }.market-guide { display:none; }.market-banner h1 { font-size:29px; max-width:600px; }.market-banner h1 span { display:inline; }.market-banner>.hero-products { right:45px; top:-7px; }.hero-products>div { border-width:2px; border-radius:6px; }.hero-products img { object-fit:contain; }.hero-products { animation:gentle-float 7s ease-in-out infinite; }
@keyframes gentle-float { 0%,100% { translate:0 0; } 50% { translate:0 -4px; } }
.store-profile { margin-bottom:23px; }.store-profile>.container { border:1px solid #d2ded7; border-top:0; border-radius:0 0 15px 15px; background:#fff; padding:22px 30px 18px; }
.store-identity { display:flex; align-items:center; justify-content:space-between; gap:20px; }.store-identity h2 { font-size:23px; margin:0 0 8px; }.store-identity h2 span { display:inline-block; font-size:11px; vertical-align:middle; font-weight:400; border-left:1px solid #c3d4cd; margin-left:13px; padding-left:13px; color:#526c60; }.store-identity p { font-size:12px; color:#506357; margin:0; }.store-contact { display:flex; align-items:center; gap:12px; }.store-contact button { display:flex; align-items:center; gap:8px; background:#eaf5ee; border:1px solid #a7cbbb; border-radius:7px; color:#1d694c; font-size:12px; padding:9px 14px; }.store-contact>a { color:#265b69; background:#f2f6f8; border:1px solid #bfd0d7; border-radius:7px; font-size:12px; padding:9px 14px; }.store-assurances { display:flex; align-items:center; gap:23px; margin-top:18px; border-top:1px solid #e6ede7; padding-top:14px; font-size:11px; color:#4e695f; }.store-assurances a { display:flex; align-items:center; gap:6px; }.store-assurances svg { width:15px; height:15px; color:#287258; }.store-assurances>span { margin-left:auto; color:#49635b; }.category-tabs button small { font-size:9px; border:1px solid #cabd9d; color:#6a572a; border-radius:4px; padding:0 4px; }
.tile-cover { height:auto; aspect-ratio:5/3; padding:0; }.product-art { object-fit:contain; }.tile-cover .cover-copy { display:none; }.product-detail-art { aspect-ratio:5/3; object-fit:contain; }
.service-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:30px; align-items:start; }.service-flow { display:flex; gap:13px; justify-content:space-between; padding:15px 18px; background:#e9f1ec; border:1px solid #c9ddd0; border-radius:10px; margin-bottom:15px; font-size:12px; color:#2d6650; }.service-layout h2 { font-size:22px; }.service-login-hint { font-size:13px; color:#526a5c; }.partner-form select { width:100%; margin-bottom:18px; padding:10px 12px; border:1px solid #b7cac3; border-radius:8px; font:inherit; background:#fff; color:#244a37; font-size:14px; }.service-principles,.ticket-history { padding:25px; border:1px solid #d2dfd6; border-radius:14px; background:#fff; margin-bottom:19px; }.service-principles p,.service-principles li,.ticket-history p { font-size:13px; color:#50685c; line-height:1.8; }.service-principles ul { margin:14px 0; padding-left:20px; }.service-principles li { margin:7px 0; }.service-principles button,.ticket-history button { background:transparent; border:0; color:#156b50; font-size:13px; padding:0; }.ticket-item { border-top:1px solid #d6e3da; padding:17px 0; }.ticket-item small { display:block; font-size:10px; color:#5d7967; overflow-wrap:anywhere; }.ticket-item strong { display:block; color:#215f46; font-size:14px; margin:7px 0; }.ticket-item p { white-space:pre-wrap; overflow-wrap:anywhere; }.ticket-reply { padding:12px; border-radius:8px; background:#eaf5ec; }
@media(max-width:1150px) { .desktop-nav { gap:16px; }.header-row { gap:19px; }.market-banner h1 { max-width:450px; font-size:27px; }.market-banner h1 span { display:block; }.market-banner>.hero-products { right:18px; }.category-tabs button { padding:8px 11px; font-size:13px; } }
@media(max-width:850px) { .service-layout { grid-template-columns:1fr; }.market-banner>.hero-products { right:20px; opacity:.65; }.store-assurances { gap:16px; flex-wrap:wrap; }.store-assurances>span { margin-left:0; } }
@media(max-width:610px) { .market-intro { padding-top:16px; }.market-banner { min-height:145px; padding:20px; }.market-banner h1 { font-size:23px; }.market-banner>.hero-products { right:-77px; opacity:.24; }.store-profile>.container { padding:17px; }.store-identity { display:block; }.store-identity h2 { font-size:19px; }.store-identity h2 span { font-size:9px; margin-left:8px; padding-left:8px; }.store-identity p { font-size:11px; }.store-contact { margin-top:14px; gap:10px; }.store-contact button,.store-contact>a { padding:7px 11px; font-size:11px; }.store-assurances { gap:11px 14px; margin-top:15px; padding-top:12px; font-size:10px; }.store-assurances>span { width:100%; }.store-profile { margin-bottom:17px; }.catalog-bar { gap:12px; }.category-tabs { width:100%; gap:5px; }.category-tabs button { font-size:11px; padding:7px 9px; gap:5px; }.category-tabs button small { font-size:8px; }.catalog-search { width:100%; }.catalog-search input { font-size:12px; }.product-tile { grid-template-columns:119px minmax(0,1fr); }.tile-cover { height:100%; min-height:147px; aspect-ratio:auto; background:#eef4ee; }.tile-cover .product-art { object-fit:contain; object-position:center; }.tile-cobalt .tile-cover { background:#edf2f8; }.tile-graphite .tile-cover { background:#f3efe5; }.tile-title h3 { font-size:13px; }.tile-description { font-size:10px; }.tile-price strong { font-size:23px; }.tile-buy { font-size:10px; }.service-flow { font-size:10px; gap:7px; padding:13px; }.service-principles,.ticket-history { padding:22px; } }
@media(max-width:370px) { .product-tile { grid-template-columns:94px minmax(0,1fr); }.category-tabs button { font-size:10px; padding-inline:7px; }.category-tabs button small { font-size:7px; }.store-identity h2 span { font-size:8px; }.tile-title h3 { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { .hero-products { animation:none; } }
.store-identity p { font-size:13px; }.store-assurances { font-size:12px; }
@media(max-width:610px) { .market-banner { min-height:125px; padding:17px 20px; }.market-banner h1 { font-size:22px; line-height:1.4; }.market-eyebrow { margin-bottom:7px; }.store-profile>.container { padding:15px 17px; }.store-identity h2 { display:none; }.store-identity p { font-size:11px; }.store-assurances { font-size:10px; gap:10px 12px; }.store-assurances>span { display:none; }.tile-cover .product-art { object-fit:cover; }.store-contact { margin-top:12px; } }