:root{--font-ui:'Catalogue Sans',Arial,sans-serif;--bg:#f5f3ed;--surface:#fcfbf7;--text:#2b2d2a;--muted:#707367;--line:#d9dace;--accent:#6b6558;--soft:#eeeee6;--dark:#292b27;--radius:1px}
.catalogNavigation{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 28px}.backStep{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:12px;line-height:1.5;text-align:left}.backStep svg{width:17px;height:17px;flex:none}.backStep:hover{border-color:var(--accent);background:var(--soft)}.catalogPath{font-size:11px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.modalBack{background:transparent;border-color:transparent;padding-left:0}.modalBack:hover{background:transparent;border-color:transparent;color:var(--accent)}
.pimg>.supplierPhoto{max-width:100%;max-height:145px;object-fit:contain}.detailvisual>.supplierPhoto{max-width:100%;max-height:230px;object-fit:contain}.supplierCaption{font-size:9px;line-height:1.45}.detailvisual .supplierCaption{bottom:15px;left:20px;right:20px}.product:has(.supplierPhoto) .desc{min-height:0}.product:has(.supplierPhoto) .code{letter-spacing:.025em}
.collectionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.collectionCard{border:0;border-top:1px solid var(--line);padding:28px 0 25px;background:transparent}.collectionCard:hover{transform:none;background:#ece8df66}.collectionTop{margin-bottom:28px}.collectionTop svg{width:37px;height:37px;color:#82796a}.collectionName{font-family:var(--font-ui);font-size:35px;letter-spacing:-.035em;line-height:1.12}.collectionSubtitle{font-weight:400;letter-spacing:.02em;font-size:10px}.collectionDescription{max-width:290px;font-size:12px;line-height:1.8}.collectionBottom{border-top:0;padding-top:8px;color:var(--accent);font-size:11px}.collectionNo{font-family:var(--font-ui);font-style:normal;font-size:13px}.sectionhead h2,.panelHead h3,.drawerhead h2,.modalhead h2{font-family:var(--font-ui)}.sectionhead h2{font-size:45px}.subcard{background:var(--surface)}.subcard h3{font-family:var(--font-ui);font-weight:400;font-size:26px}.tag{background:#eee9df;color:#6b6558;border:1px solid #ded8ce}.subcard button{background:var(--accent);color:var(--surface)}.product{border-color:transparent}.product:hover{border-color:var(--line)}.pimg{background:#eeeee6}.pbody{padding:22px 18px}.pbody h4{font-weight:400;font-size:18px}.pbody .add{background:var(--accent);border-color:var(--accent);color:var(--surface)}.chip{border-radius:1px}.chip.active{background:var(--accent);border-color:var(--accent)}.footerStatement h2{font-family:var(--font-ui);font-size:68px}.footerStatement h2 em{color:#d0c2aa}.drawer{background:#faf9f3}.qrow .qinfo>b{color:var(--accent)}.qbuttons .wa{background:var(--accent);border-color:var(--accent)}.detailCopy h2{font-family:var(--font-ui);font-size:36px}.spec{background:#f3f3ea66}.textLink{color:var(--accent)}.footerBottom{border-color:#ffffff20}

/* Compact, combinable specification filters and exact catalogue variants. */
.toolbar{align-items:flex-start;gap:9px;margin-bottom:24px}.filterIntro{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:3px}.filterIntro>span{font-size:10px;color:var(--muted);letter-spacing:.04em}.filterIntro .chip{font-size:10px;padding:7px 11px}.filterGroup{position:relative;min-width:115px;max-width:100%;border:1px solid var(--line);background:var(--surface);font-size:11px}.filterGroup summary{cursor:pointer;padding:10px 13px;list-style-position:inside;user-select:none}.filterGroup[open]{flex:1 1 100%}.filterGroup[open] summary{border-bottom:1px solid var(--line)}.filterOptions{display:flex;flex-wrap:wrap;gap:7px;padding:12px}.filterOptions .chip{font-size:11px;padding:8px 12px}.variantPicker{grid-column:1/-1;background:#eeebe3;padding:18px;border:1px solid var(--line)}.variantHeading{font-size:12px;margin-bottom:15px;font-weight:600}.variantControls{display:flex;gap:12px;flex-wrap:wrap}.variantControls>div{flex:1;min-width:100px}.variantControls label{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.variantControls select{width:100%;padding:12px 10px;background:var(--surface);border:1px solid var(--line);color:var(--text);font:inherit;font-size:13px;min-height:44px}.variantPicker p{margin:13px 0 0;font-size:11px;color:var(--muted)}.variantPicker strong{color:var(--text);font-weight:500}.spec b{overflow-wrap:anywhere}.pimg:has(.supplierPhoto){padding:40px 18px 38px}.detailvisual:has(.supplierPhoto){padding:40px 20px 60px}.detailvisual:has(.supplierPhoto)>.supplierPhoto{max-width:100%}.supplierCaption{white-space:normal}.variantControls select:focus-visible,.filterGroup summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){.filterGroup{flex:1 1 40%;min-width:0}.filterGroup[open]{flex-basis:100%}.filterOptions .chip{min-height:40px}.variantPicker{padding:14px}.variantControls select{font-size:16px}.variantControls>div{min-width:95px}.detailvisual:has(.supplierPhoto){min-height:200px}.detailvisual:has(.supplierPhoto)>.supplierPhoto{max-height:150px}}


/* One font family throughout the active catalogue. */
body{font-family:var(--font-ui)}
button,input,select,textarea{font-family:inherit}
.hero h1,.heroTagline,.collectionName,.collectionNo,.sectionhead h2,.panelHead h3,.subcard h3,.drawerhead h2,.modalhead h2,.detailCopy h2{font-family:var(--font-ui)}

/* Equal outer columns keep search and categories between the brand and quotation. */
.topbar{position:sticky;top:0;grid-template-columns:minmax(160px,1fr) minmax(0,600px) minmax(160px,1fr);gap:32px;padding:22px 4vw;background:#f5f3edf5;backdrop-filter:blur(16px)}
.brand{width:180px;max-width:100%;justify-self:start;min-height:50px;justify-content:center;align-items:center;text-align:center}
.brand b{font-size:36px;letter-spacing:-.055em}
.brand small{font-size:8px;letter-spacing:.035em;line-height:1.4;margin-top:7px;text-align:center}
.headerTools{display:flex;align-items:center;gap:25px;min-width:0}
.headerSearch{flex:1;min-width:0}
.nav{display:flex;flex:none;gap:0;justify-content:center}
.nav #categoriesToggle{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;font-size:13px;color:var(--text)}
#categoriesToggle>svg{width:14px;height:14px;transition:transform .15s}
#categoriesToggle[aria-expanded="true"]>svg{transform:rotate(180deg)}
.quoteBtn{width:180px;max-width:100%;min-height:50px;justify-self:end;font-size:13px;gap:18px}
.quoteBtn:hover{background:var(--text);color:var(--surface)}
.categoriesMenu{position:absolute;top:100%;left:4vw;right:4vw;max-height:calc(100dvh - 120px);overflow-y:auto;background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 50px #292b2718;overscroll-behavior:contain}
.categoriesMenuInner{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.5fr);gap:5vw;padding:38px 42px}
.categoriesIntro h2{font:400 clamp(30px,3vw,42px)/1.1 var(--font-ui);letter-spacing:-.035em;margin:14px 0 16px}
.categoriesIntro p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}
.categoriesMenu .categoryNav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;align-content:start}
.categoriesMenu .sideBtn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:13px 0;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:14px;font-weight:400;text-align:left}
.categoriesMenu .sideBtn>span:last-child{display:block;color:var(--muted);opacity:1}
.categoriesMenu .sideBtn:hover,.categoriesMenu .sideBtn.selected{color:var(--accent);background:var(--soft)}

/* A quiet text opening, with the category grid already within reach. */
.hero{display:flex;align-items:center;justify-content:center;min-height:clamp(390px,63svh,590px);padding:55px 6vw 60px;text-align:center;background:var(--dark);color:var(--surface);max-width:none}
.heroIntro{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;text-align:center}
.hero h1{font-size:clamp(90px,13vw,184px);font-weight:400;letter-spacing:-.045em;line-height:1;margin:0 0 22px;padding-inline-end:.045em;color:var(--surface)}
.heroIntro>.heroTagline{font-size:clamp(23px,2.2vw,34px);font-weight:400;line-height:1.3;letter-spacing:-.025em;color:var(--surface);margin:0;max-width:100%;text-align:center}
.heroTagline>span{color:#d0c2aa}
.heroCta{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-top:35px;padding:10px 2px;min-height:44px;background:transparent;border:0;border-bottom:1px solid #ffffff38;color:#d0c2aa;font-size:11px;letter-spacing:.04em}
.heroCta>svg{width:17px;height:17px}
.heroCta:hover{background:transparent;color:var(--surface);border-color:#d0c2aa}
.catalogShell{display:block}
.catalogMain{min-width:0}
.catalogueSection{padding-top:28px}
.collectionGrid{--category-gap:35px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--category-gap)}
.collectionCard{min-height:285px}
.collectionName{font-size:32px;line-height:1.18}
.collectionNo{font-style:normal;font-size:11px}
.collectionTop svg{width:37px;height:37px}
.sectionhead h2{font-size:42px}
.subcard h3{font-size:26px}

/* Matching product image spaces and title typography, including all Containers. */
.product .pimg{height:215px;padding:42px 18px 36px}
.product .pimg>img{width:auto;height:auto;max-width:100%;max-height:140px;object-fit:contain}
.product .pbody h4{font-family:var(--font-ui);font-size:18px;font-weight:400;line-height:1.4;letter-spacing:0;min-height:2.8em;margin:0 0 10px;font-variant-numeric:lining-nums}
.product .pbody .desc{font-size:12px;line-height:1.75;min-height:3.5em}
.product .meta span{font-size:10px;line-height:1.5;font-weight:400}

/* A five-pixel movement only, once per category on its first appearance. */
@media(prefers-reduced-motion:no-preference){
 .collectionCard{transition:background .18s,transform .22s ease-out}
 .collectionCard.awaitingEntrance{transform:translateY(5px)}
}

/* A single contact headline with direct, readable contact cards. */
footer{padding-top:70px}
.footerMain{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.9fr);align-items:center;gap:7vw;padding-bottom:65px}
.footerStatement{min-width:0}
.footerStatement>.footerMessage{font-family:var(--font-ui);font-size:clamp(44px,4.5vw,72px);font-weight:400;line-height:1.08;letter-spacing:-.035em;max-width:750px;margin:0;color:var(--surface);opacity:1}
.footerMessage em{font-style:normal;display:block;font-weight:400;color:#d0c2aa}
.contactDetails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.contactDetails .contactCard{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px;margin:0;background:#ffffff05;border:1px solid #ffffff26;text-decoration:none;transition:background .15s,border-color .15s;min-width:0}
.contactCard>svg{width:23px;height:23px;color:#d0c2aa;flex:none}
.contactCard>span:not(.contactArrow){min-width:0}
.contactCard small{display:block;font-size:10px;letter-spacing:.08em;margin-bottom:5px;color:#d0c2aa}
.contactCard b{display:block;font-size:clamp(19px,1.5vw,23px);line-height:1.3;font-weight:400;letter-spacing:-.02em;overflow-wrap:anywhere}
.contactArrow{position:absolute;top:16px;right:18px;font-size:18px;color:#d0c2aa}
.contactDetails .contactEmail{grid-column:1/-1;flex-direction:row;align-items:center;gap:14px;padding-right:42px}
.contactEmail b{font-size:clamp(18px,1.5vw,22px)}
.contactDetails .contactCard:hover{background:#ffffff0e;border-color:#d0c2aa}
.footerQuote{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:17px 19px;min-height:52px;margin:0;border:1px solid #d0c2aa;background:#d0c2aa;color:var(--dark);font-size:13px}
.footerQuote>span:last-child{font-size:21px;line-height:1}
.footerQuote:hover{background:#e1d5c2;border-color:#e1d5c2}

@media(max-width:1100px){
 .topbar{gap:22px;grid-template-columns:minmax(145px,1fr) minmax(0,500px) minmax(145px,1fr)}
 .headerTools{gap:18px}.brand,.quoteBtn{width:160px}
 .categoriesMenuInner{padding:30px;gap:30px;grid-template-columns:minmax(180px,.65fr) minmax(0,1.5fr)}
 .categoriesMenu .categoryNav{gap:0 20px}
 .categoriesMenu .sideBtn{font-size:12px}
}
@media(max-width:900px){
 :root{--header-height:160px}
 .topbar{grid-template-columns:1fr 1fr;gap:17px;padding:18px 5vw}
 .brand{grid-column:1;grid-row:1}.quoteBtn{grid-column:2;grid-row:1}
 .headerTools{grid-column:1/-1;grid-row:2;gap:25px}
 .headerTools .headerSearch{grid-row:auto;grid-column:auto}
 .categoriesMenu{max-height:calc(100dvh - 175px)}
 .categoriesMenuInner{grid-template-columns:1fr;gap:24px;padding:28px}
 .categoriesIntro h2{font-size:34px}
 .categoriesIntro p br{display:none}
 .hero{min-height:clamp(390px,60svh,540px);padding:45px 6vw 50px}
 .hero h1{font-size:clamp(100px,17vw,154px)}
 .collectionGrid{--category-gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .collectionCard:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - var(--category-gap))/2);justify-self:center}
 .collectionName{font-size:30px}
 .sectionhead h2{font-size:36px}
 .footerMain{grid-template-columns:1fr;gap:35px;padding-bottom:45px}
 .footerStatement>.footerMessage{font-size:clamp(44px,7vw,64px);max-width:650px}
 .contactDetails{width:100%;max-width:650px}
 .contactCard b{font-size:23px}
}
@media(max-width:600px){
 :root{--header-height:155px}
 .topbar{padding:14px 5vw;gap:14px}
 .brand{width:165px;min-height:44px}.brand b{font-size:32px}.brand small{font-size:7px;letter-spacing:.015em;margin-top:5px}
 .quoteBtn{width:140px;min-height:44px;font-size:11px;gap:12px;padding:10px}
 .headerTools{gap:18px}.headerTools .nav{grid-column:auto;grid-row:auto;display:flex}
 .nav #categoriesToggle{font-size:12px;gap:6px}
 .searchField input{font-size:16px}
 .searchSuggestions{min-width:0;max-height:60dvh;overflow:auto}
 .categoriesMenu{left:0;right:0;max-height:calc(100dvh - 155px);border-left:0;border-right:0}
 .categoriesMenuInner{gap:20px;padding:25px 6vw 28px}
 .categoriesIntro h2{font-size:30px;margin:10px 0}
 .categoriesMenu .categoryNav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
 .categoriesMenu .sideBtn{font-size:12px;min-height:46px;padding:12px 0}
 .hero{display:flex;min-height:clamp(350px,58svh,480px);padding:38px 6vw 45px;gap:0}
 .hero h1{font-size:clamp(88px,23vw,138px);margin:0 0 20px}
 .heroIntro>.heroTagline{font-size:clamp(22px,5.5vw,30px);line-height:1.3}
 .heroCta{width:auto;margin-top:28px}
 .catalogueSection{padding:25px 5vw 55px}
 .collectionGrid{--category-gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .collectionCard{min-height:280px;padding:22px 0}
 .collectionName{font-size:clamp(21px,5vw,28px);line-height:1.2;overflow-wrap:anywhere}
 .collectionTop{margin-bottom:22px}.collectionTop svg{width:32px;height:32px}
 .collectionSubtitle{font-size:9px}.collectionDescription{font-size:11px;line-height:1.75}
 .collectionBottom{font-size:10px;gap:6px}.collectionBottom>span{font-size:16px}
 .sectionhead h2{font-size:32px}.detailCopy h2{font-size:30px}
 .product .pbody h4{font-size:18px}
 footer{padding:45px 6vw 25px}
 .footerStatement>.footerMessage{font-size:clamp(40px,10vw,58px)}
 .footerMain{gap:30px}
 .contactDetails{grid-template-columns:1fr}
 .contactDetails .contactWhatsApp{flex-direction:row;align-items:center;gap:14px;padding-right:42px}
 .contactCard b{font-size:23px}.contactEmail b{font-size:20px}
}
@media(max-width:360px){.headerTools{gap:12px}.brand small{font-size:6.5px}.quoteBtn{width:125px}.collectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.collectionDescription{font-size:10px}.collectionBottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.collectionCard,#categoriesToggle>svg,.contactDetails .contactCard{transition:none}.collectionCard.awaitingEntrance{transform:none}}

/* Soft category colours carry through from the index to its dropdown. */
.collection-1,.sideBtn[data-category="GN Pans"]{--category-tint:#e7ede5;--category-hover:#dbe7d8;--category-accent:#4b644c}
.collection-2,.sideBtn[data-category="Knives"]{--category-tint:#e5eaf0;--category-hover:#d8e2ed;--category-accent:#465f75}
.collection-3,.sideBtn[data-category="Coffee & Bar"]{--category-tint:#f1e4dc;--category-hover:#ebd7ca;--category-accent:#7e4d36}
.collection-4,.sideBtn[data-category="Cookware"]{--category-tint:#efe9da;--category-hover:#e7ddc4;--category-accent:#6d592b}
.collection-5,.sideBtn[data-category="Cutting Boards"]{--category-tint:#e7ede5;--category-hover:#dbe7d8;--category-accent:#4b644c}
.collection-6,.sideBtn[data-category="Pizza & Bakery"]{--category-tint:#f1e4dc;--category-hover:#ebd7ca;--category-accent:#7e4d36}
.collection-7,.sideBtn[data-category="Pastries"]{--category-tint:#f0e3e5;--category-hover:#e8d3d8;--category-accent:#764956}
.collection-8,.sideBtn[data-category="KitchenAid"]{--category-tint:#e5eaf0;--category-hover:#d8e2ed;--category-accent:#465f75}
.collection-9,.sideBtn[data-category="Containers"]{--category-tint:#e7ede5;--category-hover:#dbe7d8;--category-accent:#4b644c}
.collectionGrid{--category-gap:24px;row-gap:22px}
.collectionCard{position:relative;isolation:isolate;padding:26px 24px;min-height:310px;border:1px solid #d9dace;border-top:3px solid var(--category-accent);border-radius:6px;background:var(--category-tint);box-shadow:0 2px 4px #292b2703;transform:translateY(0)}
.collectionCard:hover{background:var(--category-tint);transform:translateY(0)}
.collectionTop{align-items:center;margin-bottom:25px}
.collectionNo{color:var(--category-accent)}
.collectionTop svg{width:52px;height:52px;padding:8px;color:var(--category-accent);background:#ffffff85;border-radius:50%}
.collectionName{color:var(--text)}
.collectionDescription{color:#5b6056}
.collectionBottom{color:var(--category-accent)}
.collectionBottom>span{display:inline-block}
.collectionCard:focus-visible{background:var(--category-hover);border-color:var(--category-accent);box-shadow:0 12px 26px #292b2712}
.categoriesMenu .sideBtn:hover,.categoriesMenu .sideBtn.selected{background:var(--category-tint);color:var(--category-accent)}
@media(hover:hover) and (pointer:fine){
 .collectionCard:hover{z-index:1;background:var(--category-hover);border-color:var(--category-accent);box-shadow:0 16px 30px #292b271a;transform:translateY(-6px) scale(1.012)}
 .collectionCard:hover .collectionBottom>span{transform:translate(3px,-3px)}
}
.collectionCard:active{background:var(--category-hover);box-shadow:0 2px 8px #292b2712}
@media(prefers-reduced-motion:no-preference){
 .collectionCard{transition:transform .2s ease-out,box-shadow .2s ease-out,background-color .2s,border-color .2s}
 .collectionBottom>span{transition:transform .2s ease-out}
}
@media(max-width:600px){
 .collectionGrid{--category-gap:14px;row-gap:14px}
 .collectionCard{padding:20px 12px;min-height:300px}
 .collectionTop{margin-bottom:22px;gap:10px}
 .collectionTop svg{width:42px;height:42px;padding:6px}
 .collectionName{font-size:clamp(20px,4.8vw,27px)}
}
@media(prefers-reduced-motion:reduce){
 .collectionCard:hover,.collectionCard:focus-visible,.collectionCard:active,.collectionCard.awaitingEntrance{transform:none}
 .collectionBottom>span{transform:none!important;transition:none}
}

/* Category cards retain their short introduction and collection link. */
.collectionCard{min-height:245px}
.collectionSubtitle{margin-bottom:22px;line-height:1.6}
@media(max-width:600px){.collectionCard{min-height:230px}.collectionSubtitle{margin-bottom:18px}}
.product .pimg:has(.boardPhoto){height:250px;padding:12px 18px 26px}
.product .pimg>.boardPhoto{max-height:212px;max-width:100%}
.detailvisual:has(.boardPhoto){padding:18px 20px 42px}
.detailvisual>.boardPhoto{max-height:330px;max-width:100%}
@media(max-width:600px){.detailvisual:has(.boardPhoto){min-height:240px;max-height:270px;padding:18px 20px 36px}.detailvisual>.boardPhoto{max-height:205px}}

/* The first viewport is the intro alone; navigation appears on exploration. */
.topbar{position:fixed;left:0;right:0;top:0}
.hero{min-height:100vh;min-height:100svh}
.introOnly .topbar{visibility:hidden;pointer-events:none;transform:translateY(-100%)}
.browsing .catalogueSection{padding-top:calc(var(--header-height) + 28px)}
@media(prefers-reduced-motion:no-preference){.topbar{transition:transform .18s ease-out}}

/* Product photos anchor each comparison column above the specifications. */
.compareTable .compareProduct{min-width:220px;width:260px;padding:18px;background:var(--surface);vertical-align:top}
.compareTable .compareCorner{width:150px;min-width:140px;vertical-align:bottom;color:var(--muted)}
.comparePhoto{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:205px;padding:15px;background:var(--soft)}
.comparePhoto>img{display:block;flex:none;width:100%;height:145px;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.comparePhoto .imageCaption{position:static;display:block;left:auto;right:auto;bottom:auto;margin:10px 0 0;font-size:9px;line-height:1.45;text-align:center}
.comparePhoto .photoPlaceholder{min-height:145px;justify-content:center}
.compareProductName{display:block;margin-top:14px;font-family:var(--font-ui);font-size:15px;font-weight:400;line-height:1.45;overflow-wrap:anywhere}
.compareTable tbody th{position:sticky;left:0;z-index:1}
.compareScrollHint{display:none}
@media(max-width:600px){
 .compareTable .compareProduct{min-width:200px;padding:12px}
 .compareTable .compareCorner,.compareTable tbody th{min-width:115px;width:115px;padding:12px;font-size:11px}
 .comparePhoto{min-height:190px;padding:12px}
 .comparePhoto>img{height:125px}
 .comparePhoto .photoPlaceholder{min-height:125px}
 .compareProductName{font-size:14px;margin-top:12px}
 .compareScrollHint{display:block;margin:0 0 12px;font-size:11px;line-height:1.6;color:var(--muted)}
}