/* Tremico only: existing storefront fonts, generous space, real material photography. */
#tm-category .hero-tremico .hero-promise{max-width:480px}
#tm-category .tremico-quick>div{flex-wrap:wrap}
#tm-category .tr-guide{--tr-dark:#245a34;--tr-line:#dfe7dc;--tr-pale:#f4f6f3;margin:68px 0 32px;color:#53634f;font:14px/1.8 TMCategoryInter,Inter,Arial,sans-serif;min-width:0}
#tm-category .tr-guide *{box-sizing:border-box}
#tm-category .tr-guide h2,#tm-category .tr-guide h3{margin:0;font-family:Kanit,TMCategoryInter,Arial,sans-serif;font-weight:800;line-height:1.16;letter-spacing:-.4px;color:var(--tr-dark)}
#tm-category .tr-guide h2{font-size:42px;max-width:820px}
#tm-category .tr-guide h3{font-size:31px}
#tm-category .tr-guide p{margin:0 0 16px;max-width:74ch;color:#53634f}
#tm-category .tr-guide a{color:var(--tr-dark);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
#tm-category .tr-guide a:hover{text-decoration-thickness:2px}
#tm-category .tr-guide a:focus-visible,#tm-category .tr-guide summary:focus-visible{outline:3px solid #0087b9;outline-offset:5px}
#tm-category .tr-guide strong{font-weight:600;color:var(--tr-dark)}
#tm-category .tr-guide figure{margin:0;min-width:0}
#tm-category .tr-guide img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover;background:var(--tr-pale);clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,36px 100%,0 calc(100% - 36px))}
#tm-category .tr-guide [id]{scroll-margin-top:165px}
#tm-category .tr-guide .tr-intro{margin-bottom:32px}
#tm-category .tr-guide .tr-intro p{max-width:90ch;margin:18px 0 0;font-size:15px}
#tm-category .tr-guide .tr-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:56px}
#tm-category .tr-guide .tr-feature figure img{aspect-ratio:1;max-height:530px;object-position:center 60%}
#tm-category .tr-guide .tr-feature figcaption{font-size:12px;margin-top:10px}
#tm-category .tr-guide .tr-feature-copy{min-width:0}
#tm-category .tr-guide .tr-feature-copy h3{margin-bottom:18px;max-width:420px}
#tm-category .tr-guide .tr-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;list-style:none;margin:22px 0 20px;padding:0;border-top:1px solid var(--tr-line)}
#tm-category .tr-guide .tr-formats li{min-width:0;list-style:none;border-bottom:1px solid var(--tr-line);margin:0;padding:0}
#tm-category .tr-guide .tr-formats a{display:flex;align-items:center;min-height:49px;padding:9px 0;font-size:13px;line-height:1.5;text-decoration:none}
#tm-category .tr-guide .tr-formats a:hover{text-decoration:underline}
#tm-category .tr-guide .tr-text-link{font-size:13px}
#tm-category .tr-guide .tr-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;align-items:start;margin-bottom:25px}
#tm-category .tr-guide .tr-section-heading h3{max-width:430px}
#tm-category .tr-guide .tr-section-heading p{margin:0}
#tm-category .tr-guide .tr-colour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
#tm-category .tr-guide .tr-colour-grid figure>a{display:block}
#tm-category .tr-guide .tr-colour-grid img{aspect-ratio:1.65;object-position:center 60%;max-height:330px}
#tm-category .tr-guide .tr-colour-grid figure:nth-child(2) img{object-position:center 64%}
#tm-category .tr-guide .tr-colour-grid figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:15px;font-size:13px}
#tm-category .tr-guide .tr-colour-grid figcaption strong{font-family:Kanit,TMCategoryInter,Arial,sans-serif;font-size:20px;font-weight:600;line-height:1.35}
#tm-category .tr-guide .tr-photo-note{margin-top:18px;font-size:12px;max-width:90ch}
#tm-category .tr-guide .tr-preparation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;margin:44px 0;border-top:1px solid var(--tr-line);padding-top:34px}
#tm-category .tr-guide .tr-preparation h3{max-width:430px}
#tm-category .tr-guide .tr-preparation p:last-child{margin-bottom:0}
#tm-category .tr-guide .tr-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;border-top:1px solid var(--tr-line);padding-top:34px}
#tm-category .tr-guide .tr-faq h3{max-width:400px}
#tm-category .tr-guide details{border-bottom:1px solid var(--tr-line)}
#tm-category .tr-guide summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;list-style:none;cursor:pointer;color:var(--tr-dark);font-weight:600;line-height:1.6}
#tm-category .tr-guide summary::-webkit-details-marker{display:none}
#tm-category .tr-guide summary::after{content:'+';font-size:22px;font-weight:400;flex-shrink:0;line-height:1}
#tm-category .tr-guide details[open] summary::after{content:'−'}
#tm-category .tr-guide details p{padding-right:25px;margin:0 0 18px;font-size:13px}
#tm-category .tr-guide .tr-help{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--tr-line);padding-top:27px;margin-top:40px}
#tm-category .tr-guide .tr-help p{margin:0}
#tm-category .tr-guide .tr-button{position:relative;isolation:isolate;display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;min-height:54px;max-width:100%;padding:12px 23px;font:italic 800 22px/1.35 Kanit,TMCategoryInter,Arial,sans-serif;text-decoration:none;text-align:center;color:#fff}
#tm-category .tr-guide .tr-button::before{content:'';position:absolute;inset:0;z-index:-1;background:#007fae;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
#tm-category .tr-guide .tr-button:hover{color:#fff;text-decoration:none}
#tm-category .tr-guide .tr-button:hover::before{background:#00739e}
@media(max-width:1000px){
 #tm-category .tr-guide .tr-feature,#tm-category .tr-guide .tr-section-heading,#tm-category .tr-guide .tr-preparation,#tm-category .tr-guide .tr-faq{gap:30px}
 #tm-category .tr-guide .tr-formats{grid-template-columns:minmax(0,1fr)}
 #tm-category .tr-guide .tr-formats a{min-height:42px}
 #tm-category .tr-guide .tr-colour-grid figcaption{display:block}
 #tm-category .tr-guide .tr-colour-grid figcaption a{display:block;margin-top:4px}
}
@media(max-width:700px){
 #tm-category .quick-sizes.tremico-quick>div{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #tm-category .quick-sizes.tremico-quick button{width:100%;min-width:0;max-width:none;min-height:80px;padding:8px 5px;gap:6px;white-space:normal}
 #tm-category .quick-sizes.tremico-quick button span:last-child{max-width:100%;font-size:11px;line-height:1.3;white-space:normal;text-align:center}
 #tm-category .tr-guide{margin-top:45px;font-size:14px;line-height:1.75}
 #tm-category .tr-guide h2{font-size:32px}
 #tm-category .tr-guide h3{font-size:27px}
 #tm-category .tr-guide .tr-intro{margin-bottom:25px}
 #tm-category .tr-guide .tr-intro p{font-size:14px}
 #tm-category .tr-guide .tr-feature,#tm-category .tr-guide .tr-section-heading,#tm-category .tr-guide .tr-preparation,#tm-category .tr-guide .tr-faq{grid-template-columns:minmax(0,1fr);gap:25px}
 #tm-category .tr-guide .tr-feature{margin-bottom:42px}
 #tm-category .tr-guide .tr-feature figure img{aspect-ratio:1.18;max-height:none}
 #tm-category .tr-guide .tr-formats{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #tm-category .tr-guide .tr-formats a{min-height:55px;font-size:12px}
 #tm-category .tr-guide .tr-colour-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 #tm-category .tr-guide .tr-colour-grid img{aspect-ratio:1.55;max-height:none}
 #tm-category .tr-guide .tr-colour-grid figcaption{display:flex;align-items:baseline;font-size:12px;gap:8px}
 #tm-category .tr-guide .tr-colour-grid figcaption strong{font-size:18px}
 #tm-category .tr-guide .tr-colour-grid figcaption a{margin:0}
 #tm-category .tr-guide .tr-preparation{margin:32px 0;padding-top:28px}
 #tm-category .tr-guide .tr-faq{padding-top:28px}
 #tm-category .tr-guide .tr-help{align-items:flex-start;flex-direction:column;gap:20px;margin-top:32px}
 #tm-category .tr-guide .tr-button{font-size:20px}
}