:root{
  --ivory:#f8f1e8;
  --ivory-2:#fffdfa;
  --gold:#b47a22;
  --graphite:#2d2d2d;
  --muted:#817a72;
  --line:#dec59f;
  --white:#fff;
  --shadow:0 8px 28px rgba(61,45,26,.07);
  --nav-h:78px;
}
*{box-sizing:border-box}
html{background:var(--ivory);color:var(--graphite);font-family:Inter,Segoe UI,Arial,sans-serif}
body{margin:0;background:linear-gradient(180deg,#fff 0%,var(--ivory) 72%);min-height:100vh}
button,input{font:inherit}
button{cursor:pointer}
.app-shell{min-height:100vh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px)}
.screen{width:min(100%,760px);margin:0 auto;min-height:calc(100vh - var(--nav-h));padding:18px 18px 30px}
.home-screen{padding-top:10px}
.brand-block{text-align:center;padding:4px 10px 14px}
.brand-logo{display:block;width:min(58vw,260px);height:auto;margin:0 auto 14px}
.brand-kicker{margin:0 0 4px;font:500 clamp(34px,9vw,58px)/.98 Georgia,'Times New Roman',serif;letter-spacing:.075em;color:var(--graphite)}
.brand-sub{font:500 clamp(20px,5vw,30px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:.075em;color:var(--graphite)}
.ornament{display:flex;align-items:center;gap:10px;margin:17px auto 19px;max-width:330px;color:var(--gold)}
.ornament:before,.ornament:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--gold));flex:1}
.ornament:after{background:linear-gradient(90deg,var(--gold),transparent)}
.hero-art{height:300px;border-radius:26px;background:#ead7bd url('assets/hero.jpg') center center/cover no-repeat;box-shadow:var(--shadow);position:relative;overflow:hidden;margin-bottom:18px}
.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.group-btn{min-height:76px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72);display:flex;align-items:center;gap:12px;padding:10px 13px;color:var(--graphite);box-shadow:0 3px 12px rgba(111,82,42,.04);text-align:left}
.group-btn:active{transform:translateY(1px)}
.group-icon{width:52px;height:44px;display:grid;place-items:center;flex:0 0 auto}
.group-icon img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.group-name{font:500 clamp(14px,3.8vw,20px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:.04em}
.screen-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin:4px 0 20px}
.screen-head h1{margin:0;text-align:center;color:var(--gold);font:500 clamp(28px,7vw,42px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:.04em}
.icon-btn{border:0;background:transparent;color:#111;font-size:30px;padding:3px}
.catalog-tabs{display:flex;gap:8px;overflow:auto;padding:0 0 6px;scrollbar-width:none}
.catalog-tabs::-webkit-scrollbar{display:none}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;white-space:nowrap;color:var(--graphite)}
.chip.is-active{background:linear-gradient(135deg,#d49a3d,var(--gold));color:#fff;border-color:transparent}
.results-line{font-size:17px;margin:20px 0 14px;color:var(--muted)}
.empty-card{background:rgba(255,255,255,.82);border:1px solid #e7ddd1;border-radius:22px;box-shadow:var(--shadow);padding:38px 24px;text-align:center;margin-top:18px}
.empty-card.compact{margin:18px 0;padding:30px 20px}
.empty-mark{width:68px;height:68px;border:1px solid #d2a45f;color:var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:34px}
.empty-card h2{font:500 28px/1.15 Georgia,'Times New Roman',serif;margin:0 0 10px;color:var(--graphite)}
.empty-card p{margin:0;color:var(--muted);line-height:1.55}
.favorites-count{color:var(--muted)}
.bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;min-height:var(--nav-h);padding:7px 18px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid #eee6dd;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 -5px 20px rgba(60,46,28,.06)}
.nav-btn{border:0;background:transparent;color:#999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:13px}
.nav-btn.is-active{color:var(--gold)}
.nav-icon{font-size:32px;line-height:1}.grid-icon{font-size:29px}
.search-layer{position:fixed;z-index:50;inset:0;background:rgba(248,243,236,.97);padding:env(safe-area-inset-top) 0 0}
.search-panel{width:min(100%,760px);margin:auto;padding:20px}
.search-head{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}
.search-head input{width:100%;border:1px solid #d9d3cc;border-radius:16px;background:#fff;padding:14px 16px;outline:none;font-size:17px}
.search-head input:focus{border-color:#d5a45c;box-shadow:0 0 0 3px rgba(185,111,8,.08)}
.status-note{font-size:12px;color:#8b8175;text-align:center;margin:18px 0 0}
@media (min-width:680px){
  .screen{padding-left:32px;padding-right:32px}
  .hero-art{height:370px}
  .group-grid{gap:14px}
  .group-btn{min-height:88px}
  .group-icon{width:62px;height:52px}
}
@media (max-width:420px){
  .screen{padding-left:14px;padding-right:14px}
  .brand-logo{width:min(58vw,230px)}
  .hero-art{height:250px;border-radius:20px}
  .group-btn{padding:9px 10px}
  .group-icon{width:47px;height:40px}
  .brand-kicker{letter-spacing:.05em}
}
/* MONACO one-product PUBLIC smoke test: functionality only, shell palette/layout preserved. */
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.product-tile{background:#fff;border:1px solid #eee3d7;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px rgba(61,45,26,.05);cursor:pointer}
.product-photo-wrap{position:relative;aspect-ratio:1/1;background:#f5eee6}
.product-photo{width:100%;height:100%;display:block;object-fit:cover}
.tile-heart,.card-heart{border:0;background:rgba(255,255,255,.92);color:#7e7469;display:grid;place-items:center}
.tile-heart{position:absolute;right:8px;top:8px;width:38px;height:38px;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.08)}
.tile-heart.is-favorite,.card-heart.is-favorite{color:var(--gold)}
.product-tile-body{padding:10px 10px 13px}
.product-tile h2{font:600 17px/1.1 Georgia,'Times New Roman',serif;margin:0 0 5px}
.product-country,.product-type{font-size:13px;color:#766f68;line-height:1.35}
.product-price{font-weight:700;font-size:17px;margin-top:8px;color:#282828}
.product-head h1{color:#222}
.product-gallery{margin:0 -18px 18px}
.gallery-main{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#f4ece3}
.gallery-thumbs{display:flex;gap:7px;overflow-x:auto;padding:9px 18px 2px;scrollbar-width:none}
.gallery-thumbs::-webkit-scrollbar{display:none}
.gallery-thumb{width:64px;height:64px;flex:0 0 64px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#fff}
.gallery-thumb.is-active{border-color:var(--gold)}
.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.product-card-info{padding-bottom:18px}
.product-model-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.product-model-row h2{font:600 clamp(30px,8vw,44px)/1 Georgia,'Times New Roman',serif;margin:0 0 6px;letter-spacing:.03em}
.card-type,.card-country{font-size:16px;color:#746d65;margin-top:4px}
.card-heart{width:48px;height:48px;border-radius:50%;border:1px solid #e8d8c4;flex:0 0 48px}
.card-price{font-size:28px;font-weight:700;margin:18px 0 24px}
.detail-section{padding:20px 0;border-top:1px solid #e7d9c8}
.detail-section h3{font:600 22px/1.2 Georgia,'Times New Roman',serif;margin:0 0 10px}
.detail-section p{font-size:16px;line-height:1.6;margin:0;color:#4b4743}
.characteristics{margin:0;padding-left:21px;color:#4b4743}
.characteristics li{margin:8px 0;line-height:1.45}
.favorites-title{color:#222!important;font-family:Segoe UI,Arial,sans-serif!important;font-weight:600!important}
.favorites-list{display:grid;gap:10px;margin-top:14px}
.favorite-row{display:grid;grid-template-columns:92px 1fr 36px;gap:12px;align-items:center;background:#fff;border:1px solid #eee3d7;border-radius:14px;padding:8px;cursor:pointer}
.favorite-row>img{width:92px;height:92px;object-fit:cover;border-radius:10px}
.favorite-main h2{margin:0 0 4px;font:600 18px/1.1 Georgia,'Times New Roman',serif}
.favorite-main div{font-size:13px;color:#766f68;line-height:1.35}
.favorite-main strong{display:block;margin-top:6px;font-size:16px}
.favorite-remove{border:0;background:transparent;font-size:28px;color:#9a8f84}
.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:left}
.search-results .product-tile h2{font-size:16px}
@media(max-width:420px){
  .product-grid{gap:9px}
  .product-gallery{margin-left:-14px;margin-right:-14px}
  .gallery-thumbs{padding-left:14px;padding-right:14px}
}