/* All wallcoverings, after de Gournay's stock list (3 Nov 2026): a centred serif title, one quiet Filter control (it opens the
   filter-and-sort panel from the left), three large swatches to a row, centred captions under each, and the sample button as a
   small mark on the photograph that names itself on hover. Loaded only by browse.html, after tomita-browse-20261102.css,
   which the four collection pages share and keep. */

/* the head */
body .tm-wc{padding-top:56px}
body .tm-wc h1{text-align:center;font:400 clamp(30px,2.6vw,40px)/1.2 "PT Serif",Georgia,serif;letter-spacing:.01em;text-transform:none;color:#302f2a}
@layer tomita-browse-dg{body .tm-wc h1{font-family:"PT Serif",Georgia,serif!important}}   /* beats the tomita-pages layer's Inter (see browse.html <head>) */
body .tm-wc .wc-count{text-align:center;margin-top:10px;font-size:17px}

/* one Filter control on the left, a quiet search on the right */
body .tm-wc .wc-bar{justify-content:space-between;align-items:center;gap:16px 32px;margin-top:48px;padding-bottom:18px;border-bottom:1px solid #d6cfc2}
body .tm-wc .wc-filters-desk,body .tm-wc .wc-sort-desk{display:none}
body .tm-wc .wc-open{display:inline-flex;order:-1;align-items:center;gap:12px;width:auto;min-height:44px;padding:0;border:0;background:none;color:#302f2a;font:400 14px/1 "PT Serif",Georgia,serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
body .tm-wc .wc-open svg{flex:none}
body .tm-wc .wc-open:hover{color:#6b655c}
body .tm-wc .wc-search{flex:0 1 300px;max-width:300px;margin-left:auto}
body .tm-wc .wc-search .wc-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body .tm-wc #wc-q{height:44px;padding:0 0 0 28px;border:0;border-bottom:1px solid #a79f93;font-size:15px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23302f2a' stroke-width='1.2'%3E%3Ccircle cx='7' cy='7' r='5.5'/%3E%3Cpath d='m11 11 4 4'/%3E%3C/svg%3E") 0 50% no-repeat}
body .tm-wc #wc-q:hover,body .tm-wc #wc-q:focus{border-bottom-color:#302f2a;outline:0}
body .tm-wc .wc-active{justify-content:center}

/* the panel opens from the left on a computer; a phone keeps it full screen */
@media (min-width:768px){
  body .wc-sheet{inset:0 auto 0 0;width:min(420px,100vw);height:100dvh;max-height:none;margin:0;border-right:1px solid #d6cfc2}
}

/* three large swatches to a row, with room around them */
body .tm-wc .wc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:80px 40px;margin-top:56px}
body .tm-wc .wc-card{position:relative;text-align:center}
body .tm-wc .wc-im img{transition:filter .25s ease}
body .tm-wc .wc-card:hover .wc-im img{filter:brightness(.96)}

/* the words under each: the name, the collection, the code and colour, centred */
body .tm-wc .wc-name{margin-top:22px;font:400 15px/1.4 "PT Serif",Georgia,serif;letter-spacing:.12em;text-transform:uppercase}
body .tm-wc .wc-card:hover .wc-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
body .tm-wc .wc-ref{margin-top:4px;font-size:15px}
body .tm-wc .wc-line{margin-top:4px;font-size:15px;color:#4c4942}
body .tm-wc .wc-swatches{justify-content:center;margin:10px 0 0}
body .tm-wc .wc-sw-row{padding:2px 0}
body .tm-wc .wc-sw{width:30px;height:30px}
body .tm-wc .wc-sw img{width:20px;height:20px;box-shadow:inset 0 0 0 1px rgba(48,47,42,.12)}

/* "View design" goes (the photograph and the name open the design); the sample button becomes a mark on the photograph */
body .tm-wc .wc-acts{position:absolute;top:12px;right:12px;z-index:2;margin:0;display:block}
body .tm-wc .wc-acts a.wc-a{display:none}
body .tm-wc .wc-acts [data-sample]{display:inline-flex;align-items:center;justify-content:flex-end;gap:0;min-width:36px;min-height:36px;padding:0 9px;border-radius:18px;
  background:rgba(248,245,239,.92);color:#302f2a;font:400 0/1 "PT Serif",Georgia,serif;letter-spacing:.02em;text-decoration:none;white-space:nowrap;box-shadow:0 1px 6px rgba(0,0,0,.08);transition:background .2s}
body .tm-wc .wc-acts [data-sample]::after{content:"";flex:none;width:18px;height:18px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23302f2a' stroke-width='1.2'%3E%3Cpath d='M9 3.5v11M3.5 9h11'/%3E%3C/svg%3E") center no-repeat}
body .tm-wc .wc-acts [data-sample][aria-pressed=true]{background:#302f2a;color:#f8f5ef}
body .tm-wc .wc-acts [data-sample][aria-pressed=true]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f8f5ef' stroke-width='1.3'%3E%3Cpath d='m4 9.5 3.2 3.2L14 5.8'/%3E%3C/svg%3E")}
@media (hover:hover){
  body .tm-wc .wc-acts [data-sample]:hover,body .tm-wc .wc-acts [data-sample]:focus-visible{gap:8px;font-size:13px;padding-left:14px}
}
body .tm-wc .wc-acts [data-sample]:focus-visible{outline:2px solid #302f2a;outline-offset:2px}

@media (max-width:767px){
  body .tm-wc{padding-top:32px}
  body .tm-wc .wc-bar{margin-top:28px}
  body .tm-wc .wc-search{flex:1 1 100%;max-width:none;order:-2}
  body .tm-wc .wc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 16px;margin-top:32px}
  body .tm-wc .wc-name{justify-content:center;min-height:32px;margin-top:10px;font-size:12px;letter-spacing:.1em}
  body .tm-wc .wc-ref{margin-top:0}
  body .tm-wc .wc-ref,body .tm-wc .wc-line{font-size:13px}
  body .tm-wc .wc-sw{width:40px;height:40px}
  body .tm-wc .wc-acts{top:8px;right:8px}
  body .tm-wc .wc-acts [data-sample]{min-width:40px;min-height:40px;border-radius:20px}
}

/* Room photographs (3 Nov 2026, browse.html data-img="room"): each card shows the design on a wall, slightly tall like de Gournay's
   panels; the paper itself fades in over the room on hover (one slow fade, no zoom). Only the name and the collection stay under it.
   The back link and the count go (the count stays for screen readers), and the search moves into the Filter panel. */
body .tm-back{display:none}
body .tm-wc .wc-count{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
body .tm-wc .wc-bar{margin-top:40px;padding-bottom:0;border-bottom:0}
body .tm-wc .wc-sheet .wc-search{flex:none;max-width:none;margin:0 0 28px}
body .tm-wc .wc-grid{gap:72px 24px;margin-top:28px}
body .tm-wc .wc-card-room .wc-im{position:relative;aspect-ratio:4/5}
body .tm-wc .wc-card-room .wc-im img{width:100%;height:100%;object-fit:cover;transition:none}
body .tm-wc .wc-card-room:hover .wc-im img{filter:none}
body .tm-wc .wc-card-room .wc-im-paper{position:absolute;inset:0;opacity:0;transition:opacity 1s cubic-bezier(.33,0,.2,1)!important}
@media (hover:hover){body .tm-wc .wc-card-room:hover .wc-im-paper{opacity:1}}
body .tm-wc .wc-card-room .wc-name{margin-top:20px}
body .tm-wc .wc-card-room .wc-ref{margin-top:6px;color:#4c4942}
@media (max-width:767px){
  body .tm-wc .wc-grid{gap:40px 12px;margin-top:20px}
  body .tm-wc .wc-card-room .wc-name{min-height:0;margin-top:12px}
  body .tm-wc .wc-card-room .wc-ref{margin-top:2px}
}