/* Use the existing Woodmart shop palette for purchasing actions. */
.single_add_to_cart_button,
.mersiin-stock-dialog button {
    background-color: var(--btn-shop-bgcolor, #1a799a);
    color: var(--btn-shop-color, #fff);
}
.single_add_to_cart_button:hover,
.mersiin-stock-dialog button:hover {
    background-color: var(--btn-shop-bgcolor-hover, #1990a0);
    color: var(--btn-shop-color-hover, #fff);
}
.mersiin-stock-dialog {
    width: min(420px, calc(100% - 32px));
    margin: auto;
    padding: 28px;
    border: 1px solid #e7e7e7;
    border-radius: 12px;
    background: #fff;
    color: #2b2a29;
    text-align: right;
    box-shadow: 0 18px 60px #0002;
}
.mersiin-stock-dialog::backdrop { background: #17242b70; }
.mersiin-stock-dialog h2 { font-size: 21px; margin: 0 0 12px; }
.mersiin-stock-dialog p { line-height: 1.9; margin-bottom: 22px; }
.mersiin-stock-dialog button { width: 100%; border-radius: 8px; }
.mersiin-about { max-width: 1140px; margin: 24px auto 60px; }
.mersiin-about section { padding: clamp(24px, 4vw, 52px); border: 1px solid #e9e9e9; border-radius: 12px; background: #fff; margin-bottom: 24px; }
.mersiin-about .about-intro { display: grid; grid-template-columns: 1.35fr 1fr; align-items: center; gap: 40px; }
.mersiin-about .about-eyebrow { color: var(--wd-primary-color); font-weight: 600; margin-bottom: 12px; }
.mersiin-about h2 { font-size: clamp(24px, 3vw, 34px); line-height: 1.6; }
.mersiin-about p { line-height: 2.1; }
.mersiin-about .about-mark { border-radius: 12px; background: #f3f8f9; padding: 52px 24px; text-align: center; }
.mersiin-about .about-mark img { width: 240px; max-width: 100%; margin-bottom: 24px; }
.mersiin-about .about-mark p { margin: 0; }
.mersiin-about .about-categories { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.mersiin-about .about-categories a { display: block; border: 1px solid #e6e6e6; border-radius: 12px; padding: 24px 16px; color: var(--wd-title-color, #2b2a29); }
.mersiin-about .about-categories a:hover { border-color: var(--wd-primary-color); background: #f3f8f9; }
.mersiin-about .about-categories strong { display: block; font-size: 18px; margin-bottom: 8px; }
.mersiin-about .about-categories span { font-size: 14px; color: #666; }
.mersiin-about .about-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.mersiin-about .about-actions a { border-radius: 8px; }
@media (max-width: 767px) {
    .mersiin-about .about-intro { grid-template-columns: 1fr; gap: 24px; }
    .mersiin-about .about-categories { grid-template-columns: repeat(2,1fr); }
    .mersiin-about section { padding: 24px 18px; }
}
.mersiin-about .about-actions .button {
    background: var(--btn-shop-bgcolor, #1a799a);
    color: var(--btn-shop-color, #fff);
}
.mersiin-about .about-actions .button:hover {
    background: var(--btn-shop-bgcolor-hover, #1990a0);
    color: var(--btn-shop-color-hover, #fff);
}
.mersiin-about h1 { font-size: clamp(24px, 3vw, 34px); line-height: 1.6; }
