:root{--red:#e22d36;--red-dark:#bd202b;--ink:#14273d;--muted:#6c7c90;--line:#e1e7ed;--paper:#f4f6f8;--soft:#edf1f5;--navy:#10243b;--green:#12815f;--radius:12px}
html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.header-inner{position:relative;min-height:68px;height:auto;display:flex;align-items:center;gap:15px}.header-inner>.brand{margin-right:auto}.brand{display:inline-flex;align-items:center;white-space:nowrap}.brand img{display:block;width:220px;height:auto;max-width:calc(100vw - 96px)}.desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto;color:#40536a;font-size:12px;font-weight:700}.desktop-nav a:hover{color:var(--red)}.head-phone{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;gap:7px;border-radius:10px;background:#fff0f0;color:var(--red-dark);font-weight:800}.head-phone svg{display:none}.mobile-menu{display:none;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);width:42px;height:42px;font-size:21px}
.hero{overflow:hidden;background:var(--navy);color:#fff}.hero-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.86fr);gap:26px;align-items:center;padding-block:28px}.hero-copy{width:auto;padding:0}.hero .eyebrow{color:#ff5962;font-size:10px;letter-spacing:1.25px}.hero .eyebrow i{width:7px;height:7px;background:var(--red);border-radius:50%}.hero h1{margin:12px 0 9px;max-width:490px;color:#fff;font:800 clamp(28px,4vw,42px)/1.07 Arial,Helvetica,sans-serif;letter-spacing:-.9px}.hero-copy>p{max-width:460px;margin:0;color:#c4d0dd;font-size:13px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.hero-actions .btn{min-height:45px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:0;border-radius:9px;font-weight:800;font-size:12px}.whatsapp-solid{background:#13815f!important;color:#fff!important}.call-light{border:1px solid #ffffff55!important;background:#ffffff0b!important;color:#fff!important}.hero-trust{display:flex;flex-wrap:wrap;gap:13px;margin-top:16px;color:#b8c7d8;font-size:10px}.hero-photo{height:245px;min-width:0;overflow:hidden;border:1px solid #ffffff18;border-radius:14px;background:#d9dfe5}.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center right}
.condition-strip{padding:12px 0;background:#fff;border-bottom:1px solid var(--line)}.condition-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.condition-choice{min-height:59px;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;color:var(--ink)}.condition-choice.active{border-color:#efb7bb;background:#fff5f5}.condition-choice strong,.condition-choice small{display:block}.condition-choice strong{font-size:11px}.condition-choice small{margin-top:2px;color:var(--muted);font-size:9px}.condition-symbol{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:9px;background:#fce8e9;color:var(--red-dark);font-weight:900;font-size:15px}.new-symbol{background:#eaf2ff;color:#245da2}.used-symbol{background:#f1efff;color:#6650a4}
.products-section{padding:26px 0 35px;background:var(--paper)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 0 14px}.section-head h2{margin:5px 0 3px;color:var(--ink);font:800 22px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.3px}.section-head p{margin:0;color:var(--muted);font-size:11px}.section-head .eyebrow{font-size:9px;color:var(--red-dark)}.catalog-tools{display:flex;align-items:center;gap:8px;color:#56677c;font-size:10px;font-weight:700}.catalog-tools select{min-height:38px;min-width:180px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.listing-heading{display:grid;grid-template-columns:150px 1fr 255px;padding:8px 14px;color:#8190a2;font-size:9px;font-weight:800;letter-spacing:.75px}.product-grid{display:grid;grid-template-columns:1fr;gap:9px}.product-card.listing-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0;overflow:hidden;border:1px solid #e0e6ed;border-radius:12px;background:#fff;box-shadow:0 3px 10px #17324d07}.listing-card .product-image{position:relative;min-height:145px;height:100%;background:#fff;border:0;border-radius:0}.listing-card .product-image img{display:block;width:100%;height:100%;min-height:145px;object-fit:contain}.listing-card .condition{position:absolute;left:8px;top:8px;max-width:calc(100% - 16px);padding:5px 7px;border-radius:99px;background:#eff3f7;color:#516277;font-size:8px;font-weight:800;line-height:1.2}.listing-card .condition-new{background:#e9f2ff;color:#285f9e}.listing-card .condition-used{background:#f1edff;color:#644da4}.listing-card .condition-unknown{background:#fff5e4;color:#8f5d12}.listing-card .product-info{min-width:0;display:flex;flex-direction:column;padding:12px 14px}.listing-card .product-category{color:#77889b;font-size:9px;font-weight:700;letter-spacing:.55px;text-transform:uppercase}.listing-card h3{margin:3px 0 4px;color:#172c45;font:700 15px/1.25 Arial,Helvetica,sans-serif}.listing-card .product-desc{display:-webkit-box;overflow:hidden;margin:0;color:#718095;font-size:10px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.listing-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;color:#748398;font-size:9px}.listing-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listing-meta strong{color:#213b59;font-size:11px;white-space:nowrap}.listing-card .card-actions{display:flex;align-items:center;gap:7px;margin-top:9px}.listing-card .card-actions .btn{min-height:34px;padding:0 10px;border-radius:7px;font-size:10px;font-weight:800}.listing-card .detail-btn{background:#fff;color:#42556b;border:1px solid #dce3eb}.listing-card .listing-wa{display:inline-flex;align-items:center;justify-content:center;background:#13815f;color:#fff}.listing-call{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:7px;background:#fff0f0;color:var(--red-dark);font-size:16px}.empty-state{padding:25px;text-align:center;color:var(--muted)}
.contact-strip{padding:25px 0;background:#10243b;color:#fff}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:15px}.contact-strip .eyebrow{color:#ff5962;font-size:9px}.contact-strip h2{margin:6px 0;color:#fff;font-size:21px}.contact-strip p{margin:0;color:#c1cedc;font-size:11px}.contact-actions{display:flex;gap:8px;flex-wrap:wrap}.contact-actions .btn{min-height:42px;display:inline-flex;align-items:center;padding:0 13px;border-radius:8px;font-size:11px;font-weight:800}.contact-actions .white{background:#fff;color:#172b43}.footer{padding:15px 0;background:#0c1d31;color:#b9c6d4}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:15px}.footer .brand img{width:176px;filter:brightness(0) invert(1)}.footer small,.footer-inner>a:last-child{font-size:10px}
.modal-open{overflow:hidden}.modal{padding:16px}.modal-panel{border-radius:14px;background:#fff}.modal-panel h2{color:var(--ink)}.modal-actions{display:flex;gap:8px;margin-top:12px}.modal-actions .btn{min-height:40px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px;font-size:11px;font-weight:800}
@media(min-width:1000px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-card.listing-card{grid-template-columns:130px minmax(0,1fr)}.listing-card .product-image,.listing-card .product-image img{min-height:160px}.listing-heading{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 24px)}.header-inner{min-height:62px;gap:8px}.brand img{width:202px;max-width:calc(100vw - 100px)}.head-phone{min-width:40px;width:40px;height:40px;padding:0;font-size:17px}.head-phone span{display:none}.mobile-menu{display:block}.desktop-nav{display:none}.desktop-nav.mobile-open{position:absolute;top:61px;left:-12px;right:-12px;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 14px 12px;border-top:1px solid var(--line);background:#fff;box-shadow:0 8px 18px #12233a18}.desktop-nav.mobile-open a{padding:12px 6px;border-bottom:1px solid #eef1f4}.hero-content{grid-template-columns:1fr;gap:17px;padding:22px 0 16px}.hero-copy{padding:0}.hero h1{max-width:360px;margin:11px 0 8px;font-size:30px;line-height:1.06}.hero-copy>p{font-size:12px}.hero-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:8px;margin-top:15px}.hero-actions .btn{min-height:46px;padding:0 8px;font-size:10px}.hero-trust{gap:10px;margin-top:12px;font-size:9px}.hero-photo{height:172px;border-radius:11px}.condition-strip{padding:10px 0}.condition-options{gap:6px}.condition-choice{min-height:68px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:7px;border-radius:9px}.condition-choice .condition-symbol{display:none}.condition-choice strong{font-size:10px}.condition-choice small{font-size:8px}.products-section{padding:21px 0 25px}.section-head{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:11px}.section-head h2{font-size:20px}.section-head p{font-size:10px}.catalog-tools{display:grid;grid-template-columns:65px 1fr;gap:8px}.catalog-tools select{width:100%;min-width:0}.listing-heading{display:none}.product-grid{gap:8px}.product-card.listing-card{grid-template-columns:103px minmax(0,1fr);border-radius:10px}.listing-card .product-image,.listing-card .product-image img{min-height:146px}.listing-card .condition{left:5px;top:5px;padding:4px 5px;font-size:7px}.listing-card .product-info{padding:9px 9px 8px}.listing-card .product-category{font-size:8px}.listing-card h3{font-size:12px}.listing-card .product-desc{font-size:9px;-webkit-line-clamp:2}.listing-meta{align-items:flex-start;flex-direction:column;gap:2px;padding-top:6px}.listing-meta strong{font-size:10px}.listing-card .card-actions{gap:5px;margin-top:7px}.listing-card .card-actions .btn{min-height:32px;padding:0 7px;font-size:9px}.listing-call{flex-basis:32px;height:32px}.contact-inner{align-items:stretch;flex-direction:column}.contact-strip{padding:22px 0}.contact-strip h2{font-size:18px}.contact-actions{display:grid;grid-template-columns:1fr 1fr}.contact-actions .btn{justify-content:center;padding:0 6px;font-size:10px}.footer-inner{align-items:flex-start;flex-direction:column;gap:7px;padding-block:6px}.footer .brand img{width:170px}.modal-panel{grid-template-columns:1fr;padding:18px 14px;gap:12px}.modal-images>img{height:150px}.modal-panel h2{font-size:20px}.modal-gallery img{height:42px;width:50px}}
@media(max-width:360px){.brand img{width:180px}.product-card.listing-card{grid-template-columns:91px minmax(0,1fr)}.listing-card .product-info{padding:8px}.listing-card h3{font-size:11px}.hero h1{font-size:27px}.condition-choice strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.admin-body{background:#f2f5f8;color:var(--ink)}.admin-side{background:#10243b!important;color:#e6eef6!important}.admin-side>.brand img{width:190px;max-width:100%;filter:brightness(0) invert(1)}.admin-side>small{color:#9eb0c4!important}.admin-side nav a{color:#c4d0dc!important;border-radius:8px}.admin-side nav a.active{background:#243d59!important;color:#fff!important;border-left:3px solid var(--red)}.admin-main{background:#f2f5f8!important}.admin-top .eyebrow{color:var(--red-dark)!important}.admin-panel{border-color:#e0e7ee!important;border-radius:12px!important;box-shadow:0 5px 18px #122b4508}.admin-panel h2{color:var(--ink)}.admin-login{min-height:100vh;background:linear-gradient(140deg,#10243b,#1d3b5c)!important}.login-card{border:0!important;border-radius:16px!important;box-shadow:0 18px 48px #07142640}.login-card .brand img{width:235px;max-width:100%}.login-card h1{color:#14273d}.document-admin>p{color:#65778b}.document-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.document-links a{display:flex;flex-direction:column;gap:5px;padding:15px;border:1px solid #e0e7ee;border-radius:10px;background:#fff}.document-links a b{color:#172c45;font-size:14px}.document-links a small{color:#77889c;font-size:10px}.document-links a span{margin-top:7px;color:#c02a34;font-size:11px;font-weight:800}
@media(max-width:760px){.document-links{grid-template-columns:1fr}.admin-main{padding:18px 12px!important}.admin-side>.brand img{width:155px}.admin-side nav{display:flex;overflow-x:auto}.admin-side nav a{white-space:nowrap}.admin-top{align-items:flex-start}.login-card{width:min(420px,calc(100% - 28px))!important}}

/* Light orange glass theme with motion */
:root{--red:#ef8a25;--red-dark:#d9700d;--ink:#30343b;--muted:#737b86;--line:#e9e7e4;--paper:#fff;--soft:#fff8ef;--navy:#fff;--green:#ef8a25;--radius:14px}
body{background:#fff;color:var(--ink)}.hero{background:linear-gradient(120deg,#fff 0%,#fffaf3 100%);color:var(--ink)}.hero h1{color:#272b30}.hero-copy>p{color:#68717c}.hero .eyebrow{color:#df7614}.hero .eyebrow i{background:#f29a3a}.hero-trust{color:#747d88}.hero-photo{border-color:#fff;box-shadow:0 18px 48px #d9913a20}.whatsapp-solid{background:linear-gradient(180deg,#ffb451 0%,#ee861d 55%,#df7410 100%)!important;color:white!important;border:1px solid #f4a33f!important;box-shadow:0 7px 18px #e9821e38,inset 0 1px 0 #ffffffb5!important;text-shadow:0 1px 1px #b95b0b55}.call-light{background:linear-gradient(180deg,#fff 0%,#fff8ef 100%)!important;color:#bd650c!important;border:1px solid #f1c58f!important;box-shadow:0 6px 16px #c8873020,inset 0 1px 0 #fff!important}.btn,.condition-choice,.product-card,.listing-call,.mobile-menu,.catalog-tools select,.modal-panel,.document-links a{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease,color .22s ease}.btn:hover,.listing-call:hover{transform:translateY(-2px);box-shadow:0 10px 22px #e68a2635}.condition-strip{background:#fff}.condition-choice.active{border-color:#f0bd7f;background:#fff8ef}.condition-symbol,.new-symbol,.used-symbol{background:#fff0dd;color:#ca6d14}.condition-choice:hover,.product-card.listing-card:hover,.document-links a:hover{transform:translateY(-2px);box-shadow:0 12px 28px #b475291a}.listing-card .condition{background:#fff0dc;color:#b7620c}.product-card.listing-card{border-color:#eee8df;box-shadow:0 4px 15px #503c2710}.listing-wa,.card-actions .btn.primary{background:linear-gradient(180deg,#ffb34e,#ed861e)!important;color:#fff!important;border:1px solid #f2a03d!important;box-shadow:0 5px 14px #ef8a2530,inset 0 1px 0 #ffffffb5!important}.listing-call{background:linear-gradient(180deg,#fff,#fff7eb)!important;border-color:#f2c68f!important;color:#c96d11!important}.contact-strip{background:linear-gradient(105deg,#fff8ec,#fff 70%);color:var(--ink)}.contact-strip h2{color:#262d36}.contact-strip p{color:#69737e}.contact-actions .white{background:#fff!important;color:#bd650c!important;border:1px solid #f0c48d!important;box-shadow:0 5px 15px #ad70211c}.footer{background:#fff;color:#68717c;border-top:1px solid #f0e9e1}.modal{display:grid!important;opacity:0;visibility:hidden;pointer-events:none;background:#31281945!important;backdrop-filter:blur(5px);transition:opacity .24s ease,visibility .24s ease}.modal.open{opacity:1;visibility:visible;pointer-events:auto}.modal-panel{transform:translateY(16px) scale(.985);box-shadow:0 24px 70px #40281230}.modal.open .modal-panel{transform:translateY(0) scale(1)}.modal-close{border-radius:50%;background:#fff6ea!important;color:#bb6918!important;transition:transform .2s ease}.modal-close:hover{transform:rotate(90deg)}
.admin-body{background:#fff!important;color:var(--ink)}.admin-side{background:#fff!important;color:#3c4650!important;border-right:1px solid #eee9e2}.admin-side>.brand img{filter:none!important}.admin-side>small{color:#a47b51!important}.admin-side nav a{color:#555e68!important}.admin-side nav a.active{background:#fff3e4!important;color:#b9650b!important;border-left:3px solid #f19a37!important}.admin-main{background:#fff!important}.admin-panel{background:#fff!important;border-color:#f0e8df!important;box-shadow:0 9px 28px #8b672017!important}.admin-panel h2{color:#30343b}.admin-login{background:radial-gradient(ellipse at 50% 0%,#fff7ec,#fff 70%)!important}.login-card{box-shadow:0 20px 60px #9363261c!important;border:1px solid #f1e5d7!important}.login-card h1{color:#30343b!important}.document-links a{border-color:#eee5da!important}.document-links a span{color:#cc7417!important}
.btn.primary,.primary,#download{background:linear-gradient(180deg,#ffb34e,#ed861e)!important;color:white!important;border:1px solid #f2a03d!important;box-shadow:0 6px 17px #ef8a2530,inset 0 1px 0 #ffffffb5!important}.btn.outline{background:linear-gradient(180deg,#fff,#fff9f1)!important;border:1px solid #f0c58f!important;color:#a95e12!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

.hero:before,.hero:after{display:none!important}

/* XYP blue and yellow storefront system */
:root{--red:#2875ce;--red-dark:#185ea9;--ink:#2b3a4a;--muted:#6d7b88;--line:#e2eaf2;--paper:#fff;--soft:#f3f8fd;--navy:#fff;--green:#2875ce;--radius:14px}
body{background:#fff;color:#2b3a4a}.site-header{background:#ffffffed;border-bottom-color:#e8eef4;backdrop-filter:blur(14px)}.desktop-nav{color:#4c6072}.desktop-nav a:hover{color:#1e68b5}.head-phone{background:linear-gradient(180deg,#fff3b9,#ffd84b);color:#304354;border:1px solid #f5cb34;box-shadow:0 5px 13px #c39c251c,inset 0 1px 0 #fff}.mobile-menu{background:#fff;border-color:#dce7f1;color:#326ca9}.hero{position:relative;overflow:hidden;background:linear-gradient(116deg,#f4f9ff 0%,#fff 54%,#fff9df 100%);color:#2b3a4a}.hero:before,.hero:after{display:none!important}.hero-content{padding-block:32px;min-height:370px;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:32px}.hero h1{color:#25394d}.hero .eyebrow{color:#2975c5}.hero .eyebrow i{background:#ffd339}.hero-copy>p{color:#647383}.hero-trust{color:#5f6f7d}.hero-actions .btn{border-radius:11px;box-shadow:0 7px 15px #225f9c20,inset 0 1px 0 #ffffffb5}.whatsapp-solid{background:linear-gradient(180deg,#5ba2ee,#2875ce 58%,#1b63b5)!important;color:#fff!important;border:1px solid #3c85d0!important}.call-light{background:linear-gradient(180deg,#fff8cf,#ffd84b)!important;color:#34475a!important;border:1px solid #f0ca38!important}.hero-mosaic{height:300px;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:11px;position:relative;padding:4px 28px 4px 0}.hero-tile{position:relative;overflow:hidden;border:1px solid #e4ebf2;border-radius:16px;background:#fff;box-shadow:0 13px 32px #3f628218}.hero-tile img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.hero-tile-main{grid-row:1/3}.hero-tile-caption{position:absolute;left:12px;right:12px;bottom:11px;padding:9px 11px;border:1px solid #ffffffd9;border-radius:10px;background:#ffffffdf;backdrop-filter:blur(10px)}.hero-tile-caption small{display:block;color:#3578bb;letter-spacing:1.1px;font-size:8px;font-weight:900}.hero-tile-caption strong{font-size:12px}.hero-tile-side span{position:absolute;left:7px;right:7px;bottom:6px;padding:4px 6px;border-radius:7px;background:#ffffffdf;font-size:8px;font-weight:800;text-align:center}.hero-chip{position:absolute;right:0;bottom:-3px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #f0d54f;border-radius:12px;background:linear-gradient(180deg,#fff4b9,#ffd943);color:#304253;box-shadow:0 8px 20px #b18b191f}.hero-chip b{font-size:23px;line-height:1}.hero-chip span{font-size:8px;line-height:1.25;font-weight:800}.condition-strip{background:#fff;border-block:1px solid #e7edf3}.condition-options{gap:9px}.condition-choice{border-color:#e0eaf3;background:#fff;box-shadow:0 3px 10px #46698b09}.condition-choice.active{border-color:#f0cf3c;background:#fff9dc;box-shadow:inset 0 -3px #ffd43b}.condition-choice strong{color:#34485d}.condition-choice small{color:#71808d}.condition-symbol,.new-symbol,.used-symbol{background:#eff6fd;color:#3478bc}.new-symbol{background:#fff4c6;color:#a17c07}.used-symbol{background:#edf4fb;color:#3272ad}.products-section{background:#f8fbfe}.section-head h2,.contact-strip h2{color:#273c50}.section-head p{color:#6d7b88}.catalog-tools select{border-color:#d8e4ef;background:#fff;color:#40586d}.listing-heading{color:#6b7f91;border-color:#e0e9f2}.product-card.listing-card{border-color:#e1eaf3;box-shadow:0 5px 16px #31587b0a}.product-card.listing-card:hover{border-color:#c7dcef;box-shadow:0 12px 25px #31587b16}.listing-card .product-image{background:#f5f9fd}.listing-card .condition{background:#fff2a8;color:#685607}.listing-card .condition-new{background:#e8f2ff;color:#256ab1}.listing-card .condition-used{background:#fff1a8;color:#6d5902}.listing-card .product-category{color:#3477b8}.listing-card h3{color:#2e4153}.listing-card .product-desc{color:#657584}.listing-meta{border-color:#edf1f5}.listing-wa,.whatsapp-solid{background:linear-gradient(180deg,#5ba2ee,#2875ce 58%,#1b63b5)!important;color:#fff!important;border:1px solid #3c85d0!important;box-shadow:0 6px 14px #2875ce2b,inset 0 1px 0 #ffffffb5!important}.listing-call{background:linear-gradient(180deg,#fff8cf,#ffd84b)!important;color:#394d61!important;border:1px solid #efcb36!important}.btn,.condition-choice,.product-card,.listing-call,.mobile-menu,.catalog-tools select,.modal-panel,.document-links a{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease}.btn:hover,.listing-call:hover{transform:translateY(-2px);box-shadow:0 10px 21px #2e71b32b}.contact-strip{background:linear-gradient(110deg,#eef6ff,#fff 64%,#fff8db);color:#2b3a4a;border-block:1px solid #e4edf5}.contact-strip p{color:#647687}.contact-actions .white{background:linear-gradient(180deg,#fff8cf,#ffd84b)!important;color:#35495d!important;border:1px solid #efcb36!important}.footer{background:#fff;color:#667786;border-top:1px solid #e5edf4}.footer a:hover{color:#246db8}.modal{display:grid!important;opacity:0;visibility:hidden;pointer-events:none;background:#17324b45!important;backdrop-filter:blur(6px);transition:opacity .23s ease,visibility .23s ease}.modal.open{opacity:1;visibility:visible;pointer-events:auto}.modal-panel{transform:translateY(15px) scale(.985);box-shadow:0 24px 70px #17324b30}.modal.open .modal-panel{transform:translateY(0) scale(1)}.modal-close{background:#fff7d5!important;color:#48647d!important;border:1px solid #f0dc74!important}.admin-body{background:#f7fbff!important;color:#2d4053}.admin-side{background:#fff!important;color:#344a5f!important;border-right:1px solid #e4ecf3}.admin-side>.brand img{filter:none!important}.admin-side>small{color:#8294a5!important}.admin-side nav a{color:#52687d!important}.admin-side nav a.active{background:#eef6ff!important;color:#2468ad!important;border-left:3px solid #ffd43b!important}.admin-main{background:#f7fbff!important}.admin-panel{background:#fff!important;border-color:#e2ebf3!important;box-shadow:0 8px 24px #284e700d!important}.admin-login{background:radial-gradient(ellipse at 50% 0%,#fff9df,#f5faff 65%,#fff)!important}.login-card{border:1px solid #e4edf4!important;box-shadow:0 20px 60px #325b7b16!important}.login-card h1{color:#2b4054!important}.document-links a{border-color:#dfe9f2!important;box-shadow:0 4px 14px #2e57750a}.document-links a:hover{border-color:#c4dbee!important}.document-links a span{color:#246db5!important}.document-admin>p{color:#64788a}.admin-top .eyebrow{color:#2c75bb!important}.btn.primary,.primary,#download,.bundle-button{background:linear-gradient(180deg,#5ba2ee,#2875ce 58%,#1b63b5)!important;color:#fff!important;border:1px solid #3c85d0!important;box-shadow:0 7px 17px #2875ce30,inset 0 1px 0 #ffffffb5!important}.btn.outline{background:linear-gradient(180deg,#fff9d7,#ffd84b)!important;border:1px solid #efcf41!important;color:#35495d!important}
@media(max-width:760px){.hero-content{grid-template-columns:1fr;gap:7px;padding:20px 0 15px}.hero h1{font-size:30px;letter-spacing:-.7px}.hero-mosaic{height:205px;gap:7px;padding:2px 13px 1px 0}.hero-tile{border-radius:12px}.hero-tile-caption{left:7px;right:7px;bottom:7px;padding:6px 8px}.hero-tile-caption small{font-size:7px}.hero-tile-caption strong{font-size:10px}.hero-tile-side span{font-size:7px}.hero-chip{right:-1px;padding:6px 9px}.hero-chip b{font-size:18px}.hero-chip span{font-size:7px}.condition-options{display:flex;overflow-x:auto;gap:7px;padding-bottom:2px;scrollbar-width:none}.condition-options::-webkit-scrollbar{display:none}.condition-choice{flex:0 0 auto;min-height:40px;display:flex;flex-direction:row;align-items:center;gap:6px;padding:0 11px;border-radius:999px}.condition-choice .condition-symbol{display:grid;width:20px;height:20px;flex-basis:20px;font-size:10px}.condition-choice small{display:none}.condition-choice strong{font-size:10px;white-space:nowrap}.listing-card .product-category{font-size:9px}.listing-card h3{font-size:13px}.listing-card .product-desc{font-size:10px;line-height:1.4}.listing-card .card-actions .btn{font-size:9px}.listing-meta strong{font-size:11px}.admin-side{background:#fff!important}}
@media(max-width:380px){.hero h1{font-size:28px}.hero-mosaic{height:185px}.product-card.listing-card{grid-template-columns:94px minmax(0,1fr)}.listing-card .product-info{padding:8px}.listing-card h3{font-size:12px}.listing-card .product-desc{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* XYP contact controls: recognizable SVG actions and thumb-friendly mobile access */
.contact-icon{width:19px;height:19px;flex:0 0 19px;vertical-align:middle}.head-whatsapp,.head-phone{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 13px;border-radius:11px;text-decoration:none;font-weight:800}.head-whatsapp{background:#eaf8ef;color:#16834b;border:1px solid #ccebd7}.head-whatsapp .contact-icon{width:21px;height:21px}.head-phone .contact-icon{display:block;width:19px;height:19px}.hero-actions .contact-icon,.card-actions .contact-icon,.contact-actions .contact-icon,.modal-actions .contact-icon{width:17px;height:17px}.listing-wa{display:inline-flex!important;align-items:center;justify-content:center;gap:6px}.listing-call{display:inline-flex;align-items:center;justify-content:center;width:40px;min-height:40px;border-radius:10px;text-decoration:none}.modal-actions a,.modal-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.mobile-contact-bar{display:none}
@media(max-width:760px){.header-inner{min-height:58px;gap:7px}.header-inner>.brand img{width:176px}.desktop-nav{display:none}.head-whatsapp,.head-phone{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:12px}.head-phone span{display:none}.head-phone .contact-icon{display:block}.mobile-menu{display:block;width:40px;height:40px;flex:0 0 40px}.mobile-contact-bar{position:fixed;z-index:30;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1.15fr .85fr;gap:9px;padding:8px;border:1px solid #e3eaf1;border-radius:17px;background:#ffffffed;backdrop-filter:blur(16px);box-shadow:0 10px 32px #253d5525}.mobile-contact-bar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:850}.mobile-contact-bar a:first-child{background:linear-gradient(180deg,#32c96b,#169b50);color:#fff}.mobile-contact-bar a:last-child{background:linear-gradient(180deg,#fff5b4,#ffd644);border:1px solid #efcf50;color:#33485c}.mobile-contact-bar .contact-icon{width:21px;height:21px}body{padding-bottom:76px}.footer{padding-bottom:88px}.contact-actions{display:flex;flex-wrap:wrap;gap:9px}.contact-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}.listing-card .card-actions{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:7px}.listing-card .detail-btn{grid-column:1/-1;min-height:34px}.listing-card .listing-wa{min-height:40px}.admin-login{padding:20px}.login-card{width:min(100%,420px)}.admin-main{min-width:0}.admin-side{max-width:82vw}.document-links{grid-template-columns:1fr!important}}
@media(max-width:360px){.header-inner>.brand img{width:148px}.head-whatsapp,.head-phone,.mobile-menu{width:36px;min-width:36px;height:36px;min-height:36px}.mobile-menu{flex-basis:36px}.mobile-contact-bar a{font-size:12px}}

/* Responsive storefront catalog: product-first shopping cards */
.products-section .product-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:stretch}.listing-heading{display:none!important}.product-card.listing-card{display:flex!important;flex-direction:column!important;min-width:0;border:1px solid #e3eaf1!important;border-radius:16px!important;background:#fff!important;overflow:hidden;box-shadow:0 8px 24px #2745640d!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.product-card.listing-card:hover{transform:translateY(-4px);border-color:#c8dcef!important;box-shadow:0 16px 34px #2745641c!important}.listing-card .product-image,.listing-card .product-image img{width:100%;height:190px!important;min-height:190px!important;flex:0 0 190px;background:linear-gradient(145deg,#f5f9fc,#fff)!important}.listing-card .product-image img{object-fit:contain;padding:18px;mix-blend-mode:multiply}.listing-card .condition{left:12px!important;top:12px!important;padding:6px 9px!important;font-size:10px!important;border:1px solid #e6edf4}.listing-card .product-info{display:flex;flex:1;flex-direction:column;align-items:stretch;padding:15px!important;min-width:0}.listing-card .product-category{margin-bottom:5px;font-size:10px!important;letter-spacing:.7px}.listing-card h3{min-height:42px;margin:0 0 7px!important;font-size:15px!important;line-height:1.35!important}.listing-card .product-desc{min-height:34px;margin:0!important;font-size:11px!important;line-height:1.5!important;-webkit-line-clamp:2}.listing-meta{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:auto;padding:12px 0 10px!important;border-top:1px solid #edf1f5}.listing-meta span{font-size:10px;white-space:normal}.listing-meta strong{color:#193b60!important;font-size:17px!important;font-weight:850}.listing-card .card-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 42px;gap:8px!important;margin-top:0!important}.listing-card .card-actions .detail-btn{grid-column:1/-1;min-height:36px!important;background:#f7fafc!important;border:1px solid #e3eaf1!important;border-radius:9px!important;color:#3b556d!important;font-size:11px!important}.listing-card .listing-wa{min-height:42px!important;border-radius:10px!important;font-size:11px!important}.listing-card .listing-call{width:42px;min-height:42px!important;border-radius:10px!important}
@media(min-width:761px) and (max-width:1040px){.products-section .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.listing-card .product-image,.listing-card .product-image img{height:170px!important;min-height:170px!important;flex-basis:170px!important}}
@media(max-width:760px){.products-section .product-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.product-card.listing-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;border-radius:15px!important}.listing-card .product-image,.listing-card .product-image img{height:190px!important;min-height:190px!important;flex-basis:190px!important}.listing-card .product-info{padding:14px!important}.listing-card h3{min-height:0;font-size:16px!important}.listing-card .product-desc{min-height:0;font-size:12px!important}.listing-meta{flex-direction:row;align-items:center;justify-content:space-between}.listing-meta span{max-width:58%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-meta strong{font-size:17px!important}.listing-card .card-actions .detail-btn{min-height:40px!important}.listing-card .listing-wa,.listing-card .listing-call{min-height:46px!important}.products-section{padding:27px 0 36px!important}.section-head h2{font-size:23px!important}.catalog-tools{grid-template-columns:75px minmax(0,1fr)!important}}
@media(max-width:380px){.listing-card .product-image,.listing-card .product-image img{height:165px!important;min-height:165px!important;flex-basis:165px!important}.listing-card .product-info{padding:12px!important}}