:root{--ink:#07152d;--deep:#071b38;--blue:#4ec5ff;--muted:#9fb2c9;--paper:#f5f8fc;--line:#dce6f1;--card:#fff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}.shell{max-width:1240px;margin:auto;padding:0 28px}.top{background:#07152d;color:#fff}.nav{height:76px;display:flex;align-items:center;gap:22px}.brand{font-weight:800;letter-spacing:-.05em;font-size:22px}.brand i{font-style:normal;color:var(--blue)}.navlinks{margin-left:auto;display:flex;gap:19px;font-size:13px;font-weight:700}.navlinks a{opacity:.77}.navlinks a.active,.navlinks a:hover{opacity:1;color:var(--blue)}.lang{border:1px solid #425677;border-radius:8px;background:transparent;color:white;padding:8px;font:12px Manrope}.hero{min-height:560px;background:#07152d url('/assets/hero-editorial.png') center/cover no-repeat;color:#fff}.veil{min-height:560px;background:linear-gradient(90deg,rgba(7,21,45,.96) 0%,rgba(7,21,45,.8) 34%,rgba(7,21,45,.16) 70%)}.hero-copy{max-width:630px;padding-top:88px}.eyebrow{color:var(--blue);font:500 12px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.07em;margin:15px 0 20px}.hero p{color:#cfdaea;max-width:540px;font-size:18px}.search{margin-top:28px;background:#fff;border-radius:11px;padding:6px;display:flex;max-width:570px}.search input{border:0;min-width:0;flex:1;padding:13px 15px;font:15px Manrope;outline:none}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:8px;padding:13px 19px;background:var(--blue);font-weight:800;color:var(--ink);border:0;cursor:pointer}.button.dark{background:var(--ink);color:#fff}.micro{margin-top:23px;font-size:12px;color:#aabbd1}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d6e1ed;margin-top:-1px}.stat{background:#fff;padding:22px 28px}.stat b{display:block;font:700 20px Manrope}.stat span{font-size:13px;color:#596b80}.section{padding:70px 0}.kicker{font:500 12px DM Mono,monospace;color:#42769a;text-transform:uppercase;letter-spacing:.1em}.section h2{font-size:38px;letter-spacing:-.05em;line-height:1.12;margin:9px 0 16px}.lede{max-width:660px;color:#51657c}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:30px}.card{background:var(--card);border:1px solid var(--line);padding:20px;border-radius:12px;min-height:156px;display:flex;flex-direction:column;justify-content:space-between}.card b{font-size:17px}.card p{margin:7px 0;color:#60748c;font-size:13px}.card a{font-size:13px;font-weight:800;color:#176ca0}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:start}.note{background:#e5f5ff;padding:28px;border-radius:12px}.note h3{margin:0 0 8px;font-size:22px;letter-spacing:-.04em}.note p{color:#31546d;font-size:14px}.page-head{padding:70px 0 34px;background:#07152d;color:#fff}.page-head h1{margin:8px 0;font-size:54px;letter-spacing:-.06em}.page-head p{max-width:650px;color:#c8d8ec}.article{max-width:780px}.article h2{font-size:27px;margin-top:38px}.article p{color:#42566e}.faq{display:grid;gap:11px}.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 20px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:#50667d;margin-bottom:0}.footer{padding:28px 0;background:#07152d;color:#b7c7d8;font-size:12px}.footer .shell{display:flex;justify-content:space-between;gap:20px}.notice{font-size:12px;color:#668099;margin-top:25px}.product{min-height:188px}.product .tag{font:11px DM Mono;color:#5c86a3}.arrow{font-size:16px}@media(max-width:820px){.shell{padding:0 18px}.nav{height:auto;padding:15px 0;flex-wrap:wrap}.navlinks{order:3;width:100%;margin:0;overflow:auto;padding-bottom:3px}.hero,.veil{min-height:520px}.hero-copy{padding-top:60px}.grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.page-head h1{font-size:42px}.statrow{grid-template-columns:1fr}.footer .shell{display:block}.footer p{margin:.4em 0}}@media(max-width:420px){.grid{grid-template-columns:1fr}.hero h1{font-size:44px}.search{flex-direction:column}.search .button{width:100%}}
/* Visual update: plain-colour hero and supplied logo */
.hero{background:#07152d !important}.veil{background:#07152d !important}.brand{display:block;width:184px;height:42px;font-size:0;background:url('/assets/hipobuy-logo-v2.png') left center/contain no-repeat}@media(max-width:820px){.brand{width:150px;height:36px}}
.products-grid{grid-template-columns:repeat(5,1fr)}.product-count{margin:0 0 16px;color:#58708a;font:12px monospace;text-transform:uppercase;letter-spacing:.08em}.product-card{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}.product-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#e9f0f7}.product-info{padding:11px}.product-info b{display:block;font-size:13px;line-height:1.3;min-height:34px;color:var(--ink)}.product-info strong{display:block;margin-top:8px;color:#0a83c5;font-size:15px}@media(max-width:820px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.products-grid{grid-template-columns:1fr}}
/* Hipobuy-inspired colour system: violet accent, warm charcoal surfaces and blue actions */
:root{--ink:#201a1d;--deep:#1a1517;--blue:#397dff;--muted:#80757a;--paper:#f4f1ef;--line:#e0d9d6;--card:#fffdfa}.top{position:relative;background:linear-gradient(90deg,#211a1b 0%,#251c1c 58%,#171416 100%);border-top:5px solid #9b70ff}.navlinks a.active,.navlinks a:hover{color:#4b88ff}.lang{border-color:#665b61}.hero{background:radial-gradient(circle at 78% 30%,#674638 0%,#382520 26%,#1c1718 62%,#161315 100%) !important;min-height:500px}.veil{min-height:500px;background:linear-gradient(90deg,rgba(22,19,21,.94),rgba(31,23,23,.76) 51%,rgba(31,22,20,.27))!important}.eyebrow{color:#9c7dff}.hero p{color:#e6ddda}.search{border-radius:999px;padding:7px;background:#fffdfc}.search input{padding-left:22px}.search .button{border-radius:999px;background:#397dff;color:#fff;padding-left:28px;padding-right:28px}.button{background:#397dff;color:#fff;border-radius:999px}.button.dark{background:#242022}.statrow{background:#ded7d5}.stat{background:#fffdfa}.section{padding:64px 0}.kicker{color:#77606a}.section h2{color:#251e20}.lede{color:#665b61}.card{border-radius:15px;border-color:#e4dcda;background:#fffdfa;box-shadow:0 5px 18px rgba(36,25,23,.04)}.card p{color:#776b70}.category-card{transition:transform .18s ease,box-shadow .18s ease}.category-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(37,25,24,.11)}.category-link{font-size:13px;font-weight:800;color:#397dff}.note{background:#eee8e5;border-radius:15px}.note p{color:#5e5257}.page-head{background:linear-gradient(110deg,#1f191b,#422b26)}.footer{background:#1c1719;color:#d7c9c6}.product-card{border-radius:14px;border-color:#e5dcd9;background:#fffdfa}.product-info strong{color:#397dff}.product-card:hover{box-shadow:0 12px 26px rgba(37,25,24,.12)}
@media(max-width:820px){body[data-page="home"] .hero,body[data-page="home"] .veil{min-height:345px}body[data-page="home"] .hero-copy{padding-top:38px}body[data-page="home"] .hero h1{font-size:40px;margin:10px 0 12px}body[data-page="home"] .hero p{font-size:15px;margin:0}body[data-page="home"] .micro{display:none}body[data-page="home"] .stat{padding:9px 18px}body[data-page="home"] .statrow{grid-template-columns:repeat(3,1fr)}body[data-page="home"] .section{padding:28px 0}body[data-page="home"] .grid{gap:8px;margin-top:14px}body[data-page="home"] .card{min-height:104px;padding:12px}body[data-page="home"] .card b{font-size:14px}body[data-page="home"] .card p{font-size:12px;line-height:1.35;margin:5px 0}body[data-page="home"] .products-grid{grid-template-columns:repeat(2,1fr)}body[data-page="home"] .product-info{padding:8px}body[data-page="home"] .product-info b{font-size:12px;min-height:29px}body[data-page="home"] .product-info strong{margin-top:4px;font-size:13px}body[data-page="home"] .split{gap:14px}.section h2{font-size:30px}.page-head{padding:38px 0 24px}.page-head h1{font-size:36px}}
.lang,.lang option{background:#050505!important;color:#fff!important}
/* Deep royal blue and cream-apricot gradient system */
:root{--ink:#071b5d;--deep:#061545;--blue:#2f70de;--muted:#5f6380;--paper:#fff4e6;--line:#e7cfb5;--card:#fffaf3}
body{background:linear-gradient(135deg,#061a5b 0%,#0b367f 31%,#f3cda7 72%,#fff0dd 100%) fixed;color:var(--ink)}
.top{background:linear-gradient(104deg,#041343 0%,#092569 56%,#174a9a 100%);border-top-color:#ffddb9}
.navlinks a.active,.navlinks a:hover,.brand i{color:#ffd4a7}
.hero{background:linear-gradient(118deg,#05164d 0%,#0a2f7a 57%,#c98a58 128%)!important}
.veil{background:linear-gradient(90deg,rgba(4,17,60,.96),rgba(7,30,91,.82) 48%,rgba(242,193,150,.24))!important}
.eyebrow{color:#ffd4a7}.hero p{color:#fff0df}
.search{background:#fff7ec}.search .button,.button{background:linear-gradient(135deg,#164ba7,#2f70de);color:#fff}
.button.dark{background:linear-gradient(135deg,#06174d,#0c347c)}
.statrow{background:rgba(255,226,193,.76)}.stat{background:rgba(255,250,243,.92)}
.section,.page-head{background:transparent}.page-head{background:linear-gradient(110deg,#06174c,#16478f 62%,#e4ab79)}
.section h2,.note h3,.product-info b{color:#071b5d}.kicker{color:#9a5429}.lede,.article p,.faq p{color:#3e4e78}
.card,.product-card,.faq details{background:rgba(255,250,243,.94);border-color:#e8cfb3;box-shadow:0 9px 24px rgba(5,26,81,.11)}
.card p{color:#586486}.category-link,.product-info strong,.card a{color:#164ba7}
.note{background:linear-gradient(135deg,#fff2e1,#f4cfaa)}.note p{color:#4d4f64}
.footer{background:linear-gradient(100deg,#041342,#092666 66%,#8c5532);color:#fbe9d5}
/* SEO reading copy: black sans-serif, including every translated article */
.article,.article h2,.article p{font-family:"Arial Black",Arial,Helvetica,"SimHei",sans-serif;color:#111!important}.article p{font-weight:400}.article h2{font-weight:800}.article .kicker{color:#111!important;font-weight:700}

/* Repository copy: text wordmark; no binary logo dependency */
.brand{display:block;width:auto;height:auto;font-size:22px;background:none!important}@media(max-width:820px){.brand{width:auto;height:auto}}