:root {
--dby-amz-btn-bg: #ff9900;
--dby-amz-btn-color: #111111;
--dby-amz-border: #e3e3e3;
--dby-amz-muted: #6b6b6b;
--dby-amz-star: #f5a623;
} .dby-amz-button-wrap { margin: 1em 0; }
.dby-amz-align-center { text-align: center; }
.dby-amz-align-right { text-align: right; }
a.dby-amz-btn,
a.dby-amz-btn:visited {
display: inline-flex;
align-items: center;
gap: .5em;
padding: .7em 1.4em;
border-radius: 6px;
background: var(--dby-amz-btn-bg);
color: var(--dby-amz-btn-color);
font-weight: 600;
line-height: 1.2;
text-decoration: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
transition: filter .15s ease, transform .15s ease;
}
a.dby-amz-btn:hover,
a.dby-amz-btn:focus-visible {
filter: brightness(.93);
color: var(--dby-amz-btn-color);
text-decoration: none;
}
a.dby-amz-btn:active { transform: translateY(1px); }
.dby-amz-btn__icon { flex-shrink: 0; } .dby-amz-box {
position: relative;
display: flex;
gap: 1.5em;
align-items: flex-start;
margin: 1.5em 0;
padding: 1.5em;
border: 1px solid var(--dby-amz-border);
border-radius: 10px;
background: #fff;
color: #1d1d1d;
}
.dby-amz-box__badge {
position: absolute;
top: -.75em;
left: 1em;
padding: .2em .8em;
border-radius: 99px;
background: #232f3e;
color: #fff;
font-size: .8em;
font-weight: 600;
}
.dby-amz-box__media { flex: 0 0 180px; text-align: center; }
.dby-amz-box__media img { max-width: 100%; height: auto; max-height: 220px; object-fit: contain; }
.dby-amz-box__body { flex: 1 1 auto; min-width: 0; }
.dby-amz-box__title { margin: 0 0 .4em; font-size: 1.15em; font-weight: 700; line-height: 1.3; }
.dby-amz-box__title a { color: inherit; text-decoration: none; }
.dby-amz-box__title a:hover { text-decoration: underline; }
.dby-amz-box__features { margin: .6em 0; padding-left: 1.2em; }
.dby-amz-box__features li { margin: .2em 0; }
.dby-amz-box__desc { margin: .6em 0; }
.dby-amz-box__desc p:last-child { margin-bottom: 0; }
.dby-amz-box__footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: .8em;
margin-top: 1em;
}
.dby-amz-box__price { font-size: 1.3em; }
.dby-amz-box__price del { color: var(--dby-amz-muted); font-size: .75em; margin-right: .3em; }
.dby-amz-box__note { margin: .6em 0 0; color: var(--dby-amz-muted); font-size: .8em; } .dby-amz-stars { display: inline-flex; font-size: 1.1em; line-height: 1; letter-spacing: 1px; }
.dby-amz-star--full { color: var(--dby-amz-star); }
.dby-amz-star--empty { color: #d6d6d6; }
.dby-amz-star--half {
background: linear-gradient(90deg, var(--dby-amz-star) 50%, #d6d6d6 50%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
} .dby-amz-disclosure {
margin: 1.5em 0;
padding: .8em 1em;
border-left: 3px solid var(--dby-amz-btn-bg);
background: rgba(0, 0, 0, .03);
color: var(--dby-amz-muted);
font-size: .85em;
} .dby-amz-error {
display: inline-block;
padding: .2em .5em;
background: #fcf0f1;
border: 1px solid #d63638;
color: #8a1f11;
font-size: .85em;
}
@media (max-width: 600px) {
.dby-amz-box { flex-direction: column; align-items: stretch; padding: 1.2em; }
.dby-amz-box__media { flex-basis: auto; }
.dby-amz-box__footer { flex-direction: column; align-items: stretch; text-align: center; }
.dby-amz-box__footer a.dby-amz-btn { justify-content: center; }
}