/* PETCOM v63 - unified premium board hero */
html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63 {
    position:relative !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    height:286px !important;
    min-height:286px !important;
    margin:0 !important;
    overflow:hidden !important;
    background:
        linear-gradient(100deg, rgba(39,29,24,.83) 0%, rgba(63,45,35,.63) 44%, rgba(44,35,30,.38) 100%),
        url('/theme/theme/img/main/svisual03.jpg') center 49% / cover no-repeat !important;
    border:0 !important;
}
html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63:before {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        radial-gradient(circle at 72% 32%, rgba(255,255,255,.16), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(28,19,15,.18));
}
html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63:after {
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    z-index:2;
    width:min(1180px, calc(100% - 48px));
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent);
}
html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63 .slide {
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:inherit !important;
    z-index:3 !important;
}
html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63 ul,
html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63 .overlay,
html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63 .bg-dot {
    display:none !important;
}
html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63 .content {
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    z-index:5 !important;
    display:block !important;
    visibility:visible !important;
    width:min(1180px, calc(100% - 48px)) !important;
    transform:translate(-50%,-46%) !important;
    margin:0 !important;
    padding:0 4px !important;
    text-align:left !important;
    color:#fff !important;
}
html.petcom-unified-board-hero .petcom-board-hero-kicker {
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin:0 0 15px;
    color:rgba(255,255,255,.76);
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.2em;
}
html.petcom-unified-board-hero .petcom-board-hero-kicker:before {
    content:"";
    width:28px;
    height:1px;
    background:#d7a36d;
}
html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63 .content h1 {
    margin:0 0 13px !important;
    color:#fff !important;
    font-size:38px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:-.045em !important;
    text-shadow:0 2px 14px rgba(0,0,0,.18) !important;
}
html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63 .content p {
    max-width:650px !important;
    margin:0 !important;
    color:rgba(255,255,255,.8) !important;
    font-size:15px !important;
    line-height:1.75 !important;
    font-weight:400 !important;
    letter-spacing:-.02em !important;
}
/* breadcrumbs: bright floating navigation card */
html.petcom-unified-board-hero #breadcrumbs.petcom-board-breadcrumb-v63 {
    position:relative !important;
    z-index:15 !important;
    width:min(1120px, calc(100% - 40px)) !important;
    height:auto !important;
    margin:-27px auto 42px !important;
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(109,77,56,.12) !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 16px 40px rgba(64,43,30,.11) !important;
    backdrop-filter:blur(14px);
}
html.petcom-unified-board-hero #breadcrumbs.petcom-board-breadcrumb-v63 .container {
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
}
html.petcom-unified-board-hero #breadcrumbs.petcom-board-breadcrumb-v63 .sub_three_map,
html.petcom-unified-board-hero #breadcrumbs.petcom-board-breadcrumb-v63 .row {
    margin:0 !important;
    padding:0 !important;
}
html.petcom-unified-board-hero #breadcrumbs.petcom-board-breadcrumb-v63 .home,
html.petcom-unified-board-hero #breadcrumbs.petcom-board-breadcrumb-v63 .sub_three_nav {
    min-height:54px !important;
    display:flex !important;
    align-items:center !important;
    border:0 !important;
    border-right:1px solid #eee6df !important;
    background:transparent !important;
    color:#5a4a40 !important;
    font-size:13px !important;
}
html.petcom-unified-board-hero #breadcrumbs.petcom-board-breadcrumb-v63 .last { border-right:0 !important; }
html.petcom-unified-board-hero #breadcrumbs.petcom-board-breadcrumb-v63 a {
    color:#4e4038 !important;
    font-weight:600 !important;
}

@media (max-width: 767px) {
    html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63 {
        height:194px !important;
        min-height:194px !important;
        background:
            linear-gradient(105deg, rgba(40,29,23,.82), rgba(58,42,33,.52)),
            url('/theme/theme/img/main/svisual03.jpg') center 50% / cover no-repeat !important;
    }
    html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63:after { width:calc(100% - 36px); }
    html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63 .content {
        width:calc(100% - 38px) !important;
        transform:translate(-50%,-43%) !important;
        text-align:left !important;
        padding:0 !important;
    }
    html.petcom-unified-board-hero .petcom-board-hero-kicker {
        margin-bottom:11px;
        font-size:9px;
        letter-spacing:.17em;
    }
    html.petcom-unified-board-hero .petcom-board-hero-kicker:before { width:20px; }
    html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63 .content h1 {
        margin-bottom:8px !important;
        font-size:27px !important;
        letter-spacing:-.04em !important;
    }
    html.petcom-unified-board-hero .s_visual_wrap.petcom-board-hero-v63 .content p {
        max-width:92% !important;
        font-size:11px !important;
        line-height:1.6 !important;
    }
    html.petcom-unified-board-hero #breadcrumbs.petcom-board-breadcrumb-v63 {
        width:calc(100% - 28px) !important;
        margin:-20px auto 28px !important;
        border-radius:13px !important;
        box-shadow:0 10px 28px rgba(64,43,30,.10) !important;
    }
    html.petcom-unified-board-hero #breadcrumbs.petcom-board-breadcrumb-v63 .home { display:none !important; }
    html.petcom-unified-board-hero #breadcrumbs.petcom-board-breadcrumb-v63 .sub_three_nav {
        min-height:46px !important;
        width:50% !important;
        padding:0 13px !important;
        font-size:11px !important;
    }
}
