/*
Theme Name: The Printed Home
Theme URI: https://theprintedhome.com/
Author: The Printed Home, Honfleur
Description: Theme for a fourteen-room hotel in a former printer's house on Rue Haute, Honfleur, Normandy. Rooms, restaurant, bar, bath house, the old bindery and the loft upstairs. Builds its own pages on activation. No blog, no booking, no requests to other servers.
Version: 1.0.1
Requires at least: 6.2
Tested up to: 7.1
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theprintedhome
Tags: custom-menu, one-column, accessibility-ready, translation-ready
*/

:root{
  --ph-ink:#1f2523;
  --ph-text:#55504d;
  --ph-soft:#8a7f79;
  --ph-blush:#fbf1ec;
  --ph-blush-2:#f5e5de;
  --ph-white:#fffdfb;
  --ph-green:#0b6354;
  --ph-green-deep:#084a3f;
  --ph-taupe:#c7b8b1;
  --ph-line:#e4d5cd;
  --ph-alert:#9a3b2a;
  --ph-side:1rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html.ph_hold{overflow:hidden}
body{margin:0;background:var(--ph-white);color:var(--ph-text);
  font:300 1rem/1.85 Sarabun,"Segoe UI",Tahoma,sans-serif}
img,svg{display:block;max-width:100%;height:auto}
a{color:var(--ph-green);text-underline-offset:.2em}
a:hover{color:var(--ph-green-deep)}
:focus-visible{outline:2px solid var(--ph-green);outline-offset:3px}
h1,h2,h3{font-family:Forum,Georgia,"Times New Roman",serif;font-weight:400;
  color:var(--ph-ink);line-height:1.12;letter-spacing:-.015em;margin:0 0 .45em;
  overflow-wrap:break-word}
h1{font-size:clamp(2.3rem,1.5rem + 4vw,4.8rem)}
h2{font-size:clamp(1.7rem,1.3rem + 1.9vw,2.9rem)}
h3{font-size:clamp(1.3rem,1.15rem + .6vw,1.7rem)}
p{margin:0 0 1.1em}
strong{font-weight:500}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap}

.ph_skip{position:absolute;left:-999rem;top:.5rem;z-index:120;background:var(--ph-ink);
  color:var(--ph-white);padding:.6rem 1rem;text-decoration:none}
.ph_skip:focus{left:.5rem}

.ph_eyebrow{font-family:Sarabun,sans-serif;font-weight:500;font-size:.72rem;
  letter-spacing:.17em;text-transform:uppercase;color:var(--ph-green);
  line-height:1.6;margin:0 0 .9rem}
h2.ph_eyebrow{font-size:.72rem;letter-spacing:.17em}
.ph_lede{font-size:1.08rem;color:var(--ph-text)}

.ph_btn{display:inline-block;font:500 .7rem/1 Sarabun,sans-serif;letter-spacing:.18em;
  text-transform:uppercase;text-decoration:none;color:var(--ph-ink);background:none;
  border:1px solid var(--ph-ink);padding:1.05rem 1.7rem;cursor:pointer;
  box-shadow:4px 4px 0 -1px var(--ph-blush),4px 4px 0 0 var(--ph-ink);
  transition:box-shadow .2s,transform .2s}
.ph_btn:hover{color:var(--ph-ink);transform:translate(2px,2px);
  box-shadow:2px 2px 0 -1px var(--ph-blush),2px 2px 0 0 var(--ph-ink)}
.ph_btn-solid{background:var(--ph-green);border-color:var(--ph-green);color:var(--ph-white);
  box-shadow:none}
.ph_btn-solid:hover{background:var(--ph-green-deep);color:var(--ph-white);transform:none;
  box-shadow:none}
.ph_btn-quiet{border-color:var(--ph-line);color:var(--ph-soft);box-shadow:none}
.ph_more{font:500 .7rem/1 Sarabun,sans-serif;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ph-ink);text-decoration:none;border-bottom:1px solid var(--ph-ink);
  padding-bottom:.35rem;display:inline-block}

.ph_mast{background:var(--ph-blush);border-bottom:1px solid var(--ph-line);position:relative;z-index:40}
.ph_mast_row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;
  max-width:84rem;margin:0 auto;padding:.9rem var(--ph-side)}
.ph_mast_side{display:none;margin:0;font-size:.78rem;letter-spacing:.08em;color:var(--ph-soft)}
.ph_mark{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;
  color:var(--ph-ink);min-width:0}
.ph_mark_top,.ph_mark_foot{font:500 .56rem/1.4 Sarabun,sans-serif;letter-spacing:.3em;
  text-transform:uppercase;color:var(--ph-soft)}
.ph_mark_word{font-family:Forum,Georgia,serif;font-size:1.18rem;line-height:1.1;
  letter-spacing:.09em;text-transform:uppercase;padding:.28rem 0;margin:.2rem 0;
  border-top:1px solid var(--ph-taupe);border-bottom:1px solid var(--ph-taupe)}
.ph_menubtn{display:inline-flex;align-items:center;gap:.6rem;flex:none;background:none;border:0;
  font:400 .9rem/1 Sarabun,sans-serif;color:var(--ph-ink);cursor:pointer;padding:.5rem 0}
.ph_menubtn_dot{width:1.05rem;height:1.05rem;border-radius:50%;background:var(--ph-green);display:block}
@media (min-width:48rem){
  .ph_mast_row{display:grid;grid-template-columns:1fr auto 1fr}
  .ph_mast_side{display:block}
  .ph_mark{align-items:center;text-align:center}
  .ph_mark_word{font-size:1.75rem;letter-spacing:.12em}
  .ph_menubtn{justify-self:end}
}

.ph_drawer{position:fixed;inset:0;z-index:60;background:var(--ph-blush);overflow-y:auto}
.ph_drawer[data-open=no]{display:none}
.ph_drawer_in{max-width:72rem;margin:0 auto;padding:1.2rem var(--ph-side) 3rem}
.ph_drawer_close{display:block;margin:0 0 1.6rem auto;background:none;border:1px solid var(--ph-ink);
  font:500 .7rem/1 Sarabun,sans-serif;letter-spacing:.18em;text-transform:uppercase;
  padding:.8rem 1.1rem;cursor:pointer;color:var(--ph-ink)}
.ph_drawer_list{list-style:none;margin:0;padding:0;display:grid;gap:.2rem 2.4rem}
.ph_drawer_list a{display:block;font-family:Forum,Georgia,serif;font-size:clamp(1.45rem,1.2rem + 1.2vw,2.3rem);
  line-height:1.3;color:var(--ph-ink);text-decoration:none;padding:.35rem 0;
  border-bottom:1px solid var(--ph-line)}
.ph_drawer_list a:hover,.ph_drawer_list .current-menu-item>a{color:var(--ph-green)}
@media (min-width:40rem){.ph_drawer_list{grid-template-columns:1fr 1fr}}
@media (min-width:64rem){.ph_drawer_list{grid-template-columns:1fr 1fr 1fr}}

.ph_open{background:linear-gradient(var(--ph-blush),var(--ph-white));padding:3rem 0 2rem}
.ph_head{text-align:center;max-width:46rem;margin:0 auto;padding:0 var(--ph-side) 2.4rem}
.ph_head h1{font-size:clamp(2.7rem,1.6rem + 5vw,6.2rem);letter-spacing:-.03em}
.ph_open_pic{position:relative;max-width:76rem;margin:0 auto;padding:0 var(--ph-side)}
.ph_open_pic img{width:100%}
.ph_badge{width:8.2rem;height:8.2rem;border-radius:50%;background:var(--ph-green);color:var(--ph-white);
  display:flex;align-items:center;justify-content:center;text-align:center;padding:1.1rem;
  font:500 .6rem/1.6 Sarabun,sans-serif;letter-spacing:.16em;text-transform:uppercase;
  margin:-4.1rem auto 0;position:relative}
@media (min-width:48rem){
  .ph_badge{position:absolute;left:0;top:50%;margin:0;transform:translateY(-50%);width:9.4rem;height:9.4rem}
  .ph_open_pic{padding:0 4.2rem}
}

.ph_numbers{display:grid;gap:1.6rem;max-width:70rem;margin:0 auto;padding:3.2rem var(--ph-side);
  text-align:center;border-bottom:1px solid var(--ph-line)}
.ph_numbers p{margin:0;display:flex;flex-direction:column;align-items:center}
.ph_numbers_big{font-family:Forum,Georgia,serif;font-size:clamp(3.4rem,2.6rem + 3vw,5.6rem);
  line-height:1;color:var(--ph-taupe);margin-bottom:.5rem}
@media (min-width:48rem){.ph_numbers{grid-template-columns:repeat(3,1fr)}}

.ph_kit{max-width:72rem;margin:0 auto;padding:4rem var(--ph-side) 3rem}
.ph_kit_grid{list-style:none;margin:2.4rem 0 0;padding:0;display:grid;gap:2.4rem 2rem}
.ph_kit_grid li{max-width:22rem}
.ph_kit_grid svg{width:3rem;height:3rem;margin-bottom:1rem}
.ph_kit_grid h3{margin-bottom:.3rem}
.ph_kit_grid p{font-size:.95rem;margin:0}
@media (min-width:40rem){.ph_kit_grid{grid-template-columns:1fr 1fr}}
@media (min-width:64rem){.ph_kit_grid{grid-template-columns:repeat(3,1fr)}}

.ph_feature{position:relative;color:var(--ph-white);background:var(--ph-ink);margin:2rem 0 0}
.ph_feature img{width:100%;height:30rem;object-fit:cover;opacity:.62}
.ph_feature_text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;
  align-items:center;text-align:center;padding:1.5rem var(--ph-side)}
.ph_feature_text h2{color:var(--ph-white);max-width:44rem}
.ph_feature_text p{max-width:36rem}
.ph_feature_text .ph_eyebrow{color:var(--ph-white)}

.ph_rows{max-width:76rem;margin:0 auto;padding:4.4rem var(--ph-side) 2rem}
.ph_row{display:grid;gap:1.4rem;margin:2.6rem 0 0;align-items:center}
.ph_row_text{max-width:30rem}
@media (min-width:56rem){
  .ph_row{grid-template-columns:5fr 7fr;gap:4rem}
  .ph_row:nth-of-type(even) .ph_row_text{order:2}
}

.ph_venues{display:grid;gap:2rem;max-width:76rem;margin:0 auto;padding:3rem var(--ph-side) 4rem;align-items:center}
.ph_venues ul{list-style:none;margin:0;padding:0}
.ph_venues li{padding:.5rem 0 .9rem;border-bottom:1px solid var(--ph-line)}
.ph_venues li a{display:block;font-family:Forum,Georgia,serif;font-size:clamp(1.8rem,1.3rem + 2vw,3rem);
  line-height:1.15;color:var(--ph-ink);text-decoration:none}
.ph_venues li a:hover{color:var(--ph-green)}
.ph_venues li span{font-size:.85rem;color:var(--ph-soft)}
@media (min-width:56rem){.ph_venues{grid-template-columns:7fr 5fr;gap:4rem}}

.ph_teaser{display:grid;gap:2rem;background:var(--ph-blush);padding:4rem var(--ph-side)}
.ph_teaser_text{max-width:32rem}
@media (min-width:56rem){
  .ph_teaser{grid-template-columns:5fr 7fr;gap:3.4rem;align-items:center;
    padding-left:max(var(--ph-side),calc((100% - 74rem)/2));padding-right:max(var(--ph-side),calc((100% - 74rem)/2))}
}

.ph_facade{text-align:center;max-width:62rem;margin:0 auto;padding:4.6rem var(--ph-side) 1rem}
.ph_facade>p:not(.ph_eyebrow){max-width:40rem;margin-left:auto;margin-right:auto}
.ph_facade h2{max-width:40rem;margin-left:auto;margin-right:auto}

.ph_banner{position:relative;background:var(--ph-ink);color:var(--ph-white);overflow:hidden}
.ph_banner img{width:100%;height:clamp(17rem,40vw,30rem);object-fit:cover;opacity:.58}
.ph_banner_text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;padding:1rem var(--ph-side)}
.ph_banner_text h1{color:var(--ph-white);max-width:54rem;margin:0}
.ph_banner_text .ph_eyebrow{color:var(--ph-white)}
.ph_banner-plain{background:var(--ph-blush);color:var(--ph-ink);border-bottom:1px solid var(--ph-line)}
.ph_banner-plain .ph_banner_text{position:static;padding:4.2rem var(--ph-side) 3.4rem}
.ph_banner-plain h1{color:var(--ph-ink)}
.ph_banner-plain .ph_eyebrow{color:var(--ph-green)}

.ph_sheet{max-width:74rem;margin:0 auto;padding:3.4rem var(--ph-side) 1rem}
.ph_sheet>h2,.ph_sheet>p,.ph_sheet>ul,.ph_sheet>ol,.ph_sheet>dl,.ph_sheet>form,
.ph_sheet>.ph_qa,.ph_sheet>.ph_card-entry{max-width:44rem;margin-left:auto;margin-right:auto}
.ph_sheet>h2{margin-top:2.4rem}
.ph_sheet-short{min-height:12rem}
.ph_lede-solo{font-size:1.15rem}
.ph_intro{display:grid;gap:1rem 3.4rem;margin:0 auto 2.6rem;max-width:66rem;padding-bottom:2.2rem;
  border-bottom:1px solid var(--ph-line)}
.ph_intro_big{font-family:Forum,Georgia,serif;font-size:clamp(1.45rem,1.2rem + 1.2vw,2.15rem);
  line-height:1.3;color:var(--ph-ink);margin:0}
.ph_intro .ph_lede{margin:0;font-size:1rem}
.ph_intro_big-long{font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem);line-height:1.45}
@media (min-width:56rem){.ph_intro{grid-template-columns:7fr 5fr;align-items:end}}

.ph_list{padding-left:1.1rem}
.ph_list li{margin:.35rem 0}
.ph_checks{list-style:none;padding:0;display:grid;gap:.5rem 2rem;margin:1.6rem auto 2rem}
.ph_sheet>.ph_checks{max-width:66rem}
.ph_checks li{position:relative;padding-left:1.8rem;color:var(--ph-ink)}
.ph_checks li::before{content:"";position:absolute;left:.25rem;top:.5rem;width:.42rem;height:.78rem;
  border:solid var(--ph-green);border-width:0 1.5px 1.5px 0;transform:rotate(42deg)}
@media (min-width:40rem){.ph_checks{grid-template-columns:1fr 1fr}}
@media (min-width:64rem){.ph_checks{grid-template-columns:repeat(3,1fr)}}

.ph_facts{display:grid;margin:1.8rem auto 2.2rem;border-top:1px solid var(--ph-line)}
.ph_sheet>.ph_facts{max-width:66rem}
.ph_facts div{padding:1rem 0;border-bottom:1px solid var(--ph-line)}
.ph_facts dt{font:500 .68rem/1.6 Sarabun,sans-serif;letter-spacing:.17em;text-transform:uppercase;
  color:var(--ph-green);overflow-wrap:anywhere}
.ph_facts dd{margin:.2rem 0 0;font-family:Forum,Georgia,serif;font-size:1.2rem;line-height:1.35;
  color:var(--ph-ink);overflow-wrap:anywhere}
@media (min-width:40rem){.ph_facts{grid-template-columns:1fr 1fr;column-gap:2rem}}
@media (min-width:64rem){.ph_facts{grid-template-columns:repeat(4,1fr)}}

.ph_photo,.ph_wide{margin:2.4rem auto}
.ph_photo{max-width:56rem}
.ph_photo img,.ph_wide img{width:100%}

.ph_split{display:grid;gap:1.4rem;margin:2.8rem auto;max-width:66rem;align-items:center}
.ph_split figure{margin:0}
.ph_split img{width:100%}
@media (min-width:48rem){.ph_split{grid-template-columns:1fr 1fr;gap:3rem}}

.ph_cards{display:grid;gap:2.6rem 2.2rem;margin:0 0 2rem}
.ph_card a.ph_card_pic{display:block;margin-bottom:1.1rem}
.ph_card img{width:100%}
.ph_card h2{margin-bottom:.2rem}
.ph_card_meta{font:500 .68rem/1.7 Sarabun,sans-serif;letter-spacing:.15em;text-transform:uppercase;
  color:var(--ph-green);margin-bottom:.6rem}
@media (min-width:48rem){.ph_cards{grid-template-columns:1fr 1fr}}

.ph_draw{margin:2.4rem auto;max-width:66rem}
.ph_draw svg{width:100%;height:auto}
.ph_draw figcaption{font-size:.85rem;color:var(--ph-soft);margin-top:.6rem;text-align:center}
.ph_teaser .ph_draw,.ph_walk .ph_draw{margin:0}
.ph_walk{display:grid;gap:1.6rem;max-width:66rem;margin:0 auto 1rem}
.ph_walk .ph_facts{margin:0}
@media (min-width:64rem){
  .ph_walk{grid-template-columns:3fr 2fr;align-items:center;gap:3rem}
  .ph_walk .ph_facts{grid-template-columns:1fr}
}

.ph_timeline{list-style:none;padding:0;margin:1rem auto 2rem;border-left:1px solid var(--ph-taupe)}
.ph_timeline li{display:grid;gap:.1rem;padding:0 0 1.3rem 1.4rem;position:relative}
.ph_timeline li::before{content:"";position:absolute;left:-.32rem;top:.7rem;width:.6rem;height:.6rem;
  border-radius:50%;background:var(--ph-white);border:1px solid var(--ph-green)}
.ph_timeline b{font-family:Forum,Georgia,serif;font-weight:400;font-size:1.6rem;line-height:1.2;color:var(--ph-green)}
.ph_timeline p{margin:0}
@media (min-width:40rem){.ph_timeline li{grid-template-columns:5rem 1fr;gap:1.2rem}}

.ph_qa{margin:0 auto 2rem;border-top:1px solid var(--ph-line)}
.ph_qa details{border-bottom:1px solid var(--ph-line);padding:.2rem 0}
.ph_qa summary{cursor:pointer;list-style:none;font-family:Forum,Georgia,serif;font-size:1.3rem;
  color:var(--ph-ink);padding:.85rem 2rem .85rem 0;position:relative;line-height:1.3}
.ph_qa summary::-webkit-details-marker{display:none}
.ph_qa summary::after{content:"+";position:absolute;right:.2rem;top:.7rem;font-family:Sarabun,sans-serif;
  color:var(--ph-green);font-size:1.3rem}
.ph_qa details[open] summary::after{content:"\2212"}
.ph_qa details p{margin:0 0 1rem}

.ph_gallery{columns:1;column-gap:1.4rem;margin:0 0 2rem}
.ph_gallery figure{break-inside:avoid;margin:0 0 1.4rem}
.ph_gallery figcaption{font-size:.82rem;color:var(--ph-soft);margin-top:.4rem}
@media (min-width:40rem){.ph_gallery{columns:2}}
@media (min-width:64rem){.ph_gallery{columns:3}}

.ph_form{display:grid;gap:1.1rem;margin:1.4rem auto 2.4rem}
.ph_field{margin:0;display:flex;flex-direction:column}
.ph_field label{font:500 .68rem/1.6 Sarabun,sans-serif;letter-spacing:.15em;text-transform:uppercase;
  color:var(--ph-green);margin-bottom:.15rem}
.ph_field input,.ph_field select,.ph_field textarea{font:300 1.05rem/1.5 Sarabun,sans-serif;
  color:var(--ph-ink);background:transparent;border:0;border-bottom:1px solid var(--ph-taupe);
  padding:.55rem 0;width:100%;border-radius:0}
.ph_field textarea{border:1px solid var(--ph-taupe);padding:.6rem}
.ph_field-tick{flex-direction:row;align-items:center;gap:.7rem}
.ph_field-tick input{width:1.15rem;height:1.15rem;accent-color:var(--ph-green);flex:none}
.ph_field-tick label{margin:0;font-size:.72rem}
.ph_actions{display:flex;flex-wrap:wrap;gap:1rem;margin:.6rem 0 0}
.ph_say{min-height:1.6em;margin:0;color:var(--ph-green)}
.ph_say[data-bad=yes]{color:var(--ph-alert)}
.ph_card-entry{background:var(--ph-blush);padding:1.6rem;margin-bottom:2rem}
.ph_entry{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1.2rem;margin:0 0 1.4rem}
.ph_entry dt{color:var(--ph-soft)}
.ph_entry dd{margin:0;color:var(--ph-ink);overflow-wrap:anywhere}
.ph_stays{margin:0 0 1rem;padding-left:1.1rem}
.ph_form-inline{margin:0}

.ph_print{font-size:.82rem;line-height:1.7;color:var(--ph-soft);text-align:center;
  border-top:1px solid var(--ph-line);padding-top:1.3rem;margin-top:3rem}
.ph_sheet>.ph_print{max-width:46rem}
.ph_stamp{font-size:.85rem;color:var(--ph-soft);margin-top:2.4rem}

.ph_foot{background:var(--ph-blush);border-top:1px solid var(--ph-line);margin-top:3.6rem;
  padding:3.2rem var(--ph-side) 6.5rem}
.ph_foot_in{max-width:74rem;margin:0 auto}
.ph_foot_mark{font-family:Forum,Georgia,serif;font-size:1.5rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ph-ink);text-align:center;margin:0 auto 2.2rem;padding:.4rem 0;max-width:20rem;
  border-top:1px solid var(--ph-taupe);border-bottom:1px solid var(--ph-taupe)}
.ph_foot_cols{display:grid;gap:1.8rem;font-size:.92rem}
.ph_foot_cols p{margin:0 0 .5rem}
.ph_foot_casino{color:var(--ph-ink)}
.ph_foot_links{list-style:none;margin:0 0 .8rem;padding:0;display:flex;flex-wrap:wrap;gap:.3rem 1.2rem}
.ph_linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--ph-green);
  text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.ph_foot_year{text-align:center;font-size:.78rem;color:var(--ph-soft);margin:2.4rem 0 0}
@media (min-width:56rem){.ph_foot_cols{grid-template-columns:1fr 1.6fr 1fr;gap:3rem}}

.ph_gate{position:fixed;inset:0;z-index:100;background:rgba(31,37,35,.88);display:flex;
  align-items:center;justify-content:center;padding:1rem 1rem 7rem;overflow-y:auto}
.ph_gate[hidden]{display:none}
.ph_gate_card{background:var(--ph-blush);max-width:31rem;width:100%;padding:2rem 1.5rem;text-align:center;
  border:1px solid var(--ph-taupe);outline:1px solid var(--ph-blush);outline-offset:5px}
.ph_gate_card h2{font-size:clamp(1.5rem,1.3rem + 1vw,2rem)}
.ph_gate_btns{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:1.4rem 0 0}
.ph_gate_no{color:var(--ph-alert)}

.ph_bar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--ph-ink);color:#efe6e1;
  padding:1rem var(--ph-side)}
.ph_bar[hidden]{display:none}
.ph_bar_in{max-width:74rem;margin:0 auto;display:grid;gap:.8rem}
.ph_bar p{margin:0;font-size:.88rem;line-height:1.6}
.ph_bar_list{margin:0;padding-left:1.1rem;font-size:.82rem;color:#cfc3bd}
.ph_bar_btns{display:flex;flex-wrap:wrap;gap:.6rem}
.ph_bar button{font:500 .66rem/1 Sarabun,sans-serif;letter-spacing:.16em;text-transform:uppercase;
  padding:.75rem 1rem;cursor:pointer;background:none;color:#efe6e1;border:1px solid #6d6460}
.ph_bar button.ph_bar_yes{background:var(--ph-blush);color:var(--ph-ink);border-color:var(--ph-blush)}
@media (min-width:56rem){.ph_bar_in{grid-template-columns:1fr auto;align-items:center}
  .ph_bar_list{grid-column:1/-1}}