
:root{--ink:#18201f;--paper:#f6f5f0;--gold:#cbb78a;--line:#d9ddd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b69149;outline-offset:5px}header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line)}.brand{font-family:'Manrope',sans-serif;font-size:41px;font-weight:800;letter-spacing:-3px;line-height:1}.brand span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:5px}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2px;margin-top:10px}nav{display:flex;gap:31px;font-size:13px}.navcta{font-size:13px;border-bottom:1px solid var(--ink);padding:12px 0}.navcta span{margin-left:25px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:#1b2221;color:#fff;overflow:hidden}.herotext{padding:65px 0 38px 12%;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;line-height:1.7;margin:0 0 26px}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:10px}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;margin:0;font-weight:500;letter-spacing:-2px}h1{font-size:clamp(44px,4.5vw,72px);line-height:1.12}h1 em{font-style:normal;color:var(--gold)}.lead{font-size:15px;line-height:1.8;color:#bcc4bd;margin-top:25px}.actions{display:flex;align-items:center;gap:28px;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--gold);color:var(--ink);padding:18px 23px;font-size:13px;font-weight:700;border:0}.btn:hover{background:#dac9a1}.textlink{font-size:13px;border:0;background:none;padding:0;line-height:1.8}.herofoot{display:flex;align-items:center;gap:20px;margin-top:55px;font-size:11px}.herofoot span{color:var(--gold);letter-spacing:2px}.herofoot p{padding-left:20px;border-left:1px solid #56615b;color:#bcc4bd}.metalart{position:relative;min-height:600px;background:radial-gradient(ellipse at 50% 48%,#53605a 0,#2a3330 39%,#1b2221 74%)}.orbit{position:absolute;left:14%;top:15%;width:72%;height:62%;border-radius:50%;transform:rotate(-29deg) skewY(7deg);border:35px solid #ddd;box-shadow:inset 1px 3px 7px #ffffffa3,inset -8px -10px 13px #0009,10px 30px 35px #0006;background:transparent}.orbit1{border-color:#a8b0ae;border-top-color:#eef1eb;border-right-color:#737d78;border-bottom-color:#79827c}.orbit2{top:29%;left:21%;width:64%;height:48%;transform:rotate(26deg) skewY(-12deg);border-width:28px;border-color:#b68a45;border-top-color:#edd4a0;border-right-color:#96703c;border-bottom-color:#735b38}.orbit3{left:32%;top:18%;width:44%;height:68%;transform:rotate(40deg) skewY(9deg);border-width:22px;border-color:#b58370;border-top-color:#edd0bf;border-right-color:#8d6657;border-bottom-color:#714e43}.artlabel{position:absolute;top:39px;right:12%;font-size:9px;letter-spacing:2px;line-height:1.9;color:#aab6ac}.periodic{position:absolute;bottom:100px;left:9%;border:1px solid #99a39870;width:100px;height:110px;padding:15px}.periodic b{display:block;font-size:41px;font-weight:400}.periodic small{font-size:8px;letter-spacing:1px}.artnote{position:absolute;bottom:39px;right:12%;font-size:8px;letter-spacing:2px;color:#aab6ac}.ticker{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#e9e8df;padding:25px 6%;font-size:10px;letter-spacing:1.6px}.ticker i{font-style:normal;color:#9a8154}.catalog,.guide,.productcontent{padding:85px 6%}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}h2{font-size:43px;line-height:1.2}.sectionhead p:not(.eyebrow){font-size:13px;line-height:1.8;color:#6c736b}.sectionhead .eyebrow{margin-bottom:15px}.filters{display:flex;gap:9px;margin-bottom:27px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid #d3d8d0;padding:10px 18px;font-size:11px;color:var(--ink);border-radius:30px}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:25px;background:#fff;border:1px solid #e3e4dd;transition:transform .2s}.card:hover{transform:translateY(-4px);border-color:#bca779}.card[hidden]{display:none}.cardtop{display:flex;justify-content:space-between;font-size:9px;color:#737a72;letter-spacing:1px}.element{height:140px;display:flex;justify-content:center;align-items:center;font-size:77px;color:#7b8780;text-shadow:1px 1px white,-1px -1px #435247;background:radial-gradient(ellipse,#eef0e9,white 67%);font-family:'Manrope',sans-serif;letter-spacing:-5px}.element.gold{color:#ba934d;background:radial-gradient(ellipse,#f6efde,white 67%);text-shadow:1px 1px #fff3d4,-1px -1px #78603a}h3{font-size:22px;letter-spacing:-.8px}.card p{font-size:12px;line-height:1.85;color:#6c736b;min-height:67px}.tags{display:flex;flex-wrap:wrap;gap:6px;min-height:50px;align-content:start}.tags span{font-size:9px;background:#f2f3ed;padding:6px 8px;color:#5b665c}.card b{display:flex;justify-content:space-between;border-top:1px solid #e2e5dd;padding-top:20px;font-size:11px;font-weight:500;margin-top:19px}.about{margin:0 6%;padding:60px 7%;display:grid;grid-template-columns:1fr 1.2fr;gap:70px;background:#e8e9e1;align-items:center}.experience{border-right:1px solid #c9cdc2}.experience b{font-family:Manrope,sans-serif;font-size:160px;font-weight:400;letter-spacing:-15px;line-height:1.1}.experience span{display:block;letter-spacing:3px;line-height:1.8;font-size:10px;padding-left:15px}.about h2{font-size:38px}.about p:not(.eyebrow){font-size:13px;line-height:1.9;color:#656e62;max-width:470px}.about .textlink{display:inline-block;margin-top:16px}.guide .sectionhead>span{font-size:9px;letter-spacing:1.4px;color:#747c6f}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-size:16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';font-size:23px}details[open] summary:after{content:'−'}details p{font-size:13px;line-height:1.85;max-width:850px;color:#646e62}.contact{background:#1b2221;color:white;padding:65px 6%;display:grid;grid-template-columns:1.3fr 1fr;gap:60px}.contact .eyebrow{color:var(--gold);margin-bottom:16px}.contact p:not(.eyebrow){font-size:13px;line-height:1.9;color:#adb6aa}.contactbox{border-left:1px solid #465043;padding:14px 0 0 45px;display:flex;flex-direction:column;align-items:start}.contactbox>span{font-size:9px;letter-spacing:2px;color:var(--gold)}.contactbox>a{font-size:30px;letter-spacing:-1px;margin-top:22px}.contactbox small{font-size:9px;color:#b0b8ad;margin-top:12px}.light{background:#edece4;margin-top:15px}footer{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:33px}footer p,footer>span{font-size:10px;color:#778073}dialog{border:0;padding:36px;max-width:520px;width:calc(100% - 30px);background:var(--paper);color:var(--ink)}dialog::backdrop{background:#111b18b3}dialog h2{font-size:30px;margin-bottom:25px}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:26px}label{display:block;font-size:12px;margin-top:16px}input,textarea,select{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #cbd1c7;background:white;color:var(--ink)}form .btn{margin-top:22px;width:100%}.formnote{font-size:11px;line-height:1.6;color:#64705e}.skip{position:fixed;left:10px;top:-100px;z-index:5;background:white;padding:15px}.skip:focus{top:10px}.producthero{background:#1b2221;color:white;padding:55px 6% 70px;position:relative;overflow:hidden}.breadcrumb{display:block;font-size:12px;color:#bdc6b8;margin-bottom:55px}.producthero .eyebrow{color:var(--gold)}.producthero h1{max-width:800px}.producthero .lead{max-width:660px;position:relative;z-index:1}.producthero .btn{margin-top:20px}.productelement{position:absolute;right:7%;bottom:10px;font-size:230px;color:#ffffff08;letter-spacing:-15px}.optiongrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.optiongrid article{background:white;border:1px solid var(--line);padding:30px}.optiongrid p,.infopanel p{font-size:13px;line-height:1.9;color:#66705f}.optiongrid .textlink{margin-top:15px}.infopanel{margin-top:35px;background:#e8e9e1;padding:30px}.infopanel p{max-width:900px}@media(min-width:1600px){header,.ticker,.catalog,.guide,.contact,footer,.producthero,.productcontent{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}}@media(max-width:1000px){nav{gap:16px;font-size:11px}.herotext{padding-top:55px}h1{font-size:50px}.actions{gap:16px;flex-wrap:wrap}.orbit{border-width:25px}.cards{grid-template-columns:repeat(2,1fr)}.about{gap:30px;padding:45px}.experience b{font-size:125px}.contact{gap:30px}.contactbox{padding-left:25px}.contactbox>a{font-size:24px}}@media(max-width:700px){header{height:85px;padding:0 6%}header .brand{font-size:35px}header nav{display:none}.navcta{font-size:11px}.hero{grid-template-columns:1fr}.herotext{padding:45px 6% 10px}h1{font-size:49px}.herofoot{margin-top:30px}.metalart{min-height:340px}.orbit{top:9%;height:66%;width:59%;left:23%;border-width:24px}.orbit2{top:24%;height:52%;left:23%;width:61%;border-width:20px}.orbit3{left:36%;top:6%;height:75%;width:39%;border-width:17px}.artlabel{top:15px;right:6%;font-size:7px}.periodic{bottom:45px;left:6%;width:70px;height:80px;padding:9px}.periodic b{font-size:29px}.periodic small{font-size:6px}.artnote{bottom:20px;font-size:6px;right:6%}.ticker{overflow:auto;white-space:nowrap;justify-content:start;font-size:8px;padding:20px 6%}.catalog,.guide,.productcontent{padding:50px 6%}.sectionhead{display:block;margin-bottom:25px}h2{font-size:33px}.sectionhead>p{margin-top:20px}.cards{grid-template-columns:1fr}.element{height:130px}.card p{min-height:0}.tags{min-height:0}.about{grid-template-columns:1fr;padding:30px;gap:35px}.experience{border-right:0;border-bottom:1px solid #c9cdc2;padding-bottom:20px;display:flex;align-items:center;gap:30px}.experience b{font-size:100px;letter-spacing:-10px}.experience span{font-size:9px}.about h2{font-size:32px}.guide .sectionhead>span{display:block;margin-top:20px}summary{font-size:14px;gap:20px;line-height:1.7}.contact{grid-template-columns:1fr;padding:45px 6%;gap:25px}.contactbox{border-left:0;border-top:1px solid #465043;padding:30px 0 0}.contactbox>a{font-size:30px}footer{flex-wrap:wrap;padding:25px 6%}footer>span{width:100%}.optiongrid{grid-template-columns:1fr}.producthero h1{font-size:42px}.producthero{padding-top:35px}.breadcrumb{margin-bottom:35px}.productelement{font-size:170px}.lead br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

.hero-metals{position:absolute;bottom:74px;left:6%;right:6%;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.metalcell{padding:10px;border:1px solid #a4aea36b;background:#202925c4;backdrop-filter:blur(8px);color:#d7ded4}.metalcell small{display:block;font-size:9px;color:#aab6ac}.metalcell b{display:block;font-size:29px;font-weight:400;line-height:1.45}.metalcell span{font-size:6px;letter-spacing:1px}.metalcell.au{color:#e2c38e;border-color:#bc9b65}.herotext .actions{margin-top:38px}.hero h1{font-size:clamp(40px,4.1vw,66px)}@media(max-width:700px){.hero-metals{bottom:50px;gap:5px}.metalcell{padding:7px}.metalcell b{font-size:24px}.metalcell span{font-size:5px}}

/* Five coating tones based on documented CIELAB coating examples. */
.hero-metals{grid-template-columns:repeat(5,1fr);left:7%;right:7%;bottom:76px}.metal-samples{position:absolute;inset:85px 7% 210px;display:flex;gap:13px;align-items:flex-start}.metal-sample{position:relative;flex:1;height:100%;min-width:0;border-radius:70% 70% 9px 9px / 24% 24% 9px 9px;transform:translateY(calc(var(--sample)*12px)) rotate(13deg);background:linear-gradient(105deg,var(--shade) 0%,var(--mid) 20%,var(--tone) 35%,var(--highlight) 43%,var(--tone) 53%,var(--mid) 77%,var(--shade) 100%);box-shadow:inset 1px 0 2px #fff8,inset -2px 0 3px #0005,13px 20px 25px #0005}.metalart .artnote{bottom:38px}.metalcell{padding:12px 10px}.metalcell span{font-size:7px}.metalart{background:radial-gradient(ellipse at 50% 40%,#46504a,#252e29 48%,#1b2221 77%)}@media(max-width:1000px){.metal-samples{gap:9px;inset:90px 8% 215px}.metalcell{padding:9px 7px}.metalcell span{font-size:6px}}@media(max-width:700px){.metalart{min-height:390px}.metal-samples{inset:24px 9% 158px;gap:11px}.metal-sample{transform:translateY(calc(var(--sample)*7px)) rotate(13deg)}.hero-metals{bottom:47px;left:6%;right:6%;gap:7px}.metalart .artnote{bottom:21px}.metalcell b{font-size:27px}.metalcell span{font-size:6px}}

/* Linked hero samples: a rising light sweep paired with the periodic tile. */
.metal-sample{overflow:hidden;cursor:pointer;transition:filter .25s,box-shadow .25s}.metal-sample::after{content:"";position:absolute;inset:-80% 0;background:linear-gradient(to top,transparent 33%,#ffffff10 40%,#ffffff90 50%,#ffffff10 60%,transparent 67%);transform:translateY(75%);opacity:0;pointer-events:none}.metalcell{position:relative;display:block;transition:background .25s,border-color .25s,box-shadow .25s;cursor:pointer}.metalcell i{position:absolute;right:8px;top:8px;font-size:13px;opacity:0;transition:opacity .2s;font-style:normal}.metal-sample:focus-visible{outline:2px solid #e3c997;outline-offset:5px}.metalcell:focus-visible{outline:2px solid #e3c997;outline-offset:3px}@keyframes metal-rise{0%{transform:translateY(75%);opacity:0}15%{opacity:.85}80%{opacity:.85}100%{transform:translateY(-75%);opacity:0}}
.metalart:has([data-metal="Rh"]:is(:hover,:focus-visible)) .metal-sample[data-metal="Rh"]{filter:brightness(1.12);box-shadow:inset 1px 0 2px #fff8,inset -2px 0 3px #0005,0 0 23px #e4d5b340,13px 20px 25px #0005}.metalart:has([data-metal="Rh"]:is(:hover,:focus-visible)) .metal-sample[data-metal="Rh"]::after{animation:metal-rise 1.1s ease-out}.metalart:has([data-metal="Rh"]:is(:hover,:focus-visible)) .metalcell[data-metal="Rh"]{background:#3c473dd9;border-color:#d8c69f;box-shadow:0 0 16px #d4bd8426}.metalart:has([data-metal="Rh"]:is(:hover,:focus-visible)) .metalcell[data-metal="Rh"] i{opacity:1}
.metalart:has([data-metal="Au"]:is(:hover,:focus-visible)) .metal-sample[data-metal="Au"]{filter:brightness(1.12);box-shadow:inset 1px 0 2px #fff8,inset -2px 0 3px #0005,0 0 23px #e4d5b340,13px 20px 25px #0005}.metalart:has([data-metal="Au"]:is(:hover,:focus-visible)) .metal-sample[data-metal="Au"]::after{animation:metal-rise 1.1s ease-out}.metalart:has([data-metal="Au"]:is(:hover,:focus-visible)) .metalcell[data-metal="Au"]{background:#3c473dd9;border-color:#d8c69f;box-shadow:0 0 16px #d4bd8426}.metalart:has([data-metal="Au"]:is(:hover,:focus-visible)) .metalcell[data-metal="Au"] i{opacity:1}
.metalart:has([data-metal="Ag"]:is(:hover,:focus-visible)) .metal-sample[data-metal="Ag"]{filter:brightness(1.12);box-shadow:inset 1px 0 2px #fff8,inset -2px 0 3px #0005,0 0 23px #e4d5b340,13px 20px 25px #0005}.metalart:has([data-metal="Ag"]:is(:hover,:focus-visible)) .metal-sample[data-metal="Ag"]::after{animation:metal-rise 1.1s ease-out}.metalart:has([data-metal="Ag"]:is(:hover,:focus-visible)) .metalcell[data-metal="Ag"]{background:#3c473dd9;border-color:#d8c69f;box-shadow:0 0 16px #d4bd8426}.metalart:has([data-metal="Ag"]:is(:hover,:focus-visible)) .metalcell[data-metal="Ag"] i{opacity:1}
.metalart:has([data-metal="Pt"]:is(:hover,:focus-visible)) .metal-sample[data-metal="Pt"]{filter:brightness(1.12);box-shadow:inset 1px 0 2px #fff8,inset -2px 0 3px #0005,0 0 23px #e4d5b340,13px 20px 25px #0005}.metalart:has([data-metal="Pt"]:is(:hover,:focus-visible)) .metal-sample[data-metal="Pt"]::after{animation:metal-rise 1.1s ease-out}.metalart:has([data-metal="Pt"]:is(:hover,:focus-visible)) .metalcell[data-metal="Pt"]{background:#3c473dd9;border-color:#d8c69f;box-shadow:0 0 16px #d4bd8426}.metalart:has([data-metal="Pt"]:is(:hover,:focus-visible)) .metalcell[data-metal="Pt"] i{opacity:1}
.metalart:has([data-metal="Pd"]:is(:hover,:focus-visible)) .metal-sample[data-metal="Pd"]{filter:brightness(1.12);box-shadow:inset 1px 0 2px #fff8,inset -2px 0 3px #0005,0 0 23px #e4d5b340,13px 20px 25px #0005}.metalart:has([data-metal="Pd"]:is(:hover,:focus-visible)) .metal-sample[data-metal="Pd"]::after{animation:metal-rise 1.1s ease-out}.metalart:has([data-metal="Pd"]:is(:hover,:focus-visible)) .metalcell[data-metal="Pd"]{background:#3c473dd9;border-color:#d8c69f;box-shadow:0 0 16px #d4bd8426}.metalart:has([data-metal="Pd"]:is(:hover,:focus-visible)) .metalcell[data-metal="Pd"] i{opacity:1}
@media(prefers-reduced-motion:reduce){.metal-sample,.metalcell,.metalcell i{transition:none}.metal-sample::after{animation:none!important}}

/* Visible repeated bottom-to-top shimmer while the metal is active. */
.metal-sample::after{inset:auto 0 -45%;height:45%;background:linear-gradient(to top,transparent 0%,#ffffff24 20%,#ffffffcc 50%,#ffffff24 80%,transparent 100%);transform:translateY(0);opacity:0;mix-blend-mode:screen}
.metalart:has([data-metal]:is(:hover,:focus-visible)) .metal-sample::after{animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes metal-rise{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-330%);opacity:1}}

.metal-sample::after{animation-duration:1.6s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important}
.metal-sample{isolation:isolate;clip-path:inset(0 round 70% 70% 9px 9px / 24% 24% 9px 9px)}.metal-sample::after{mix-blend-mode:normal;background:linear-gradient(to top,transparent 0%,#ffffff16 25%,#ffffff99 50%,#ffffff16 75%,transparent 100%)}@keyframes metal-rise{0%{transform:translateY(0);opacity:0}15%{opacity:1}65%{opacity:1}90%{opacity:0}100%{transform:translateY(-330%);opacity:0}}

/* Catalog: compact metal markers, prominent product choices. */
.card{position:relative;padding:28px}.cardtop{padding-right:53px;min-height:22px}.card .element{position:absolute;right:24px;top:20px;width:42px;height:42px;border:1px solid #d8ded4;background:#f0f3ed;font-size:23px;letter-spacing:-1px;text-shadow:none;border-radius:9px;color:#526153}.card .element.gold{background:#f6efde;border-color:#deccaa;color:#9c7739}.card h3{margin-top:24px;font-size:24px;line-height:1.3}.card p{min-height:88px;font-size:13px}.card .tags{min-height:65px;gap:8px}.card .tags span{font-size:12px;font-weight:600;padding:9px 11px;background:#eef0e8;color:#344432;border:1px solid #dce2d4;border-radius:4px}.card b{margin-top:23px;font-size:12px}@media(max-width:700px){.card{padding:24px}.card .element{right:24px}.card p{min-height:0}.card .tags{min-height:0}.card h3{font-size:23px}}


/* Manufacturer application imagery and product details */
.catalog-photo{margin:0;overflow:hidden;background:#f2f1ed;border-radius:12px}.catalog-photo img{display:block;width:100%;height:240px;object-fit:cover}.catalog-photo figcaption{padding:9px 12px;font-size:10px;line-height:1.5;color:#59615c;background:#f3f2ed}.image-card .catalog-photo{margin:22px 0 20px}.image-card .catalog-photo img{height:190px}.catalog-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0 48px}.catalog-product{display:block;border:1px solid #dddcd3;border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;background:#fff;transition:transform .2s,box-shadow .2s}.catalog-product:hover,.catalog-product:focus-visible{transform:translateY(-4px);box-shadow:0 12px 30px #171c1c14}.catalog-product .catalog-photo{border-radius:0}.catalog-product-body{padding:24px}.catalog-product-body h3{font-size:24px;margin:10px 0}.catalog-product-body p:not(.eyebrow){font-size:14px;line-height:1.7;color:#5e665f}.catalog-product-body .textlink{display:inline-block;margin-top:16px}.product-detail-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}.product-detail-layout .catalog-photo img{height:390px}.product-detail-layout h2{font-size:36px;line-height:1.2}.product-detail-layout p{line-height:1.8}.product-benefits{padding-left:20px;line-height:1.8}.product-applications{color:#566159}.tech-section{margin-top:64px}.tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0;border-top:1px solid #dedfd5;border-left:1px solid #dedfd5}.tech-grid>div{padding:24px;border-bottom:1px solid #dedfd5;border-right:1px solid #dedfd5}.tech-grid dt{font-size:12px;color:#667366;margin-bottom:12px}.tech-grid dd{margin:0;font-size:17px;line-height:1.5}.technical-note{font-size:13px;line-height:1.7;color:#606c62;max-width:760px}@media(max-width:900px){.catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail-layout{gap:28px}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.catalog-product-grid,.product-detail-layout{grid-template-columns:1fr}.product-detail-layout .catalog-photo img{height:280px}.tech-grid{grid-template-columns:1fr}.product-detail-layout h2{font-size:30px}}
.product-detail-layout{grid-template-columns:1fr;max-width:850px}
