/* Hof Maiberg Companion 1.0.15 – Gutschein-Designer */

.hmc-voucher-page,
.hmc-voucher-page *,
.hmc-voucher-overview,
.hmc-voucher-overview *{
    box-sizing:border-box;
}

.hmc-voucher-page,
.hmc-voucher-overview{
    --hmc-green:#3F5238;
    --hmc-orange:#C97B19;
    --hmc-bg:#F8F6F1;
    --hmc-text:#2E352B;
    --hmc-line:#E3DED2;
    color:var(--hmc-text);
}

.hmc-voucher-product-page .site-content{
    padding-top:0!important;
}

.hmc-voucher-page{
    background:var(--hmc-bg);
}

.hmc-voucher-page__hero{
    padding:76px 0 68px;
    background:
        radial-gradient(circle at 86% 22%,rgba(255,255,255,.15),transparent 30%),
        linear-gradient(135deg,#35482F,#526648);
    color:#fff;
}

.hmc-voucher-page__hero-inner,
.hmc-voucher-page__container{
    width:min(1240px,calc(100% - 80px));
    margin:0 auto;
}

.hmc-voucher-page__back{
    display:inline-block;
    margin-bottom:30px;
    color:rgba(255,255,255,.9);
    font-family:"Montserrat",sans-serif;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}

.hmc-voucher-page__eyebrow{
    margin:0 0 10px;
    font-family:"Montserrat",sans-serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.hmc-voucher-page__hero h1{
    max-width:850px;
    margin:0;
    color:#fff;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:clamp(50px,7vw,84px);
    font-weight:600;
    line-height:1;
}

.hmc-voucher-page__intro{
    max-width:730px;
    margin:22px 0 0;
    color:rgba(255,255,255,.9);
    font-family:"Montserrat",sans-serif;
    font-size:15px;
    line-height:1.75;
}

.hmc-voucher-page__container{
    padding:74px 0 100px;
}

.hmc-voucher-page__layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);
    gap:clamp(48px,6vw,85px);
    align-items:start;
}

.hmc-voucher-designer{
    min-width:0;
}

.hmc-voucher-designer__heading p{
    margin:0 0 7px;
    color:#6F8A57;
    font-family:"Montserrat",sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.hmc-voucher-designer__heading h2{
    margin:0 0 26px;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:48px;
    font-weight:600;
    line-height:1.05;
}

.hmc-voucher-designer__description{
    margin-bottom:34px;
    color:#505A4D;
    font-family:"Montserrat",sans-serif;
    font-size:14px;
    line-height:1.8;
}

.hmc-voucher-form{
    margin:0!important;
}

.hmc-voucher-form__group{
    margin:0 0 26px;
    padding:25px;
    border:1px solid var(--hmc-line);
    border-radius:16px;
    background:#fff;
}

.hmc-voucher-form__group legend{
    padding:0 8px;
    color:var(--hmc-green);
    font-family:"Montserrat",sans-serif;
    font-size:13px;
    font-weight:700;
}

.hmc-voucher-motifs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.hmc-voucher-motif{
    position:relative;
    display:block;
    min-width:0;
    padding:16px;
    border:2px solid #E6E1D7;
    border-radius:14px;
    background:#FBFAF7;
    cursor:pointer;
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}

.hmc-voucher-motif:hover,
.hmc-voucher-motif.is-selected{
    border-color:var(--hmc-orange);
    box-shadow:0 8px 25px rgba(63,82,56,.08);
    transform:translateY(-2px);
}

.hmc-voucher-motif input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.hmc-voucher-motif__art{
    height:105px;
    display:block;
    overflow:hidden;
    color:#526648;
}

.hmc-voucher-motif__art svg{
    width:100%;
    height:100%;
}

.hmc-voucher-motif:nth-child(2) .hmc-voucher-motif__art{
    color:#795D4C;
}

.hmc-voucher-motif strong,
.hmc-voucher-motif small{
    display:block;
    font-family:"Montserrat",sans-serif;
}

.hmc-voucher-motif strong{
    margin-top:8px;
    font-size:13px;
}

.hmc-voucher-motif small{
    margin-top:4px;
    color:#747B71;
    font-size:10.5px;
    line-height:1.5;
}

.hmc-voucher-form__columns{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.hmc-voucher-form__field{
    display:block;
    margin:0 0 17px;
}

.hmc-voucher-form__field:last-child{
    margin-bottom:0;
}

.hmc-voucher-form__field>span,
.hmc-voucher-form__fixed-amount>span{
    display:block;
    margin-bottom:7px;
    color:#5B6457;
    font-family:"Montserrat",sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.hmc-voucher-form__field em{
    color:#8A8E87;
    font-size:10px;
    font-style:normal;
    text-transform:none;
}

.hmc-voucher-form__field input,
.hmc-voucher-form__field textarea{
    width:100%;
    min-height:46px;
    padding:10px 12px;
    border:1px solid #D7D3CA!important;
    border-radius:9px!important;
    background:#fff!important;
    color:var(--hmc-text)!important;
    font-family:"Montserrat",sans-serif!important;
    font-size:14px!important;
    box-shadow:none!important;
}

.hmc-voucher-form__field textarea{
    min-height:112px;
    resize:vertical;
}

.hmc-voucher-form__field input:focus,
.hmc-voucher-form__field textarea:focus{
    border-color:var(--hmc-orange)!important;
    outline:2px solid rgba(201,123,25,.16)!important;
}

.hmc-voucher-form__field small{
    display:block;
    margin-top:6px;
    color:#777D74;
    font-family:"Montserrat",sans-serif;
    font-size:10.5px;
    line-height:1.55;
}

.hmc-voucher-form__field--amount{
    max-width:330px;
}

.hmc-voucher-form__field--amount input{
    font-size:21px!important;
    font-weight:700!important;
}

.hmc-voucher-form__fixed-amount{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:16px 18px;
    border-radius:10px;
    background:#F3F6F0;
}

.hmc-voucher-form__fixed-amount>span{
    margin:0;
}

.hmc-voucher-form__fixed-amount strong{
    color:var(--hmc-green);
    font-family:"Montserrat",sans-serif;
    font-size:24px;
}

.hmc-voucher-form__payment-note{
    display:flex;
    gap:13px;
    margin:0 0 22px;
    padding:16px 18px;
    border-radius:12px;
    background:#EEF3EA;
    color:#40503C;
    font-family:"Montserrat",sans-serif;
    font-size:12px;
    line-height:1.6;
}

.hmc-voucher-form__payment-note strong{
    flex:0 0 auto;
}

.hmc-voucher-form__submit{
    width:100%;
    min-height:52px!important;
    padding:14px 24px!important;
    border:0!important;
    border-radius:999px!important;
    background:var(--hmc-green)!important;
    color:#fff!important;
    font-family:"Montserrat",sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    box-shadow:none!important;
}

.hmc-voucher-form__submit:hover{
    background:#30422B!important;
}

.hmc-voucher-preview-wrap{
    position:sticky;
    top:105px;
}

.hmc-voucher-preview{
    position:relative;
    min-height:600px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:44px;
    border-radius:24px;
    background:
        linear-gradient(145deg,#F8F6F1,#EEE9DD);
    box-shadow:0 22px 55px rgba(46,53,43,.15);
    color:var(--hmc-green);
}

.hmc-voucher-preview[data-motif="pigs"]{
    background:
        linear-gradient(145deg,#F5EFE7,#E8DED0);
    color:#765B48;
}

.hmc-voucher-preview::after{
    content:"";
    position:absolute;
    inset:16px;
    border:1px solid rgba(63,82,56,.22);
    border-radius:17px;
    pointer-events:none;
}

.hmc-voucher-preview__art{
    position:absolute;
    inset:0;
    opacity:.16;
    pointer-events:none;
}

.hmc-voucher-preview__art svg{
    width:100%;
    height:100%;
    transform:scale(1.35);
}

.hmc-voucher-preview__art--pigs{
    display:none;
}

.hmc-voucher-preview[data-motif="pigs"] .hmc-voucher-preview__art--herbs{
    display:none;
}

.hmc-voucher-preview[data-motif="pigs"] .hmc-voucher-preview__art--pigs{
    display:block;
}

.hmc-voucher-preview__content{
    position:relative;
    z-index:2;
    width:100%;
    max-width:430px;
    text-align:center;
}

.hmc-voucher-preview__logo{
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:17px;
}

.hmc-voucher-preview__logo img{
    max-width:160px;
    max-height:72px;
    object-fit:contain;
}

.hmc-voucher-preview__logo-text{
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:33px;
    font-weight:700;
}

.hmc-voucher-preview__kicker{
    margin:0 0 8px;
    font-family:"Montserrat",sans-serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.hmc-voucher-preview__amount{
    margin:0 0 22px;
    color:#2E352B;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:58px;
    font-weight:700;
    line-height:1;
}

.hmc-voucher-preview__recipient{
    color:#626B5D;
    font-family:"Montserrat",sans-serif;
    font-size:12px;
}

.hmc-voucher-preview__recipient strong{
    display:block;
    margin-top:3px;
    color:#2E352B;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:28px;
    font-weight:600;
}

.hmc-voucher-preview__message{
    max-width:360px;
    margin:18px auto;
    color:#4F594C;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:20px;
    font-style:italic;
    line-height:1.45;
}

.hmc-voucher-preview__sender{
    margin:0 0 18px;
    color:#687064;
    font-family:"Montserrat",sans-serif;
    font-size:11px;
}

.hmc-voucher-preview__code{
    max-width:310px;
    margin:24px auto 0;
    padding:12px 14px;
    border:1px solid rgba(63,82,56,.22);
    border-radius:10px;
    background:rgba(255,255,255,.68);
}

.hmc-voucher-preview__code span,
.hmc-voucher-preview__code strong{
    display:block;
    font-family:"Montserrat",sans-serif;
}

.hmc-voucher-preview__code span{
    color:#7A8176;
    font-size:9px;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.hmc-voucher-preview__code strong{
    margin-top:4px;
    color:#3F5238;
    font-size:11px;
    letter-spacing:.06em;
}

.hmc-voucher-preview[data-motif="pigs"] .hmc-voucher-preview__code strong{
    color:#765B48;
}

.hmc-voucher-preview__valid{
    margin:18px 0 0;
    color:#6D746A;
    font-family:"Montserrat",sans-serif;
    font-size:9.5px;
    line-height:1.5;
}

.hmc-voucher-preview-wrap__hint{
    margin:14px auto 0;
    max-width:430px;
    color:#777D74;
    font-family:"Montserrat",sans-serif;
    font-size:10.5px;
    line-height:1.55;
    text-align:center;
}

/* Voucher overview */
.hmc-voucher-overview__grid{
    display:grid;
    gap:25px;
}

.hmc-voucher-overview__grid--1{grid-template-columns:1fr}
.hmc-voucher-overview__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hmc-voucher-overview__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hmc-voucher-overview__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

.hmc-voucher-overview__card{
    overflow:hidden;
    border:1px solid var(--hmc-line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 9px 30px rgba(46,53,43,.07);
}

.hmc-voucher-overview__art{
    position:relative;
    height:180px;
    overflow:hidden;
    background:#EEF2E9;
    color:#4C6344;
}

.hmc-voucher-overview__art svg{
    width:100%;
    height:100%;
    transform:scale(1.22);
    opacity:.55;
}

.hmc-voucher-overview__art span{
    position:absolute;
    left:20px;
    bottom:18px;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(248,246,241,.9);
    color:#3F5238;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:18px;
    font-weight:700;
}

.hmc-voucher-overview__content{
    padding:24px;
}

.hmc-voucher-overview__eyebrow{
    margin:0 0 8px;
    color:#6F8A57;
    font-family:"Montserrat",sans-serif;
    font-size:10px;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.hmc-voucher-overview__content h3{
    min-height:56px;
    margin:0 0 12px;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:29px;
    font-weight:600;
    line-height:1.05;
}

.hmc-voucher-overview__price{
    margin:0 0 14px;
    color:#C97B19;
    font-family:"Montserrat",sans-serif;
    font-size:15px;
    font-weight:700;
}

.hmc-voucher-overview__text{
    min-height:66px;
    margin:0 0 20px;
    color:#626B5D;
    font-family:"Montserrat",sans-serif;
    font-size:12px;
    line-height:1.65;
}

.hmc-voucher-overview__link{
    color:#C97B19;
    font-family:"Montserrat",sans-serif;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
}

.hmc-voucher-empty{
    padding:32px;
    border-radius:14px;
    background:#F8F6F1;
    color:#60685D;
    font-family:"Montserrat",sans-serif;
    text-align:center;
}

@media(max-width:1050px){
    .hmc-voucher-page__layout{
        grid-template-columns:1fr;
    }

    .hmc-voucher-preview-wrap{
        position:static;
    }

    .hmc-voucher-preview{
        min-height:540px;
    }

    .hmc-voucher-overview__grid--4,
    .hmc-voucher-overview__grid--3{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:680px){
    .hmc-voucher-page__hero-inner,
    .hmc-voucher-page__container{
        width:calc(100% - 38px);
    }

    .hmc-voucher-page__hero{
        padding:58px 0 54px;
    }

    .hmc-voucher-page__container{
        padding:50px 0 70px;
    }

    .hmc-voucher-motifs,
    .hmc-voucher-form__columns,
    .hmc-voucher-overview__grid,
    .hmc-voucher-overview__grid--2,
    .hmc-voucher-overview__grid--3,
    .hmc-voucher-overview__grid--4{
        grid-template-columns:1fr;
    }

    .hmc-voucher-preview{
        min-height:510px;
        padding:32px 25px;
    }

    .hmc-voucher-preview__amount{
        font-size:48px;
    }

    .hmc-voucher-form__group{
        padding:21px 18px;
    }

    .hmc-voucher-overview__content h3,
    .hmc-voucher-overview__text{
        min-height:0;
    }
}

@media(prefers-reduced-motion:reduce){
    .hmc-voucher-motif{
        transition:none;
    }
}