* { position: relative; z-index: 1; }
.hd-buy__rating {
display: inline-flex;
align-items: center;
gap: 6px;
width: fit-content;
font-size: 13px;
font-weight: 700;
color: var(--hd-ink);
padding: 5px 10px;
background: rgba(11, 110, 153, 0.08);
border: 1px solid rgba(11, 110, 153, 0.22);
border-radius: 4px;
}
.hd-buy__title {
font-size: clamp(1.35rem, 2.5vw, 1.9rem);
margin: 0;
line-height: 1.18;
padding-right: 36px;
}
.hd-buy__sku {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--hd-muted);
}
.hd-price {
display: flex;
align-items: baseline;
gap: 12px;
flex-wrap: wrap;
padding: 14px 16px;
background: var(--hd-ink);
color: #EAF3F7;
border-radius: 4px;
border-bottom: 3px solid var(--hd-coral);
}
.hd-price__now {
font-family: var(--hd-font-display);
font-size: 1.8rem;
font-weight: 800;
letter-spacing: -0.02em;
}
.hd-price__old {
font-size: 0.95rem;
opacity: 0.7;
text-decoration: line-through;
}
.hd-installment {
margin: 0;
font-size: 13px;
color: var(--hd-muted);
line-height: 1.45;
padding: 10px 0;
border-top: 1px solid var(--hd-line);
border-bottom: 1px solid var(--hd-line);
}
.hd-installment strong { color: var(--hd-ink); }
.hd-installment a {
margin-left: 4px;
color: var(--hd-harbor-deep);
text-decoration: underline;
text-underline-offset: 2px;
font-weight: 600;
}
.hd-buy__form button[type="submit"] {
width: 100%;
padding: 14px 20px;
background: var(--hd-coral);
color: #fff;
border: none;
border-radius: 4px;
font-family: var(--hd-font-display);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
cursor: pointer;
min-height: 52px;
box-shadow: 4px 4px 0 var(--hd-ink);
transition: background 0.15s, transform 0.1s, box-shadow 0.1s;
}
.hd-buy__form button[type="submit"]:hover {
background: var(--hd-coral-deep);
transform: translate(2px, 2px);
box-shadow: 2px 2px 0 var(--hd-ink);
}
/* duotone-panel info band */
.hd-duotone {
display: grid;
grid-template-columns: 1fr;
border-radius: 6px;
overflow: hidden;
border: 1.5px solid var(--hd-line);
margin-bottom: 36px;
box-shadow: 0 10px 28px rgba(22, 50, 79, 0.07);
}
.hd-duotone__harbor {
background: linear-gradient(165deg, var(--hd-harbor) 0%, var(--hd-harbor-deep) 100%);
color: #EAF3F7;
padding: 28px 24px;
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
position: relative;
}
.hd-duotone__harbor::after {
content: '';
position: absolute;
bottom: 0; left: 0;
width: 0; height: 0;
border-style: solid;
border-width: 42px 0 0 42px;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.12);
pointer-events: none;
}
.hd-duotone__harbor h2 {
color: #fff;
font-size: 1.35rem;
margin: 0;
}
.hd-duotone__harbor p {
margin: 0;
font-size: 14px;
line-height: 1.6;
opacity: 0.92;
}
.hd-duotone__sheet {
background: var(--hd-panel);
padding: 8px 22px 26px;
position: relative;
overflow: hidden;
}
.hd-duotone__sheet::before {
content: '';
position: absolute;
top: 0; right: 0;
width: 0; height: 0;
border-style: solid;
border-width: 0 46px 46px 0;
border-color: transparent #F5E4DF transparent transparent;
pointer-events: none;
z-index: 1;
}
.hd-duotone__label {
display: inline-flex;
margin: 16px 0 8px;
padding: 4px 12px;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--hd-coral-deep);
background: rgba(224, 122, 95, 0.12);
border-radius: 4px;
position: relative;
z-index: 1;
}
.hd-band {
margin-bottom: 36px;
padding-top: 8px;
}
.hd-band__label {
font-family: var(--hd-font-display);
font-size: 1.15rem;
font-weight: 700;
margin: 0 0 16px;
padding-bottom: 10px;
border-bottom: 3px solid var(--hd-harbor);
display: inline-block;
}
.hd-reviews, .hd-recommend { margin-bottom: 36px; }
/* footer */
.hd-footer {
background: var(--hd-ink);
color: rgba(234, 243, 247, 0.88);
padding: 56px 24px 28px;
border-top: 4px solid var(--hd-harbor);
}
.hd-footer a { color: #7EC4E0; }
.hd-footer a:hover { color: var(--hd-coral); }
.hd-footer__grid {
max-width: var(--hd-max);
margin: 0 auto 36px;
display: grid;
gap: 32px;
}
.hd-footer__brand h3 {
font-size: 1.5rem;
color: #fff;
margin-bottom: 12px;
}
.hd-footer__brand p {
font-size: 14px;
line-height: 1.7;
margin: 0 0 18px;
color: rgba(234, 243, 247, 0.65);
}
.hd-footer__social { display: flex; gap: 8px; flex-wrap: wrap; }
.hd-footer__social a {
display: flex; align-items: center; justify-content: center;
width: 40px; height: 40px;
border: 1.5px solid rgba(234, 243, 247, 0.28);
border-radius: 4px;
color: #EAF3F7;
}
.hd-footer__social a:hover {
background: var(--hd-harbor);
border-color: var(--hd-harbor);
color: #fff;
}
.hd-footer__social svg { width: 18px; height: 18px; fill: currentColor; }
.hd-footer h4 {
font-family: var(--hd-font-body);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #7EC4E0;
margin-bottom: 14px;
font-weight: 700;
}
.hd-footer__links { list-style: none; margin: 0; padding: 0; }
.hd-footer__links li { margin-bottom: 10px; }
.hd-footer__links a { font-size: 14px; }
.hd-footer address { font-style: normal; font-size: 14px; line-height: 1.85; color: rgba(234, 243, 247, 0.88); }
.hd-footer__subscribe form { display: flex; gap: 0; flex-wrap: wrap; }
.hd-footer__subscribe input[type="email"] {
flex: 1; min-width: 200px; padding: 12px 14px;
border: 1.5px solid rgba(234, 243, 247, 0.28);
border-radius: 4px 0 0 4px; background: transparent; color: #fff;
font-family: var(--hd-font-body); font-size: 14px;
}
.hd-footer__subscribe input::placeholder { color: rgba(234, 243, 247, 0.4); }
.hd-footer__subscribe button {
padding: 12px 20px; background: var(--hd-coral); color: #fff;
border: none; border-radius: 0 4px 4px 0;
font-weight: 700; font-size: 12px; letter-spacing: 0.08em;
text-transform: uppercase; cursor: pointer; min-height: 44px;
font-family: var(--hd-font-display);
}
.hd-footer__subscribe button:hover { background: var(--hd-harbor); }
.hd-footer__payments {
max-width: var(--hd-max); margin: 0 auto 28px;
display: flex; flex-wrap: wrap; gap: 12px; align-items: center;
}
.hd-footer__payments svg { height: 28px; width: auto; }
.hd-footer__bottom {
max-width: var(--hd-max); margin: 0 auto; padding-top: 24px;
border-top: 1px solid rgba(234, 243, 247, 0.18);
font-size: 12px; text-align: center;
color: rgba(234, 243, 247, 0.45); line-height: 1.8;
}
.hd-footer__bottom a { margin: 0 4px; }
@media (min-width: 750px) {
.hd-menu-toggle { display: none; }
.hd-desktop-only { display: inline-flex; }
.hd-utility__search { display: block; }
.hd-main-nav { display: flex; }
.hd-tri {
grid-template-columns: 0.78fr 1.35fr 1fr;
gap: 26px;
}
.hd-meta { order: 0; position: sticky; top: 72px; }
.hd-frame { order: 0; }
.hd-buy { order: 0; position: sticky; top: 72px; }
.hd-duotone { grid-template-columns: 0.85fr 1.15fr; }
.hd-footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; }
}
@media (max-width: 749px) {
.hd-utility__inner { padding-left: 12px; padding-right: 12px; }
.hd-nav__inner { padding-left: 12px; padding-right: 12px; }
.hd-logo { font-size: 1.15rem; }
.hd-main { padding: 18px 14px 56px; }
.hd-meta { padding: 16px 14px; }
.hd-buy { padding: 20px 16px 22px; }
.hd-frame { padding: 10px; }
.hd-duotone__sheet { padding: 4px 16px 22px; }
.hd-buy__form button[type="submit"] { width: 100%; }
}
Harbor dock · Tri-pane berth
Dock notes
Duotone berth — harbor brief on the left, coral-folded cargo sheet on the right.
Cargo sheet
Description
La Robe "Poches & Short" Intégré Couleur:Noir org 2000 svg'%3E%3Cpath d='M20 org 2000 svg'%3E%3Cpath d='M20 vous êtes assuré de ne pas geler cet hiver
Exchange/Return Notes
- We offer a 30-day return/exchange service after receiving.
- Final sale items are not eligible for returns or exchanges.
- To process your return/exchange, please contact us at [email protected]
- Please click here for more details>>> Return & Exchange Policy
Discover