/* Product listing keeps native ordering, buttons, availability and grid/list hooks. */
.paracel-cream ul.product_list.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; margin: 0; }
.paracel-cream ul.product_list.grid:before, .paracel-cream ul.product_list.grid:after { display: none; }
.paracel-cream ul.product_list.grid > li { width: auto; float: none; clear: none !important; min-width: 0; padding: 0; margin: 0 !important; height: auto !important; text-align: left; }
.paracel-cream ul.product_list.grid > li .product-container,
.paracel-cream ul.product_list.grid > li.hovered .product-container,
.paracel-cream ul.product_list.grid > li:hover .product-container { background: none; border: 0; padding: 0; box-shadow: none; }
.paracel-cream ul.product_list .product-image-container,
.paracel-cream ul.product_list.grid > li .product-container .product-image-container {
  position: relative; background: var(--plate); border: 1px solid var(--rule); padding: 0; margin-bottom: 12px;
}
.paracel-cream ul.product_list .product-image-container:hover { border-color: var(--rule-strong); }
.paracel-cream ul.product_list .product_img_link { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; width: 100%; padding: 8%; }
.paracel-cream ul.product_list .product-image-container img { width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain; margin: auto; }
/* Native hover duplicates price inside the photograph. Keep the authoritative visible price below. */
.paracel-cream ul.product_list .left-block .content_price,
.paracel-cream ul.product_list.grid > li:hover .left-block .content_price { display: none; }
.paracel-cream ul.product_list.grid > li .right-block { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; min-width: 0; }
.paracel-cream ul.product_list.grid > li .product-container h5,
.paracel-cream ul.product_list.list > li .product-container h5 { font: 500 1.0625rem/1.5 var(--body); text-transform: none; letter-spacing: 0; margin: 0 0 8px; padding: 0; min-height: 0; }
.paracel-cream ul.product_list .product-name { color: var(--ink); font: 500 1.0625rem/1.5 var(--body); overflow-wrap: anywhere; display: inline; }
.paracel-cream ul.product_list .paracel-product-code { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 8px; font: 400 1rem/1.5 var(--mono); font-variant-numeric: tabular-nums; color: var(--ink-2); margin-bottom: 8px; overflow-wrap: anywhere; }
.paracel-cream ul.product_list.grid .right-block > h5 { order: 0; flex-basis: 100%; }
.paracel-cream ul.product_list.grid .right-block > .comments_note { order: 1; flex-basis: 100%; }
.paracel-cream ul.product_list.grid .right-block > .content_price { flex: 1 1 auto; order: 2; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; padding: 0; margin: 0 0 6px; min-height: 0; }
/* Native global.js adds .hovered; outrank its right-price hiding rule while the image price stays hidden. */
.paracel-cream ul.product_list.grid > li.hovered .right-block > .content_price { display: flex; }
.paracel-cream ul.product_list.grid .right-block > .availability { order: 3; margin: 0 0 8px; }
.paracel-cream ul.product_list.grid .right-block > .button-container { order: 5; flex-basis: 100%; }
.paracel-cream ul.product_list.grid .right-block > .color-list-container { order: 4; flex-basis: 100%; }
.paracel-cream ul.product_list.grid .right-block > .product-flags { order: 6; flex-basis: 100%; }
.paracel-cream ul.product_list .availability span,
.paracel-cream ul.product_list .availability .available-now,
.paracel-cream ul.product_list .availability .out-of-stock,
.paracel-cream ul.product_list .availability .available-dif,
.paracel-cream ul.product_list .availability .available-later {
  display: inline; background: none; border: 0; padding: 0; margin-bottom: 0; color: var(--olive-2); font: 500 .9375rem/1.4 var(--body); text-transform: none;
}
.paracel-cream ul.product_list .availability .out-of-stock { color: var(--clay); }
.paracel-cream ul.product_list .availability .available-dif,
.paracel-cream ul.product_list .availability .available-later { color: var(--ink-2); }
.paracel-cream ul.product_list .availability span:before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--olive-2); margin-right: 6px; vertical-align: 1px; }
.paracel-cream ul.product_list .availability .out-of-stock:before { background: none; border: 1.5px solid var(--clay); }
.paracel-cream ul.product_list .availability .available-dif:before,
.paracel-cream ul.product_list .availability .available-later:before { background: none; border: 1.5px solid var(--rule-strong); }
.paracel-cream ul.product_list.grid > li .product-container .button-container,
.paracel-cream ul.product_list.grid > li:hover .product-container .button-container { display: flex; flex-wrap: wrap; gap: 8px; position: static; padding: 0; margin-top: 4px; }
.paracel-cream ul.product_list.grid > li .product-container .button-container .button { margin: 0; }
.paracel-cream ul.product_list .button-container .button span { padding: 8px 10px; }
.paracel-cream ul.product_list.grid > li .product-container .functional-buttons,
.paracel-cream ul.product_list.grid > li:hover .functional-buttons { display: flex; flex-wrap: wrap; background: none; border: 0; padding: 8px 0 0; }
.paracel-cream ul.product_list.grid > li .product-container .functional-buttons > div { width: auto; float: none; padding: 0 12px 0 0; border: 0; }
.paracel-cream ul.product_list .functional-buttons a { font: 400 .9375rem/1.5 var(--body); min-height: 44px; display: inline-flex; align-items: center; }
.paracel-cream ul.product_list .quick-view { font: 400 .9375rem/1.4 var(--body); color: var(--olive); background: var(--plate); border: 1px solid var(--rule); box-shadow: none; min-height: 44px; padding: 10px; }
.paracel-cream ul.product_list .quick-view-mobile { min-width: 44px; min-height: 44px; color: var(--olive); background: var(--plate); }
/* Native hover requires an exactly 1170px container; this fluid theme also supports keyboard focus. */
@media (min-width: 1200px) {
  .paracel-cream ul.product_list .product-image-container .quick-view { display: block; opacity: 0; pointer-events: none; }
  .paracel-cream ul.product_list .product-image-container:hover .quick-view,
  .paracel-cream ul.product_list .product-image-container:focus-within .quick-view { opacity: 1; pointer-events: auto; }
}
.paracel-cream .new-box, .paracel-cream .sale-box { top: 8px; left: 8px; right: auto; width: auto; height: auto; }
.paracel-cream .sale-box { left: auto; right: 8px; }
.paracel-cream .new-label, .paracel-cream .sale-label { position: static; display: block; transform: none; width: auto; padding: 3px 7px; background: var(--paper-2); color: var(--ink-2); font: 500 .875rem/1.4 var(--body); text-transform: none; text-shadow: none; border: 1px solid var(--rule); }
.paracel-cream .new-label:before, .paracel-cream .new-label:after,
.paracel-cream .sale-label:before, .paracel-cream .sale-label:after { display: none; }
.paracel-cream ul.product_list .product-flags { margin: 0; color: var(--ink-2); font-size: .9375rem; }
.paracel-cream ul.product_list .product-flags:empty { display: none; }
.paracel-cream ul.product_list.list > li { padding: 24px 0; border-color: var(--rule); }
.paracel-cream ul.product_list.list .product-container .right-block .right-block-content { border-color: var(--rule); }
.paracel-cream ul.product_list .product-desc { font: 400 1.0625rem/1.5 var(--body); color: var(--ink-2); }
.paracel-cream .content_sortPagiBar { margin: 20px 0; }
.paracel-cream .content_sortPagiBar .sortPagiBar { background: none; border-color: var(--rule); padding: 12px 0; }
.paracel-cream .content_sortPagiBar .display li a, .paracel-cream .content_sortPagiBar .display_m li a { color: var(--ink-2); font-size: .9375rem; }
.paracel-cream .content_sortPagiBar .display li.selected a { color: var(--olive); }
.paracel-cream .product-count, .paracel-cream .heading-counter { font: 400 .9375rem/1.5 var(--body); color: var(--ink-2); text-transform: none; letter-spacing: 0; }
.paracel-cream .top-pagination-content, .paracel-cream .bottom-pagination-content { border-color: var(--rule); padding: 12px 0; }
.paracel-cream .pagination > li > a, .paracel-cream .pagination > li > span { border-color: var(--rule); background: var(--paper); color: var(--ink); min-width: 44px; min-height: 44px; padding: 10px; font-size: 1.0625rem; }
.paracel-cream .pagination > li > a > span, .paracel-cream .pagination > li > span > span { background: none; border: 0; }
.paracel-cream .pagination > .active > span { background: var(--olive); color: var(--plate); }
.paracel-cream .content_scene_cat { margin-bottom: 24px; border: 0; color: var(--ink); }
.paracel-cream .content_scene_cat .content_scene_cat_bg { background: none; padding: 0; min-height: 0 !important; }
.paracel-cream .paracel-category-image { display: block; max-width: 100%; height: auto; object-fit: contain; border: 1px solid var(--rule); margin-bottom: 16px; }
.paracel-cream .content_scene_cat .cat_desc { color: var(--ink-2); font: 400 1.0625rem/1.5 var(--body); }
.paracel-cream .content_scene_cat .category-name { display: none; }
.paracel-cream #subcategories { border-color: var(--rule); padding: 20px 0; }
.paracel-cream #subcategories ul { display: flex; flex-wrap: wrap; gap: 16px; margin: 0; }
.paracel-cream #subcategories ul li { width: 150px; height: auto; margin: 0; }
.paracel-cream #subcategories ul li .subcategory-image a { background: var(--plate); border: 1px solid var(--rule); }
.paracel-cream #subcategories ul li .subcategory-name { color: var(--ink); font: 500 1.0625rem/1.5 var(--body); text-transform: none; }
.paracel-cream #subcategories ul li h5 { letter-spacing: 0; }
.paracel-cream #subcategories .subcategory-heading { font: 500 1.0625rem/1.5 var(--body); }
.paracel-cream .paracel-home-heading { padding: 0 0 20px; margin: 0 0 24px; border-bottom: 1px solid var(--rule); }
.paracel-cream .paracel-home-heading h1 { padding: 0; margin: 0; text-transform: none; letter-spacing: 0; }
.paracel-cream #home-page-tabs { background: none; border: 0; border-bottom: 1px solid var(--rule); padding: 0 0 12px; margin: 0 0 24px; }
.paracel-cream #home-page-tabs > li { margin: 0 20px 0 0; padding: 0; border: 0; }
.paracel-cream #home-page-tabs > li > a { font: 600 1.25rem/1.3 var(--display); letter-spacing: .05em; color: var(--ink-2); padding: 10px 0; background: none; }
.paracel-cream #home-page-tabs > li.active a, .paracel-cream #home-page-tabs > li a:hover { color: var(--olive); background: none; border-bottom: 2px solid var(--olive); }
.paracel-cream ul.product_list.grid.tab-pane { display: none; }
.paracel-cream ul.product_list.grid.tab-pane.active, .paracel-no-js .paracel-cream ul.product_list.grid.tab-pane { display: grid; }
.paracel-cream .paracel-home-modules > * { margin-top: 32px; }
/* Optional displayParacelHome module shares these primitives and product-list.tpl. */
.paracel-cream .paracel-home-section { padding: 28px 0; border-top: 1px solid var(--rule); }
.paracel-cream .paracel-home-intro { padding: 0 0 24px; }
.paracel-cream .paracel-home-intro h1 { text-transform: none; letter-spacing: 0; margin-bottom: 12px; padding: 0; }
.paracel-cream .paracel-home-intro p { max-width: 60ch; }
.paracel-cream .paracel-section-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.paracel-cream .paracel-section-heading h2 { margin: 0; }
.paracel-cream .paracel-section-heading > a { font-size: .9375rem; padding: 10px 0; }
@media (min-width: 760px) { .paracel-cream ul.product_list.grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; } }
@media (min-width: 1280px) { .paracel-cream ul.product_list.grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 479px) {
  .paracel-cream ul.product_list .button-container { flex-direction: column; }
  .paracel-cream ul.product_list .button-container .button { width: 100%; }
  .paracel-cream ul.product_list .button-container .button span { padding: 8px 4px; }
  .paracel-cream ul.product_list .product-name { font-size: 1.0625rem; }
}

/* Supersede the original rotated mobile quick-view corner without removing its handler. */
.paracel-cream ul.product_list .product-image-container .quick-view-wrapper-mobile { width: 44px; height: 44px; bottom: 4px; right: 4px; }
.paracel-cream ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile { width: 44px; height: 44px; top: 0; right: 0; transform: none; background: var(--plate); color: var(--olive); border: 1px solid var(--rule); }
.paracel-cream ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i { position: static; display: block; color: var(--olive); font-size: 20px; line-height: 42px; }
.paracel-cream ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i:before { transform: none; }