/* BASIC css start */
/* =========================================================
   AKKINARA DETAIL FINAL
   Custom prefix: akdetail-
   MakeShop native hooks preserved:
   shopdetailButton
   shopdetailButtonTop
   naver-checkout
   shopdetailImage
========================================================= */

.akdetail-page,
.akdetail-page *,
.akdetail-sticky-buy,
.akdetail-sticky-buy *,
.akdetail-purchase-backdrop {
    box-sizing: border-box;
}

.akdetail-page {
    --akdetail-bg: #f6f4ef;
    --akdetail-paper: #fff;
    --akdetail-ink: #202320;
    --akdetail-text: #666a65;
    --akdetail-line: #e4dfd8;
    --akdetail-soft: #f2eee8;
    --akdetail-accent: #8a5a44;
    --akdetail-dark: #242825;
    --akdetail-danger: #b44135;

    width: 100%;
    margin: 0;
    padding: 0 0 86px;
    overflow: hidden;

    background: var(--akdetail-bg);
    color: var(--akdetail-ink);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "Apple SD Gothic Neo",
        "Noto Sans KR",
        "Malgun Gothic",
        sans-serif;
}

.akdetail-page a {
    color: inherit;
    text-decoration: none;
}

.akdetail-page img {
    display: block;
    max-width: 100%;
}

.akdetail-page p,
.akdetail-page h1,
.akdetail-page h2,
.akdetail-page h3,
.akdetail-page dl,
.akdetail-page dt,
.akdetail-page dd {
    margin: 0;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.akdetail-breadcrumb {
    padding: 11px 15px;

    overflow-x: auto;

    border-bottom:
        1px solid
        var(--akdetail-line);

    background: #fff;

    white-space: nowrap;

    scrollbar-width: none;
}

.akdetail-breadcrumb::-webkit-scrollbar {
    display: none;
}

.akdetail-breadcrumb ol {
    display: flex;

    align-items: center;

    gap: 7px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.akdetail-breadcrumb li {
    display: flex;

    align-items: center;

    color: #8b8e8a;

    font-size: 10px;
}

.akdetail-breadcrumb li + li::before {
    margin-right: 7px;

    color: #bbb;

    content: "/";
}


/* =========================================================
   PRODUCT
========================================================= */

.akdetail-product {
    background: #fff;
}

.akdetail-media {
    padding:
        18px
        16px
        20px;

    border-bottom:
        1px solid
        var(--akdetail-line);
}

.akdetail-image-wrap {
    overflow: hidden;

    border:
        1px solid
        var(--akdetail-line);

    border-radius: 16px;

    background: #f7f7f5;
}

.akdetail-main-image {
    width: 100%;
    height: auto;
}

.akdetail-subname {
    margin-top: 13px !important;

    color: var(--akdetail-text);

    font-size: 12px;

    line-height: 1.6;

    text-align: center;
}

.akdetail-special-note {
    display: flex;

    gap: 8px;

    margin-top: 12px;

    padding:
        11px
        12px;

    border-radius: 10px;

    background: #fff7f4;

    font-size: 11px;

    line-height: 1.5;
}

.akdetail-special-note strong {
    flex: 0 0 auto;

    color: var(--akdetail-danger);
}

.akdetail-special-note span {
    color: #74483f;
}

.akdetail-summary {
    padding:
        24px
        16px
        26px;
}

.akdetail-title-block {
    margin-bottom: 18px;
}

.akdetail-label,
.akdetail-section-title > p {
    margin-bottom: 7px !important;

    color: var(--akdetail-accent);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .14em;
}

.akdetail-title-block h1 {
    font-size:
        clamp(
            23px,
            6.5vw,
            34px
        );

    font-weight: 800;

    line-height: 1.28;

    letter-spacing: -.04em;
}


/* =========================================================
   PRICE
========================================================= */

.akdetail-price-card {
    overflow: hidden;

    border:
        1px solid
        var(--akdetail-line);

    border-radius: 14px;

    background: #fff;
}

.akdetail-price-row {
    display: grid;

    grid-template-columns:
        92px
        minmax(0, 1fr);

    align-items: center;

    min-height: 47px;

    padding:
        9px
        12px;

    border-bottom:
        1px solid
        #eeeae4;
}

.akdetail-price-row:last-child {
    border-bottom: 0;
}

.akdetail-price-row > span {
    color: #777a76;

    font-size: 11px;
}

.akdetail-price-row > strong {
    min-width: 0;

    color: #2d302d;

    font-size: 13px;

    font-weight: 700;

    text-align: right;
}

.akdetail-price-row > strong del {
    color: #aaa;

    font-weight: 500;
}

.akdetail-price-sale {
    background: #faf5f1;
}

.akdetail-price-sale > span {
    color: var(--akdetail-accent);

    font-weight: 800;
}

.akdetail-price-sale > strong {
    color: var(--akdetail-accent);

    font-size: 19px;

    font-weight: 900;
}

.akdetail-region {
    display: inline-block;

    margin-left: 6px;

    color: var(--akdetail-accent);

    font-size: 10px;
}


/* =========================================================
   PURCHASE ROOT
========================================================= */

.akdetail-purchase-controls {
    position: relative;

    margin-top: 16px;
    margin-bottom:16px;
}

.akdetail-sheet-handle {
    display: none;
}


/* =========================================================
   ACTUAL OPTION BOX
========================================================= */

.akdetail-option-box {
    overflow: hidden;

    margin-bottom: 9px;

    border:
        1px solid
        var(--akdetail-line);

    border-radius: 14px;

    background:
        var(--akdetail-soft);
}


/* 실제 옵션이 없는 경우 완전 제거 */

.akdetail-option-box.akdetail-option-box-empty {
    display: none !important;

    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border: 0 !important;

    background:
        transparent !important;
}


.akdetail-option-row {
    display: grid;

    grid-template-columns:
        86px
        minmax(0, 1fr);

    align-items: center;

    min-height: 62px;

    padding:
        8px
        10px;

    border-bottom:
        1px solid
        #e5dfd7;
}

.akdetail-option-row:last-child {
    border-bottom: 0;
}

.akdetail-option-row-full {
    display: block;
}

.akdetail-option-name {
    color: #555;

    font-size: 11px;

    font-weight: 700;
}

.akdetail-option-control {
    min-width: 0;
}

.akdetail-option-control select {
    width: 100% !important;

    min-height: 48px !important;

    padding:
        0
        38px
        0
        12px !important;

    border:
        1px solid
        #cfc8bf !important;

    border-radius: 10px !important;

    background: #fff !important;

    font-size: 16px !important;
}


/* =========================================================
   QUANTITY
   수량 [1] [+1] [-1]
========================================================= */

.akdetail-quantity-box {
    display: grid;

    grid-template-columns:
        52px
        minmax(0, 1fr);

    align-items: center;

    min-height: 70px;

    margin-bottom: 9px;

    padding:
        9px
        10px;

    border:
        1px solid
        var(--akdetail-line);

    border-radius: 14px;

    background: #fff;
}

.akdetail-quantity-title {
    color: #333;

    font-size: 12px;

    font-weight: 800;

    line-height: 1.4;
}

.akdetail-qty-control {
    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 6px;

    min-width: 0;
}

.akdetail-qty-control .txt-qnty,
.akdetail-qty-control input[type="text"],
.akdetail-qty-control input[type="tel"],
.akdetail-qty-control input[type="number"] {
    order: 1;

    width: 62px !important;
    min-width: 62px !important;

    height: 50px !important;

    margin: 0 !important;

    padding:
        0
        6px !important;

    border:
        1px solid
        #bbb3aa !important;

    border-radius: 9px !important;

    background: #fff !important;

    color: #222 !important;

    font-size: 18px !important;

    font-weight: 800 !important;

    line-height: 50px !important;

    text-align: center !important;

    vertical-align: middle !important;
}

.akdetail-qty-button {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-width: 52px !important;

    height: 50px !important;

    margin: 0 !important;

    padding:
        0
        10px !important;

    border:
        1px solid
        #bbb3aa !important;

    border-radius: 9px !important;

    background:
        #f3f0eb !important;

    color: #222 !important;

    font-size: 14px !important;

    font-weight: 800 !important;

    line-height: 50px !important;

    text-align: center !important;
}

.akdetail-qty-plus {
    order: 2;
}

.akdetail-qty-minus {
    order: 3;
}

.akdetail-qty-button:active {
    background:
        #e7e2db !important;
}


/* =========================================================
   OPTION TOTAL
========================================================= */

.akdetail-option-total {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 9px;

    padding:
        14px
        13px;

    border:
        1px solid
        var(--akdetail-line);

    border-radius: 12px;

    background: #fff;
}

.akdetail-option-total span {
    color: #666;

    font-size: 11px;
}

.akdetail-option-total strong {
    color: var(--akdetail-accent);

    font-size: 17px;
}


/* =========================================================
   MULTI OPTION
========================================================= */

.akdetail-multi-option {
    margin-top: 9px;
}

.akdetail-multi-option .MK_optAddWrap {
    overflow: hidden;

    border:
        1px solid
        var(--akdetail-line);

    border-radius: 12px;

    background: #fff;
}

.akdetail-multi-option .MK_inner-opt-cm li {
    position: relative;

    min-height: 72px;

    padding:
        13px
        12px !important;

    border-bottom:
        1px solid
        #eee;
}

.akdetail-multi-option .MK_inner-opt-cm li:last-child {
    border-bottom: 0;
}


/* X 삭제 버튼 제거 */

.akdetail-multi-option .MK_btn-del,
.akdetail-multi-option .MK_btn-del img {
    display: none !important;
}


/* 멀티옵션 수량 */

.akdetail-multi-option .MK_qty-ctrl {
    display: flex !important;

    align-items: center !important;

    gap: 6px !important;

    margin-top: 10px !important;
}

.akdetail-multi-option .MK_qty-ctrl input[type="tel"],
.akdetail-multi-option .MK_qty-ctrl input[type="text"] {
    width: 62px !important;

    height: 46px !important;

    margin: 0 !important;

    padding:
        0
        6px !important;

    border:
        1px solid
        #bbb3aa !important;

    border-radius: 8px !important;

    background: #fff !important;

    color: #222 !important;

    font-size: 16px !important;

    font-weight: 700 !important;

    text-align: center !important;
}

.akdetail-multi-option .MK_qty-ctrl .btn-type-02 {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-width:
        46px !important;

    height:
        46px !important;

    margin:
        0 !important;

    padding:
        0
        9px !important;

    border:
        1px solid
        #bbb3aa !important;

    border-radius:
        8px !important;

    background:
        #f3f0eb !important;

    color:
        #222 !important;

    line-height:
        46px !important;
}

.akdetail-multi-option .MK_total {
    color:
        var(--akdetail-accent);

    font-size:
        18px;

    font-weight:
        800;
}


/* =========================================================
   MAKESHOP NATIVE BUY BUTTON
========================================================= */

.akdetail-page .akdetail-native-buy {
    width: 100%;

    margin: 0;

    padding: 0;

    border: 0;

    background:
        transparent;

    text-align:
        center;
}

.akdetail-page .akdetail-actions {
    display: grid;

    grid-template-columns:
        .75fr
        1fr
        1.25fr;

    gap: 7px;

    width: 100%;

    margin: 0;

    padding: 0;

    border: 0;
}

.akdetail-page
.akdetail-actions
.akdetail-btn {
    display: flex;

    align-items: center;

    justify-content: center;

    width: auto;

    min-height: 54px;

    margin:
        0 !important;

    padding:
        0
        8px !important;

    border-radius:
        11px;

    font-size:
        12px !important;

    font-weight:
        800 !important;
}

.akdetail-page
.akdetail-actions
.akdetail-btn-wish {
    border:
        1px solid
        #cbc6be !important;

    background:
        #fff !important;

    color:
        #333 !important;
}

.akdetail-page
.akdetail-actions
.akdetail-btn-cart {
    border:
        1px solid
        var(--akdetail-dark) !important;

    background:
        var(--akdetail-dark) !important;

    color:
        #fff !important;
}

.akdetail-page
.akdetail-actions
.akdetail-btn-buy {
    border:
        1px solid
        var(--akdetail-accent) !important;

    background:
        var(--akdetail-accent) !important;

    color:
        #fff !important;
}

.akdetail-soldout {
    grid-column:
        1 / -1;

    width: 100%;

    min-height: 54px;

    border-radius:
        11px;

    background:
        #eee;

    color:
        #888;

    font-size:
        13px;

    font-weight:
        800;

    line-height:
        54px;

    text-align:
        center;
}

.akdetail-admin-contact {
    grid-column:
        1 / -1;

    margin-top:
        8px !important;

    color:
        #777;

    font-size:
        11px;
}


/* =========================================================
   NAVER PAY
   Native hook 유지
========================================================= */

.akdetail-page
.akdetail-native-buy
.naver-checkout {
    display:
        block !important;

    width:
        100%;

    margin:
        12px
        auto
        0;

    padding:
        0;

    overflow:
        visible;
}

.akdetail-page
.akdetail-native-buy
#nhn_btn {
    display:
        block;

    width:
        100%;

    margin:
        0
        auto;

    padding-top:
        0 !important;
}

.akdetail-page
.akdetail-native-buy
.naver-checkout img {
    max-width:
        100%;

    height:
        auto;
}


/* =========================================================
   CONSULT
========================================================= */

.akdetail-consult {
    display:
        grid;

    grid-template-columns:
        1fr
        1fr;

    gap:
        7px;

    margin-top:
        10px;
}

.akdetail-consult a {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        42px;

    border:
        1px solid
        var(--akdetail-line);

    border-radius:
        10px;

    background:
        #faf9f7;

    color:
        #444;

    font-size:
        11px;

    font-weight:
        700;
}

.akdetail-related-jump {
    display:
        block;

    margin-top:
        10px;

    padding:
        12px;

    border-radius:
        10px;

    background:
        var(--akdetail-soft);

    color:
        #555;

    font-size:
        11px;

    font-weight:
        700;

    text-align:
        center;
}

.akdetail-member-message {
    margin-top:
        12px;

    padding:
        12px;

    border-radius:
        10px;

    background:
        #f6f8f5;

    color:
        #626762;

    font-size:
        10px;

    line-height:
        1.6;
}


/* =========================================================
   DETAIL TABS
========================================================= */

.akdetail-tabs {
    display:
        flex;

    width:
        100%;

    margin-top:
        12px;

    padding:
        0
        8px;

    overflow-x:
        auto;

    border-top:
        1px solid
        var(--akdetail-line);

    border-bottom:
        1px solid
        var(--akdetail-line);

    background:
        #fff;

    scrollbar-width:
        none;
}

.akdetail-tabs::-webkit-scrollbar {
    display:
        none;
}

.akdetail-tabs a {
    position:
        relative;

    display:
        flex;

    flex:
        1 0 auto;

    align-items:
        center;

    justify-content:
        center;

    gap:
        4px;

    min-width:
        78px;

    min-height:
        54px;

    padding:
        0
        9px;

    background:
        #fff;

    color:
        #555;

    font-size:
        11px;

    font-weight:
        700;

    white-space:
        nowrap;
}

.akdetail-tabs a + a::before {
    position:
        absolute;

    left:
        0;

    top:
        16px;

    bottom:
        16px;

    width:
        1px;

    background:
        #ece8e2;

    content:
        "";
}

.akdetail-tabs a span {
    color:
        var(--akdetail-accent);

    font-size:
        10px;

    font-weight:
        800;
}


/* =========================================================
   DETAIL CONTENT ROOT
========================================================= */

.akdetail-content,
.akdetail-related,
.akdetail-accordion {
    margin-top:
        12px;

    background:
        #fff;

    border-top:
        1px solid
        var(--akdetail-line);

    border-bottom:
        1px solid
        var(--akdetail-line);
}

.akdetail-content,
.akdetail-related {
    padding:
        28px
        14px;
}

.akdetail-section-title {
    margin-bottom:
        19px;
}

.akdetail-section-title h2 {
    font-size:
        21px;

    font-weight:
        800;

    letter-spacing:
        -.03em;
}


/* =========================================================
   MOBILE DETAIL
   MakeShop shopdetailImage hook 복구

   HTML:
   <div class="shopdetailImage akdetail-description">
       <!--/mobile_detail/-->
   </div>
========================================================= */

.akdetail-page
.shopdetailImage.akdetail-description {
    display:
        block;

    width:
        100%;

    max-width:
        100%;

    margin:
        0;

    padding:
        0;

    overflow:
        hidden;

    background:
        transparent;

    text-align:
        center;
}


/* 이미지 */

.akdetail-page
.shopdetailImage.akdetail-description img {
    display:
        block !important;

    max-width:
        100% !important;

    height:
        auto !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;
}


/* MakeShop 상세가 div/p 형태인 경우 */

.akdetail-page
.shopdetailImage.akdetail-description div,
.akdetail-page
.shopdetailImage.akdetail-description p {
    max-width:
        100%;
}


/* 상세페이지 내부 table */

.akdetail-page
.shopdetailImage.akdetail-description table {
    max-width:
        100% !important;

    width:
        100% !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    table-layout:
        auto !important;
}


/* 상세페이지 내부 td */

.akdetail-page
.shopdetailImage.akdetail-description td {
    max-width:
        100% !important;
}


/* 동영상 */

.akdetail-page
.shopdetailImage.akdetail-description iframe,
.akdetail-page
.shopdetailImage.akdetail-description video,
.akdetail-page
.shopdetailImage.akdetail-description object,
.akdetail-page
.shopdetailImage.akdetail-description embed {
    display:
        block;

    max-width:
        100% !important;

    margin-left:
        auto;

    margin-right:
        auto;
}


/* iframe 일반적인 16:9 대응 */

.akdetail-page
.shopdetailImage.akdetail-description iframe {
    width:
        100%;
}


/* 기존 akdetail-description 단독 사용도 대응 */

.akdetail-description {
    width:
        100%;

    max-width:
        100%;

    overflow:
        hidden;
}

.akdetail-description img {
    max-width:
        100% !important;

    height:
        auto !important;
}


/* =========================================================
   RELATED
========================================================= */

.akdetail-related-list {
    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap:
        9px;

    margin:
        0;

    padding:
        0;

    list-style:
        none;
}

.akdetail-related-card {
    display:
        block;

    overflow:
        hidden;

    height:
        100%;

    border:
        1px solid
        var(--akdetail-line);

    border-radius:
        13px;

    background:
        #fff;
}

.akdetail-related-card > img {
    width:
        100%;

    aspect-ratio:
        1 / 1;

    object-fit:
        cover;

    background:
        #f4f4f2;
}

.akdetail-related-card > div {
    padding:
        10px;
}

.akdetail-related-name {
    min-height:
        36px;

    color:
        #333;

    font-size:
        11px;

    font-weight:
        700;

    line-height:
        1.5;
}

.akdetail-related-price {
    margin-top:
        6px !important;

    color:
        var(--akdetail-accent);

    font-size:
        13px;

    font-weight:
        800;
}

.akdetail-related-cart {
    display:
        block;

    margin-top:
        12px;

    min-height:
        44px;

    border-radius:
        10px;

    background:
        var(--akdetail-dark);

    color:
        #fff !important;

    font-size:
        11px;

    font-weight:
        700;

    line-height:
        44px;

    text-align:
        center;
}


/* =========================================================
   ACCORDION
========================================================= */

.akdetail-accordion-button {
    position:
        relative;

    width:
        100%;

    min-height:
        56px;

    padding:
        0
        50px
        0
        16px;

    border:
        0;

    background:
        #fff;

    color:
        #2e302e;

    font-size:
        13px;

    font-weight:
        800;

    text-align:
        left;
}

.akdetail-accordion-button > span::before,
.akdetail-accordion-button > span::after {
    position:
        absolute;

    top:
        27px;

    right:
        18px;

    width:
        14px;

    height:
        2px;

    background:
        #777;

    content:
        "";
}

.akdetail-accordion-button > span::after {
    transform:
        rotate(90deg);

    transition:
        transform
        .18s
        ease;
}

.akdetail-accordion-button[
    aria-expanded="true"
] > span::after {
    transform:
        rotate(0deg);
}

.akdetail-accordion-panel {
    padding:
        0
        14px
        16px;
}


/* =========================================================
   PRODUCT INFO
========================================================= */

.akdetail-notify-list {
    overflow:
        hidden;

    border:
        1px solid
        var(--akdetail-line);

    border-radius:
        12px;

    background:
        #fff;
}

.akdetail-notify-row {
    display:
        grid;

    grid-template-columns:
        minmax(92px, 32%)
        minmax(0, 1fr);

    align-items:
        stretch;

    border-bottom:
        1px solid
        #ece7e0;
}

.akdetail-notify-row:last-child {
    border-bottom:
        0;
}

.akdetail-notify-row dt,
.akdetail-notify-row dd {
    min-width:
        0;

    padding:
        11px
        12px;

    font-size:
        11px;

    line-height:
        1.55;
}

.akdetail-notify-row dt {
    display:
        flex;

    align-items:
        center;

    background:
        #f7f5f1;

    color:
        #474a46;

    font-weight:
        800;

    border-right:
        1px solid
        #ece7e0;

    word-break:
        keep-all;
}

.akdetail-notify-row dd {
    display:
        flex;

    align-items:
        center;

    color:
        #626661;

    word-break:
        keep-all;

    overflow-wrap:
        anywhere;
}


/* MakeShop 내부 태그 때문에 다음 줄로 떨어지는 것 방지 */

.akdetail-notify-row dd > p,
.akdetail-notify-row dd > div,
.akdetail-notify-row dd > span {
    display:
        inline !important;

    width:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


/* 제목 내부 태그도 안정화 */

.akdetail-notify-row dt > p,
.akdetail-notify-row dt > div,
.akdetail-notify-row dt > span {
    display:
        inline !important;

    width:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


/* =========================================================
   POLICY
========================================================= */

.akdetail-policy-content {
    color:
        #666;

    font-size:
        11px;

    line-height:
        1.7;
}

.akdetail-policy-content img {
    max-width:
        100% !important;

    height:
        auto !important;
}

.akdetail-policy-content table {
    max-width:
        100% !important;

    width:
        100% !important;
}


/* =========================================================
   BOTTOM PURCHASE SHEET
========================================================= */

.akdetail-purchase-controls.is-sheet-open {
    position:
        fixed !important;

    left:
        0 !important;

    right:
        0 !important;

    bottom:
        0 !important;

    z-index:
        7100 !important;

    width:
        100% !important;

    max-height:
        82vh;

    margin:
        0 !important;

    padding:
        30px
        14px
        calc(
            14px +
            env(
                safe-area-inset-bottom
            )
        ) !important;

    overflow-y:
        auto;

    border-radius:
        20px
        20px
        0
        0;

    background:
        #fff !important;

    box-shadow:
        0
        -14px
        42px
        rgba(
            0,
            0,
            0,
            .20
        );
}

.akdetail-purchase-controls.is-sheet-open
.akdetail-sheet-handle {
    position:
        absolute;

    top:
        6px;

    left:
        50%;

    display:
        block;

    width:
        60px;

    height:
        20px;

    margin-left:
        -30px;

    padding:
        0;

    border:
        0;

    background:
        transparent;
}

.akdetail-purchase-controls.is-sheet-open
.akdetail-sheet-handle span {
    display:
        block;

    width:
        40px;

    height:
        4px;

    margin:
        5px
        auto
        0;

    border-radius:
        4px;

    background:
        #d4cfc8;
}

.akdetail-purchase-backdrop {
    position:
        fixed;

    top:
        0;

    right:
        0;

    bottom:
        0;

    left:
        0;

    z-index:
        7000;

    background:
        rgba(
            0,
            0,
            0,
            .40
        );
}

.akdetail-purchase-backdrop[hidden] {
    display:
        none !important;
}


/* =========================================================
   STICKY BUY
========================================================= */

.akdetail-sticky-buy {
    position:
        fixed !important;

    left:
        0 !important;

    right:
        0 !important;

    bottom:
        0 !important;

    z-index:
        6500 !important;

    display:
        none;

    width:
        100%;

    padding:
        9px
        10px
        calc(
            9px +
            env(
                safe-area-inset-bottom
            )
        );

    border-top:
        1px solid
        #d9d3cb;

    background:
        rgba(
            255,
            255,
            255,
            .98
        );

    box-shadow:
        0
        -8px
        25px
        rgba(
            0,
            0,
            0,
            .12
        );
}

.akdetail-sticky-buy.is-visible {
    display:
        block !important;
}

.akdetail-sticky-primary,
.akdetail-sticky-soldout {
    display:
        block !important;

    width:
        100% !important;

    min-height:
        56px !important;

    margin:
        0 !important;

    padding:
        0
        14px !important;

    border:
        0 !important;

    border-radius:
        12px !important;

    font-size:
        16px !important;

    font-weight:
        800 !important;

    line-height:
        56px !important;

    text-align:
        center !important;
}

button.akdetail-sticky-primary,
a.akdetail-sticky-primary {
    background: #8a5a44 !important;
    color: #fff !important;

    -webkit-appearance: none;
    appearance: none;
}
.akdetail-sticky-soldout {
    background:
        #eee !important;

    color:
        #888 !important;
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media screen and (max-width: 360px) {

    .akdetail-quantity-box {
        grid-template-columns:
            44px
            minmax(0, 1fr);

        padding:
            8px;
    }

    .akdetail-qty-control {
        gap:
            4px;
    }

    .akdetail-qty-control .txt-qnty,
    .akdetail-qty-control input[type="text"],
    .akdetail-qty-control input[type="tel"],
    .akdetail-qty-control input[type="number"] {
        width:
            54px !important;

        min-width:
            54px !important;
    }

    .akdetail-qty-button {
        min-width:
            48px !important;

        padding:
            0
            7px !important;
    }

    .akdetail-notify-row {
        grid-template-columns:
            90px
            minmax(0, 1fr);
    }

    .akdetail-notify-row dt,
    .akdetail-notify-row dd {
        padding:
            10px
            9px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media screen and (min-width: 768px) {

    .akdetail-page {
        max-width:
            900px;

        margin:
            0
            auto;
    }

    .akdetail-product {
        display:
            grid;

        grid-template-columns:
            1fr
            1fr;
    }

    .akdetail-media {
        border-right:
            1px solid
            var(--akdetail-line);

        border-bottom:
            0;
    }

    .akdetail-related-list {
        grid-template-columns:
            repeat(
                4,
                minmax(0, 1fr)
            );
    }

}
/* BASIC css end */