/* Source: guests/souvenirShop_show.blade.php */
.souvenir-detail-page {
            --navy: #0b2430;
            --teal: #116873;
            --gold: #e3ab49;
            --cream: #f5f0e5;
            --ink: #18313a;
            background: #f8faf9;
            color: var(--ink);
            font-family: "Noto Sans Thai", sans-serif
        }

        .sd-actions {
            display: flex;
            gap: 11px;
            margin-top: 27px
        }

        .sd-button {
            border: 0;
            border-radius: 7px;
            padding: 12px 19px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            font-weight: 750;
            cursor: pointer;
            transition: .2s
        }

        .sd-button:hover {
            transform: translateY(-2px)
        }

        .sd-button--gold {
            background: var(--gold);
            color: #173039
        }

        .sd-button--glass {
            background: rgba(255, 255, 255, .13);
            border: 1px solid rgba(255, 255, 255, .35);
            color: #fff
        }

        .sd-button--dark {
            background: var(--navy);
            color: #fff
        }

        .sd-button--outline {
            background: #fff;
            border: 1px solid #d7e1df;
            color: var(--navy)
        }

        .sd-button--wide {
            width: 100%;
            margin-top: 10px
        }

        .sd-main {
            padding: 68px 0 80px
        }

        .sd-gallery {
            display: grid;
            grid-template-columns: minmax(0, 4fr) minmax(145px, 1fr);
            gap: 11px;
            margin-bottom: 44px
        }

        .sd-gallery__main {
            height: 510px;
            position: relative;
            overflow: hidden;
            border-radius: 11px
        }

        .sd-gallery__main>img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .sd-gallery__main button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 42px;
            height: 42px;
            border: 0;
            border-radius: 50%;
            background: rgba(11, 36, 48, .78);
            color: #fff
        }

        .sd-gallery__main button:first-of-type {
            left: 15px
        }

        .sd-gallery__main button:nth-of-type(2) {
            right: 15px
        }

        .sd-gallery__main>span {
            position: absolute;
            right: 14px;
            bottom: 13px;
            padding: 6px 11px;
            border-radius: 20px;
            background: rgba(11, 36, 48, .8);
            color: #fff
        }

        .sd-gallery__thumbs {
            display: grid;
            gap: 9px;
            max-height: 510px;
            overflow: auto
        }

        .sd-gallery__thumb {
            padding: 0;
            border: 3px solid transparent;
            border-radius: 7px;
            overflow: hidden;
            opacity: .68;
            min-height: 88px
        }

        .sd-gallery__thumb.is-active {
            opacity: 1;
            border-color: var(--gold)
        }

        .sd-gallery__thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .sd-layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 350px;
            gap: 34px;
            align-items: start
        }

        .sd-tabs {
            position: sticky;
            top: 76px;
            z-index: 5;
            display: flex;
            gap: 27px;
            padding: 0 23px;
            margin-bottom: 20px;
            background: #fff;
            border: 1px solid #e4ebe9;
            border-radius: 9px
        }

        .sd-tabs a {
            padding: 17px 0;
            color: #65767d;
            font-weight: 700;
            border-bottom: 3px solid transparent
        }

        .sd-tabs a.is-active {
            color: var(--teal);
            border-color: var(--gold)
        }

        .sd-card,
        .sd-info,
        .sd-related-side {
            background: #fff;
            border: 1px solid #e3ebe8;
            border-radius: 10px;
            padding: 29px;
            margin-bottom: 21px;
            box-shadow: 0 12px 34px rgba(18, 47, 56, .055);
            scroll-margin-top: 145px
        }

        .sd-heading>span {
            font-size: .71rem;
            letter-spacing: .17em;
            color: var(--gold);
            font-weight: 800
        }

        .sd-heading h2 {
            font-size: 1.55rem;
            color: var(--navy);
            font-weight: 800;
            margin: 3px 0 19px
        }

        .sd-richtext {
            color: #566970;
            line-height: 1.9
        }

        .sd-richtext img {
            max-width: 100% !important;
            height: auto !important
        }

        .sd-empty-copy {
            padding: 25px;
            background: #f5f8f7;
            color: #7c898e;
            border-radius: 7px
        }

        .sd-videos {
            display: grid;
            gap: 14px;
            margin-top: 23px
        }

        .sd-videos video {
            width: 100%;
            border-radius: 8px
        }

        .sd-products {
            display: grid;
            gap: 13px
        }

        .sd-products article {
            display: grid;
            grid-template-columns: 48px 1fr;
            gap: 14px;
            padding: 17px;
            background: #f8f7f1;
            border-radius: 8px
        }

        .sd-products article>i {
            width: 44px;
            height: 44px;
            display: grid;
            place-items: center;
            border-radius: 50%;
            background: #f5e3bc;
            color: #9e691a
        }

        .sd-products h3 {
            font-size: 1.05rem;
            margin: 0 0 5px
        }

        .sd-address {
            display: flex;
            gap: 9px;
            color: #61737a
        }

        .sd-address i {
            color: var(--gold)
        }

        .sd-map {
            height: 370px;
            border-radius: 8px;
            overflow: hidden
        }

        .sd-map iframe {
            width: 100%;
            height: 100%;
            border: 0
        }

        .sd-map-link {
            display: inline-flex;
            gap: 8px;
            margin-top: 15px;
            color: var(--teal);
            font-weight: 700
        }

        .sd-review-head {
            display: flex;
            justify-content: space-between
        }

        .sd-review-head>b {
            height: max-content;
            padding: 6px 11px;
            border-radius: 20px;
            background: #edf5f2;
            color: var(--teal);
            font-size: .8rem
        }

        .sd-review {
            display: grid;
            grid-template-columns: 49px 1fr;
            gap: 14px;
            padding: 21px 0;
            border-top: 1px solid #edf1ef
        }

        .sd-avatar {
            width: 47px;
            height: 47px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: #e9f2ef;
            color: var(--teal)
        }

        .sd-review__top {
            display: flex;
            justify-content: space-between;
            gap: 12px
        }

        .sd-review__top span strong,
        .sd-review__top span small {
            display: block
        }

        .sd-review__top small {
            color: #899598;
            font-size: .76rem
        }

        .sd-review__top i {
            font-size: .78rem;
            color: #dce1e0
        }

        .sd-review__top i.is-filled {
            color: var(--gold)
        }

        .sd-review p {
            margin: 9px 0 0;
            color: #5a6d74
        }

        .sd-empty {
            text-align: center;
            padding: 35px;
            color: #78868b
        }

        .sd-empty>i {
            font-size: 2rem;
            color: var(--gold)
        }

        .sd-review-form {
            padding-top: 24px;
            margin-top: 20px;
            border-top: 1px solid #e7edeb
        }

        .sd-review-form textarea {
            width: 100%;
            padding: 13px;
            border: 1px solid #d9e3e0;
            border-radius: 7px;
            margin-top: 7px
        }

        .sd-form-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 14px
        }

        .sd-sidebar {
            position: sticky;
            top: 94px
        }

        .sd-info dl {
            margin: 0
        }

        .sd-info dl>div {
            padding: 14px 0;
            border-top: 1px solid #edf1ef
        }

        .sd-info dt {
            font-size: .77rem;
            color: #849196
        }

        .sd-info dt i {
            width: 22px;
            color: var(--gold)
        }

        .sd-info dd {
            margin: 4px 0 0 22px;
            color: var(--navy);
            font-weight: 650
        }

        .sd-info dd a {
            color: var(--teal)
        }

        .sd-related-side>a:not(.sd-all-link) {
            display: grid;
            grid-template-columns: 85px 1fr;
            gap: 12px;
            padding: 11px 0;
            border-top: 1px solid #edf1ef;
            color: var(--navy)
        }

        .sd-related-side img {
            width: 85px;
            height: 68px;
            object-fit: cover;
            border-radius: 6px
        }

        .sd-related-side strong,
        .sd-related-side small {
            display: block
        }

        .sd-related-side small {
            color: #829095;
            margin-top: 7px
        }

        .sd-related-side small i {
            color: var(--gold);
            margin-right: 5px
        }

        .sd-all-link {
            display: flex;
            gap: 8px;
            align-items: center;
            margin-top: 17px;
            color: var(--teal);
            font-weight: 700
        }

        .sd-nearby {
            padding: 68px 0;
            background: var(--cream)
        }

        .sd-nearby__grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px
        }

        .sd-nearby article {
            background: #fff;
            border-radius: 9px;
            overflow: hidden;
            box-shadow: 0 10px 28px rgba(20, 47, 56, .08)
        }

        .sd-nearby article>a {
            display: block;
            height: 185px
        }

        .sd-nearby article img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .sd-nearby article>div {
            padding: 16px
        }

        .sd-nearby h3 {
            font-size: 1.05rem;
            margin: 0 0 8px
        }

        .sd-nearby h3 a {
            color: var(--navy)
        }

        .sd-nearby p {
            margin: 0;
            color: #77868b;
            font-size: .84rem
        }

        .sd-nearby p i {
            color: var(--gold);
            margin-right: 6px
        }

        .sd-cta {
            padding: 65px 0;
            background: var(--navy);
            color: #fff
        }

        .sd-cta .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 30px
        }

        .sd-cta span {
            font-size: .72rem;
            letter-spacing: .17em;
            color: var(--gold);
            font-weight: 800
        }

        .sd-cta h2 {
            font-size: 2rem;
            color: #fff;
            margin: 5px 0
        }

        .sd-cta p {
            color: #afbdc1;
            margin: 0
        }

        .sd-cta a {
            display: flex;
            align-items: center;
            gap: 8px;
            background: #fff;
            color: var(--navy);
            padding: 13px 20px;
            border-radius: 7px;
            font-weight: 800
        }

        @media(max-width:991px) {
            .sd-layout {
                grid-template-columns: 1fr
            }

            .sd-sidebar {
                position: static
            }

            .sd-gallery {
                grid-template-columns: 1fr
            }

            .sd-gallery__main {
                height: 430px
            }

            .sd-gallery__thumbs {
                grid-template-columns: repeat(5, 110px);
                max-height: none;
                overflow-x: auto
            }

            .sd-gallery__thumb {
                height: 80px
            }

            .sd-nearby__grid {
                grid-template-columns: repeat(2, 1fr)
            }
        }

        @media(max-width:575px) {
          

            .sd-hero__inner {
                padding-bottom: 35px
            }

            .sd-breadcrumb {
                margin-bottom: 26px
            }

            .sd-actions {
                flex-wrap: wrap
            }

            .sd-main {
                padding: 36px 0 55px
            }

            .sd-gallery__main {
                height: 300px
            }

            .sd-gallery__thumbs {
                grid-template-columns: repeat(5, 84px)
            }

            .sd-tabs {
                gap: 18px;
                overflow-x: auto;
                padding: 0 15px
            }

            .sd-tabs a {
                white-space: nowrap
            }

            .sd-card,
            .sd-info,
            .sd-related-side {
                padding: 21px
            }

            .sd-review__top,
            .sd-form-footer,
            .sd-cta .container {
                align-items: flex-start;
                flex-direction: column
            }

            .sd-nearby__grid {
                grid-template-columns: 1fr
            }

            .sd-cta {
                text-align: center
            }

            .sd-cta .container {
                align-items: center
            }
        }