@font-face {
    font-family: 'Himalaya';
    src: url('fonts/Himalaya.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
#sr-pet-preview { margin: 28px 0; padding: 20px; border: 1px solid #d6dce0; border-radius: 12px; background: #fff; color: #202b31; box-sizing: border-box; max-width: 780px; }
#sr-pet-preview h3 { font: inherit; font-size: 1.25rem; font-weight: 700; margin: 0 0 6px; }
#sr-pet-preview .sr-pet-selection { margin: 0 0 14px; font-weight: 600; }
#sr-pet-preview .sr-pet-faces { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
#sr-pet-preview figure { margin: 0; min-width: 0; }
#sr-pet-preview figcaption { margin-bottom: 8px; font-size: .9rem; font-weight: 600; line-height: 1.4; }
#sr-pet-preview .sr-pet-canvas-wrap { position: relative; overflow: hidden; border: 1px solid #dde2e5; border-radius: 8px; background: #f6f7f8; aspect-ratio: 1; }
#sr-pet-preview canvas { width: 100%; height: 100%; display: block; cursor: default; touch-action: auto; }
#sr-pet-preview .sr-pet-zone { position: absolute; pointer-events: none; border: 1px dashed #bd922f; box-sizing: border-box; }
#sr-pet-preview .sr-pet-caption { font-size: .8rem; line-height: 1.5; color: #54616a; margin: 12px 0; }
#sr-pet-preview .sr-pet-status { font-size: .85rem; margin: 10px 0 0; line-height: 1.5; }
#sr-pet-preview .sr-pet-error { color: #91251d; background: #fff3f1; border: 1px solid #e7b0aa; padding: 10px 12px; margin: 12px 0 0; border-radius: 6px; line-height: 1.5; }
#sr-pet-preview .sr-pet-error[hidden] { display: none; }
#sr-pet-preview.sr-pet-awaiting .sr-pet-faces { display: none; }
.single_add_to_cart_button.sr-pet-saving { opacity: .65; cursor: progress; }
.sr-pet-field-note { color: #54616a; font-size: .85rem; line-height: 1.5; margin: 8px 0 14px; }
.sr-pet-character-count { display: block; color: #54616a; font-size: .8rem; line-height: 1.4; margin: 5px 0 10px; }
.sr-pet-form-guide { padding: 12px 14px; background: #f5f7f8; border-left: 3px solid #b59142; border-radius: 4px; }
@media (max-width: 560px) { #sr-pet-preview { padding: 14px; } #sr-pet-preview .sr-pet-faces { grid-template-columns: minmax(0,1fr); gap: 18px; } }
@media (prefers-reduced-motion: reduce) { #sr-pet-preview * { scroll-behavior: auto; } }

/* Readable native variation selectors for Pet only; preserve Woo's control behaviour. */
#product-7813 form.variations_form .variations select[name^="attribute_"] {
    color: #232c36 !important;
    -webkit-text-fill-color: #232c36 !important;
    background-color: #fff !important;
    color-scheme: light;
    opacity: 1;
}
#product-7813 form.variations_form .variations select[name^="attribute_"] option {
    color: #232c36 !important;
    -webkit-text-fill-color: #232c36 !important;
    background-color: #fff !important;
}
#product-7813 form.variations_form .variations select[name^="attribute_"]:disabled {
    color: #66727b !important;
    -webkit-text-fill-color: #66727b !important;
    background-color: #edf1f3 !important;
    border-color: #d4dce0 !important;
}
#product-7813 form.variations_form .variations select[name^="attribute_"] option:disabled {
    color: #66727b !important;
    -webkit-text-fill-color: #66727b !important;
    background-color: #edf1f3 !important;
}
#product-7813 form.variations_form .reset_variations,
#product-7813 form.variations_form .reset_variations:hover,
#product-7813 form.variations_form .reset_variations:focus {
    color: #232c36 !important;
    -webkit-text-fill-color: #232c36 !important;
}

.sr-pet-photo-label{text-align:center;font-weight:600;padding:8px 12px;margin:0;color:#222;background:#fff;}
.sr-pet-thumb-label{display:block;text-align:center;font-size:12px;line-height:1.3;color:#222;padding:5px 2px;}