/* ###### */
/* COMMON */
.box-large .box__col.large { width: 100%; }
.box-large .box__row.large + .box__row.large { margin-top: 10px; }
.box-large .box__controls label.fix { position: static; }

.pic__box { margin-top: 40px; padding-bottom: 80px; list-style: none; margin-left: 0; display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-flow: dense;}
.pic__box li { margin-bottom: 38px; display: table; height: 70px; padding:10px; }
.pic__box li picture { display: table-cell; vertical-align: middle; }
.box__testimony {margin:20px 0px 20px 0px;}
.box__testimony p {font-size:20px; font-style: italic;}

.table__shipping td {text-align: center;}
.table__shipping td:first-child {text-align: center;width: auto !important;}
.table__product.table__shipping td:first-child {text-align: center;}
.table__product.table__shipping td:nth-child(2) {text-align: center;}

.ico-logo__svg {width: 55px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0px; stroke: black;}
.ico-logo-large__svg {width: 65px; height: 44px; display: inline-block; vertical-align: middle; font-size: 0px;}
.ico-logo-white__svg {width: 75px;height: 51px; display: inline-block; vertical-align: middle; font-size: 0px; fill:#FFF;}

#pib-loading_holder {display:block; position:fixed; width:100%; height:100%; left:0px; top:0px; background:#333; filter:alpha(opacity=90);opacity:0.90;-khtml-opacity:0.90; z-index:99; visibility:hidden;}
#pib-loading {display:block; background:url('/erp-core/files-sprite/pib-loader.gif?v=3'); background-repeat:no-repeat; background-color:transparent; border:0; width:400px; height:300px; margin : 0 auto; margin-top:20%; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px;}

/* ###### */
/* E-KOMI */

.btn-review { position: fixed;background: #000;top: 136px;left: 0px; font-size: 11px;z-index: 39;font-weight: 500; } /* line-height: 25px;height: 65px; */
.btn-review > span { display: inline-block;line-height: 55px;padding: 0px 5px 0px 10px;vertical-align: top;height: 55px; }
.btn-review > span > span { display:block; font-size: 12px; padding-left: 5px; }
.btn-review > span + span { display: inline-block;padding: 5px 10px 0px 5px;height: 50px;line-height: 22px;vertical-align: top; }
.btn-review span .ico-star {zoom: 0.60;}
.btn-review span .ico-star:nth-child(5) {width:13px;}
.btn-review span.text { display: none; }
.btn-review.active { -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px);  }

@media (max-width: 1279px) {
	
	.btn-review { display: none; }
}

@media (min-width: 1800px) {

	.btn-review {}
	.btn-review > span { line-height: 65px; height: 65px; }
	.btn-review > span > span { display:inline-block; font-size: 13px; }
	.btn-review > span + span { height: 60px;line-height: 27px; }
	.btn-review span .ico-star { zoom: 1.00; }
	.btn-review span .ico-star:nth-child(5) { width:16px; }
	.btn-review span.text { display: block; }
	.btn-review.active { -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px);  }
}

/* ###### */
/* HEADER */

.search__inner button {border:0; background-color:#ffffff;}

.header__slogan-text i::before {
  content: '“';
  color: #b9763e;
  padding: 0 5px 0 0;
  font-style: italic;
}

.header__slogan-text i::after {
  content: '”';
  color: #b9763e;
  padding: 0 0 0 5px;
  font-style: italic;
}

/* TOP Marketing Message */
/*
.header__top { visibility: hidden; height:0px; }
@media only screen and (min-width: 1024px) {

  .header__top {visibility: visible;text-align: center;background: #000;color: #FFF;height: 26px;line-height: 26px;}
  .header__top a {text-decoration: none;}
  .dropdown-header {top: 122px;}
  .main {margin-top: 123px;}
}
*/

/* Second Marketing Message */
.marketing_second_msg {visibility: hidden;}
@media only screen and (min-width: 1024px) {

  .marketing_second_msg {visibility: visible; position: fixed; background: #000; color: #FFF; padding: 2px 20px; text-align: center; z-index: 999; line-height: 31px; right: 0px; bottom: 0px; text-transform: uppercase; border-radius: 10px 0px 0px 0px; font-size: 12px;}
  .marketing_second_msg a {text-decoration: none;}
}

/* ####### */
/* SHOPPER */
.shopper .ico-heart {
  margin: 0 0 1px 5px;
  width: 13px;
  height: 12px;
  background-position: -120px -51px;
  background-size: 225px 175px;
  cursor: pointer;
}

/* #### */
/* HOME */

.article .article__title--small.white {color:#fff;}

/* ####### */
/* REVIEWS */

ul.box__reviews {list-style: none; margin: 0; padding:0; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-flow: dense; }
ul.box__reviews li {padding: 10px; margin: 10px; border: 1px solid #bcbcbc;}

/* ########## */
/* ABOUT PAGE */
.testimonials .photo img { height: 100%; }
@media only screen and (max-width: 1024px) { .testimonials .photo img { height: auto; }  }

/* ############ */
/* GALLERY PAGE */

.product .product__body.top_slider {padding-top:0px;}
.product .product__body.top_slider img {width:100%;}
.product .product__gallery { min-height:50px; }
.product--border-large .product__gallery { min-height:88px; }

.filter_select {font-size:12px; font-weight: 400; line-height: 1.3; padding:0 11px 0 11px; cursor:pointer;}

/* ############ */
/* ARTICLE PAGE */

.photo.article__top { top:-200px; }
@media only screen and (max-width: 1024px) { .photo.article__top { top:0px; }  }

/* ############ */
/* PRODUCT PAGE */

/* PRICING */
.product__price strike {color:#000;}
.percent {display:block; color:#000; font-style:italic;}
.bar__aside span {margin:0 10px 0 0;}

/* HEART */
.product-large .ico-heart {cursor:pointer; filter: invert(1); margin: 0 0 5px 5px; }
.product-large .ico-heart.hover {filter:none; }

/* CART */
.cart_pad {padding:10px; display: inline-block;}
.cart_dropdown {margin: 0 0 0 10px; display: inline-block; width: 130px; }

/* LIVRAISON */

/* MON COMPTE */
.form__body .form__row .form__label {display:block; font-weight:700; margin:6px 0px 6px 0px;}
.form__body .form__row .field-error {color:#FF0000;}

#login_password_msg {color: #ff0000; font-style: italic; margin-top: 4px; font-size: 13px; position: absolute; display: none;}

.validate-msg {background-color: #b9763e; margin-top: 60px; margin-bottom: -60px;}
@media (max-width: 720px) {
    .validate-msg {background-color: #b9763e; margin-top: 50px; margin-bottom: -30px;}
}
#popin_message { text-align: center; color: #b9763e; }

.validate-msg p {text-align:center; color: #FFFFFF; font-weight: bold; padding: 10px}

/* PAIEMENT */
.list-boxes li.payment { margin-bottom: 20px; }
.box.payment { display: block; text-align: center; border: 1px solid #eee; font-weight: 300; font-size: 14px; min-height:260px; height: 40px; }

/* TRANSPORTEURS */
ul.delivery-mode {padding-bottom: 40px;}
@media only screen and (max-width: 1024px) { ul.delivery-mode {border: none; padding-bottom: 0px;} }
ul.delivery-mode:after {content: ' '; display: block; clear: both;}

ul.delivery-mode > li {position: relative; width: 50%; float: left; box-sizing: border-box; font-size: 14px; line-height: 20px; padding-left: 40px; color: #999999; list-style-type: none; min-height: 310px;}
ul.delivery-mode > li picture {}
@media only screen and (max-width: 1024px) { ul.delivery-mode li { width: 100%; float: none; text-align: center; } ul .delivery-mode li picture { float: none; } }

ul.delivery-mode > li .delivery-details {}
@media only screen and (max-width: 1024px) { ul.delivery-mode li .delivery-details { margin-top: 15px; padding: 0px; } }

ul.delivery-mode > li .delivery-details .delivery-subtitle { color: #000000; text-transform:uppercase; }
ul.delivery-mode > li .delivery-details .delivery-subtitle strong { color: #000000; }
ul.delivery-mode > li .delivery-details .delivery-description {}
ul.delivery-mode > li .delivery-details .delivery-comment { margin-top: 30px; color: #000000; }

ul .delivery-mode > li { border-left: 1px solid #dddddd; padding-left: 40px; padding-right: 0px; }
@media only screen and (max-width: 1024px) { ul.delivery-mode > li { } }

ul.delivery-mode > li .delivery-details .delivery-comment > ul {list-style-type: disc; margin-left: 20px;}
ul.delivery-mode > li .delivery-details > ul li strong {color:#b9763e;}

/* RETOURS &.. */
ul.delivery-return { }
ul.delivery-return:after { content: ' '; display: block; clear: both; }
@media only screen and (max-width: 1024px) { ul.delivery-return { margin-top: 0px; padding-bottom: 70px; border: none; padding-bottom: 0px; } }

ul.delivery-return li { width: 266px; margin: 0px 25px; float: left; box-sizing: border-box; text-align:center; position: relative; list-style-type: none; }
ul.delivery-return li:before { content: ' '; width: 1px; height: 175px; display: block; position: absolute; top: 0px; left: -25px; }
ul.delivery-return li:first-child:before { display: none; }
ul.delivery-return li:first-child { margin-left: 0px; }
ul.delivery-return li:last-child { margin-right: 0px; }

@media only screen and (max-width: 1024px) { ul.delivery-return li { width: 100%; margin: 0px 0px; padding: 40px 0px; } ul.delivery-return li:last-child { border: none; } ul.delivery-return li:before { display: none; } }

ul.delivery-return li .return-title { font-size: 16px; font-weight: 400; padding: 30px; height: 100px; }
ul.delivery-return li .return-title:before { content: ' '; margin: auto; margin-bottom: 13px; }
@media only screen and (max-width: 1024px) { ul.delivery-return li .return-title { height: auto; } }

ul.delivery-return li.return-cancellation .return-title:before { background-image: url('/objects/files-sprite/ui-mobile.png'); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; display: block; height: 16px; width: 14px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { ul.delivery-return li.return-cancellation .return-title:before { background-image: url('/objects/files-sprite/ui-desktop.png'); background-size: 564px 2339px; background-position: 0 0; height: 16px; width: 14px; } } }

ul.delivery-return li.return-return .return-title:before { background-image: url('/objects/files-sprite/ui-mobile.png'); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; display: block; height: 16px; width: 14px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { ul.delivery-return li.return-return .return-title:before { background-image: url('/objects/files-sprite/ui-desktop.png'); background-size: 564px 2339px; background-position: 0 0; height: 16px; width: 14px; } }

ul.delivery-return li.return-keeping .return-title:before { background-image: url('/objects/files-sprite/ui-mobile.png'); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; display: block; height: 16px; width: 14px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { ul.delivery-return li.return-keeping .return-title:before { background-image: url('/objects/files-sprite/ui-desktop.png'); background-size: 564px 2339px; background-position: 0 0; height: 16px; width: 14px; } } }

ul.delivery-return li .return-content { margin-top: 44px; font-size: 14px; line-height: 20px; color: #999999; padding: 0px 30px; }
@media only screen and (max-width: 1024px) { margin-top: 24px; } }

ul.delivery-return li .return-content-more {}

/* AUTRES FINITIONS */

.finish_title {display:block; width:100%; text-align:center; font-size:16px; font-weight:400;}
ul.declinations {}
ul.declinations li.row-declination {display:block; width:100%; margin-top:40px;}
/*ul.declinations li.row-declination:nth-child(odd) {background: #f7f7f7;} */
ul.declinations li.row-declination ul.container {}
ul.declinations li.row-declination ul.container li.col-picture {display:inline-block; width:65%; vertical-align:top; text-align:center;}
ul.declinations li.row-declination ul.container li.col-details {display:inline-block; width:35%; vertical-align:top; text-align:center;}
ul.declinations li.row-declination ul.container li.col-details .details-title {font-size:24px; font-weight:400;}
ul.declinations li.row-declination ul.container li.col-details .details-price {font-size:24px; font-weight:bold;}
ul.declinations li.row-declination ul.container li.col-details .details-description {}
ul.declinations li.row-declination ul.container li.col-details .shipping-delay {}
ul.declinations li.row-declination ul.container li.col-details .shipping-price {}
ul.declinations li.row-declination ul.container li.col-details .btn {margin-top:20px;}

@media only screen and (max-width: 1024px) { ul.declinations li.row-declination ul.container li.col-picture {display:block; width:100%;} }
@media only screen and (max-width: 1024px) { ul.declinations li.row-declination ul.container li.col-details {display:block; width:100%;} }

/* A PROPOS */

.product-about {display:block;}
.product-about > ul {}
.product-about > ul li {display:inline-block; width:45%; vertical-align:top;}
.product-about > ul li img {}
.product-about > ul li .about-title {display:inline-block; padding-left:40px; font-size:16px; font-weight:400;}
.product-about > ul li .about-content {margin-top:40px; line-height:30px;}
.product-about > ul li+li {margin-left:10%;}

@media only screen and (max-width: 1024px) { .product-about > ul li {display:block; width:100%; vertical-align:top;} }
@media only screen and (max-width: 1024px) { .product-about > ul li+li {margin-left:0%; margin-top:40px;} }

/* REVIEWS V2 */
.review .badge { position:absolute; }
.reviews header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 40px; }
.reviews .average-score { text-align: center; margin-bottom: 40px; }
.reviews .average-score div:first-child { font-size: 36px; color: #B9763E; }
.reviews .average-score small { font-size: 0.7em; color: #000; }
.reviews .review-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.reviews article.review-card { height: auto; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; background: #f1f1f1; border-radius: 12px; }
.reviews .review-card p { font-size: 15px; color: #333; line-height: 1.4em; }
.reviews .review-footer { display: flex; justify-content: space-between; align-items: center; }
.reviews .stars { color: #b9763e; font-size: 16px; }
.reviews .review-verified { color: #B9763E; font-size: 12px; }
.reviews .review-meta { font-size: 14px; color: #666; flex-basis: 100%; }

/* PHOTOS CLIENTS */

.slider__slide.customer_pictures {text-align:center;}
.slider__slide.customer_pictures img {max-width:700px; max-height:400px; margin:0 auto;}
@media only screen and (max-width: 1024px) { .slider__slide.customer_pictures img {width: 100%}}

ul.box__reviews li a {display: block; width:100%; text-align: center;}
ul.box__reviews li a img {max-height: 200px; width:auto;}

/* JIELDE */
#jielde_form {font-size:11px; background:#EEE; padding:20px;}
#jielde_form p {display:block;}
#jielde_form .line {display:block; font-size:11px;}

#jielde_form #select_selection {display:block; width:100%; overflow:hidden; margin-top:10px;}
@media only screen and (max-width: 1024px) {#jielde_form #select_selection {width:100%;} }
#jielde_form select {font-size:11px; height:30px; line-height:30px;}

#jielde_form .std {border: 1px solid #DDD;}
#jielde_form #type {width:190px; overflow:hidden;}
#jielde_form #gamme {width:80px; overflow:hidden;}
#jielde_form #modele {width:190px; overflow:hidden;}
#jielde_form #couleur {width:80px; overflow:hidden;}
#jielde_form #finition {width:80px; overflow:hidden;}
@media only screen and (max-width: 1024px) {
  #jielde_form .std {border: 1px solid #DDD;}
  #jielde_form #type {overflow:hidden;}
  #jielde_form #gamme {overflow:hidden;}
  #jielde_form #modele {overflow:hidden;}
  #jielde_form #couleur {overflow:hidden;}
  #jielde_form #finition {overflow:hidden;}
  }

#jielde_form #current_selection {display:block; width:100%; overflow:hidden; border: 1px solid #DDD; margin-top:10px;}
@media only screen and (max-width: 1024px) {#jielde_form #current_selection {display:block; width:100%;} }
#jielde_form #current_selection .line {display:block; line-height:30px; padding:5px; background:#EEE; margin-top:1px; vertical-align:top;}
@media only screen and (max-width: 1024px) {#jielde_form #current_selection .line {display:block;} }

#jielde_form #cart_selection {display:block; width:100%; overflow:hidden; border: 1px solid #DDD; margin-top:10px;}
@media only screen and (max-width: 1024px) {#jielde_form #cart_selection {display:block; width:100%; border:0px;} }
#jielde_form #cart_selection .line {display:block; line-height:30px; padding:5px; background:#EEE; margin-top:1px; vertical-align:top;}
@media only screen and (max-width: 1024px) {#jielde_form #cart_selection .line {display:block;} }

#jielde_form .type {display:inline-block; width:150px; height:30px; line-height:30px; padding-left:10px; overflow:hidden; background:#FFF; margin-right:2px;}
#jielde_form .modele {display:inline-block; width:290px; height:30px; line-height:30px; padding-left:10px; overflow:hidden; background:#FFF; margin-right:2px;}
#jielde_form .couleur {display:inline-block; width:60px; height:30px; line-height:30px; padding-left:10px; overflow:hidden; background:#FFF; margin-right:2px;}
#jielde_form .finition {display:inline-block; width:40px; height:30px; line-height:30px; padding-left:10px; overflow:hidden; background:#FFF; margin-right:2px;}
#jielde_form .price {display:inline-block; width:65px; height:30px; line-height:30px; text-align:center; overflow:hidden; background:#FFF; margin-right:2px;}
#jielde_form .qty {display:inline-block; width:25px; height:30px; line-height:30px; text-align:center; overflow:hidden; background:#FFF; margin-right:2px;}
@media only screen and (max-width: 1024px) {
  #jielde_form .type {display:inline-block; height:30px; line-height:30px; padding-left:10px; overflow:hidden; background:#FFF; margin-right:2px;}
  #jielde_form .modele {display:inline-block; height:30px; line-height:30px; padding-left:10px; overflow:hidden; background:#FFF; margin-right:2px;}
  #jielde_form .couleur {display:inline-block; height:30px; line-height:30px; padding-left:10px; overflow:hidden; background:#FFF; margin-right:2px;}
  #jielde_form .finition {display:inline-block; height:30px; line-height:30px; padding-left:10px; overflow:hidden; background:#FFF; margin-right:2px;}
  #jielde_form .price {display:inline-block; height:30px; line-height:30px; padding-left:10px; overflow:hidden; background:#FFF; margin-right:2px;}
  #jielde_form .qty {display:inline-block; height:30px; line-height:30px; padding-left:10px; overflow:hidden; background:#FFF; margin-right:2px;}
  }

#jielde_form #form_selection {display:block; width:620px; overflow:hidden; margin-top:10px;}
@media only screen and (max-width: 1024px) {#jielde_form #form_selection {display:block; width:100%; overflow:hidden; margin-top:10px;} }
#jielde_form #form_selection textarea {display:block; background:#FFF; padding:10px; width:598px; height:200px; font-size:10px;}
@media only screen and (max-width: 1024px) {#jielde_form #form_selection textarea {display:block; background:#FFF; padding:10px; width:100%; height:200px; font-size:10px;} }

.button_jld {display:block; margin-top: 50px; padding: 0px 35px; width: 119px; background-color: #000000; line-height: 54px; font-size: 16px; height: 54px; color: #ffffff; text-align: center; cursor: pointer; font-family: "FranklinGothicLT-BookCnd"; border: 1px solid #000000; -webkit-transition: background 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);}
@media only screen and (max-width: 1024px) {.button_jld, form input[type=submit] {width: 100%;box-sizing: border-box;}}
.button_jld.hover:hover {background-color: #ffffff;color: #000000;}

#jielde_form .delete {display:block; float:right; padding-left:5px; padding-right:5px; text-align:center; vertical-align:top; background:#666; color:#fff;}
@media only screen and (max-width: 1024px) {#jielde_form .delete {display:inline-block; float:none;} }
#jielde_form .delete:hover {background:#000; color:#fff;} 

#jielde_form a {cursor:pointer;}
.jielde_table {display:block; border:0px; margin-left:150px;}
.jielde_table_bis {border-bottom: 1px solid #000000;}
@media only screen and (max-width: 1024px) { .jielde_table {display:block; border:0px;} }

.c-link, .c-link_blank { cursor:pointer; }

/*** CONTACT ***/
.help_contact_content { padding: 10px 0; text-align: left;}
.help_contact_content div { margin-bottom: 5px; background: #F6F6F6; padding: 5px;}


/*** GALLERY FILTER ***/
.filters-bar { display: flex; flex-wrap: wrap; padding: 10px; border-bottom: 1px solid #ccc; background: #fff; position: sticky; top: 0; z-index: 9;} /* gap: 10px; */
.filter-group { position: relative; }
.filter-button { display: flex; align-items: center; gap: 6px; padding: 8px 12px; cursor: pointer; }
.filter-button svg { width: 18px; height: 18px; stroke: #555; stroke-width: 1.5; fill: none; vertical-align: middle; }
.dropdown { display: none; position: absolute; top: 100%; left: 0; max-width: 300px; min-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: white; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); z-index: 100; }
.filter-group.open .dropdown { display: block; padding: 5px 0px 5px 0px; }
.dropdown label { padding: 5px 10px; cursor: pointer; display: flex; align-items: center; gap: 5px; }
.dropdown label.hidden { display: none; } 
.dropdown label.child { margin-left : 15px; }
.show-filters { padding: 8px 12px; background: #eee; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; display:none; }
.show-filters:hover { background:#b9763e; color:#fff; }

/*** GALLERY FILTER DRAWER PANEL ***/
.drawer-body { padding: 20px; overflow-y: auto; flex: 1 1 auto; }
.bottom-actions { padding: 20px; border-top: 1px solid #eee; flex-shrink: 0; display: flex; gap: 10px; }

.drawer { position: fixed; top: 0; right: -100%; width: 400px; max-width: 100%; height: 100vh; background: #fff; box-shadow: -2px 0 10px rgba(0,0,0,0.1); transition: right 0.3s ease; z-index: 2000; display: flex; flex-direction: column; padding: 0; }
.drawer.open { right: 0; }
.drawer-header { display: flex; justify-content: space-between; align-items: center; padding: 20px; flex-shrink: 0; border-bottom: 1px solid #eee; }

.close-btn { background: none; border: none; font-size: 24px; cursor: pointer; }
.filter-section { margin-top: 20px; border-top: 1px solid #eee; padding-top: 10px; }
.filter-title { display: flex; justify-content: space-between; cursor: pointer; font-weight: bold; padding: 10px 0; }
.filter-content { display: none; padding-left: 10px; }
.filter-content label { margin-bottom: 8px; cursor: pointer; display: flex; align-items: center; gap: 5px; }
.filter-content label.child { margin-left : 15px; }
.filter-content.open { display: block; }
.bottom-actions { margin-top: auto; display: flex; gap: 10px; }
.bottom-actions button { flex: 1; padding: 12px; font-weight: bold; border: none; cursor: pointer; }
.reset-btn { background: #f0f0f0; }
.reset-btn:hover { background: #666; color: white; }
.apply-btn { background: black; color: white; }
.apply-btn:hover { background:#b9763e; color:#fff; }

.selected-tags { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 15px; } /* background: #f9f9f9; border-bottom: 1px solid #ddd; */
.selected-tags.closed { display: none; }
.tag { background: #000; color:#FFF; padding: 6px 10px; border-radius: 3px; font-size: 14px; display: flex; align-items: center; gap: 6px; cursor: pointer; }
.tag .remove-tag { font-weight: bold; }
.grayed-out { opacity: 0.5; pointer-events: none; }