/* Recipe background */
.bg-recipe{color:#483d35;background:#fffaf4}.bg-recipe .bg-header{color:#b34a27}.bg-recipe .bg-chips span{color:#9d492c;background:#ffeadc}.recipe-main{padding:14px}.recipe-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.recipe-heading small{color:#dc6b3b;font-size:7px;font-weight:800;letter-spacing:.14em}.recipe-heading h2{margin:2px 0 0;font-size:17px}.recipe-heading>span{color:#b65b38;font-size:8px}.recipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.recipe-grid article{overflow:hidden;background:#fff;border:1px solid #f0e4d9;border-radius:10px;box-shadow:0 3px 10px #7c4a2510}.recipe-grid article>div{display:flex;flex-direction:column;gap:3px;padding:7px}.recipe-grid b{font-size:9px}.recipe-grid span{color:#8c7e74;font-size:7px}.recipe-photo{position:relative;display:block;height:68px;background:#fff}.recipe-main h3{margin:15px 0 7px;font-size:11px}.recipe-ranking{margin:0;padding:0;list-style:none;background:#fff;border-radius:9px}.recipe-ranking li{display:grid;grid-template-columns:22px 1fr auto;align-items:center;padding:7px;border-bottom:1px solid #f2e9e1}.recipe-ranking em{color:#dc6b3b;font-size:13px;font-weight:900;font-style:normal}.recipe-ranking span{font-size:8px}.recipe-ranking b{color:#8c7e74;font-size:7px}
/* Real-estate background */
.bg-real-estate{color:#37424a;background:#f4f7f9}.bg-real-estate .bg-header{color:#176d9b}.estate-search{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:11px 12px;padding:1px;overflow:hidden;background:#dbe4e9;border:1px solid #d4dfe5;border-radius:10px}.estate-search>div{padding:7px 9px;background:#fff}.estate-search small{display:block;color:#7b8a93;font-size:7px}.estate-search b{font-size:9px}.estate-search p{grid-column:1/-1;margin:0;padding:8px;color:#fff;background:#2382b2;text-align:center;font-size:9px;font-weight:800}.estate-chips{display:flex;gap:5px;padding:0 12px 10px;overflow:hidden;white-space:nowrap}.estate-chips span{padding:4px 7px;color:#536d7a;background:#e8f0f4;border-radius:4px;font-size:7px}.estate-list{padding:0 12px}.estate-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:7px}.estate-title h2{margin:0;font-size:14px}.estate-title span{color:#7c8b93;font-size:7px}.estate-list article{display:grid;grid-template-columns:34% 1fr;gap:9px;margin-bottom:8px;padding:8px;background:#fff;border:1px solid #dfe6ea;border-radius:8px}.estate-photo{min-height:82px;background:#fff;border-radius:5px}.estate-list article>div{display:flex;min-width:0;flex-direction:column;gap:3px}.estate-list small{color:#7b8b93;font-size:7px}.estate-list b{font-size:9px}.estate-list strong{color:#d65b36;font-size:12px}.estate-list strong em{color:#7d878d;font-size:6px;font-weight:400;font-style:normal}.estate-list p{margin:0;color:#697980;font-size:7px}.estate-list article span{align-self:flex-start;padding:4px 8px;color:#1875a4;background:#edf6fa;border-radius:4px;font-size:7px;font-weight:700}
/* R2 images are independent layers inside the original fixed-size frames. */
.bg-hero,.mini-grid i,.product-row i,.news-list i,.guide-hero,.guide-feature i,.character-row i,.recipe-photo,.estate-photo{position:relative;min-width:0;overflow:hidden}
.bg-real-image{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.bg-product-photo .bg-real-image,.product-row .bg-real-image{object-fit:contain;background:#fff}
.bg-hotel-photo .bg-real-image{object-position:center 65%}
.guide-hero::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(18,22,43,.78),rgba(18,22,43,.16))}.guide-hero p,.guide-hero h2{position:relative;z-index:2}.character-row .bg-real-image{border-radius:50%}