/*
Theme Name: Atelier Restaurant Light
Theme URI: https://example.com/
Author: OpenAI
Description: Thème WordPress clair et éditorial pour restaurant, avec galerie d’images, page contact et intégration WooCommerce par catégories.
Version: 1.2.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: atelier-restaurant-light
*/

:root {
  --arl-bg: #f7f4ee;
  --arl-paper: #fffdf9;
  --arl-ink: #20211e;
  --arl-muted: #6d6d64;
  --arl-line: #ded9cf;
  --arl-accent: #6d7a52;
  --arl-accent-2: #d9b27a;
  --arl-max: 1220px;
  --arl-radius: 26px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--arl-bg); color: var(--arl-ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.arl-shell { width: min(calc(100% - 40px), var(--arl-max)); margin: 0 auto; }
.arl-site-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(14px); background: rgba(247,244,238,.9); border-bottom: 1px solid rgba(32,33,30,.08); }
.arl-header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.arl-brand { font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.25rem, 2vw, 1.65rem); letter-spacing: .02em; }
.arl-nav ul { list-style: none; display: flex; gap: 24px; padding: 0; margin: 0; align-items: center; }
.arl-nav a { font-size: .92rem; color: var(--arl-muted); }
.arl-nav a:hover { color: var(--arl-ink); }
.arl-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 999px; border: 1px solid var(--arl-ink); font-weight: 600; transition: .2s ease; }
.arl-btn:hover { transform: translateY(-1px); background: var(--arl-ink); color: var(--arl-paper); }
.arl-btn--soft { border-color: transparent; background: var(--arl-paper); box-shadow: 0 8px 30px rgba(36,31,23,.08); }
.arl-hero { padding: 44px 0 84px; }
.arl-hero-grid { min-height: 650px; display: grid; grid-template-columns: 1.02fr .98fr; background: var(--arl-paper); border-radius: 38px; overflow: hidden; box-shadow: 0 25px 70px rgba(59,51,41,.10); }
.arl-hero-copy { padding: clamp(44px, 7vw, 94px); display: flex; flex-direction: column; justify-content: center; }
.arl-kicker { display: inline-flex; align-items: center; gap: 10px; font-size: .76rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; color: var(--arl-accent); }
.arl-kicker:before { content: ""; width: 28px; height: 1px; background: currentColor; }
.arl-hero h1, .arl-section-title, .arl-category-copy h2, .arl-visit h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; line-height: .98; letter-spacing: -.045em; margin: 0; }
.arl-hero h1 { font-size: clamp(3.5rem, 7vw, 6.6rem); margin: 24px 0; }
.arl-hero-copy p { font-size: 1.08rem; color: var(--arl-muted); max-width: 540px; margin: 0 0 32px; }
.arl-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.arl-hero-media { position: relative; min-height: 600px; }
.arl-hero-media img { width: 100%; height: 100%; object-fit: cover; }
.arl-hero-tag { position: absolute; left: 28px; bottom: 28px; padding: 12px 16px; border-radius: 999px; background: rgba(255,253,249,.92); font-size: .82rem; }
.arl-intro { padding: 18px 0 82px; }
.arl-intro-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: start; border-top: 1px solid var(--arl-line); padding-top: 44px; }
.arl-section-title { font-size: clamp(2.7rem, 4.4vw, 4.6rem); }
.arl-intro-copy { color: var(--arl-muted); font-size: 1.08rem; max-width: 690px; }
.arl-category { padding: 64px 0; }
.arl-category + .arl-category { border-top: 1px solid var(--arl-line); }
.arl-category-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 54px; align-items: center; }
.arl-category:nth-of-type(even) .arl-category-grid { grid-template-columns: 1.28fr .72fr; }
.arl-category:nth-of-type(even) .arl-category-copy { order: 2; }
.arl-category-copy { padding: 24px 0; }
.arl-category-index { display: block; font-size: .75rem; letter-spacing: .18em; text-transform: uppercase; color: var(--arl-muted); margin-bottom: 18px; }
.arl-category-copy h2 { font-size: clamp(2.8rem, 5vw, 5rem); margin-bottom: 20px; }
.arl-category-copy p { color: var(--arl-muted); max-width: 480px; margin: 0 0 26px; }
.arl-category-mosaic { display: grid; grid-template-columns: 1.15fr .85fr; grid-template-rows: 270px 270px; gap: 14px; }
.arl-category-mosaic figure { margin: 0; border-radius: var(--arl-radius); overflow: hidden; background: #e9e3d8; }
.arl-category-mosaic figure:first-child { grid-row: 1 / span 2; }
.arl-category-mosaic img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.arl-category-mosaic figure:hover img { transform: scale(1.025); }
.arl-imagery { padding: 98px 0; overflow: hidden; background: var(--arl-ink); color: var(--arl-paper); margin-top: 54px; }
.arl-imagery-head { display: flex; justify-content: space-between; gap: 32px; align-items: end; margin-bottom: 34px; }
.arl-imagery .arl-section-title { max-width: 760px; }
.arl-imagery p { color: rgba(255,253,249,.68); max-width: 460px; }
.arl-carousel-wrap { position: relative; }
.arl-carousel { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, 31vw); gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px max(20px, calc((100vw - var(--arl-max))/2)) 20px; cursor: grab; }
.arl-carousel::-webkit-scrollbar { display:none; }
.arl-slide { scroll-snap-align: start; border-radius: 28px; overflow: hidden; height: clamp(330px, 42vw, 490px); background: #36362f; position: relative; }
.arl-slide img { width: 100%; height: 100%; object-fit: cover; }
.arl-slide span { position: absolute; left: 18px; bottom: 18px; padding: 9px 13px; border-radius: 999px; background: rgba(24,24,21,.76); backdrop-filter: blur(8px); font-size: .78rem; }
.arl-carousel-controls { display: flex; gap: 10px; justify-content: flex-end; width: min(calc(100% - 40px), var(--arl-max)); margin: 8px auto 0; }
.arl-arrow { width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); color: white; background: transparent; font-size: 1.2rem; cursor: pointer; }
.arl-arrow:hover { background: rgba(255,255,255,.08); }
.arl-visit { padding: 100px 0; }
.arl-visit-card { padding: clamp(38px, 6vw, 82px); border-radius: 36px; background: var(--arl-accent-2); display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: end; }
.arl-visit h2 { font-size: clamp(3.2rem, 6vw, 6rem); }
.arl-visit-copy { font-size: 1.03rem; max-width: 510px; }
.arl-footer { border-top: 1px solid var(--arl-line); padding: 34px 0 46px; color: var(--arl-muted); }
.arl-footer-inner { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.arl-mobile-toggle { display:none; border:0; background:transparent; font-size:1.6rem; }
@media (max-width: 900px) {
  .arl-hero-grid, .arl-category-grid, .arl-category:nth-of-type(even) .arl-category-grid, .arl-intro-grid, .arl-visit-card { grid-template-columns: 1fr; }
  .arl-hero-media { min-height: 480px; }
  .arl-category:nth-of-type(even) .arl-category-copy { order: initial; }
  .arl-category-mosaic { grid-template-rows: 220px 220px; }
  .arl-imagery-head { display:block; }
  .arl-carousel { grid-auto-columns: minmax(290px, 72vw); }
  .arl-mobile-toggle { display:block; }
  .arl-nav { position:absolute; top:76px; left:20px; right:20px; background:var(--arl-paper); border:1px solid var(--arl-line); border-radius:20px; padding:18px; display:none; box-shadow:0 20px 50px rgba(0,0,0,.12); }
  .arl-nav.is-open { display:block; }
  .arl-nav ul { flex-direction:column; align-items:flex-start; gap:14px; }
  .arl-header-cta { display:none; }
}
@media (max-width: 620px) {
  .arl-shell { width:min(calc(100% - 24px), var(--arl-max)); }
  .arl-hero { padding-top:20px; }
  .arl-hero-grid { border-radius:26px; }
  .arl-hero-copy { padding:38px 26px; }
  .arl-hero h1 { font-size:clamp(3.1rem,16vw,4.8rem); }
  .arl-hero-media { min-height:390px; }
  .arl-category { padding:46px 0; }
  .arl-category-grid { gap:26px; }
  .arl-category-mosaic { grid-template-columns:1fr 1fr; grid-template-rows:300px 170px; }
  .arl-category-mosaic figure:first-child { grid-column:1 / span 2; grid-row:auto; }
  .arl-carousel { grid-auto-columns:82vw; }
  .arl-imagery { padding:70px 0; }
}


/* Version 1.1 — footer, contact et WooCommerce */
.arl-brand .custom-logo-link { display:flex; align-items:center; }
.arl-brand .custom-logo { width:auto; max-height:48px; }
.arl-text-link { display:inline-block; margin-top:12px; font-weight:700; border-bottom:1px solid currentColor; }
.arl-page { padding:72px 0 100px; }
.arl-page-card { background:var(--arl-paper); border-radius:32px; padding:clamp(34px,6vw,76px); }
.arl-page-content { margin-top:34px; max-width:850px; }
.arl-page-content a { text-decoration:underline; text-underline-offset:3px; }

/* Footer enrichi */
.arl-footer { padding:0; border-top:0; background:#eee8dc; color:var(--arl-ink); }
.arl-footer-top { display:grid; grid-template-columns:1.45fr .8fr 1fr 1fr; gap:54px; padding:72px 0 58px; }
.arl-footer-brand { display:inline-block; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.8rem,3vw,2.6rem); line-height:1; margin-bottom:20px; }
.arl-footer-brand-col > p { max-width:340px; color:var(--arl-muted); margin:0 0 22px; }
.arl-footer-contact-link { font-weight:700; border-bottom:1px solid currentColor; padding-bottom:3px; }
.arl-footer-col h2 { margin:2px 0 20px; font-size:.74rem; line-height:1.3; text-transform:uppercase; letter-spacing:.17em; color:var(--arl-muted); }
.arl-footer-col p { margin:0 0 12px; color:#45463f; }
.arl-footer-menu { list-style:none; padding:0; margin:0; }
.arl-footer-menu li { margin:0 0 11px; }
.arl-footer-col a:hover, .arl-footer-menu a:hover { text-decoration:underline; text-underline-offset:4px; }
.arl-footer-bottom { border-top:1px solid rgba(32,33,30,.13); padding:24px 0 30px; display:flex; justify-content:space-between; gap:24px; align-items:center; color:var(--arl-muted); font-size:.82rem; }
.arl-footer-legal { display:flex; flex-wrap:wrap; gap:18px; }

/* Page Contact */
.arl-contact-hero { padding:74px 0 56px; }
.arl-contact-hero-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:70px; align-items:end; border-bottom:1px solid var(--arl-line); padding-bottom:52px; }
.arl-contact-hero h1 { font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:clamp(3.2rem,6.3vw,6.3rem); line-height:.95; letter-spacing:-.045em; margin:22px 0 0; max-width:900px; }
.arl-contact-hero p { color:var(--arl-muted); font-size:1.08rem; max-width:470px; margin:0; }
.arl-contact-section { padding:26px 0 110px; }
.arl-contact-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:70px; align-items:start; }
.arl-contact-details { padding-top:20px; }
.arl-contact-detail { padding:22px 0; border-bottom:1px solid var(--arl-line); }
.arl-contact-detail > span { display:block; font-size:.72rem; text-transform:uppercase; letter-spacing:.16em; color:var(--arl-muted); margin-bottom:8px; }
.arl-contact-detail p { margin:0; font-size:1.03rem; }
.arl-contact-form-card { background:var(--arl-paper); padding:clamp(28px,5vw,58px); border-radius:30px; box-shadow:0 18px 55px rgba(59,51,41,.08); }
.arl-contact-form { display:grid; gap:20px; }
.arl-form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.arl-contact-form label { display:grid; gap:8px; font-size:.82rem; font-weight:700; }
.arl-contact-form input, .arl-contact-form textarea { width:100%; border:1px solid var(--arl-line); background:#fbfaf6; color:var(--arl-ink); border-radius:14px; padding:14px 15px; font:inherit; outline:none; }
.arl-contact-form input:focus, .arl-contact-form textarea:focus { border-color:var(--arl-accent); box-shadow:0 0 0 3px rgba(109,122,82,.12); }
.arl-contact-form textarea { resize:vertical; min-height:170px; }
.arl-contact-form .arl-btn { justify-self:start; cursor:pointer; background:transparent; }
.arl-contact-form .arl-btn:hover { background:var(--arl-ink); }
.arl-form-notice { margin-bottom:22px; border-radius:14px; padding:14px 16px; }
.arl-form-notice.is-success { background:#edf3e6; }
.arl-form-notice.is-error { background:#f8e8e3; }
.arl-hp { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important; }

/* WooCommerce */
.arl-shop { padding:58px 0 100px; min-height:65vh; }
.arl-shop-shell { background:var(--arl-paper); border-radius:32px; padding:clamp(26px,4vw,54px); }
.woocommerce .woocommerce-breadcrumb { color:var(--arl-muted); font-size:.82rem; margin-bottom:28px; }
.woocommerce .woocommerce-products-header { margin-bottom:26px; }
.woocommerce .woocommerce-products-header__title.page-title,
.woocommerce div.product .product_title { font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.035em; }
.woocommerce .woocommerce-products-header__title.page-title { font-size:clamp(3rem,5vw,5rem); line-height:1; margin:0 0 14px; }
.woocommerce .term-description { max-width:720px; color:var(--arl-muted); }
.arl-shop-filter { clear:both; padding:22px 0 34px; margin-bottom:24px; border-bottom:1px solid var(--arl-line); }
.arl-shop-filter-label { display:block; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.16em; color:var(--arl-muted); margin-bottom:13px; }
.arl-product-cat-nav { display:flex; gap:9px; overflow-x:auto; scrollbar-width:none; padding-bottom:3px; }
.arl-product-cat-nav::-webkit-scrollbar { display:none; }
.arl-product-cat-nav a { white-space:nowrap; display:inline-flex; align-items:center; gap:7px; border:1px solid var(--arl-line); border-radius:999px; padding:9px 14px; font-size:.84rem; transition:.2s ease; }
.arl-product-cat-nav a span { color:var(--arl-muted); font-size:.72rem; }
.arl-product-cat-nav a:hover, .arl-product-cat-nav a.is-active { background:var(--arl-ink); color:var(--arl-paper); border-color:var(--arl-ink); }
.arl-product-cat-nav a:hover span, .arl-product-cat-nav a.is-active span { color:rgba(255,253,249,.67); }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { margin-bottom:26px; }
.woocommerce .woocommerce-ordering select { border:1px solid var(--arl-line); background:var(--arl-bg); border-radius:999px; padding:10px 36px 10px 14px; color:var(--arl-ink); }
.woocommerce ul.products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px 18px; margin:0; clear:both; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display:none; }
.woocommerce ul.products li.product { width:auto !important; margin:0 !important; float:none !important; }
.woocommerce ul.products li.product a img { aspect-ratio:1 / 1.12; object-fit:cover; border-radius:22px; margin:0 0 16px; background:#eee9df; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family:Georgia,"Times New Roman",serif; font-size:1.35rem; font-weight:400; padding:0; line-height:1.15; }
.woocommerce ul.products li.product .price { color:var(--arl-ink); font-weight:700; font-size:.92rem; margin-top:7px; }
.woocommerce ul.products li.product .button { margin-top:12px; border-radius:999px; background:transparent; color:var(--arl-ink); border:1px solid var(--arl-ink); padding:10px 15px; font-size:.78rem; }
.woocommerce ul.products li.product .button:hover { background:var(--arl-ink); color:var(--arl-paper); }
.woocommerce span.onsale { min-width:0; min-height:0; line-height:1; padding:9px 11px; border-radius:999px; background:var(--arl-accent); top:12px; left:12px; }
.woocommerce nav.woocommerce-pagination ul { border:0; display:flex; gap:8px; justify-content:center; }
.woocommerce nav.woocommerce-pagination ul li { border:0; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { border:1px solid var(--arl-line); border-radius:50%; width:42px; height:42px; display:grid; place-items:center; padding:0; }
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover { background:var(--arl-ink); color:var(--arl-paper); }
.woocommerce div.product { display:grid; grid-template-columns:1fr 1fr; gap:56px; }
.woocommerce div.product div.images, .woocommerce div.product div.summary { width:auto; float:none; }
.woocommerce div.product div.images img { border-radius:24px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color:var(--arl-ink); }
.woocommerce .quantity .qty { border:1px solid var(--arl-line); border-radius:10px; padding:10px 6px; }
.woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce input.button.alt { background:var(--arl-ink); border-radius:999px; }
.woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover { background:#000; }
.woocommerce-message, .woocommerce-info { border-top-color:var(--arl-accent); background:var(--arl-bg); }
.woocommerce-message::before, .woocommerce-info::before { color:var(--arl-accent); }

@media (max-width: 900px) {
  .arl-footer-top { grid-template-columns:1fr 1fr; gap:42px; }
  .arl-contact-hero-grid, .arl-contact-grid { grid-template-columns:1fr; gap:34px; }
  .woocommerce ul.products { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .woocommerce div.product { grid-template-columns:1fr; gap:30px; }
}
@media (max-width: 620px) {
  .arl-footer-top { grid-template-columns:1fr; gap:32px; padding:54px 0 42px; }
  .arl-footer-bottom { align-items:flex-start; flex-direction:column; }
  .arl-contact-hero { padding-top:46px; }
  .arl-contact-hero-grid { padding-bottom:36px; }
  .arl-contact-section { padding-bottom:72px; }
  .arl-form-row { grid-template-columns:1fr; }
  .arl-shop { padding:26px 0 70px; }
  .arl-shop-shell { border-radius:24px; }
  .woocommerce ul.products { gap:28px 10px; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size:1.08rem; }
  .woocommerce ul.products li.product .button { padding:9px 12px; }
}

/* WooCommerce editorial category distribution — v1.2 */
.arl-shop-intro { max-width: 760px; margin: 4px 0 18px; }
.arl-shop-intro .page-title { font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.2rem, 6vw, 5.8rem); font-weight: 400; letter-spacing: -.045em; line-height: .95; margin: 18px 0 16px; }
.arl-shop-intro p { color: var(--arl-muted); font-size: 1.05rem; }
.arl-shop-categories { padding: 22px 0 64px; }
.arl-shop-section-head, .arl-product-group-head { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 28px; }
.arl-shop-section-head h2, .arl-product-group-head h2 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.3rem, 4vw, 4rem); font-weight: 400; letter-spacing: -.04em; line-height: 1; margin: 0; }
.arl-shop-section-head p, .arl-product-group-head p { max-width: 560px; color: var(--arl-muted); margin: 10px 0 0; }
.arl-shop-category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.arl-shop-category-card { min-width: 0; overflow: hidden; border: 1px solid var(--arl-line); border-radius: 24px; background: var(--arl-bg); transition: transform .2s ease, box-shadow .2s ease; }
.arl-shop-category-card:hover { transform: translateY(-3px); box-shadow: 0 18px 45px rgba(32,33,30,.08); }
.arl-shop-category-card figure { margin: 0; aspect-ratio: 1.35 / 1; overflow: hidden; background: #ece7dc; }
.arl-shop-category-card figure img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.arl-shop-category-card:hover figure img { transform: scale(1.03); }
.arl-shop-category-card-copy { padding: 20px 20px 22px; }
.arl-shop-category-card-copy > span { display: block; color: var(--arl-muted); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 8px; }
.arl-shop-category-card-copy h3 { font-family: Georgia, "Times New Roman", serif; font-size: 1.7rem; font-weight: 400; letter-spacing: -.025em; line-height: 1.05; margin: 0 0 10px; }
.arl-shop-category-card-copy p { color: var(--arl-muted); font-size: .9rem; margin: 0 0 15px; }
.arl-shop-category-card-copy strong { font-size: .82rem; }
.arl-shop-groups { border-top: 1px solid var(--arl-line); }
.arl-product-group { padding: 58px 0; border-bottom: 1px solid var(--arl-line); }
.arl-product-group:last-child { border-bottom: 0; padding-bottom: 4px; }
.arl-product-group .products { margin-top: 8px !important; }
.arl-archive-category-image { margin: 0 0 24px; max-width: 760px; border-radius: 24px; overflow: hidden; aspect-ratio: 16 / 7; background: #eee9df; }
.arl-archive-category-image img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 900px) {
  .arl-shop-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arl-shop-section-head, .arl-product-group-head { align-items: flex-start; flex-direction: column; gap: 12px; }
}
@media (max-width: 620px) {
  .arl-shop-category-grid { grid-template-columns: 1fr; }
  .arl-shop-category-card { display: grid; grid-template-columns: 132px 1fr; border-radius: 20px; }
  .arl-shop-category-card figure { height: 100%; aspect-ratio: auto; }
  .arl-shop-category-card-copy { padding: 16px; }
  .arl-shop-category-card-copy h3 { font-size: 1.35rem; }
  .arl-shop-category-card-copy p { display: none; }
  .arl-product-group { padding: 42px 0; }
}

/* Cart & checkout product-image consistency */
.woocommerce-cart table.cart img,
.woocommerce-checkout-review-order img,
.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img {
  width: 76px;
  height: 76px;
  object-fit: cover;
  border-radius: 12px;
  background: #eee9df;
}