html,body{margin:0;background:#fff;color-scheme:light} #hg-tx-color-landing{--tx-white:#FFFFFF;--tx-ink:#352D38;--tx-muted:#665E68;--tx-berry:#643463;--tx-berry-dark:#512A50;--tx-mint:#EFF8F5;--tx-line:#E8E1E8;--tx-green:#285E4E;--tx-green-bg:#E7F4EE;--tx-red:#A63C48;--tx-red-bg:#FFF2F3;--tx-neutral:#716875;--tx-neutral-bg:#F1EEF2;font-family:'Century Gothic','Avenir Next',Arial,sans-serif;font-size:15px;line-height:1.55;color:var(--tx-ink);background:transparent;color-scheme:light} #hg-tx-color-landing *{box-sizing:border-box} #hg-tx-color-landing [hidden]{display:none!important} #hg-tx-color-landing .tx-page{background:var(--tx-white)} #hg-tx-color-landing p,#hg-tx-color-landing h1,#hg-tx-color-landing h2{margin:0} #hg-tx-color-landing h1,#hg-tx-color-landing h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.18} #hg-tx-color-landing h1{font-size:clamp(31px,3.7vw,43px);letter-spacing:-.4px;margin:10px 0 17px} #hg-tx-color-landing h1 em,#hg-tx-color-landing h2 em{color:var(--tx-berry);font-weight:400} #hg-tx-color-landing h2{font-size:28px} #hg-tx-color-landing button,#hg-tx-color-landing input,#hg-tx-color-landing select{font:inherit;color:inherit} #hg-tx-color-landing a{color:var(--tx-berry);text-underline-offset:3px} #hg-tx-color-landing .tx-demo{padding:8px 5%;font-size:12px;background:#F2ECF3;color:var(--tx-berry)} #hg-tx-color-landing .tx-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 5%;border-bottom:1px solid var(--tx-line)} #hg-tx-color-landing .tx-header img{width:160px;max-width:38%;height:auto} #hg-tx-color-landing .tx-main{max-width:1120px;padding:0 5%;margin:0 auto} #hg-tx-color-landing .tx-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--tx-berry);border-radius:6px;padding:10px 15px;font-size:13px;font-weight:600;line-height:1.4;text-align:center;background:var(--tx-white);color:var(--tx-berry);text-decoration:none} #hg-tx-color-landing .tx-btn:is(:visited,:hover,:focus,:active){text-decoration:none} #hg-tx-color-landing .tx-btn svg{width:16px;height:16px;flex:none} #hg-tx-color-landing .tx-primary,#hg-tx-color-landing .tx-primary:visited{background:var(--tx-berry);color:var(--tx-white)} #hg-tx-color-landing .tx-primary:hover{background:var(--tx-berry-dark)} #hg-tx-color-landing .tx-outline:hover{background:#F7F1F7} #hg-tx-color-landing .tx-hero{display:grid;grid-template-columns:minmax(0,1fr) 205px;align-items:center;gap:28px;padding:32px 0 25px} #hg-tx-color-landing .tx-eyebrow{font-size:11px;letter-spacing:1.2px;color:var(--tx-berry);font-weight:600} #hg-tx-color-landing .tx-intro{max-width:590px;font-size:15px;color:var(--tx-muted)} #hg-tx-color-landing .tx-tuftex{display:flex;flex-direction:column;align-items:center;gap:11px} #hg-tx-color-landing .tx-tuftex img{width:100%;height:auto} #hg-tx-color-landing .tx-tuftex span{letter-spacing:4px;font-size:12px;color:var(--tx-berry)} #hg-tx-color-landing .tx-rate{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--tx-mint);border:1px solid #D9EBE5;border-radius:8px;padding:14px 20px} #hg-tx-color-landing .tx-rate>div>span{display:block;font-size:12px;color:var(--tx-muted);margin-bottom:2px} #hg-tx-color-landing .tx-rate strong{font-weight:600;font-size:15px;font-variant-numeric:tabular-nums} #hg-tx-color-landing .tx-rate>div:first-child strong{font-size:22px} #hg-tx-color-landing .tx-rate small{font-size:12px;font-weight:400} #hg-tx-color-landing .tx-rate>div:last-child small{display:block;color:var(--tx-muted)} #hg-tx-color-landing .tx-date-note{font-size:12px;color:var(--tx-muted);margin:9px 0 25px} #hg-tx-color-landing .tx-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:15px} #hg-tx-color-landing .tx-section-head p{font-size:13px;color:var(--tx-muted);margin-top:6px} #hg-tx-color-landing .tx-pdf{display:inline-flex;align-items:center;gap:5px;min-height:44px;font-size:12px} #hg-tx-color-landing .tx-pdf svg{width:14px;height:14px} #hg-tx-color-landing .tx-search-panel{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;background:var(--tx-mint);border:1px solid #D9EBE5;padding:17px 20px;border-radius:8px} #hg-tx-color-landing .tx-search-panel label,#hg-tx-color-landing .tx-reference-content>label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:600} #hg-tx-color-landing input[type=search],#hg-tx-color-landing select{width:100%;min-width:0;min-height:44px;padding:9px 11px;background:var(--tx-white);border:1px solid #CFC2CE;border-radius:6px;font-size:16px;font-weight:400} #hg-tx-color-landing input::placeholder{color:#746A74;opacity:1} #hg-tx-color-landing .tx-search-panel small{font-size:12px;font-weight:400;color:var(--tx-muted)} #hg-tx-color-landing .tx-results{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:11px 0 8px;font-size:12px} #hg-tx-color-landing .tx-text-button{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;padding:8px 0;min-height:44px;font-size:12px;color:var(--tx-berry);text-decoration:underline;text-underline-offset:3px} #hg-tx-color-landing .tx-text-button svg{width:14px;height:14px} #hg-tx-color-landing .tx-color-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;align-items:start} #hg-tx-color-landing .tx-color-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-width:0;min-height:102px;padding:8px 5px;border:1px solid var(--tx-line);border-radius:8px;background:var(--tx-white);text-align:center;font-size:13px;line-height:1.35;font-weight:500;overflow-wrap:anywhere} #hg-tx-color-landing .tx-color-tile:hover{background:#FAF7FA} #hg-tx-color-landing .tx-color-tile[aria-pressed=true]{border-color:var(--tx-berry);background:#F6F0F6;box-shadow:inset 0 0 0 1px var(--tx-berry)} #hg-tx-color-landing .tx-sample,#hg-tx-color-landing .tx-product-photo,#hg-tx-color-landing .tx-banner-photo{background-color:var(--tx-white);aspect-ratio:100/96} #hg-tx-color-landing .tx-sample{display:block;width:64px;max-width:100%;border-radius:6px} #hg-tx-color-landing .tx-palette-note{font-size:12px;color:var(--tx-muted);margin:12px 0 24px} #hg-tx-color-landing .tx-empty{padding:15px 0;font-size:14px} #hg-tx-color-landing .tx-color-detail{grid-column:1/-1;min-width:0;background:var(--tx-white);border:1px solid #D9CEDA;border-radius:10px;padding:23px;margin:4px 0 12px;scroll-margin-top:14px} #hg-tx-color-landing .tx-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px} #hg-tx-color-landing .tx-detail-heading h2{font-size:33px;margin:5px 0} #hg-tx-color-landing .tx-detail-heading p:last-child{font-size:13px;color:var(--tx-muted)} #hg-tx-color-landing .tx-detail-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px} #hg-tx-color-landing .tx-product-photo{width:100%;border-radius:8px} #hg-tx-color-landing .tx-photo-panel p{font-size:12px;margin-top:10px;color:var(--tx-ink)} #hg-tx-color-landing .tx-photo-panel small{display:block;font-size:12px;color:var(--tx-muted);margin-top:4px;line-height:1.5} #hg-tx-color-landing .tx-notice{padding:10px 12px;background:var(--tx-mint);border-radius:6px;font-size:13px;margin:0 0 13px} #hg-tx-color-landing .tx-measure-header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 9px;font-size:12px} #hg-tx-color-landing .tx-measure-header strong{font-size:13px;font-weight:600} #hg-tx-color-landing .tx-measure-header span{color:var(--tx-muted)} #hg-tx-color-landing .tx-measures{display:flex;gap:6px;flex-wrap:wrap} #hg-tx-color-landing .tx-measure-button{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid #D8CCD7;border-radius:6px;background:var(--tx-white);color:var(--tx-ink);font-size:13px;font-weight:500} #hg-tx-color-landing .tx-measure-button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--tx-berry);border-color:var(--tx-berry);background:#F4EDF5} #hg-tx-color-landing .tx-green{color:var(--tx-green)} #hg-tx-color-landing .tx-red{color:var(--tx-red)} #hg-tx-color-landing .tx-neutral{color:var(--tx-neutral)} #hg-tx-color-landing .tx-measure-help{font-size:12px;color:var(--tx-muted);margin:9px 0 17px;line-height:1.5} #hg-tx-color-landing .tx-money-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px} #hg-tx-color-landing .tx-money-row p{font-size:13px;font-weight:600} #hg-tx-color-landing .tx-money-row select{width:120px;flex:none;font-size:16px;padding:8px} #hg-tx-color-landing table{width:100%;border-collapse:collapse;table-layout:fixed} #hg-tx-color-landing th,#hg-tx-color-landing td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--tx-line);font-size:13px;vertical-align:middle} #hg-tx-color-landing th{font-size:11px;font-weight:600;color:var(--tx-muted)} #hg-tx-color-landing .tx-color-table th:first-child{width:39%} #hg-tx-color-landing .tx-color-table th:nth-child(2){width:30%} #hg-tx-color-landing .tx-color-table td strong{display:block;font-weight:600;font-size:13px} #hg-tx-color-landing .tx-color-table td small{display:block;font-size:11px;line-height:1.4;color:var(--tx-muted);margin-top:3px} #hg-tx-color-landing .tx-price{font-variant-numeric:tabular-nums;white-space:nowrap} #hg-tx-color-landing .tx-status{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:5px;background:var(--tx-neutral-bg);color:var(--tx-neutral);font-size:11px;line-height:1.4} #hg-tx-color-landing .tx-status[data-state=available]{background:var(--tx-green-bg);color:var(--tx-green)} #hg-tx-color-landing .tx-status[data-state=out]{background:var(--tx-red-bg);color:var(--tx-red)} #hg-tx-color-landing .tx-status b{font-family:Arial,sans-serif;font-size:14px;font-weight:500;flex:none} #hg-tx-color-landing .tx-price-note{font-size:12px;color:var(--tx-muted);line-height:1.5;margin:10px 0 0} #hg-tx-color-landing .tx-detail-actions{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-top:19px} #hg-tx-color-landing .tx-purchase-note{font-size:12px;color:var(--tx-muted);margin-top:8px} #hg-tx-color-landing .tx-references{padding:22px 0 30px;border-top:1px solid var(--tx-line)} #hg-tx-color-landing .tx-references h2{font-size:24px} #hg-tx-color-landing .tx-references>p{font-size:13px;color:var(--tx-muted);margin:6px 0 16px} #hg-tx-color-landing details{border-top:1px solid var(--tx-line)} #hg-tx-color-landing details:last-child{border-bottom:1px solid var(--tx-line)} #hg-tx-color-landing summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;min-height:56px;padding:12px 0;color:var(--tx-berry);font-size:14px;font-weight:600} #hg-tx-color-landing summary::-webkit-details-marker{display:none} #hg-tx-color-landing summary svg{width:16px;height:16px;flex:none} #hg-tx-color-landing details[open] summary svg{transform:rotate(180deg)} #hg-tx-color-landing .tx-reference-content{padding:0 0 21px} #hg-tx-color-landing .tx-reference-content>label{max-width:270px;margin-bottom:14px} #hg-tx-color-landing #tx-general-price-context{font-size:12px;color:var(--tx-muted);margin-bottom:10px} #hg-tx-color-landing .tx-general-price-table th:first-child{width:48%} #hg-tx-color-landing .tx-general-price-table td:not(:first-child),#hg-tx-color-landing .tx-general-price-table th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums} #hg-tx-color-landing .tx-general-price-table td strong{display:block;font-weight:600} #hg-tx-color-landing .tx-general-price-table td small{display:block;font-size:11px;color:var(--tx-muted)} #hg-tx-color-landing .tx-stock-table th,#hg-tx-color-landing .tx-stock-table td{text-align:center;padding:9px 4px} #hg-tx-color-landing .tx-stock-table th:first-child,#hg-tx-color-landing .tx-stock-table td:first-child{width:26%;text-align:left;padding-left:0} #hg-tx-color-landing .tx-stock-state{display:block;background:var(--tx-neutral-bg);color:var(--tx-neutral);border-radius:4px;font-family:Arial,sans-serif;font-size:17px;padding:3px} #hg-tx-color-landing .tx-stock-state[data-state=available]{background:var(--tx-green-bg);color:var(--tx-green)} #hg-tx-color-landing .tx-stock-state[data-state=out]{background:var(--tx-red-bg);color:var(--tx-red)} #hg-tx-color-landing .tx-legend{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:12px;margin-bottom:6px} #hg-tx-color-landing .tx-banner{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:22px;align-items:center;background:#F5F1EA;border-radius:10px;padding:25px 28px;margin-bottom:23px} #hg-tx-color-landing .tx-banner h2{font-size:29px;margin:6px 0 11px} #hg-tx-color-landing .tx-banner p:not(.tx-eyebrow){font-size:13px;color:var(--tx-muted);margin-bottom:16px} #hg-tx-color-landing .tx-banner-photo{width:170px;max-width:100%;border-radius:50%;background-position:37.1951219512% 14.9666837519%} #hg-tx-color-landing .tx-support{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;padding:24px 0 30px;border-top:1px solid var(--tx-line)} #hg-tx-color-landing .tx-support h2{font-size:24px;margin-bottom:5px} #hg-tx-color-landing .tx-support p{font-size:13px;color:var(--tx-muted)} #hg-tx-color-landing .tx-footer{display:flex;justify-content:space-between;gap:9px 22px;flex-wrap:wrap;padding:23px 5%;font-size:12px;background:var(--tx-berry);color:var(--tx-white)} #hg-tx-color-landing .tx-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} @media(max-width:820px){#hg-tx-color-landing .tx-color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#hg-tx-color-landing .tx-detail-layout{grid-template-columns:155px minmax(0,1fr);gap:20px}#hg-tx-color-landing .tx-hero{grid-template-columns:minmax(0,1fr) 160px}#hg-tx-color-landing .tx-color-detail{padding:19px}} @media(max-width:600px){#hg-tx-color-landing .tx-main{padding:0 16px}#hg-tx-color-landing .tx-header{padding:16px;gap:10px}#hg-tx-color-landing .tx-header img{width:130px}#hg-tx-color-landing .tx-header .tx-btn{font-size:12px;padding:9px 11px}#hg-tx-color-landing .tx-hero{grid-template-columns:1fr;gap:18px;padding:24px 0}#hg-tx-color-landing h1{font-size:32px}#hg-tx-color-landing .tx-intro{font-size:14px}#hg-tx-color-landing .tx-tuftex{width:132px;gap:7px}#hg-tx-color-landing .tx-rate{gap:13px;padding:14px 16px}#hg-tx-color-landing .tx-rate strong{font-size:13px}#hg-tx-color-landing .tx-date-note{margin-bottom:22px}#hg-tx-color-landing .tx-section-head{gap:2px}#hg-tx-color-landing .tx-section-head h2{font-size:25px}#hg-tx-color-landing .tx-search-panel{grid-template-columns:1fr;padding:15px;gap:13px}#hg-tx-color-landing .tx-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#hg-tx-color-landing .tx-color-tile{font-size:12px;min-height:96px;padding:7px 4px}#hg-tx-color-landing .tx-sample{width:60px}#hg-tx-color-landing .tx-color-detail{padding:15px}#hg-tx-color-landing .tx-detail-heading{margin-bottom:15px}#hg-tx-color-landing .tx-detail-heading h2{font-size:29px}#hg-tx-color-landing .tx-detail-layout{grid-template-columns:1fr;gap:16px}#hg-tx-color-landing .tx-photo-panel{display:grid;grid-template-columns:110px minmax(0,1fr);gap:5px 13px;align-items:center}#hg-tx-color-landing .tx-product-photo{grid-row:1/3}#hg-tx-color-landing .tx-photo-panel p,#hg-tx-color-landing .tx-photo-panel small{margin:0;line-height:1.45}#hg-tx-color-landing .tx-measures{gap:5px}#hg-tx-color-landing .tx-measure-button{padding:8px 10px;font-size:12px}#hg-tx-color-landing .tx-money-row p{font-size:12px}#hg-tx-color-landing .tx-money-row select{width:112px}#hg-tx-color-landing th,#hg-tx-color-landing td{padding:10px 4px;font-size:12px}#hg-tx-color-landing .tx-color-table th:first-child{width:37%}#hg-tx-color-landing .tx-color-table th:nth-child(2){width:29%}#hg-tx-color-landing .tx-color-table th{font-size:11px;overflow-wrap:anywhere}#hg-tx-color-landing .tx-color-table td strong{font-size:12px}#hg-tx-color-landing .tx-status{padding:4px;gap:3px;flex-wrap:wrap}#hg-tx-color-landing .tx-detail-actions .tx-btn{width:100%}#hg-tx-color-landing .tx-general-price-table td{font-size:12px}#hg-tx-color-landing .tx-stock-table th,#hg-tx-color-landing .tx-stock-table td{padding:8px 2px;font-size:11px}#hg-tx-color-landing .tx-stock-table th:first-child,#hg-tx-color-landing .tx-stock-table td:first-child{width:28%}#hg-tx-color-landing .tx-banner{grid-template-columns:minmax(0,1fr) 90px;padding:20px;gap:12px}#hg-tx-color-landing .tx-banner h2{font-size:25px}#hg-tx-color-landing .tx-banner-photo{width:90px}#hg-tx-color-landing .tx-support .tx-btn{width:100%}#hg-tx-color-landing .tx-footer{flex-direction:column;padding:21px 16px}} @media(max-width:360px){#hg-tx-color-landing .tx-color-detail{padding:12px}#hg-tx-color-landing .tx-photo-panel{grid-template-columns:90px minmax(0,1fr);gap:5px 10px}#hg-tx-color-landing .tx-color-table th:first-child{width:36%}#hg-tx-color-landing .tx-color-table th:nth-child(2){width:31%}#hg-tx-color-landing .tx-price{white-space:normal;overflow-wrap:anywhere}#hg-tx-color-landing .tx-banner{grid-template-columns:1fr}#hg-tx-color-landing .tx-banner-photo{display:none}} /* Real assets and accessible controls; scope is exclusive to this landing. */ #hg-tx-color-landing .tx-header>a:first-child{display:block;max-width:42%} #hg-tx-color-landing .tx-header img{width:180px;max-width:100%;height:auto;object-fit:contain} #hg-tx-color-landing .tx-sample{object-fit:contain;background:#fff;width:80px;height:80px;aspect-ratio:1} #hg-tx-color-landing .tx-tile-wrap{min-width:0} #hg-tx-color-landing .tx-color-tile{width:100%;min-height:126px;font-size:14px;cursor:pointer;overflow-wrap:normal} #hg-tx-color-landing .tx-product-photo{object-fit:contain;height:auto;max-height:260px;aspect-ratio:1} #hg-tx-color-landing figure{margin:0} #hg-tx-color-landing .tx-missing{display:flex;align-items:center;justify-content:center;font-size:12px;color:#665e68} #hg-tx-color-landing .tx-usd,#hg-tx-color-landing .tx-bs{display:block} #hg-tx-color-landing .tx-detail-heading{align-items:start} #hg-tx-color-landing .tx-price{white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums} #hg-tx-color-landing .tx-status{font-size:13px;line-height:1.4;flex-wrap:wrap} #hg-tx-color-landing th,#hg-tx-color-landing td{font-size:14px} #hg-tx-color-landing .tx-color-table th:first-child{width:40%} #hg-tx-color-landing .tx-color-table th:nth-child(2){width:30%} #hg-tx-color-landing .tx-color-table td strong{font-size:14px} #hg-tx-color-landing .tx-measure-button{font-size:15px;cursor:pointer} #hg-tx-color-landing .tx-measure-button[data-state=available]{background:#E7F4EE;color:#285E4E} #hg-tx-color-landing .tx-measure-button[data-state=out]{background:#FFF2F3;color:#A63C48} #hg-tx-color-landing .tx-measure-button[aria-pressed=true]{border-color:#643463;box-shadow:inset 0 0 0 1px #643463} #hg-tx-color-landing .tx-stock-color{display:grid;grid-template-columns:minmax(100px,1fr) 3fr;gap:14px;border-bottom:1px solid #e8e1e8;padding:12px 0;align-items:center} #hg-tx-color-landing .tx-stock-measures{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;text-align:center} #hg-tx-color-landing .tx-stock-state{font:inherit;font-size:14px;padding:8px 3px;white-space:nowrap} #hg-tx-color-landing .tx-general-color{padding-top:18px} #hg-tx-color-landing .tx-general-color h3{font:600 17px/1.5 'Century Gothic','Avenir Next',Arial,sans-serif} #hg-tx-color-landing .tx-general-color small{font-size:13px;font-weight:400} #hg-tx-color-landing .tx-staging{border-left:3px solid #643463;padding:8px 12px;font-size:13px;margin-bottom:16px;background:#faf7fa} #hg-tx-color-landing .tx-rate small{display:block;max-width:250px;margin-top:5px} #hg-tx-color-landing .tx-date-note{font-size:13px} #hg-tx-color-landing .tx-banner img{width:100%;height:auto;max-height:260px;object-fit:contain} #hg-tx-color-landing .tx-footer a{color:#fff} #hg-tx-color-landing :focus-visible{outline:3px solid #643463;outline-offset:4px} #hg-tx-color-landing .tx-footer :focus-visible{outline-color:#fff} #hg-tx-color-landing .tx-skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10} #hg-tx-color-landing .tx-skip:focus{top:8px} #hg-tx-color-landing button,#hg-tx-color-landing summary{cursor:pointer} #hg-tx-color-landing .tx-nojs-color{display:block;padding:12px} #hg-tx-color-landing[data-currency=usd] #tx-detail .tx-bs,#hg-tx-color-landing[data-currency=bs] #tx-detail .tx-usd{display:none} @media(max-width:600px){#hg-tx-color-landing .tx-stock-color{grid-template-columns:1fr;gap:8px}#hg-tx-color-landing .tx-stock-measures{grid-template-columns:repeat(3,minmax(0,1fr))}#hg-tx-color-landing .tx-color-tile{min-height:116px;font-size:13px}#hg-tx-color-landing .tx-sample{width:64px;height:64px}#hg-tx-color-landing .tx-photo-panel{grid-template-columns:95px minmax(0,1fr)}#hg-tx-color-landing .tx-product-photo{grid-row:auto}#hg-tx-color-landing th,#hg-tx-color-landing td{font-size:13px;padding:10px 3px}#hg-tx-color-landing .tx-color-detail{padding:12px}#hg-tx-color-landing .tx-status{padding:4px 2px;gap:2px}#hg-tx-color-landing .tx-color-table td strong{font-size:13px}#hg-tx-color-landing .tx-search-panel{padding:12px}#hg-tx-color-landing .tx-hero{gap:14px}#hg-tx-color-landing .tx-eyebrow{font-size:12px}} @media(prefers-reduced-motion:reduce){#hg-tx-color-landing *{scroll-behavior:auto!important;transition:none!important}} /* Director review: quicker access and stronger operational text. */ #hg-tx-color-landing .tx-quick-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:-5px 0 12px} #hg-tx-color-landing .tx-quick-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600} #hg-tx-color-landing .tx-color-tile{font-size:14px;font-weight:500} #hg-tx-color-landing .tx-section-head p,#hg-tx-color-landing .tx-search-panel small,#hg-tx-color-landing .tx-date-note,#hg-tx-color-landing .tx-palette-note,#hg-tx-color-landing .tx-measure-help,#hg-tx-color-landing .tx-price-note,#hg-tx-color-landing .tx-purchase-note,#hg-tx-color-landing .tx-photo-panel small{font-size:14px;line-height:1.55;color:#514653} #hg-tx-color-landing .tx-results,#hg-tx-color-landing .tx-rate>div>span,#hg-tx-color-landing .tx-rate small{font-size:14px;color:#514653} #hg-tx-color-landing .tx-rate strong{font-size:16px} #hg-tx-color-landing .tx-rate>div:first-child strong{font-size:22px} #hg-tx-color-landing .tx-source-details{margin:0 0 22px;border:0} #hg-tx-color-landing .tx-source-details summary{font-size:13px;font-weight:400;justify-content:flex-start;min-height:44px;text-decoration:underline} #hg-tx-color-landing .tx-source-details p{font-size:13px;color:#514653;padding:4px 0 12px} #hg-tx-color-landing #tx-general-price-title,#hg-tx-color-landing #tx-general-stock-title{scroll-margin-top:18px} #hg-tx-color-landing .tx-price-exceptions li+li{margin-top:7px} #hg-tx-color-landing .tx-price-exceptions a{display:inline-flex;align-items:center;min-height:44px} @media(max-width:600px){#hg-tx-color-landing .tx-color-tile{font-size:14px;font-weight:500}#hg-tx-color-landing .tx-rate strong{font-size:15px}#hg-tx-color-landing .tx-quick-links{gap:4px 18px}} /* Existing detail finishing retained independently of the general price component. */ #hg-tx-color-landing .tx-disclosure-sign::before{content:'+'} #hg-tx-color-landing details[open]>summary>.tx-disclosure-sign::before{content:'−'} #hg-tx-color-landing .tx-disclosure-sign{font:500 22px/1 Arial,sans-serif;min-width:24px;text-align:center} #hg-tx-color-landing #tx-detail .tx-usd{font-weight:600} #hg-tx-color-landing #tx-detail .tx-bs{font-weight:400;color:#514653;margin-top:3px} #hg-tx-color-landing .tx-color-table .tx-availability-group th{width:auto;text-align:left;padding:12px 4px 6px;font-weight:600;color:#514653;background:#faf7fa;font-size:14px} /* Price editorial component: scoped to the existing general consultation. */ #hg-tx-color-landing #tx-line-summary{container-type:inline-size;min-width:0;padding-top:18px;color:#342d37} #hg-tx-color-landing #tx-line-summary .tx-pr-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px} #hg-tx-color-landing #tx-line-summary .tx-pr-hero h3{font:400 32px/1.15 Georgia,'Times New Roman',serif;margin:0} #hg-tx-color-landing #tx-line-summary .tx-pr-hero h3 em{color:#643463;font-weight:400} #hg-tx-color-landing #tx-line-summary .tx-pr-hero p{font-size:14px;color:#625c65;margin:12px 0 0} #hg-tx-color-landing #tx-line-summary .tx-pr-rate{padding:12px 16px;background:#edf7f3;border-radius:10px;flex:none} #hg-tx-color-landing #tx-line-summary .tx-pr-rate span,#hg-tx-color-landing #tx-line-summary .tx-pr-rate small{display:block;font-size:13px;color:#514653} #hg-tx-color-landing #tx-line-summary .tx-pr-rate strong{display:block;font-size:21px;color:#643463;font-variant-numeric:tabular-nums} #hg-tx-color-landing #tx-line-summary .tx-pr-reference{font-size:13px;color:#514653;border-top:1px solid #e8e2e8;padding:12px 0;margin:0} #hg-tx-color-landing #tx-line-summary .tx-pr-toolbar{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e8e2e8;padding:16px 0} #hg-tx-color-landing #tx-line-summary .tx-pr-label,#hg-tx-color-landing #tx-line-summary .tx-pr-money{display:block;font-size:14px;font-weight:600} #hg-tx-color-landing #tx-line-summary .tx-pr-measures{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} #hg-tx-color-landing #tx-line-summary .tx-pr-measures button,#hg-tx-color-landing #tx-line-summary .tx-line-switch button{font:inherit;font-size:14px;min-height:44px;padding:8px 12px;border:1px solid #d7cbd6;border-radius:7px;background:white;color:#643463;text-decoration:none} #hg-tx-color-landing #tx-line-summary button:hover{text-decoration:none} #hg-tx-color-landing #tx-line-summary button[aria-pressed=true]{background:#643463;color:white;border-color:#643463} #hg-tx-color-landing #tx-line-summary .tx-pr-money{flex:none;min-width:155px} #hg-tx-color-landing #tx-line-summary select{display:block;margin-top:8px;width:100%;min-height:44px;font:inherit;font-size:16px;padding:8px 10px;background:white;border:1px solid #cfc3ce;border-radius:7px;color:#342d37} #hg-tx-color-landing #tx-line-summary .tx-line-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0 16px} #hg-tx-color-landing #tx-line-summary .tx-pr-context{font-size:13px;color:#514653;margin:0 0 12px} #hg-tx-color-landing #tx-line-summary .tx-comparison-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid #e8e2e8;border-radius:10px} #hg-tx-color-landing #tx-line-summary .tx-comparison-table th,#hg-tx-color-landing #tx-line-summary .tx-comparison-table td{padding:12px 9px;text-align:right;vertical-align:middle;white-space:normal;overflow-wrap:normal;font-size:14px;line-height:1.5;border-bottom:1px solid #e8e2e8;font-variant-numeric:tabular-nums} #hg-tx-color-landing #tx-line-summary .tx-comparison-table thead th{background:#643463;color:white;font-weight:600;vertical-align:top} #hg-tx-color-landing #tx-line-summary .tx-comparison-table thead th:first-child{border-radius:9px 0 0 0;width:26%;text-align:left;padding-left:14px} #hg-tx-color-landing #tx-line-summary .tx-comparison-table thead th:last-child{border-radius:0 9px 0 0} #hg-tx-color-landing #tx-line-summary .tx-comparison-table tbody th{text-align:left;padding-left:14px;font-weight:400} #hg-tx-color-landing #tx-line-summary .tx-comparison-table .tx-pr-group th{background:#edf7f3;color:#4e294d;font-weight:600;font-size:18px;text-align:left;padding:8px 14px;border-bottom:1px solid #d5e7df;width:auto} #hg-tx-color-landing #tx-line-summary .tx-pr-quantity{display:block;font-weight:600;font-size:15px} #hg-tx-color-landing #tx-line-summary .tx-pr-pack{display:block;font-size:13px;color:#625c65;margin-top:2px} #hg-tx-color-landing #tx-line-summary .tx-summary-usd{display:block;font-size:16px;font-weight:600;color:#342d37;font-variant-numeric:tabular-nums} #hg-tx-color-landing #tx-line-summary .tx-summary-bs{display:block;font-size:13px;font-weight:400;color:#514653;margin-top:3px;font-variant-numeric:tabular-nums} #hg-tx-color-landing #tx-line-summary[data-price-money=usd] .tx-summary-bs,#hg-tx-color-landing #tx-line-summary[data-price-money=bs] .tx-summary-usd{display:none} #hg-tx-color-landing #tx-line-summary[data-price-money=bs] .tx-summary-bs{font-size:16px;font-weight:600;color:#342d37;margin:0} #hg-tx-color-landing #tx-line-summary .tx-pr-colors-link{display:flex;align-items:center;justify-content:flex-end;min-height:44px;color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:3px} #hg-tx-color-landing #tx-line-summary .tx-pr-colors-link:focus-visible{outline-color:#fff;outline-offset:1px} #hg-tx-color-landing #tx-line-summary .tx-price-varies{display:block;font-size:13px;color:#625c65;margin-top:6px} #hg-tx-color-landing #tx-line-summary .tx-pr-variation-link{display:flex;justify-content:flex-end;align-items:center;min-height:44px;font-size:13px;color:#643463;font-weight:600;text-decoration:underline;text-underline-offset:3px} #hg-tx-color-landing #tx-line-summary .tx-pr-none{color:#625c65;font-size:18px} #hg-tx-color-landing #tx-line-summary .tx-pr-table-note{font-size:13px;color:#514653;margin:12px 0} #hg-tx-color-landing #tx-line-summary .tx-pr-panel{background:#edf7f3;border:1px solid #d5e7df;border-radius:10px;padding:14px 18px;margin:18px 0;scroll-margin-top:18px} #hg-tx-color-landing #tx-line-summary[data-enhanced=true] .tx-pr-panel:not([open]){display:none} #hg-tx-color-landing #tx-line-summary .tx-pr-panel>summary{font:400 25px/1.2 Georgia,'Times New Roman',serif;color:#643463;min-height:44px;padding:4px 0} #hg-tx-color-landing #tx-line-summary[data-enhanced=true] .tx-pr-panel>summary .tx-disclosure-sign{display:none} #hg-tx-color-landing #tx-line-summary .tx-pr-panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 14px} #hg-tx-color-landing #tx-line-summary .tx-pr-panel-top p{font-size:14px;margin:0;color:#514653} #hg-tx-color-landing #tx-line-summary [data-price-close]{background:white;border:1px solid #cdbdcd;border-radius:7px;min-height:44px;padding:8px 12px;color:#643463;font:inherit;font-size:14px} #hg-tx-color-landing #tx-line-summary .tx-pr-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} #hg-tx-color-landing #tx-line-summary .tx-pr-color-grid a{background:white;border:1px solid #d9e4de;border-radius:6px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px;text-align:center;font-size:14px;color:#643463;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere} #hg-tx-color-landing #tx-line-summary .tx-pr-variation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #hg-tx-color-landing #tx-line-summary .tx-pr-variation-grid>a{display:flex;align-items:center;justify-content:space-between;gap:14px;background:white;border:1px solid #d9e4de;border-radius:7px;padding:10px 12px;min-height:44px;font-size:14px;color:#643463} #hg-tx-color-landing #tx-line-summary .tx-pr-variation-grid>a>span:first-child{overflow-wrap:anywhere} #hg-tx-color-landing #tx-line-summary .tx-pr-variation-grid>a>span:last-child{text-align:right;flex:none} #hg-tx-color-landing #tx-line-summary .tx-pr-method{margin-top:18px;border-top:1px solid #e8e2e8} #hg-tx-color-landing #tx-line-summary .tx-pr-method>summary{font-size:13px;color:#514653;min-height:44px} #hg-tx-color-landing #tx-line-summary .tx-pr-method p{font-size:13px;color:#514653;margin:8px 0} #hg-tx-color-landing #tx-line-summary .tx-return-exploration{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;font-size:14px} #hg-tx-color-landing #tx-line-summary .tx-nojs-line-label{display:none} #hg-tx-color-landing #tx-line-summary[data-compact=true] .tx-comparison-table thead th:first-child{width:45%} #hg-tx-color-landing #tx-line-summary[data-compact=true] .tx-comparison-table th,#hg-tx-color-landing #tx-line-summary[data-compact=true] .tx-comparison-table td{padding:12px 7px} #hg-tx-color-landing #tx-line-summary[data-compact=true] .tx-pr-group th{padding:8px 12px} @container(max-width:600px){ #hg-tx-color-landing #tx-line-summary .tx-pr-hero{display:block} #hg-tx-color-landing #tx-line-summary .tx-pr-hero h3{font-size:28px} #hg-tx-color-landing #tx-line-summary .tx-pr-rate{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 10px;margin-top:14px;padding:10px 12px} #hg-tx-color-landing #tx-line-summary .tx-pr-rate strong{font-size:18px} #hg-tx-color-landing #tx-line-summary .tx-pr-toolbar{display:block} #hg-tx-color-landing #tx-line-summary .tx-pr-money{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;min-width:0} #hg-tx-color-landing #tx-line-summary select{width:145px;margin:0} #hg-tx-color-landing #tx-line-summary .tx-pr-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #hg-tx-color-landing #tx-line-summary .tx-pr-variation-grid{grid-template-columns:1fr} #hg-tx-color-landing #tx-line-summary .tx-pr-panel{padding:12px} #hg-tx-color-landing #tx-line-summary .tx-pr-panel>summary{font-size:23px} } @container(max-width:899px){ #hg-tx-color-landing #tx-line-summary:not([data-enhanced]) .tx-comparison-table thead{display:none} #hg-tx-color-landing #tx-line-summary:not([data-enhanced]) .tx-comparison-table tr,#hg-tx-color-landing #tx-line-summary:not([data-enhanced]) .tx-comparison-table th,#hg-tx-color-landing #tx-line-summary:not([data-enhanced]) .tx-comparison-table td{display:block;width:auto;text-align:left} #hg-tx-color-landing #tx-line-summary:not([data-enhanced]) .tx-nojs-line-label{display:block;font-weight:600} } /* UX05: scoped refinement of the installed landing, no commercial rules. */ #hg-tx-color-landing :focus-visible{outline:2px solid #643463;outline-offset:2px} #hg-tx-color-landing .tx-footer :focus-visible{outline-color:white} @supports not selector(:focus-visible){ #hg-tx-color-landing :focus{outline:2px solid #643463;outline-offset:2px} #hg-tx-color-landing .tx-footer :focus{outline-color:white} } #hg-tx-color-landing .tx-color-tile[aria-pressed=true]{background:#643463;color:white;border:1px solid #643463;box-shadow:none} #hg-tx-color-landing .tx-measure-button[aria-pressed=true]{box-shadow:none;border:1px solid #643463} #hg-tx-color-landing .tx-measure-button[aria-pressed=true]:not([data-state]){background:#643463;color:white} /* A measure's fill continues to describe availability; the fine berry border describes selection. */ #hg-tx-color-landing .tx-measure-button[data-state=available][aria-pressed=true]{background:#e7f4ee;color:#285e4e} #hg-tx-color-landing .tx-measure-button[data-state=out][aria-pressed=true]{background:#fff2f3;color:#a63c48} #hg-tx-color-landing .tx-text-button,#hg-tx-color-landing .tx-text-button:hover{text-decoration:none} #hg-tx-color-landing .tx-color-tile:hover,#hg-tx-color-landing .tx-measure-button:hover{border-color:#643463} #hg-tx-color-landing .tx-references{margin-top:24px} #hg-tx-color-landing .tx-references>details>summary{padding:12px 2px;min-height:48px;gap:12px} #hg-tx-color-landing .tx-references>details>summary h2{font:600 18px/1.4 'Century Gothic','Avenir Next',Arial,sans-serif} #hg-tx-color-landing .tx-reference-content{padding-top:12px;padding-bottom:16px} #hg-tx-color-landing .tx-legend{margin-top:6px} #hg-tx-color-landing .tx-source-details{margin-bottom:16px} #hg-tx-color-landing .tx-date-note{margin-bottom:12px} #hg-tx-color-landing .tx-support{margin-top:24px;padding-top:24px;padding-bottom:24px} #hg-tx-color-landing .tx-photo-panel small{font-size:13px;line-height:1.5} #hg-tx-color-landing .tx-purchase-note{font-size:13px} #hg-tx-color-landing .tx-measure-help{margin:8px 0 12px} #hg-tx-color-landing #tx-detail .tx-usd{font-size:16px;line-height:1.4;font-weight:600} #hg-tx-color-landing #tx-detail .tx-bs{font-size:13px;line-height:1.4} #hg-tx-color-landing[data-currency=bs] #tx-detail .tx-bs{font-size:16px;font-weight:600;color:#342d37;margin:0} #hg-tx-color-landing #tx-line-summary{padding-top:12px} #hg-tx-color-landing #tx-line-summary .tx-pr-intro{font-size:15px;margin-bottom:8px;color:#514653} #hg-tx-color-landing #tx-line-summary .tx-pr-rate-inline{font-size:13px;margin:0 0 6px;color:#514653} #hg-tx-color-landing #tx-line-summary .tx-pr-rate-inline strong{font-weight:600;font-variant-numeric:tabular-nums} #hg-tx-color-landing #tx-line-summary .tx-pr-reference{border:0;padding:0 0 10px} #hg-tx-color-landing #tx-line-summary .tx-pr-toolbar{padding:10px 0;gap:16px} #hg-tx-color-landing #tx-line-summary .tx-pr-context{margin-bottom:8px} #hg-tx-color-landing #tx-line-summary .tx-comparison-table th,#hg-tx-color-landing #tx-line-summary .tx-comparison-table td{padding:6px 9px;line-height:1.35} #hg-tx-color-landing #tx-line-summary .tx-comparison-table thead th{padding-top:8px;padding-bottom:8px} #hg-tx-color-landing #tx-line-summary .tx-comparison-table .tx-pr-group th{padding:5px 14px;font-size:16px;line-height:1.4} #hg-tx-color-landing #tx-line-summary .tx-summary-bs{margin-top:2px} #hg-tx-color-landing #tx-line-summary .tx-pr-colors-link{min-height:44px} #hg-tx-color-landing #tx-line-summary .tx-pr-variation-link{min-height:44px;margin-top:2px} #hg-tx-color-landing #tx-line-summary .tx-pr-panel-title{font:400 24px/1.25 Georgia,'Times New Roman',serif;color:#643463;margin:0} #hg-tx-color-landing #tx-line-summary .tx-pr-panel-top{margin:4px 0 10px} #hg-tx-color-landing #tx-line-summary .tx-pr-color-grid a,#hg-tx-color-landing #tx-line-summary .tx-pr-variation-grid>a{text-decoration:none} #hg-tx-color-landing #tx-line-summary .tx-pr-color-grid a:hover,#hg-tx-color-landing #tx-line-summary .tx-pr-variation-grid>a:hover{border-color:#643463;background:#faf7fa;text-decoration:none} #hg-tx-color-landing #tx-line-summary .tx-pr-color-grid a{padding:5px 8px;overflow-wrap:normal} #hg-tx-color-landing #tx-line-summary .tx-pr-method{margin-top:12px} #hg-tx-color-landing #tx-line-summary .tx-return-exploration{margin-top:6px} #hg-tx-color-landing #tx-line-summary[data-compact=true] .tx-comparison-table th,#hg-tx-color-landing #tx-line-summary[data-compact=true] .tx-comparison-table td{padding:7px 6px} #hg-tx-color-landing #tx-line-summary[data-compact=true] .tx-comparison-table .tx-pr-group th{padding:5px 10px} #hg-tx-color-landing .tx-stock-matrix{border-collapse:separate;border-spacing:0;table-layout:fixed} #hg-tx-color-landing .tx-stock-matrix th,#hg-tx-color-landing .tx-stock-matrix td{padding:2px 3px;text-align:center;font-size:14px;vertical-align:middle} #hg-tx-color-landing .tx-stock-matrix thead th{background:#edf7f3;color:#342d37;padding:7px 3px} #hg-tx-color-landing .tx-stock-matrix th:first-child{width:27%;text-align:left} #hg-tx-color-landing .tx-stock-matrix tbody th{font-weight:400} #hg-tx-color-landing .tx-stock-matrix a{display:flex;align-items:center;min-height:40px;padding:4px 2px;font-size:14px;overflow-wrap:normal} #hg-tx-color-landing .tx-stock-matrix .tx-stock-state{display:block;padding:6px 2px;font-size:16px;font-weight:600;line-height:1.4;border-radius:4px} #hg-tx-color-landing .tx-stock-local-size{display:none} @media(hover:hover) and (pointer:fine){ #hg-tx-color-landing #tx-line-summary .tx-pr-color-grid a{min-height:36px} } @media(max-width:600px){ #hg-tx-color-landing .tx-stock-matrix thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} #hg-tx-color-landing .tx-stock-matrix,#hg-tx-color-landing .tx-stock-matrix tbody{display:block;width:100%} #hg-tx-color-landing .tx-stock-matrix tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px 0;border-bottom:1px solid #e8e1e8} #hg-tx-color-landing .tx-stock-matrix tbody th:first-child{display:block;width:auto;grid-column:1/-1;text-align:left} #hg-tx-color-landing .tx-stock-matrix td,#hg-tx-color-landing .tx-stock-matrix th{display:block;border:0;padding:0} #hg-tx-color-landing .tx-stock-matrix .tx-stock-local-size{display:inline;font-size:14px;font-weight:400} #hg-tx-color-landing .tx-stock-matrix a{min-height:44px} #hg-tx-color-landing .tx-color-table{table-layout:auto} #hg-tx-color-landing .tx-color-table th:first-child{width:38%} #hg-tx-color-landing .tx-color-table th:nth-child(2){width:30%} #hg-tx-color-landing .tx-color-table td{overflow-wrap:normal} #hg-tx-color-landing .tx-status{font-size:12px;white-space:normal} #hg-tx-color-landing #tx-line-summary .tx-pr-money{flex-wrap:wrap} } @container(max-width:420px){ #hg-tx-color-landing #tx-line-summary .tx-pr-color-grid{grid-template-columns:1fr} #hg-tx-color-landing #tx-line-summary .tx-pr-panel-title{font-size:22px} #hg-tx-color-landing #tx-line-summary .tx-pr-variation-grid>a{flex-wrap:wrap} } /* M06: mobile refinements. Availability stays in symbol/accessibility text; the latest approved berry fill denotes selection only in this landing. */ #hg-tx-color-landing .tx-measure-button[aria-pressed=true], #hg-tx-color-landing .tx-measure-button[data-state][aria-pressed=true]{background:#643463;color:#fff;border:1px solid #643463;box-shadow:none} #hg-tx-color-landing #tx-pr-line-label{grid-column:1/-1;margin:0} #hg-tx-color-landing #tx-line-summary[data-enhanced=true] .tx-pr-color-grid, #hg-tx-color-landing #tx-line-summary[data-enhanced=true] .tx-pr-variation-grid{grid-column:1/-1;margin-top:8px} #hg-tx-color-landing .tx-references{padding-bottom:0} #hg-tx-color-landing .tx-support{margin-top:12px;padding-top:16px;border-top:0} @container(max-width:600px){ #hg-tx-color-landing #tx-line-summary .tx-pr-intro{margin-bottom:6px;line-height:1.45} #hg-tx-color-landing #tx-line-summary .tx-pr-rate-inline{margin-bottom:4px;line-height:1.45} #hg-tx-color-landing #tx-line-summary .tx-pr-reference{padding-bottom:6px;line-height:1.45} #hg-tx-color-landing #tx-line-summary .tx-pr-toolbar{border-top:0;padding:6px 0 8px} #hg-tx-color-landing #tx-line-summary .tx-pr-measures{margin-top:6px;gap:6px} #hg-tx-color-landing #tx-line-summary .tx-pr-money{margin-top:8px;gap:8px} #hg-tx-color-landing #tx-line-summary .tx-line-switch{margin:4px 0 8px;gap:6px} #hg-tx-color-landing #tx-line-summary .tx-pr-context{margin:0 0 6px} #hg-tx-color-landing #tx-line-summary .tx-pr-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} #hg-tx-color-landing #tx-line-summary .tx-pr-color-grid a{min-height:44px;padding:6px 4px;font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:normal} #hg-tx-color-landing #tx-line-summary .tx-pr-panel-title{font-size:22px;line-height:1.25} } /* Reflow under very narrow component width or enlarged user text. */ @container(max-width:18em){ #hg-tx-color-landing #tx-line-summary .tx-pr-color-grid{grid-template-columns:1fr} } @media(max-width:600px){ #hg-tx-color-landing #tx-line-summary{padding-top:6px} #hg-tx-color-landing .tx-references{padding-top:12px;margin-top:16px} #hg-tx-color-landing .tx-references>details>summary{padding-top:8px;padding-bottom:8px} #hg-tx-color-landing .tx-photo-panel{display:flex;flex-direction:column;align-items:stretch;gap:6px} #hg-tx-color-landing .tx-photo-panel .tx-product-photo{width:150px;max-width:100%;height:auto;align-self:center;object-fit:contain;aspect-ratio:1;margin:0} #hg-tx-color-landing .tx-photo-panel small{font-size:13px;line-height:1.4;margin:0;color:#514653} #hg-tx-color-landing .tx-photo-panel small+small{margin-top:3px} #hg-tx-color-landing .tx-detail-heading{margin-bottom:10px} #hg-tx-color-landing .tx-detail-layout{gap:12px} #hg-tx-color-landing .tx-sample{width:76px;height:76px;max-width:100%;object-fit:contain} #hg-tx-color-landing .tx-color-tile{min-height:116px;padding-top:4px;padding-bottom:4px;gap:4px} #hg-tx-color-landing .tx-stock-matrix tbody tr{gap:4px 5px;padding:6px 0 10px} #hg-tx-color-landing .tx-stock-matrix .tx-stock-state{padding:5px 2px} } /* M07: search before full provenance; explicit panel heading avoids details layout quirks. */ #hg-tx-color-landing .tx-header{padding-top:12px;padding-bottom:12px} #hg-tx-color-landing .tx-hero{padding-top:20px;padding-bottom:12px;gap:16px} #hg-tx-color-landing h1{margin-top:6px;margin-bottom:10px} #hg-tx-color-landing .tx-rate-brief{margin:0 0 12px;font-size:14px;line-height:1.45} #hg-tx-color-landing .tx-rate-brief small{display:block;margin-top:3px;font-size:12px;color:var(--tx-muted)} #hg-tx-color-landing .tx-section-head{margin-bottom:8px} #hg-tx-color-landing .tx-section-head p{margin-top:4px} #hg-tx-color-landing .tx-quick-links{margin:4px 0 8px;gap:0 16px;align-items:center} #hg-tx-color-landing .tx-quick-links a{min-height:44px;line-height:1.35} #hg-tx-color-landing .tx-rate-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 16px;padding:10px 12px;align-items:start} #hg-tx-color-landing .tx-rate-compact .tx-capture-note,#hg-tx-color-landing .tx-rate-compact .tx-date-note{grid-column:1/-1;margin:0;font-size:12px;line-height:1.4;color:var(--tx-muted)} #hg-tx-color-landing .tx-rate-compact strong,#hg-tx-color-landing .tx-rate-compact>div:first-child strong{font-size:13px;line-height:1.4} #hg-tx-color-landing .tx-rate-compact>div>span{font-size:12px;margin:0} #hg-tx-color-landing .tx-source-details{margin:0 0 6px;border:0} #hg-tx-color-landing .tx-source-details summary{padding:4px 0} #hg-tx-color-landing .tx-references{border-top:0;padding-top:0} #hg-tx-color-landing #tx-line-summary{padding-top:4px} #hg-tx-color-landing #tx-line-summary .tx-pr-intro{margin:0 0 4px;line-height:1.4} #hg-tx-color-landing #tx-line-summary .tx-pr-rate-inline{margin:0 0 3px;line-height:1.4} #hg-tx-color-landing #tx-line-summary .tx-pr-reference{padding:0 0 4px;margin:0;line-height:1.4} #hg-tx-color-landing #tx-line-summary .tx-pr-toolbar{border:0;padding:4px 0;gap:8px} #hg-tx-color-landing #tx-line-summary .tx-pr-money{margin-top:4px} #hg-tx-color-landing #tx-line-summary .tx-line-switch{margin:4px 0;gap:6px} #hg-tx-color-landing #tx-line-summary .tx-pr-context{margin:0 0 4px} #hg-tx-color-landing #tx-line-summary .tx-pr-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px} #hg-tx-color-landing #tx-line-summary .tx-pr-panel-text{min-width:0;flex:1} #hg-tx-color-landing #tx-line-summary .tx-pr-panel-text p{font-size:13px;line-height:1.4;margin:3px 0 0;color:var(--tx-muted)} #hg-tx-color-landing #tx-line-summary .tx-pr-panel-title{margin:0;overflow-wrap:anywhere} #hg-tx-color-landing #tx-line-summary .tx-pr-panel-heading [data-price-close]{flex:0 0 auto;min-height:44px;margin:0} @media(max-width:600px){ #hg-tx-color-landing .tx-header{padding-top:10px;padding-bottom:10px} #hg-tx-color-landing .tx-hero{padding:16px 0 10px;gap:8px} #hg-tx-color-landing .tx-tuftex{gap:3px} #hg-tx-color-landing .tx-rate-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px} #hg-tx-color-landing .tx-rate-compact>div:first-of-type{grid-column:1/-1} #hg-tx-color-landing .tx-references{padding-top:0} #hg-tx-color-landing .tx-photo-panel{gap:4px} #hg-tx-color-landing .tx-detail-layout{gap:8px} #hg-tx-color-landing #tx-detail-notice{margin-bottom:8px} } @media(max-width:340px){ #hg-tx-color-landing .tx-rate-compact{grid-template-columns:minmax(0,1fr)} }