/* shop_wrap Full Width Background for H2 */
.shop__wrap {
    position: relative;
    overflow: visible;
}

.shop__wrap::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    height: 200px;
    background: linear-gradient(135deg, 
        rgba(255, 154, 8, 0.15) 0%, 
        rgba(165, 210, 63, 0.2) 25%, 
        rgba(56, 189, 248, 0.15) 50%, 
        rgba(236, 72, 153, 0.15) 75%, 
        rgba(237, 109, 70, 0.2) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    clip-path: polygon(
        0% 0%, 
        100% 0%, 
        100% 78%, 
        98% 79%, 
        96% 81%, 
        93% 83%, 
        90% 84%, 
        87% 85%, 
        84% 84%, 
        81% 82%, 
        78% 79%, 
        75% 77%, 
        72% 76%, 
        69% 76%, 
        66% 77%, 
        63% 79%, 
        60% 81%, 
        57% 83%, 
        54% 84%, 
        51% 85%, 
        48% 84%, 
        45% 82%, 
        42% 80%, 
        39% 78%, 
        36% 77%, 
        33% 77%, 
        30% 78%, 
        27% 80%, 
        24% 82%, 
        21% 83%, 
        18% 84%, 
        15% 83%, 
        12% 81%, 
        9% 79%, 
        6% 78%, 
        3% 78%, 
        0% 79%
    );
    z-index: 0;
    animation: shimmer 3s ease-in-out infinite alternate;
}

.shop__discription {
    position: relative;
    z-index: 1;
}

.shop__name {
    position: relative;
    z-index: 2;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transform: translateY(0);
    transition: transform 0.3s ease;
}

.shop__name:hover {
    transform: translateY(-2px);
}

@keyframes shimmer {
    0% {
        background: linear-gradient(135deg, 
            rgba(255, 154, 8, 0.15) 0%, 
            rgba(165, 210, 63, 0.2) 25%, 
            rgba(56, 189, 248, 0.15) 50%, 
            rgba(236, 72, 153, 0.15) 75%, 
            rgba(237, 109, 70, 0.2) 100%);
    }
    100% {
        background: linear-gradient(135deg, 
            rgba(237, 109, 70, 0.2) 0%, 
            rgba(236, 72, 153, 0.18) 25%, 
            rgba(56, 189, 248, 0.2) 50%, 
            rgba(165, 210, 63, 0.25) 75%, 
            rgba(255, 154, 8, 0.18) 100%);
    }
}

.l-box{padding-top:70px;position:relative;z-index:2}@media(max-width: 768px){.l-box{padding-top:40px}}.l-box .title{font-size:50px;font-weight:bold;color:#ed7940;line-height:1.25;position:relative;padding-left:1em;padding-top:1rem}@media(max-width: 768px){.l-box .title{font-size:22px;width:80%;margin:auto}}.l-box .title:before{content:"";display:block;background-image:url(../img/bgi.png);width:673px;height:150px;position:absolute;top:10px;left:0;z-index:-1;background-size:cover}@media(max-width: 768px){.l-box .title:before{width:100%;height:auto;padding-top:22%}}.l-box .box{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media(max-width: 768px){.l-box .box{display:block;padding-top:40px}}.l-box .box .img{width:48%}@media(max-width: 768px){.l-box .box .img{width:100%}}.l-box .box .text{padding-top:80px;width:50%;font-size:26px;line-height:1.75;color:#402211}@media(max-width: 768px){.l-box .box .text{width:100%;padding-top:20px;font-size:18px}}.label{display:block;text-align:left}.label span{display:inline-block;font-size:.8em;padding:5px 10px;border-radius:6px 6px 6px 6px;color:#fff}.shop__name{position:relative}.label2{display:inline-block;font-size:16px;height:30px;line-height:30px;padding:0 20px !important;border-radius:15px;color:#fff;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 4px 15px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease;font-weight:600}@media(max-width: 768px){.label2{display:block;-webkit-transform:rotate(0);transform:rotate(0);margin-bottom:15px}}.label2:hover{transform:rotate(-20deg) scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,0.15)}@media(max-width: 768px){.label2:hover{transform:rotate(0) scale(1.05)}}.shop-name{text-align:center;font-size:40px;font-weight:bold;margin-bottom:20px}@media(max-width: 768px){.shop-name{font-size:20px;margin-bottom:10px}}/*# sourceMappingURL=add.css.map */