:root{--black:#0d0d0d;--gold:#b58b58;--paper:#f7f5f1;--line:#e7e1d9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#222;background:#fff}
a{text-decoration:none;color:inherit}.ticker{height:28px;background:#090909;color:#fff;overflow:hidden;white-space:nowrap;font-size:11px;display:flex;align-items:center}
.ticker span{display:inline-block;padding-left:100%;animation:ticker 20s linear infinite}.ticker b{color:#d5ae73}@keyframes ticker{to{transform:translateX(-100%)}}
.header{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:50}
.logo{width:50px;height:50px;object-fit:contain;flex:none}.search{display:flex;flex:1;border:1px solid #ddd;height:38px}.search input{border:0;outline:0;flex:1;padding:0 10px;min-width:0}.search button{border:0;background:#111;color:#fff;padding:0 12px;font-size:10px;font-weight:bold}
.icons{display:flex;gap:10px;font-size:20px;white-space:nowrap}.count{font-size:9px;background:var(--gold);color:#fff;border-radius:50%;padding:2px 5px;vertical-align:top}
.nav{display:flex;overflow:auto;gap:17px;padding:10px 12px;border-bottom:1px solid #eee;font-size:11px;font-weight:bold;white-space:nowrap}.nav a:hover{color:var(--gold)}
main{max-width:1250px;margin:auto}.section{padding:18px 12px 4px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.section h2{font-size:21px;margin:0;font-weight:800;letter-spacing:.3px}.viewall{font-size:12px}
.row{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.row::-webkit-scrollbar{height:4px}.row::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}
.product-card{position:relative;flex:0 0 calc((100% - 18px)/3);min-width:0;scroll-snap-align:start;border:1px solid #eee;background:#fff;padding-bottom:7px}
.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#eee}.product-card .name{font-size:11px;font-weight:bold;padding:6px 6px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prices{padding:0 6px;font-size:10px}.old{color:#888;margin-right:4px}.new{font-weight:bold}.off{position:absolute;top:5px;left:5px;background:#111;color:#fff;padding:4px 5px;font-size:9px;font-weight:bold}
.empty{font-size:12px;color:#777;padding:10px 0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.category-card{border:1px solid #eee;overflow:hidden;text-align:center;font-size:11px;font-weight:bold;background:#fff}.category-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.category-card span{display:block;padding:7px 3px}
footer{background:#111;color:#eee;margin-top:35px;padding:28px 14px;text-align:center;font-size:12px;line-height:1.8}.footer-logo{width:62px;height:62px;object-fit:contain}
.page-title{padding:20px 12px 6px;font-size:24px;font-weight:800}.filters{padding:8px 12px;display:flex;gap:7px;overflow:auto}.filters button{white-space:nowrap;border:1px solid #ddd;background:#fff;padding:8px 10px;border-radius:20px;font-size:11px}.filters button.active{background:#111;color:#fff}.grid-products{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px}
.detail{max-width:900px;margin:auto;padding:16px}.back{font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:10px}.zoom-wrap{overflow:hidden;border:1px solid #eee;touch-action:none;background:#f6f6f6}.zoom-wrap img{width:100%;display:block;transform-origin:center;transition:transform .12s ease}.detail h1{font-size:25px;margin:5px 0}.detail-price{font-size:22px;margin:10px 0}.detail-price s{font-size:14px;color:#888;margin-right:8px}.description{font-size:14px;line-height:1.7;color:#555}.option-title{font-size:12px;font-weight:bold;margin-top:15px}.option-select{width:100%;padding:12px;border:1px solid #ddd;background:#fff;margin-top:5px}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.action{padding:12px;border:1px solid #222;background:#fff;font-weight:bold;cursor:pointer}.wa{display:block;text-align:center;padding:14px;background:#1a9b50;color:#fff;margin-top:10px;font-weight:bold}
.about,.contact-box{padding:12px;line-height:1.8;max-width:800px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px}.gallery-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#eee}
@media(min-width:700px){.header{padding:10px 5%;gap:20px}.logo{width:68px;height:68px}.nav{justify-content:center;font-size:13px}.section{padding:25px 5%}.section h2{font-size:28px}.product-card{flex-basis:calc((100% - 27px)/4)}.category-grid{grid-template-columns:repeat(6,1fr)}.grid-products{grid-template-columns:repeat(4,1fr);padding:20px 5%;gap:14px}.detail-grid{grid-template-columns:1.1fr .9fr}.gallery-grid{grid-template-columns:repeat(4,1fr);padding:20px 5%}}/* MOBILE FIX */
@media (max-width:699px){

  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  .ticker{
    width:100%;
    max-width:100%;
  }

  .header{
    width:100%;
    max-width:100%;
    padding:8px 10px;
    gap:8px;
  }

  .logo{
    width:46px;
    height:46px;
  }

  .search{
    min-width:0;
    width:auto;
    flex:1;
  }

  .search input{
    width:100%;
    min-width:0;
    font-size:12px;
  }

  .search button{
    padding:0 8px;
    font-size:9px;
  }

  .icons{
    gap:6px;
    font-size:17px;
  }

  .nav{
    width:100%;
    max-width:100%;
    gap:16px;
    padding:10px 12px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
  }

  main{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }

  .section{
    width:100%;
    padding:18px 12px 4px;
  }

  .section-head{
    width:100%;
  }

  .section h2{
    font-size:20px;
  }

  .row{
    width:100%;
    overflow-x:auto;
  }

  .product-card{
    flex:0 0 calc((100% - 9px)/2);
  }

  .category-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .grid-products{
    grid-template-columns:repeat(2,1fr);
    width:100%;
  }

  .gallery-grid{
    grid-template-columns:repeat(2,1fr);
    width:100%;
  }

  .page-title{
    font-size:22px;
  }

  footer{
    width:100%;
    max-width:100%;
  }
}