/* ===================================================
   DANNA CORE
   Version: 0.1.0
   =================================================== */

/* Product Option Engine */

/* Future CSS */

.danna-main-frame {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    aspect-ratio: 1 / 1;

    overflow: hidden;

    border: 1px solid #eee;
    border-radius: 12px;

    background: #fff;
}

.danna-main-photo {
    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;

    display: block;

    transition: opacity .25s ease;
}
.danna-main-frame {
    width: 100%;
    max-width: 520px;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
}
@media (max-width: 767px) {

    .breadcrumb > li {
        white-space: normal;
    }

    .breadcrumb > li > a {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

}