/* ========== EXISTING STYLES ========== */
.faucet-desc{
–primary:#1a1a1a;
–accent:#a67c52;
–accent-light:#d4b896;
–muted:#666;
–bg-light:#fafaf8;
–shadow:rgba(0,0,0,.1);
color:var(–primary);
font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,”Helvetica Neue”,Arial,sans-serif;
line-height:1.6;
background:linear-gradient(to bottom,#fff 0%,var(–bg-light) 100%);
}
.faucet-desc__wrap{
max-width:900px;
margin:0 auto;
padding:clamp(24px,4vw,60px) clamp(16px,2vw,24px);
}
/* FORCE-CENTER HEADER */
.faucet-desc__header{
position:relative;
padding:clamp(40px,6vw,80px) 0;
display:flex;
flex-direction:column;
align-items:center;
width:100%;
margin:0 auto;
text-align:center !important;
}
.faucet-desc__header *{
text-align:center !important;
margin-left:auto;
margin-right:auto;
}
.faucet-desc__header::after{
content:””;
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:80px;
height:3px;
background:linear-gradient(90deg,transparent,var(–accent),transparent);
}
.faucet-desc__eyebrow{
font-size:clamp(.75rem,1vw,.85rem);
letter-spacing:.15em;
text-transform:uppercase;
color:var(–accent);
margin:0 0 1rem;
font-weight:600;
}
.faucet-desc__title{
font-size:clamp(2rem,4vw,3.5rem);
line-height:1.1;
margin:0 0 1rem;
font-weight:700;
color:var(–accent);
}
.faucet-desc__sub{
color:var(–muted);
font-size:clamp(1.1rem,1.5vw,1.3rem);
max-width:700px;
margin:0 auto;
line-height:1.7;
text-align:center;
}
.faucet-desc__video {
display: grid;
margin: clamp(60px, 8vw, 100px) 0
}
.faucet-desc__video-container {
position: relative;
width: 100%;
max-width: 500px;
margin: 0 auto;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 10px 40px var(–shadow)
}
.faucet-desc__video-container video {
width: 100%;
height: auto;
display: block
}
.faucet-desc__specs-section {
margin: clamp(60px, 8vw, 100px) 0
}
.faucet-desc__specs-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px var(–shadow)
}
.faucet-desc__specs-table tr {
border-bottom: 1px solid var(–accent-light)
}
.faucet-desc__specs-table tr:last-child {
border-bottom: none
}
.faucet-desc__specs-table td {
padding: 12px 20px;
font-size: 14px
}
.faucet-desc__specs-table td:first-child {
font-weight: 700;
color: var(–primary);
width: 40%;
background: var(–bg-light)
}
.faucet-desc__specs-table td:last-child {
color: var(–muted)
}
.faucet-desc__dimensions-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
background: var(–bg-light);
padding: 20px;
border-radius: 8px;
margin: 15px 0;
border: 1px solid var(–accent-light)
}
.faucet-desc__dimension-card {
text-align: center;
padding: 10px
}
.faucet-desc__dimension-label {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .5px;
color: var(–accent);
margin-bottom: 5px;
font-weight: 600
}
.faucet-desc__dimension-value {
font-size: 11px;
font-weight: 400;
color: var(–primary)
}
.faucet-desc__dimension-unit {
font-size: 11px;
color: #999;
margin-top: 2px
}
.faucet-desc__download {
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
padding: 25px;
border-radius: 8px;
text-align: center;
margin: 40px 0;
border: 1px solid var(–accent-light)
}
.faucet-desc__download h3 {
color: var(–primary)
}
.faucet-desc__download p {
color: var(–muted);
margin-bottom: 15px
}
.faucet-desc__download a {
display: inline-block;
background: var(–accent);
color: #fff;
padding: 12px 30px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: background .3s ease
}
.faucet-desc__download a:hover {
background: #8b6740
}
.faucet-desc__warranty-badge {
display: flex;
align-items: center;
gap: clamp(12px, 2vw, 20px);
margin: clamp(30px, 4vw, 50px) 0;
padding: clamp(16px, 3vw, 24px);
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border: 2px solid var(–accent);
border-radius: 12px;
box-shadow: 0 4px 15px rgba(166, 124, 82, .1);
transition: all .3s ease
}
.faucet-desc__warranty-badge:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(166, 124, 82, .15)
}
.faucet-desc__warranty-badge-icon {
flex-shrink: 0;
width: clamp(40px, 6vw, 50px);
height: clamp(40px, 6vw, 50px);
color: var(–accent);
display: flex;
align-items: center;
justify-content: center
}
.faucet-desc__warranty-badge-icon svg {
width: 100%;
height: 100%
}
.faucet-desc__warranty-badge-content {
flex: 1;
min-width: 0
}
.faucet-desc__warranty-badge-content strong {
display: block;
font-size: clamp(1rem, 2vw, 1.2rem);
font-weight: 700;
color: var(–primary);
margin-bottom: clamp(4px, 1vw, 8px);
line-height: 1.3
}
.faucet-desc__warranty-badge-content p {
margin: 0;
font-size: clamp(.85rem, 1.5vw, 1rem);
color: var(–muted);
line-height: 1.5
}
.faucet-desc__warranty-badge-content p strong {
display: inline;
font-size: inherit;
font-weight: 700;
color: var(–accent)
}
.faucet-desc__config {
margin: 60px 0
}
.faucet-desc__config h2 {
font-size: 28px;
margin-bottom: 15px;
color: var(–primary);
font-weight: 600;
text-align: center
}
.faucet-desc__config-intro {
text-align: center;
color: var(–muted);
font-size: 15px;
line-height: 1.7;
max-width: 700px;
margin: 0 auto 35px
}
.faucet-desc__config-slider-wrap {
position: relative;
overflow: hidden;
margin: 40px 0;
max-width: 800px;
margin-left: auto;
margin-right: auto
}
.faucet-desc__config-slider-title {
text-align: center;
font-size: 22px;
font-weight: 700;
color: var(–accent);
margin-bottom: 25px;
text-transform: uppercase;
letter-spacing: 1px
}
.faucet-desc__config-slider-container {
position: relative;
overflow-x: auto;
overflow-y: hidden;
border-radius: 12px;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
max-height: 500px;
padding: 0 40px
}
.faucet-desc__config-slider-container::-webkit-scrollbar {
height: 8px
}
.faucet-desc__config-slider-container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px
}
.faucet-desc__config-slider-container::-webkit-scrollbar-thumb {
background: var(–accent);
border-radius: 10px
}
.faucet-desc__config-slider {
display: flex;
gap: 20px;
padding: 5px
}
.faucet-desc__config-slide {
flex: 0 0 calc(50% – 10px);
min-width: calc(50% – 10px);
scroll-snap-align: start
}
.faucet-desc__config-slide-img {
width: 100%;
height: 460px;
object-fit: cover;
border-radius: 12px;
box-shadow: 0 10px 40px var(–shadow);
display: block;
background: #fff;
border: 1px solid var(–accent-light)
}
.faucet-desc__config-slide-caption {
text-align: center;
margin-top: 12px;
font-size: 14px;
color: var(–primary);
font-weight: 600;
background: var(–bg-light);
padding: 8px 12px;
border-radius: 6px;
border: 1px solid var(–accent-light)
}
.faucet-desc__config-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(166, 124, 82, .8);
color: #fff;
border: none;
width: 35px;
height: 35px;
border-radius: 50%;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
transition: all .3s ease
}
.faucet-desc__config-arrow:hover {
background: #8b6740;
transform: translateY(-50%) scale(1.1)
}
.faucet-desc__config-arrow–left {
left: 4px
}
.faucet-desc__config-arrow–right {
right: 4px
}
.faucet-desc__config-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 40px;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
padding: 25px;
border-radius: 8px;
border: 1px solid var(–accent-light)
}
.faucet-desc__config-section h3 {
font-size: 16px;
color: var(–accent);
margin-bottom: 12px;
font-weight: 600;
text-align: center
}
.faucet-desc__config-options {
display: grid;
gap: 8px
}
.faucet-desc__config-section:first-child .faucet-desc__config-options {
grid-template-columns: 1fr 1fr
}
.faucet-desc__config-section:last-child .faucet-desc__config-options {
grid-template-columns: 1fr
}
.faucet-desc__config-option {
background: #fff;
padding: 10px;
border-radius: 6px;
border: 1px solid var(–accent-light);
font-size: 13px;
color: var(–primary);
text-align: center;
font-weight: 500;
cursor: pointer;
transition: all .2s ease;
position: relative
}
.faucet-desc__config-option:hover {
border-color: var(–accent);
transform: translateY(-2px);
box-shadow: 0 4px 12px var(–shadow)
}
.faucet-desc__reviews h2 {
font-size: 28px;
margin-bottom: 30px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.faucet-desc__review-slider-wrap {
position: relative;
overflow-x: auto;
overflow-y: hidden;
border-radius: 12px;
scroll-behavior: smooth;
padding: 0 10px
}
.faucet-desc__review-slider-wrap::-webkit-scrollbar {
height: 6px
}
.faucet-desc__review-slider-wrap::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px
}
.faucet-desc__review-slider-wrap::-webkit-scrollbar-thumb {
background: var(–accent);
border-radius: 10px;
cursor: grab
}
.faucet-desc__review-slider-wrap::-webkit-scrollbar-thumb:active {
cursor: grabbing
}
.faucet-desc__review-slider {
display: flex;
gap: 25px;
padding: 0
}
.faucet-desc__review-slider-item {
flex: 0 0 calc(33.333% – 17px);
min-width: calc(33.333% – 17px)
}
.faucet-desc__review-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(166, 124, 82, .8);
color: #fff;
border: none;
width: 35px;
height: 35px;
border-radius: 50%;
cursor: pointer;
z-index: 20;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
transition: all .3s ease
}
.faucet-desc__review-arrow:hover {
background: #8b6740;
transform: translateY(-50%) scale(1.1)
}
.faucet-desc__review-arrow–left {
left: 8px
}
.faucet-desc__review-arrow–right {
right: 8px
}
.faucet-desc__review-card {
background: #fff;
border: 1px solid var(–accent-light);
border-radius: 12px;
padding: 25px;
box-shadow: 0 4px 15px var(–shadow);
transition: all .3s ease;
height: 100%
}
.faucet-desc__review-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 25px rgba(0, 0, 0, .12)
}
.faucet-desc__review-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 12px
}
.faucet-desc__review-author {
font-weight: 700;
color: var(–primary)
}
.faucet-desc__review-verified {
font-size: 11px;
background: var(–accent);
color: #fff;
padding: 4px 10px;
border-radius: 20px;
font-weight: 600
}
.faucet-desc__review-stars {
color: var(–accent);
font-size: 16px;
margin-bottom: 10px
}
.faucet-desc__review-text {
color: var(–muted);
font-size: 14px;
line-height: 1.6;
margin-bottom: 12px
}
.faucet-desc__review-highlight {
font-size: 12px;
color: var(–accent);
font-style: italic;
border-left: 2px solid var(–accent-light);
padding-left: 10px
}
/* ========== FEATURES GRID – IMPROVED ========== */
.faucet-desc__features {
margin: clamp(60px, 8vw, 100px) 0
}
.faucet-desc__features h2 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: clamp(20px, 4vw, 30px);
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.faucet-desc__features-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
margin: 0;
padding: 0;
list-style: none
}
.faucet-desc__features-list li {
display: flex;
flex-direction: column;
gap: 15px;
padding: 20px;
background: #fff;
border-radius: 12px;
border: 1px solid var(–accent-light);
box-shadow: 0 2px 8px var(–shadow);
transition: all .3s ease
}
.faucet-desc__features-list li:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, .12)
}
.faucet-desc__feature-icon {
width: 50px;
height: 50px;
background: #f0e8df;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: var(–accent);
border: 1px solid var(–accent-light);
align-self: flex-start
}
.faucet-desc__feature-icon svg {
width: 28px;
height: 28px
}
.faucet-desc__feature-content h4 {
font-size: clamp(15px, 2vw, 16px);
font-weight: 700;
margin-bottom: 8px;
color: var(–primary);
line-height: 1.3
}
.faucet-desc__feature-content p {
font-size: clamp(13px, 1.5vw, 14px);
color: var(–muted);
line-height: 1.6;
margin: 0
}
.faucet-desc__package {
margin: clamp(60px, 8vw, 100px) 0
}
.faucet-desc__package h2 {
font-size: 28px;
margin-bottom: 30px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.faucet-desc__package-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
margin: 0;
padding: 0;
list-style: none
}
.faucet-desc__package-list li {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
font-size: 13px;
background: var(–bg-light);
border-radius: 6px;
border: 1px solid var(–accent-light);
transition: all .2s ease
}
.faucet-desc__package-list li:hover {
background: #fff;
transform: translateY(-2px);
box-shadow: 0 2px 8px var(–shadow)
}
.faucet-desc__package-list li:before {
content: “✓”;
color: var(–accent);
font-weight: bold;
font-size: 14px;
flex-shrink: 0
}
.faucet-desc__faq {
margin-top: clamp(60px, 8vw, 100px)
}
.faucet-desc__faq h2 {
font-size: 28px;
margin-bottom: 20px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.faucet-desc__faq details {
border: none;
border-radius: 6px;
padding: 15px;
background: var(–bg-light);
box-shadow: 0 4px 15px var(–shadow);
transition: all .3s ease;
margin-bottom: 10px;
border: 1px solid var(–accent-light)
}
.faucet-desc__faq details:hover {
box-shadow: 0 4px 12px rgba(166, 124, 82, .15);
transform: translateX(4px)
}
.faucet-desc__faq summary {
font-weight: 600;
color: var(–primary);
outline: none;
user-select: none;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
font-size: 15px
}
.faucet-desc__faq summary::before {
content: “→”;
color: var(–accent);
font-weight: bold;
font-size: 1.2em;
transition: transform .3s ease
}
.faucet-desc__faq details[open] summary::before {
transform: rotate(90deg)
}
.faucet-desc__faq summary:hover {
color: var(–accent)
}
.faucet-desc__faq details[open] summary {
margin-bottom: 10px;
color: var(–accent)
}
.faucet-desc__faq p {
color: var(–muted);
line-height: 1.6;
font-size: 14px;
margin: 0
}
.ie-warranty {
font-family: inherit;
margin: clamp(40px, 6vw, 60px) 0;
border: 1px solid var(–accent-light);
border-radius: 12px;
overflow: hidden;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
box-shadow: 0 4px 15px var(–shadow)
}
.ie-warranty__top {
display: flex;
align-items: center;
gap: .75rem;
padding: 1.5rem 1.5rem 1rem;
background: var(–accent);
color: #fff
}
.ie-warranty__shield {
width: 24px;
height: 24px;
flex: 0 0 24px;
color: #fff
}
.ie-warranty__title {
margin: 0;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: .2px;
color: #fff
}
.ie-warranty__body {
padding: 1.5rem
}
.ie-warranty__body p {
margin: 0 0 .75rem 0;
line-height: 1.6;
color: var(–primary)
}
.ie-warranty__list {
margin: .5rem 0 0 0;
padding-left: 1.25rem;
color: var(–primary)
}
.ie-warranty__list li {
margin: .4rem 0;
line-height: 1.5
}
.ie-warranty__note {
margin-top: 1rem;
font-size: .9rem;
opacity: .8;
color: var(–muted)
}
.ie-warranty__badge {
display: flex;
align-items: center;
gap: .75rem;
margin: 1.5rem 0 1rem;
padding: 1rem 1.25rem;
border: 2px solid var(–accent);
border-radius: 8px;
background: #fff;
box-shadow: 0 2px 8px rgba(166, 124, 82, .1)
}
.ie-warranty__badge .tick {
font-size: 1.2rem;
line-height: 1;
color: var(–accent)
}
.ie-warranty__badge strong {
font-weight: 700;
color: var(–primary)
}
.ie-warranty__badge div {
color: var(–primary)
}
/* ========== CRO STYLES ========== */
/* CTA Section */
.faucet-desc__cta-section {
text-align: center;
margin: clamp(30px, 4vw, 40px) 0;
padding: clamp(20px, 3vw, 30px);
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border-radius: 12px;
border: 2px solid var(–accent);
box-shadow: 0 8px 30px rgba(166, 124, 82, .15)
}
.faucet-desc__price {
font-size: clamp(2rem, 4vw, 2.5rem);
font-weight: 700;
color: var(–accent);
margin-bottom: 15px
}
.faucet-desc__price-note {
font-size: clamp(13px, 1.5vw, 16px);
color: var(–muted);
margin-bottom: 20px
}
.faucet-desc__cta-primary {
background: var(–accent);
color: #fff;
border: none;
padding: clamp(14px, 2vw, 18px) clamp(30px, 4vw, 40px);
font-size: clamp(15px, 2vw, 18px);
font-weight: 700;
border-radius: 8px;
cursor: pointer;
transition: all .3s ease;
box-shadow: 0 4px 15px rgba(166, 124, 82, .3);
text-transform: uppercase;
letter-spacing: .5px;
width: 100%;
max-width: 400px
}
.faucet-desc__cta-primary:hover {
background: #8b6740;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(166, 124, 82, .4)
}
.faucet-desc__cta-primary:active {
transform: translateY(0)
}
.faucet-desc__trust-bar {
display: flex;
justify-content: center;
gap: clamp(15px, 3vw, 30px);
margin-top: 20px;
flex-wrap: wrap;
font-size: clamp(11px, 1.5vw, 14px);
color: var(–primary);
font-weight: 500
}
.faucet-desc__trust-bar div {
display: flex;
align-items: center;
gap: 5px
}
.faucet-desc__trust-bar div:before {
content: “✓”;
color: var(–accent);
font-weight: bold
}
/* Guarantee Bar */
.faucet-desc__guarantees-bar {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px;
margin: 30px 0;
padding: 20px;
background: #fff;
border-radius: 12px;
border: 1px solid var(–accent-light);
box-shadow: 0 4px 15px var(–shadow)
}
.guarantee-item {
text-align: center;
padding: 15px;
background: var(–bg-light);
border-radius: 8px;
transition: all .3s ease
}
.guarantee-item:hover {
transform: translateY(-4px);
box-shadow: 0 4px 12px var(–shadow)
}
.guarantee-item svg {
width: 32px;
height: 32px;
margin: 0 auto 10px;
color: var(–accent)
}
.guarantee-item strong {
display: block;
font-size: clamp(12px, 1.5vw, 14px);
color: var(–primary);
margin-top: 8px
}
/* Comparison Table */
.faucet-desc__comparison {
margin: 60px 0;
padding: 40px 0
}
.faucet-desc__comparison h2 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: 30px;
color: var(–primary);
font-weight: 600;
text-align: center;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.faucet-desc__comparison-table {
width: 100%;
border-collapse: collapse;
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 20px var(–shadow)
}
.faucet-desc__comparison-table th {
padding: 15px;
background: var(–accent);
color: #fff;
font-weight: 700;
text-align: left;
font-size: 15px
}
.faucet-desc__comparison-table td {
padding: 15px;
border-bottom: 1px solid var(–accent-light);
font-size: 14px
}
.faucet-desc__comparison-table tr:last-child td {
border-bottom: none
}
.faucet-desc__comparison-table td:first-child {
font-weight: 600;
color: var(–primary);
background: var(–bg-light);
width: 30%
}
.faucet-desc__comparison-table td:nth-child(2) {
color: #2d5016;
font-weight: 500
}
.faucet-desc__comparison-table td:nth-child(3) {
color: #7a271a
}
.faucet-desc__comparison-table tr:hover {
background: rgba(166, 124, 82, .05)
}
/* Guarantee Box */
.faucet-desc__guarantee-box {
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border: 2px solid var(–accent);
border-radius: 12px;
padding: clamp(20px, 4vw, 30px);
margin: 40px 0;
box-shadow: 0 8px 25px rgba(166, 124, 82, .15)
}
.faucet-desc__guarantee-box h3 {
font-size: clamp(20px, 3vw, 24px);
color: var(–primary);
margin-bottom: 20px;
text-align: center
}
.faucet-desc__guarantee-box ul {
list-style: none;
padding: 0;
margin: 0 0 20px 0
}
.faucet-desc__guarantee-box li {
padding: 12px 0 12px 35px;
position: relative;
font-size: clamp(13px, 1.5vw, 15px);
line-height: 1.6;
color: var(–primary);
border-bottom: 1px solid var(–accent-light)
}
.faucet-desc__guarantee-box li:last-child {
border-bottom: none
}
.faucet-desc__guarantee-box li:before {
content: “🛡️”;
position: absolute;
left: 0;
font-size: 20px
}
.faucet-desc__guarantee-box li strong {
color: var(–accent)
}
.faucet-desc__guarantee-box p {
text-align: center;
color: var(–muted);
font-style: italic;
margin: 0;
font-size: clamp(12px, 1.5vw, 14px)
}
/* Review Stats */
.faucet-desc__review-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 30px;
padding: 25px;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border-radius: 12px;
border: 1px solid var(–accent-light)
}
.stat {
text-align: center;
padding: 15px
}
.stat-number {
font-size: clamp(2rem, 4vw, 2.5rem);
font-weight: 700;
color: var(–accent);
margin-bottom: 5px
}
.stat-label {
font-size: 13px;
color: var(–muted);
text-transform: uppercase;
letter-spacing: .5px
}
/* Review Highlights */
.faucet-desc__review-highlights {
display: flex;
gap: 15px;
margin-bottom: 25px;
flex-wrap: wrap;
justify-content: center
}
.highlight {
background: #fff;
padding: 10px 18px;
border-radius: 20px;
font-size: 13px;
color: var(–primary);
border: 1px solid var(–accent-light);
box-shadow: 0 2px 8px var(–shadow)
}
/* Scarcity Notice */
.faucet-desc__scarcity-notice {
background: #fff8f0;
border: 2px solid var(–accent);
border-radius: 8px;
padding: clamp(12px, 2vw, 15px) clamp(15px, 3vw, 20px);
margin: 25px 0;
text-align: center;
font-size: clamp(12px, 1.5vw, 14px);
color: var(–primary);
line-height: 1.6
}
.faucet-desc__scarcity-notice a {
color: var(–accent);
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid var(–accent)
}
.faucet-desc__scarcity-notice a:hover {
color: #8b6740
}
/* Config Price Tags */
.config-price {
display: block;
font-size: 11px;
color: var(–accent);
font-weight: 700;
margin-top: 4px
}
/* Customer Photos Gallery */
.faucet-desc__ugc {
margin: 60px 0
}
.faucet-desc__ugc h2 {
font-size: 28px;
margin-bottom: 15px;
color: var(–primary);
font-weight: 600;
text-align: center;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.faucet-desc__ugc-intro {
text-align: center;
color: var(–muted);
font-size: 15px;
margin-bottom: 30px
}
.faucet-desc__ugc-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px
}
.faucet-desc__ugc-item {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 15px var(–shadow);
aspect-ratio: 1
}
.faucet-desc__ugc-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s ease
}
.faucet-desc__ugc-item:hover img {
transform: scale(1.05)
}
.faucet-desc__ugc-credit {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .7);
color: #fff;
padding: 8px;
font-size: 11px;
text-align: center
}
/* Trust Signals */
.faucet-desc__trust-signals {
display: flex;
align-items: center;
justify-content: center;
gap: 25px;
flex-wrap: wrap;
margin: 30px 0;
padding: 20px;
background: var(–bg-light);
border-radius: 8px
}
.faucet-desc__trust-signals img {
max-height: 40px;
opacity: .7;
transition: opacity .3s ease
}
.faucet-desc__trust-signals img:hover {
opacity: 1
}
.faucet-desc__trust-signals .ssl-badge,
.faucet-desc__trust-signals .certification {
font-size: 13px;
color: var(–muted);
font-weight: 600
}
/* Lifestyle sections */
.lifestyle-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
margin: clamp(40px, 6vw, 60px) 0
}
.lifestyle-section__image {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 10px 40px rgba(0, 0, 0, .1)
}
.lifestyle-section__image img {
width: 100%;
height: auto;
display: block;
transition: transform .5s ease
}
.lifestyle-section__content h3 {
margin-bottom: 15px;
color: var(–primary);
font-size: clamp(18px, 2.5vw, 20px);
font-weight: 600;
line-height: 1.3
}
.lifestyle-section__content p {
color: var(–muted);
line-height: 1.7;
font-size: clamp(14px, 1.5vw, 15px);
margin: 0
}
/* ========== MOBILE RESPONSIVE FIXES ========== */
@media (max-width: 768px) {
/* Features Grid – Single Column on Mobile */
.faucet-desc__features-list {
grid-template-columns: 1fr;
gap: 15px
}
.faucet-desc__features-list li {
padding: 15px;
gap: 12px
}
.faucet-desc__feature-icon {
width: 45px;
height: 45px
}
.faucet-desc__feature-icon svg {
width: 24px;
height: 24px
}
/* Config Grid */
.faucet-desc__config-grid {
grid-template-columns: 1fr;
padding: 20px;
gap: 25px
}
.faucet-desc__config-section:first-child .faucet-desc__config-options {
grid-template-columns: 1fr
}
/* Config Slider */
.faucet-desc__config-slide {
flex: 0 0 calc(100% – 20px);
min-width: calc(100% – 20px)
}
.faucet-desc__config-slider-wrap {
max-width: 100%
}
.faucet-desc__config-slide-img {
height: 300px
}
.faucet-desc__config-slider-title {
font-size: 18px;
margin-bottom: 20px
}
/* Review Slider */
.faucet-desc__review-slider-item {
flex: 0 0 calc(100% – 25px);
min-width: calc(100% – 25px)
}
.faucet-desc__review-card {
padding: 20px
}
/* Dimensions Grid */
.faucet-desc__dimensions-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
padding: 15px
}
.faucet-desc__dimension-card {
padding: 8px
}
.faucet-desc__dimension-value {
font-size: 18px
}
/* Package List */
.faucet-desc__package-list {
grid-template-columns: 1fr;
gap: 6px
}
.faucet-desc__package-list li {
font-size: 12px;
padding: 10px 12px
}
/* Specs Table */
.faucet-desc__specs-table td {
padding: 10px 12px;
font-size: 13px
}
.faucet-desc__specs-table td:first-child {
width: 45%
}
/* Lifestyle Sections – Stack on Mobile */
.lifestyle-section {
grid-template-columns: 1fr;
gap: 20px
}
.lifestyle-section[style*=”direction:rtl”] {
direction: ltr
}
.lifestyle-section__content {
direction: ltr
}
/* Warranty Badge */
.faucet-desc__warranty-badge {
flex-direction: column;
text-align: center;
gap: 12px;
padding: 20px
}
.faucet-desc__warranty-badge-icon {
width: 50px;
height: 50px
}
/* Review Stats */
.faucet-desc__review-stats {
grid-template-columns: 1fr;
gap: 10px;
padding: 20px
}
.stat {
padding: 10px
}
/* Guarantees Bar */
.faucet-desc__guarantees-bar {
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 15px
}
.guarantee-item {
padding: 12px
}
.guarantee-item svg {
width: 28px;
height: 28px
}
/* Comparison Table */
.faucet-desc__comparison {
padding: 20px 0
}
.faucet-desc__comparison-table {
font-size: 11px;
display: block;
overflow-x: auto
}
.faucet-desc__comparison-table th,
.faucet-desc__comparison-table td {
padding: 8px 6px;
word-break: break-word
}
.faucet-desc__comparison-table th {
font-size: 11px
}
.faucet-desc__comparison-table td:first-child {
width: 25%;
min-width: 70px
}
.faucet-desc__comparison-table td:nth-child(2),
.faucet-desc__comparison-table td:nth-child(3) {
width: 37.5%
}
/* Headers */
.faucet-desc__header {
padding: clamp(30px, 5vw, 50px) 0
}
.faucet-desc__title {
line-height: 1.2
}
.faucet-desc__sub {
font-size: clamp(1rem, 2vw, 1.1rem)
}
/* CTA Section */
.faucet-desc__cta-section {
padding: 20px 15px
}
.faucet-desc__trust-bar {
gap: 10px;
font-size: 11px
}
/* FAQ */
.faucet-desc__faq summary {
font-size: 14px
}
.faucet-desc__faq p {
font-size: 13px
}
.faucet-desc__faq details {
padding: 12px
}
/* Warranty */
.ie-warranty__title {
font-size: 1rem
}
.ie-warranty__badge {
flex-direction: column;
align-items: flex-start;
gap: .35rem
}
.ie-warranty__body {
padding: 1.2rem
}
/* Download Section */
.faucet-desc__download {
padding: 20px 15px
}
.faucet-desc__download h3 {
font-size: 18px
}
.faucet-desc__download p {
font-size: 13px
}
.faucet-desc__download a {
padding: 12px 24px;
font-size: 13px
}
}
@media (max-width: 480px) {
/* Further mobile optimizations */
.faucet-desc__wrap {
padding: 20px 12px
}
.faucet-desc__header {
padding: 25px 0
}
.faucet-desc__config-slider-container {
padding: 0 35px
}
.faucet-desc__config-arrow {
width: 30px;
height: 30px;
font-size: 16px
}
.faucet-desc__review-arrow {
width: 30px;
height: 30px;
font-size: 16px
}
.faucet-desc__guarantees-bar {
grid-template-columns: 1fr;
gap: 8px;
padding: 12px
}
.guarantee-item {
padding: 10px
}
.faucet-desc__trust-bar {
flex-direction: column;
gap: 8px;
align-items: center
}
.faucet-desc__features-list {
gap: 12px
}
.faucet-desc__features-list li {
padding: 12px
}
}
Unlacquered Brass Kitchen Rods & Pot Rail
Timeless Craftsmanship, Forged for Daily Use
Forged from solid brass and finished with an unlacquered surface that develops a rich, warm patina over time, this wall-mounted pot rail is both a functional organizer and a statement piece. Its robust construction supports heavy pots and pans, while the included matching brass hooks offer flexible, elegant storage.
Designed for real kitchens, it’s engineered for effortless installation and enduring beauty. Whether you’re hanging cast iron or copper, this rack transforms clutter into curated charm.
Choose Your Length
Select the length that fits your kitchen wall. All rods are solid brass, wall-mounted, and include matching S-hooks.
Available Lengths
🔍 Select a length to see recommended wall spacing
Crafted Detail Gallery
🛡️ Our No-Risk Promise to You
- 30-Day Returns: Changed your mind? We’ll refund you – just send it back unused in its original packaging.
- 5-Year Warranty: Covers material and craftsmanship defects (excludes natural patina).
- Perfect Match Guarantee: Rod + hooks always in the same finish — guaranteed.
We craft every rod to last generations — so you can buy with total confidence.
Distinctive Features
-
Solid Brass Construction
Forged from thick, high-strength brass resilient against bending, corrosion, and daily wear.
-
Natural Living Finish
Unlacquered brass evolves with use growing richer, warmer, and more personal over time.
-
Wall-Mounted Design
Engineered for secure, effortless installation with all hardware included. Perfect for any kitchen.
-
Matching Brass Hooks Included
Each rod comes with durable S-hooks for a cohesive look and flexible, customizable storage.
Where Form Meets Function
The design isn’t just about holding pots; it’s about elevating your kitchen. The hooks are sized to securely hold even heavy cast iron, while the bar’s thickness ensures it won’t sag under weight. It’s built for the reality of daily cooking.
Designed for Real Kitchens
Solid brass resists corrosion and offers antimicrobial properties. The wall-mount design works with any countertop material stone, wood, concrete, or tile and its timeless aesthetic complements both modern and traditional spaces.
Technical Specifications
| Material | Solid Brass |
| Finish | Unlacquered Brass (Develops Natural Patina) |
| Installation | Wall-Mounted (Hardware Included) |
| Design Purpose | Pot Rack / Kitchen Organizer |
| Customization | Length and Finish available upon request |
| Warranty | 5-Year Limited Warranty |
| Return Policy | 30-Day Return |
Standard Dimensions
📏 All rods have a 2.5″ projection from the wall and include matching S-hooks.
Need custom sizing? Provide your desired length at checkout — we’ll craft it to fit perfectly.
Installation & Care PDF
Complete dimensions, mounting templates, care instructions, and patina guide.
Warranty & Guarantee
We stand by the quality of our products with industry-leading protection.
- 5-Year Limited Warranty on rod construction and materials.
- Covered for repair or replacement in case of manufacturing defects (installation/labor costs excluded).
- Visual damages must be reported within 15 days of delivery with photos and proof of purchase.
Need help? Email contact@insideast.com with your order number.
Finish note: unlacquered brass develops a natural patina over time. This living finish is intentional, not a defect and deepens in character with daily use.
A Pot Rack That Tells Your Story
Hand-forged, solid brass, built to evolve with your life where craftsmanship and daily ritual meet.
English
Reviews
There are no reviews yet.