/* Journal2 category pages – clean readable layout */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Open+Sans:wght@400;600&display=swap');

*,*::before,*::after{box-sizing:border-box}
html[data-j2v],.journal-header-center body,body:has(.journal-header-center){background:#f4f4f4}
body{margin:0;font-family:Roboto,'Open Sans',Arial,sans-serif;font-size:14px;color:#464646;line-height:1.55}
a{color:#8f174d;text-decoration:none;transition:color .15s}
a:hover{color:#cc2770}
img{max-width:100%;height:auto;vertical-align:middle}

/* Header */
header.journal-header-center,.journal-header-center .header{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:0}
.journal-header-center .top-bar{background:#8f174d;padding:6px 0}
.journal-header-center .top-bar .header-assets{max-width:1200px;margin:0 auto;padding:0 15px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.journal-header-center .top-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px}
.journal-header-center .top-menu a{color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.journal-header-center .top-menu a:hover{color:#ffd6e8}
.journal-header-center .header-assets:not(.top-bar){max-width:1200px;margin:0 auto;padding:15px;display:flex;flex-wrap:wrap;align-items:center;gap:15px}
.journal-header-center .journal-logo{flex:0 1 280px}
.journal-header-center .journal-logo img{max-height:50px;width:auto}
.journal-header-center .journal-search{flex:1 1 280px;min-width:200px}
.journal-header-center #search{display:flex;width:100%}
.journal-header-center #search input{flex:1;padding:11px 14px;border:1px solid #ddd;border-right:none;border-radius:4px 0 0 4px;font-size:14px}
.journal-header-center #search .button-search button{background:#8f174d;color:#fff;border:none;padding:11px 18px;border-radius:0 4px 4px 0;cursor:pointer;font-weight:700}
.journal-header-center #search .button-search button:hover{background:#cc2770}
.journal-header-center .journal-cart{flex:0 1 auto;margin-left:auto}
.journal-header-center #cart .heading{background:#f9f0f4;border:1px solid #e8d0dc;border-radius:4px;padding:10px 14px;font-size:13px;color:#8f174d}
.journal-header-center #cart .content{display:none}

/* Main nav */
.journal-header-center .journal-menu{background:#fff;border-top:1px solid #eee;border-bottom:2px solid #8f174d;max-width:100%}
.journal-header-center .journal-menu .mobile-trigger{display:none;padding:12px 15px;background:#8f174d;color:#fff;font-weight:700;cursor:pointer;text-transform:uppercase;font-size:13px}
.journal-header-center .super-menu{list-style:none;margin:0 auto;padding:0;max-width:1200px;display:flex;flex-wrap:wrap;align-items:stretch}
.journal-header-center .super-menu>li{position:relative;float:none!important}
.journal-header-center .super-menu>li>a{display:block;padding:14px 12px;color:#8f174d;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.2px;white-space:nowrap}
.journal-header-center .super-menu>li:hover>a,.journal-header-center .super-menu>li>a:hover{background:#8f174d;color:#fff}
.journal-header-center .super-menu>li>ul{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:220px;box-shadow:0 8px 24px rgba(0,0,0,.12);list-style:none;margin:0;padding:6px 0;z-index:1000;border:1px solid #eee}
.journal-header-center .super-menu>li:hover>ul{display:block}
.journal-header-center .super-menu>li>ul a{display:block;padding:8px 16px;color:#555;font-size:13px;font-weight:400;text-transform:none}
.journal-header-center .super-menu>li>ul a:hover{background:#fdf5f8;color:#8f174d}
.journal-header-center .mobile-plus{display:none}

/* Page shell */
.extended-container{max-width:1200px;margin:0 auto;padding:15px}
#container.container.j-container{background:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.06);padding:20px 20px 30px;max-width:100%}
.row{display:flex;flex-wrap:wrap;margin:0 -12px}
.col-sm-3,.col-sm-6,.col-sm-9,.side-column,#column-left,#content{padding-left:12px;padding-right:12px}
.col-sm-3,.side-column,#column-left{flex:0 0 25%;max-width:25%}
.col-sm-6{flex:0 0 50%;max-width:50%}
.col-sm-9,#content{flex:0 0 75%;max-width:75%}

/* Sidebar */
.box-category{list-style:none;margin:0;padding:0;border:1px solid #eee;border-radius:4px;overflow:hidden}
.box-category .list-group-item{display:block;padding:10px 14px;border:none;border-bottom:1px solid #eee;color:#555;font-size:13px;background:#fff}
.box-category .list-group-item:last-child{border-bottom:none}
.box-category .list-group-item.active,.box-category .list-group-item:hover{background:#fdf5f8;color:#8f174d;font-weight:600}

/* Breadcrumb & title */
.breadcrumb{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:4px;font-size:13px;color:#888}
.breadcrumb li{display:flex;align-items:center}
.breadcrumb li+li::before{content:'/';margin:0 8px;color:#ccc}
.heading-title{color:#8f174d;font-size:26px;font-weight:700;margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid #f0e0e8}

/* Product toolbar */
.product-filter{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-bottom:22px;padding:12px 15px;background:#fafafa;border:1px solid #eee;border-radius:4px;font-size:13px}
.product-filter select{padding:6px 10px;border:1px solid #ddd;border-radius:3px;background:#fff}
.product-filter .display a{cursor:pointer;opacity:.7}
.product-filter .display a:hover{opacity:1}

/* Product grid */
.main-products.product-grid{display:flex;flex-wrap:wrap;margin:0 -10px}
.product-grid-item{padding:10px;flex:0 0 33.333%;max-width:33.333%}
.product-thumb{border:1px solid #e8e8e8;border-radius:4px;background:#fff;padding:12px;height:100%;display:flex;flex-direction:column;transition:box-shadow .2s}
.product-thumb:hover{box-shadow:0 4px 16px rgba(143,23,77,.1)}
.product-thumb .image{position:relative;text-align:center;padding:10px;background:#fafafa;border-radius:3px;margin-bottom:10px;min-height:180px;display:flex;align-items:center;justify-content:center}
.product-thumb .image img{max-height:200px;width:auto;object-fit:contain}
.product-thumb .image .wishlist,.product-thumb .image .compare{display:none!important}
.product-thumb .caption{flex:1}
.product-thumb .name{font-size:14px;font-weight:600;margin:0 0 8px;line-height:1.35}
.product-thumb .name a{color:#8f174d}
.product-thumb .description{font-size:12px;color:#777;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-thumb .price{color:#8f174d;font-weight:700;font-size:17px;margin:0}
.product-thumb .price-tax{font-size:11px;color:#999;font-weight:400;display:block}
.product-thumb .button-group{margin-top:12px;padding-top:10px;border-top:1px solid #f0f0f0}
.product-thumb .button-group .wishlist,.product-thumb .button-group .compare{display:none}
.product-thumb .button{display:inline-block;background:#8f174d;color:#fff!important;padding:9px 16px;border-radius:3px;font-size:13px;font-weight:600}
.product-thumb .button:hover{background:#cc2770}
.label-outofstock{position:absolute;top:8px;left:8px;background:#666;color:#fff;font-size:11px;padding:3px 8px;border-radius:3px}

/* Pagination */
.pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:25px;padding-top:20px;border-top:1px solid #eee;gap:15px}
.pagination ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.pagination a,.pagination span{display:block;padding:7px 12px;border:1px solid #ddd;border-radius:3px;font-size:13px;color:#555}
.pagination .active span{background:#8f174d;color:#fff;border-color:#8f174d}
.pagination a:hover{background:#fdf5f8;border-color:#8f174d;color:#8f174d}
.results{font-size:13px;color:#777}

/* Footer */
footer.boxed-footer{margin-top:30px}
footer #footer .row.columns{display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:25px 15px;gap:10px}
footer .column.menu{flex:1 1 200px;padding:10px}
footer h3{color:#fff;font-size:15px;margin:0 0 12px;font-weight:700}
footer ul{list-style:none;margin:0;padding:0}
footer ul li{margin-bottom:6px}
footer a{color:rgba(255,255,255,.9);font-size:13px}
footer a:hover{color:#fff}
.bottom-footer{background:#8f174d!important;padding:18px 15px}
.bottom-footer .copyright{color:#fff;font-size:12px;text-align:center;margin-bottom:10px}
.bottom-footer .payments{text-align:center}
.bottom-footer .payments img{max-height:40px;width:auto;margin:4px 8px;filter:brightness(1.1)}

/* Forms (register etc) */
.form-control{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}
.btn,.button-primary{background:#8f174d;color:#fff;border:none;padding:10px 22px;border-radius:4px;cursor:pointer;font-weight:600}
.btn:hover{background:#cc2770}

/* Misc */
#easyslidefbdiv,.scroll-top{display:none!important}
.text-left{text-align:left}
.text-right{text-align:right}

@media(max-width:991px){
  .journal-header-center .journal-menu .mobile-trigger{display:block}
  .journal-header-center .super-menu{display:none;width:100%;flex-direction:column}
  .journal-header-center .super-menu.open{display:flex}
  .journal-header-center .super-menu>li>ul{position:static;box-shadow:none;border:none;padding-left:20px;display:block!important}
  .product-grid-item{flex:0 0 50%;max-width:50%}
}
@media(max-width:767px){
  .col-sm-3,.side-column,#column-left,.col-sm-9,#content{flex:0 0 100%;max-width:100%}
  .hidden-xs{display:none!important}
  .product-grid-item{flex:0 0 100%;max-width:100%}
  .journal-header-center .journal-logo,.journal-header-center .journal-search,.journal-header-center .journal-cart{flex:1 1 100%}
}