/* THB catalog: only product cards match the home-page product-card design.
   Header, shared search/navigation, catalog search/filter controls and detail dialog remain untouched. */
#katalog.catalog-modern { background: transparent !important; border: 0 !important; box-shadow: none !important; }
#katalog.catalog-modern .section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin:0 0 22px; padding:0; border:0; background:transparent; box-shadow:none; }
#katalog.catalog-modern .section-head .eyebrow { margin:0 0 7px; color:#6c8a76; font-size:10px; font-weight:900; letter-spacing:.14em; }
#katalog.catalog-modern .section-head h2 { margin:0; color:#173f2b; font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif; font-size:clamp(1.7rem,3vw,2.2rem); line-height:1.08; font-weight:800; letter-spacing:-.035em; }
#katalog.catalog-modern .section-head h2 em { font-style:normal; }
#katalog.catalog-modern .section-head p:not(.eyebrow) { margin:8px 0 0; color:#718277; font-size:13px; line-height:1.5; }
#katalog.catalog-modern .collection-count { flex:none; color:#1d5b3a; font-size:12px; font-weight:800; }
#catalog-grid.grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:28px 18px !important; align-items:stretch; }
#catalog-grid .catalog-card { display:flex !important; flex-direction:column !important; min-width:0 !important; margin:0 !important; padding:0 !important; overflow:visible !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:#1d3427 !important; }
#catalog-grid .catalog-card .card-image { position:relative !important; display:block !important; width:100% !important; aspect-ratio:1/1 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border:1px solid #edf2ed !important; border-radius:14px !important; background:#eef5ef !important; box-shadow:none !important; }
#catalog-grid .catalog-card .card-image img { display:block !important; width:100% !important; height:100% !important; object-fit:contain !important; transition:transform .3s ease !important; }
#catalog-grid .catalog-card:hover .card-image img { transform:scale(1.035); }
#catalog-grid .catalog-card .card-image:focus-visible,
#catalog-grid .catalog-card .product-title:focus-visible { outline:2px solid #247d4d; outline-offset:3px; }
#catalog-grid .catalog-card .book { display:flex; flex-direction:column; justify-content:space-between; align-items:center; gap:8px; width:100%; height:100%; padding:16px; background:#173f2b; color:#fff; text-align:center; overflow-wrap:anywhere; }
#catalog-grid .catalog-card .book strong { font-size:15px; line-height:1.25; }
#catalog-grid .catalog-card .card-body { display:flex !important; flex:1 1 auto; flex-direction:column !important; min-width:0; padding:0 !important; margin:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
#catalog-grid .catalog-card .card-body > p:first-child { margin:9px 0 0 !important; padding:0 !important; color:#84938a !important; font-size:10px !important; font-weight:500 !important; line-height:1.35 !important; }
#catalog-grid .catalog-card h3 { min-height:2.7em; margin:5px 0 0 !important; padding:0 !important; color:#203b2c !important; font-size:13px !important; font-weight:800 !important; line-height:1.4 !important; letter-spacing:0 !important; }
#catalog-grid .catalog-card h3 .product-title { display:-webkit-box !important; width:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border:0 !important; background:transparent !important; box-shadow:none !important; color:inherit !important; font:inherit !important; line-height:inherit !important; text-align:left !important; text-decoration:none !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; cursor:pointer; }
#catalog-grid .catalog-card .desc { margin:3px 0 0 !important; padding:0 !important; color:#84938a !important; font-size:10px !important; font-weight:500 !important; line-height:1.35 !important; }
#catalog-grid .catalog-card .product-desc-preview { display:none !important; }
#catalog-grid .catalog-card .card-bottom { display:flex !important; flex:1 0 auto; flex-direction:column !important; align-items:stretch !important; justify-content:flex-end !important; gap:10px !important; margin-top:8px !important; padding:0 !important; border:0 !important; background:transparent !important; }
#catalog-grid .catalog-card .card-bottom .discount-price,
#catalog-grid .catalog-card .card-bottom .price-current,
#catalog-grid .catalog-card .card-bottom strong { color:#197044; font-weight:900 !important; }
#catalog-grid .catalog-card .card-bottom .price-old,
#catalog-grid .catalog-card .card-bottom del { font-size:11px !important; }
#catalog-grid .catalog-card .card-bottom form { display:block !important; width:100% !important; margin:0 !important; }
#catalog-grid .catalog-card .card-bottom > button,
#catalog-grid .catalog-card .card-bottom form > button { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:38px !important; margin:0 !important; padding:10px 12px !important; border:0 !important; border-radius:999px !important; background:#247d4d !important; color:#fff !important; font:800 11px/1.2 Figtree,system-ui,sans-serif !important; text-align:center !important; text-decoration:none !important; box-shadow:none !important; cursor:pointer !important; transition:background .15s,transform .15s !important; }
#catalog-grid .catalog-card .card-bottom > button:hover:not(:disabled),
#catalog-grid .catalog-card .card-bottom form > button:hover:not(:disabled) { background:#173f2b !important; transform:translateY(-1px); }
#catalog-grid .catalog-card .card-bottom button:disabled { opacity:.45 !important; cursor:not-allowed !important; }
#catalog-grid .catalog-card[hidden] { display:none !important; }
@media(max-width:1000px) { #catalog-grid.grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:25px 16px !important; } }
@media(max-width:650px) {
  #katalog.catalog-modern .section-head { align-items:center; gap:10px; margin-bottom:17px; }
  #katalog.catalog-modern .section-head .eyebrow { font-size:9px; }
  #katalog.catalog-modern .section-head h2 { font-size:clamp(1.45rem,6vw,1.8rem); }
  #katalog.catalog-modern .section-head p:not(.eyebrow) { font-size:11px; margin-top:5px; }
  #katalog.catalog-modern .collection-count { max-width:90px; font-size:10px; text-align:right; }
  #catalog-grid.grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:23px 12px !important; }
  #catalog-grid .catalog-card .card-image { border-radius:12px !important; }
  #catalog-grid .catalog-card h3 { min-height:2.7em; margin-top:5px !important; font-size:12px !important; line-height:1.35 !important; }
  #catalog-grid .catalog-card .card-body > p:first-child,
  #catalog-grid .catalog-card .desc { font-size:10px !important; }
  #catalog-grid .catalog-card .card-bottom { gap:8px !important; margin-top:7px !important; }
  #catalog-grid .catalog-card .card-bottom > button,
  #catalog-grid .catalog-card .card-bottom form > button { min-height:35px !important; padding:9px 7px !important; font-size:10px !important; }
}
@media(prefers-reduced-motion:reduce) { #catalog-grid .catalog-card .card-image img, #catalog-grid .catalog-card .card-bottom button { transition:none !important; } }


/* THB catalog product boxes: subtle galaxy glow, while keeping book images readable. */
#catalog-grid.grid { gap: 28px 18px !important; }
#catalog-grid .catalog-card {
  position: relative !important;
  isolation: isolate;
  box-sizing: border-box !important;
  padding: 10px !important;
  border: 1px solid rgba(176, 207, 186, .72) !important;
  border-radius: 20px !important;
  background: linear-gradient(150deg, #ffffff 0%, #fbfdfb 56%, #f4f7ff 100%) !important;
  box-shadow: 0 8px 24px rgba(23, 63, 43, .055), inset 0 1px 0 rgba(255,255,255,.95) !important;
  overflow: visible !important;
  transition: transform .45s ease, box-shadow .65s ease, border-color .65s ease !important;
}
#catalog-grid .catalog-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -2px;
  border-radius: 21px;
  padding: 1px;
  background: conic-gradient(from var(--thb-galaxy-angle, 0deg), rgba(44,137,86,.08), rgba(118,154,255,.44), rgba(183,128,231,.32), rgba(75,207,171,.42), rgba(44,137,86,.08));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .7;
  pointer-events: none;
  animation: thb-galaxy-orbit 16s linear infinite;
}
#catalog-grid .catalog-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(ellipse at 8% 12%, rgba(123, 174, 255, .12), transparent 38%),
    radial-gradient(ellipse at 92% 78%, rgba(186, 139, 232, .10), transparent 40%),
    radial-gradient(ellipse at 55% 0%, rgba(99, 214, 174, .10), transparent 35%);
  opacity: .8;
  pointer-events: none;
}
@keyframes thb-galaxy-orbit {
  from { --thb-galaxy-angle: 0deg; }
  to { --thb-galaxy-angle: 360deg; }
}
@property --thb-galaxy-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
#catalog-grid .catalog-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(95, 160, 119, .85) !important;
  box-shadow: 0 16px 36px rgba(23, 63, 43, .12), 0 0 22px rgba(117, 148, 255, .10) !important;
}
#catalog-grid .catalog-card .card-image {
  border-radius: 12px !important;
  background: linear-gradient(145deg, #f1f6f0, #f5f5fb) !important;
}
#catalog-grid .catalog-card .card-body { padding: 0 2px 2px !important; }
#catalog-grid .catalog-card .catalog-card-price {
  display: block;
  margin: 8px 0 1px;
  color: #176b43;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -.015em;
}
#catalog-grid .catalog-card .catalog-card-price .price-old,
#catalog-grid .catalog-card .catalog-card-price del { margin-left: 5px; color: #84938a; font-size: 10px; font-weight: 600; }
#catalog-grid .catalog-card h3 { margin-top: 3px !important; }
#catalog-grid .catalog-card .card-bottom { margin-top: auto !important; padding-top: 12px !important; }
#catalog-grid .catalog-card .thb-wishlist-heart-form,
#catalog-grid .catalog-card > .thb-wishlist-heart { top: 15px !important; right: 15px !important; }
@media (max-width: 650px) {
  #catalog-grid.grid { gap: 17px 10px !important; }
  #catalog-grid .catalog-card { padding: 7px !important; border-radius: 15px !important; }
  #catalog-grid .catalog-card::before { border-radius: 16px; }
  #catalog-grid .catalog-card .catalog-card-price { font-size: 13px; margin-top: 7px; }
  #catalog-grid .catalog-card .card-bottom { padding-top: 9px !important; }
  #catalog-grid .catalog-card .thb-wishlist-heart-form,
  #catalog-grid .catalog-card > .thb-wishlist-heart { top: 11px !important; right: 11px !important; }
}
@media (prefers-reduced-motion: reduce) {
  #catalog-grid .catalog-card, #catalog-grid .catalog-card::before { animation: none !important; transition: none !important; }
}