/* Cosmo Pharm V30: customer care, policies, order tracking and My Account */

body.cp-support-v30{
    --cp30-ink:#173d2d;
    --cp30-ink-soft:#2f674f;
    --cp30-gold:#b79a58;
    --cp30-paper:#faf8f3;
    --cp30-line:#dfe5e1;
    --cp30-text:#4c5551;
    --cp30-white:#fff;
    background:#fff;
}

body.cp-support-v30 .site-content,
body.cp-support-v30 .ast-container,
body.cp-support-v30 #content{
    max-width:none !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

body.cp-support-v30 .cp-v30-support-page{
    width:100%;
    color:var(--cp30-text);
    background:#fff;
    overflow:hidden;
}

body.cp-support-v30 .cp-v30-support-shell{
    width:min(100% - 64px,1280px);
    margin:0 auto;
}

body.cp-support-v30 .cp-v30-support-hero{
    padding:82px 0 70px;
    border-bottom:1px solid var(--cp30-line);
    background:linear-gradient(180deg,#fff 0%,#fdfcf9 100%);
}

body.cp-support-v30 .cp-v30-support-eyebrow,
body.cp-support-v30 .cp-v30-support-nav-title{
    color:var(--cp30-gold);
    font:700 12px/1.2 Arial,sans-serif;
    letter-spacing:.2em;
    text-transform:uppercase;
}

body.cp-support-v30 .cp-v30-support-eyebrow{
    margin-bottom:18px;
}

body.cp-support-v30 .cp-v30-support-hero h1{
    max-width:900px;
    margin:0;
    color:var(--cp30-ink);
    font:400 clamp(44px,4.6vw,68px)/1.01 Georgia,"Times New Roman",serif;
    letter-spacing:-.035em;
}

body.cp-support-v30 .cp-v30-support-intro{
    max-width:720px;
    margin:22px 0 0;
    color:#717976;
    font:400 18px/1.65 Arial,sans-serif;
}

body.cp-support-v30 .cp-v30-support-main{
    padding:78px 0 96px;
}

body.cp-support-v30 .cp-v30-policy-grid{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:78px;
    align-items:start;
}

body.cp-support-v30 .cp-v30-policy-aside,
body.cp-support-v30 .cp-v30-action-aside,
body.cp-support-v30 .cp-v30-account-aside{
    min-width:0;
}

body.cp-support-v30 .cp-v30-support-nav{
    position:sticky;
    top:32px;
}

body.cp-support-v30 .cp-v30-support-nav-group + .cp-v30-support-nav-group{
    margin-top:30px;
}

body.cp-support-v30 .cp-v30-support-nav-title{
    margin:0 0 12px;
}

body.cp-support-v30 .cp-v30-support-nav-links{
    border-top:1px solid var(--cp30-line);
}

body.cp-support-v30 .cp-v30-support-nav-link{
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:13px 12px 13px 0;
    border-bottom:1px solid var(--cp30-line);
    color:var(--cp30-ink);
    font:600 14px/1.35 Arial,sans-serif;
    text-decoration:none !important;
    transition:padding .16s ease,background .16s ease,color .16s ease;
}

body.cp-support-v30 .cp-v30-support-nav-link:hover,
body.cp-support-v30 .cp-v30-support-nav-link:focus{
    padding-left:10px;
    background:var(--cp30-paper);
    color:var(--cp30-ink);
}

body.cp-support-v30 .cp-v30-support-nav-link.is-current{
    padding-left:14px;
    background:var(--cp30-ink);
    color:#fff;
}

body.cp-support-v30 .cp-v30-support-nav-arrow{
    flex:0 0 auto;
    font-size:17px;
    font-weight:400;
}

body.cp-support-v30 .cp-v30-policy-content,
body.cp-support-v30 .cp-v30-action-card,
body.cp-support-v30 .cp-v30-account-panel{
    min-width:0;
}

body.cp-support-v30 .cp-v30-policy-content{
    max-width:820px;
}

body.cp-support-v30 .cp-v30-rich-content{
    color:var(--cp30-text);
    font:400 16px/1.76 Arial,sans-serif;
}

body.cp-support-v30 .cp-v30-rich-content > :first-child{
    margin-top:0 !important;
}

body.cp-support-v30 .cp-v30-rich-content h2,
body.cp-support-v30 .cp-v30-rich-content h3,
body.cp-support-v30 .cp-v30-rich-content h4,
body.cp-support-v30 .cp-v30-rich-content h5,
body.cp-support-v30 .cp-v30-rich-content h6{
    margin:42px 0 14px;
    color:var(--cp30-ink);
    font-family:Georgia,"Times New Roman",serif;
    font-weight:400;
    letter-spacing:-.018em;
}

body.cp-support-v30 .cp-v30-rich-content h2{font-size:32px;line-height:1.15;}
body.cp-support-v30 .cp-v30-rich-content h3{font-size:27px;line-height:1.18;}
body.cp-support-v30 .cp-v30-rich-content h4,
body.cp-support-v30 .cp-v30-rich-content h5,
body.cp-support-v30 .cp-v30-rich-content h6{font-size:23px;line-height:1.22;}

body.cp-support-v30 .cp-v30-rich-content p{
    max-width:780px;
    margin:0 0 17px;
}

body.cp-support-v30 .cp-v30-rich-content ul,
body.cp-support-v30 .cp-v30-rich-content ol{
    max-width:780px;
    margin:12px 0 26px 22px;
    padding:0;
}

body.cp-support-v30 .cp-v30-rich-content li{
    margin:0 0 8px;
    padding-left:4px;
}

body.cp-support-v30 .cp-v30-rich-content a{
    color:var(--cp30-ink);
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}

body.cp-support-v30 .cp-v30-rich-content strong,
body.cp-support-v30 .cp-v30-rich-content b{
    color:#323a36;
}

body.cp-support-v30 .cp-v30-rich-content hr{
    margin:38px 0;
    border:0;
    border-top:1px solid var(--cp30-line);
}

body.cp-support-v30 .cp-v30-rich-content table{
    width:100%;
    max-width:100%;
    margin:24px 0 34px;
    border-collapse:collapse;
    background:#fff;
    font-size:15px;
}

body.cp-support-v30 .cp-v30-rich-content th,
body.cp-support-v30 .cp-v30-rich-content td{
    padding:14px 16px;
    border:1px solid var(--cp30-line);
    text-align:left;
    vertical-align:top;
}

body.cp-support-v30 .cp-v30-rich-content th{
    color:var(--cp30-ink);
    background:var(--cp30-paper);
}

/* Tracking page */
body.cp-support-v30 .cp-v30-action-layout,
body.cp-support-v30 .cp-v30-account-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 260px;
    gap:78px;
    align-items:start;
}

body.cp-support-v30 .cp-v30-action-card{
    max-width:820px;
    padding:38px 42px 42px;
    border:1px solid var(--cp30-line);
    background:#fff;
}

body.cp-support-v30 .woocommerce-form-track-order{
    margin:0 !important;
}

body.cp-support-v30 .woocommerce-form-track-order > p:first-child{
    max-width:680px;
    margin:0 0 30px !important;
    color:#69716e;
    font-size:17px;
    line-height:1.65;
}

body.cp-support-v30 .woocommerce-form-track-order .form-row{
    width:100% !important;
    float:none !important;
    margin:0 0 20px !important;
}

body.cp-support-v30 .woocommerce-form-track-order label,
body.cp-support-v30 .woocommerce-form-login label,
body.cp-support-v30 .woocommerce-form-register label,
body.cp-support-v30 .woocommerce-EditAccountForm label{
    display:block;
    margin-bottom:8px;
    color:var(--cp30-ink);
    font:700 13px/1.3 Arial,sans-serif;
}

body.cp-support-v30 input[type="text"],
body.cp-support-v30 input[type="email"],
body.cp-support-v30 input[type="password"],
body.cp-support-v30 input[type="tel"],
body.cp-support-v30 input[type="number"],
body.cp-support-v30 select,
body.cp-support-v30 textarea{
    width:100%;
    min-height:52px;
    padding:12px 14px;
    border:1px solid #cfd7d2;
    border-radius:0;
    background:#fff;
    color:#2f3834;
    box-shadow:none;
    font:400 15px/1.4 Arial,sans-serif;
}

body.cp-support-v30 textarea{min-height:130px;}

body.cp-support-v30 input:focus,
body.cp-support-v30 select:focus,
body.cp-support-v30 textarea:focus{
    outline:2px solid rgba(183,154,88,.35);
    outline-offset:0;
    border-color:var(--cp30-gold);
}

body.cp-support-v30 .button,
body.cp-support-v30 button.button,
body.cp-support-v30 input.button,
body.cp-support-v30 .woocommerce-button{
    min-height:50px;
    padding:13px 24px !important;
    border:1px solid var(--cp30-ink) !important;
    border-radius:0 !important;
    background:var(--cp30-ink) !important;
    color:#fff !important;
    box-shadow:none !important;
    font:700 13px/1 Arial,sans-serif !important;
    letter-spacing:.04em;
    text-transform:uppercase;
}

body.cp-support-v30 .button:hover,
body.cp-support-v30 button.button:hover,
body.cp-support-v30 input.button:hover,
body.cp-support-v30 .woocommerce-button:hover{
    border-color:var(--cp30-gold) !important;
    background:var(--cp30-gold) !important;
    color:var(--cp30-ink) !important;
}

/* My Account */
body.cp-support-v30 .cp-v30-account-panel{
    max-width:860px;
}

body.cp-support-v30 .woocommerce-account .woocommerce{
    display:block;
}

body.cp-support-v30 .woocommerce-account .woocommerce-MyAccount-navigation{
    width:230px;
    float:left;
    margin:0 34px 0 0;
}

body.cp-support-v30 .woocommerce-account .woocommerce-MyAccount-navigation ul{
    margin:0;
    padding:0;
    list-style:none;
    border-top:1px solid var(--cp30-line);
}

body.cp-support-v30 .woocommerce-account .woocommerce-MyAccount-navigation li{
    margin:0;
    padding:0;
    border-bottom:1px solid var(--cp30-line);
}

body.cp-support-v30 .woocommerce-account .woocommerce-MyAccount-navigation a{
    display:block;
    padding:14px 10px;
    color:var(--cp30-ink);
    font:600 14px/1.3 Arial,sans-serif;
    text-decoration:none;
}

body.cp-support-v30 .woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
    padding-left:14px;
    background:var(--cp30-ink);
    color:#fff;
}

body.cp-support-v30 .woocommerce-account .woocommerce-MyAccount-content{
    width:auto;
    float:none;
    overflow:hidden;
}

body.cp-support-v30 .woocommerce-form-login,
body.cp-support-v30 .woocommerce-form-register{
    max-width:560px;
    margin:0 !important;
    padding:34px !important;
    border:1px solid var(--cp30-line) !important;
    border-radius:0 !important;
    background:#fff;
}

body.cp-support-v30 .woocommerce-form-login .form-row,
body.cp-support-v30 .woocommerce-form-register .form-row{
    margin-bottom:18px;
}

body.cp-support-v30 .woocommerce-LostPassword{
    margin-top:18px !important;
}

body.cp-support-v30 .woocommerce-message,
body.cp-support-v30 .woocommerce-info,
body.cp-support-v30 .woocommerce-error{
    margin:0 0 24px !important;
    padding:16px 18px 16px 20px !important;
    border:0 !important;
    border-left:3px solid var(--cp30-gold) !important;
    background:var(--cp30-paper) !important;
    color:#3f4743 !important;
}

body.cp-support-v30 .woocommerce-message::before,
body.cp-support-v30 .woocommerce-info::before,
body.cp-support-v30 .woocommerce-error::before{
    display:none !important;
}

body.cp-support-v30 .woocommerce table.shop_table{
    border:1px solid var(--cp30-line) !important;
    border-radius:0 !important;
}

body.cp-support-v30 .woocommerce table.shop_table th,
body.cp-support-v30 .woocommerce table.shop_table td{
    padding:14px 16px !important;
    border-color:var(--cp30-line) !important;
}

@media (max-width:1000px){
    body.cp-support-v30 .cp-v30-policy-grid,
    body.cp-support-v30 .cp-v30-action-layout,
    body.cp-support-v30 .cp-v30-account-layout{
        grid-template-columns:220px minmax(0,1fr);
        gap:44px;
    }

    body.cp-support-v30 .cp-v30-action-layout,
    body.cp-support-v30 .cp-v30-account-layout{
        grid-template-columns:minmax(0,1fr) 220px;
    }
}

@media (max-width:767px){
    body.cp-support-v30 .cp-v30-support-shell{
        width:calc(100% - 40px);
    }

    body.cp-support-v30 .cp-v30-support-hero{
        padding:58px 0 52px;
    }

    body.cp-support-v30 .cp-v30-support-hero h1{
        font-size:40px;
        line-height:1.03;
    }

    body.cp-support-v30 .cp-v30-support-intro{
        margin-top:18px;
        font-size:16px;
        line-height:1.58;
    }

    body.cp-support-v30 .cp-v30-support-main{
        padding:54px 0 70px;
    }

    body.cp-support-v30 .cp-v30-policy-grid,
    body.cp-support-v30 .cp-v30-action-layout,
    body.cp-support-v30 .cp-v30-account-layout{
        display:flex;
        flex-direction:column;
        gap:42px;
    }

    body.cp-support-v30 .cp-v30-policy-aside,
    body.cp-support-v30 .cp-v30-action-aside,
    body.cp-support-v30 .cp-v30-account-aside{
        width:100%;
        order:-1;
    }

    body.cp-support-v30 .cp-v30-support-nav{
        position:static;
    }

    body.cp-support-v30 .cp-v30-support-nav-links{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        border-top:1px solid var(--cp30-line);
        border-left:1px solid var(--cp30-line);
    }

    body.cp-support-v30 .cp-v30-support-nav-link,
    body.cp-support-v30 .cp-v30-support-nav-link:hover,
    body.cp-support-v30 .cp-v30-support-nav-link:focus,
    body.cp-support-v30 .cp-v30-support-nav-link.is-current{
        min-height:58px;
        padding:12px !important;
        border-right:1px solid var(--cp30-line);
        border-bottom:1px solid var(--cp30-line);
    }

    body.cp-support-v30 .cp-v30-support-nav-link.is-current{
        border-color:var(--cp30-ink);
    }

    body.cp-support-v30 .cp-v30-action-card,
    body.cp-support-v30 .woocommerce-form-login,
    body.cp-support-v30 .woocommerce-form-register{
        padding:24px !important;
    }

    body.cp-support-v30 .cp-v30-rich-content{
        font-size:15px;
        line-height:1.72;
    }

    body.cp-support-v30 .cp-v30-rich-content h2{font-size:29px;}
    body.cp-support-v30 .cp-v30-rich-content h3{font-size:25px;}
    body.cp-support-v30 .cp-v30-rich-content h4,
    body.cp-support-v30 .cp-v30-rich-content h5,
    body.cp-support-v30 .cp-v30-rich-content h6{font-size:21px;}

    body.cp-support-v30 .woocommerce-account .woocommerce-MyAccount-navigation{
        width:100%;
        float:none;
        margin:0 0 30px;
    }

    body.cp-support-v30 .woocommerce-account .woocommerce-MyAccount-content{
        width:100%;
        overflow:visible;
    }

    body.cp-support-v30 .woocommerce table.shop_table{
        font-size:13px;
    }
}

@media (max-width:430px){
    body.cp-support-v30 .cp-v30-support-shell{
        width:calc(100% - 32px);
    }

    body.cp-support-v30 .cp-v30-support-hero h1{
        font-size:37px;
    }

    body.cp-support-v30 .cp-v30-support-nav-links{
        grid-template-columns:1fr;
    }
}

/* V30 navigation logic and layout refinement */
body.cp-support-v30 .cp-v30-support-layout{
    display:grid;
    grid-template-columns:250px minmax(0,1fr);
    gap:82px;
    align-items:start;
}

body.cp-support-v30 .cp-v30-support-content{
    min-width:0;
    max-width:860px;
}

body.cp-support-v30 .cp-v30-support-aside{
    min-width:0;
}

body.cp-support-v30 .cp-v30-support-nav-link{
    position:relative;
    padding:14px 14px 14px 12px;
    background:transparent;
    color:var(--cp30-ink);
}

body.cp-support-v30 .cp-v30-support-nav-link:hover,
body.cp-support-v30 .cp-v30-support-nav-link:focus{
    padding-left:16px;
    background:#fbf8f0;
    color:var(--cp30-ink);
}

body.cp-support-v30 .cp-v30-support-nav-link.is-current{
    padding-left:18px;
    background:#f7f1e4;
    color:var(--cp30-ink);
    font-weight:700;
}

body.cp-support-v30 .cp-v30-support-nav-link.is-current::before{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    bottom:10px;
    width:3px;
    background:var(--cp30-gold);
}

body.cp-support-v30 .cp-v30-support-nav-link.is-current .cp-v30-support-nav-arrow{
    color:var(--cp30-gold);
}

body.cp-support-v30 .cp-v30-support-mobile-menu{
    display:none;
}

/* Tracking page: remove the old preformatted, grey-box feeling. */
body.cp-support-v30-tracking .cp-v30-tracking-card{
    max-width:820px;
    padding:36px 40px 40px;
    border:1px solid var(--cp30-line);
    background:#fff;
}

body.cp-support-v30-tracking .cp-v30-tracking-card pre,
body.cp-support-v30-tracking .cp-v30-tracking-card code,
body.cp-support-v30-tracking .cp-v30-tracking-card .wp-block-preformatted{
    max-width:none;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    color:var(--cp30-text);
    white-space:normal;
    font:400 16px/1.7 Arial,sans-serif;
}

body.cp-support-v30-tracking .woocommerce-form-track-order{
    padding:0 !important;
    background:#fff !important;
}

body.cp-support-v30-tracking .woocommerce-form-track-order > p:first-child{
    margin:0 0 28px !important;
    padding:0 !important;
    background:transparent !important;
    color:#69716e;
    font:400 16px/1.7 Arial,sans-serif !important;
}

/* One WooCommerce account layout inside the shared support content. */
body.cp-support-v30-account .cp-v30-account-panel{
    max-width:900px;
}

@media (max-width:1000px){
    body.cp-support-v30 .cp-v30-support-layout{
        grid-template-columns:220px minmax(0,1fr);
        gap:48px;
    }
}

@media (max-width:767px){
    body.cp-support-v30 .cp-v30-support-layout{
        display:block;
    }

    body.cp-support-v30 .cp-v30-support-aside{
        display:none;
    }

    body.cp-support-v30 .cp-v30-support-mobile-menu{
        display:block;
        margin:0 0 34px;
        border-top:1px solid var(--cp30-line);
        border-bottom:1px solid var(--cp30-line);
    }

    body.cp-support-v30 .cp-v30-support-mobile-menu > summary{
        min-height:58px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:18px;
        padding:0 4px;
        color:var(--cp30-ink);
        cursor:pointer;
        list-style:none;
        font:700 14px/1.3 Arial,sans-serif;
    }

    body.cp-support-v30 .cp-v30-support-mobile-menu > summary::-webkit-details-marker{
        display:none;
    }

    body.cp-support-v30 .cp-v30-mobile-menu-plus{
        color:var(--cp30-gold);
        font-size:22px;
        font-weight:400;
        transition:transform .18s ease;
    }

    body.cp-support-v30 .cp-v30-support-mobile-menu[open] .cp-v30-mobile-menu-plus{
        transform:rotate(45deg);
    }

    body.cp-support-v30 .cp-v30-support-mobile-menu-panel{
        padding:4px 0 22px;
    }

    body.cp-support-v30 .cp-v30-support-nav-mobile{
        position:static;
    }

    body.cp-support-v30 .cp-v30-support-nav-mobile .cp-v30-support-nav-links{
        display:block;
        border-left:0;
    }

    body.cp-support-v30 .cp-v30-support-nav-mobile .cp-v30-support-nav-link,
    body.cp-support-v30 .cp-v30-support-nav-mobile .cp-v30-support-nav-link:hover,
    body.cp-support-v30 .cp-v30-support-nav-mobile .cp-v30-support-nav-link:focus,
    body.cp-support-v30 .cp-v30-support-nav-mobile .cp-v30-support-nav-link.is-current{
        min-height:52px;
        padding:13px 12px !important;
        border-right:0;
    }

    body.cp-support-v30 .cp-v30-support-nav-mobile .cp-v30-support-nav-link.is-current{
        padding-left:18px !important;
        background:#f7f1e4;
    }

    body.cp-support-v30-tracking .cp-v30-tracking-card{
        max-width:none;
        padding:24px !important;
    }
}