.hg-shop-page{
    --shop-bg:#f4f0e8;
    --shop-panel:#c8bfb1;
    --shop-text:#303640;
    --shop-gold:#c6a145;
    --shop-gold-light:#f3dc6b;
    background:var(--shop-bg);
    color:var(--shop-text);
    overflow:hidden;
}
.hg-shop-page *{box-sizing:border-box}
.hg-shop-shell{width:min(94vw,1560px);margin-inline:auto}
.hg-shop-hero{padding-top:0;overflow:hidden}
.hg-shop-hero__image{width:100%;max-width:none;height:auto}
.hg-shop-offers{padding:clamp(42px,5vw,84px) 0 clamp(60px,7vw,110px)}
.hg-shop-card{position:relative;display:grid;grid-template-columns:minmax(230px,28%) minmax(0,1fr);min-height:clamp(300px,26vw,410px);margin-bottom:clamp(52px,6vw,92px);border-radius:clamp(26px,3vw,58px);background:var(--shop-panel);overflow:visible}
.hg-shop-card__visual{align-self:stretch;overflow:hidden;border:2px solid var(--shop-gold);border-radius:clamp(22px,2.6vw,42px);background:#fff}
.hg-shop-card__visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.hg-shop-card__content{position:relative;display:flex;min-width:0;flex-direction:column;padding:clamp(28px,3.1vw,54px) clamp(32px,4.5vw,80px) clamp(26px,3vw,48px) clamp(30px,3.2vw,54px)}
.hg-shop-card__copy{max-width:980px;padding-right:clamp(0px,7vw,120px)}
.hg-shop-card h2{margin:0 0 clamp(14px,1.6vw,24px);font-family:var(--hg-font-heading);font-size:clamp(2rem,3.2vw,4rem);font-weight:400;line-height:1.02}
.hg-shop-card__text{font-family:var(--hg-font-serif);font-size:clamp(.97rem,1.18vw,1.34rem);line-height:1.12}
.hg-shop-card__text p{margin:0 0 .75em}
.hg-shop-card__actions{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(22px,4vw,70px);margin-top:auto;padding-top:clamp(18px,2vw,30px)}
.hg-shop-card__purchase{display:flex;width:min(360px,44%);flex-direction:column;align-items:stretch}
.hg-shop-card__purchase--priced{width:min(440px,52%)}
.hg-shop-button{position:relative;display:inline-flex;min-height:clamp(54px,4.8vw,70px);align-items:center;justify-content:center;overflow:hidden;padding:12px clamp(22px,2.7vw,40px);border:1.5px solid var(--shop-gold);border-radius:12px;font-family:var(--hg-font-serif);font-size:clamp(.9rem,1.15vw,1.18rem);transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease,color .28s ease,border-color .28s ease}
.hg-shop-button:after{content:"";position:absolute;top:-60%;left:-42%;width:26%;height:220%;opacity:0;transform:translateX(-260%) skewX(-24deg);background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.15) 34%,rgba(255,255,255,.9) 50%,rgba(243,220,107,.62) 57%,transparent 77%);filter:blur(2px);pointer-events:none;animation:hgShopSheen 10s ease-in-out infinite}
.hg-shop-card:nth-child(2) .hg-shop-button:after{animation-delay:1.5s}.hg-shop-card:nth-child(3) .hg-shop-button:after{animation-delay:3s}.hg-shop-card:nth-child(4) .hg-shop-button:after{animation-delay:4.5s}.hg-shop-card:nth-child(5) .hg-shop-button:after{animation-delay:6s}.hg-shop-card:nth-child(6) .hg-shop-button:after{animation-delay:7.5s}
@keyframes hgShopSheen{0%,18%,100%{opacity:0;transform:translateX(-260%) skewX(-24deg)}4%{opacity:1}14%{opacity:0;transform:translateX(720%) skewX(-24deg)}}
.hg-shop-button--light{min-width:clamp(170px,16vw,250px);background:rgba(244,240,232,.76);color:var(--shop-text);box-shadow:10px 12px 18px rgba(0,0,0,.14)}
.hg-shop-button--dark{width:100%;gap:clamp(8px,1vw,16px);background:var(--shop-text);color:var(--shop-gold-light);box-shadow:14px 16px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -5px 10px rgba(0,0,0,.18)}
.hg-shop-button__price{padding-left:clamp(8px,1vw,16px);border-left:1px solid rgba(243,220,107,.52);white-space:nowrap;font-family:var(--hg-font-ui);font-size:.95em;letter-spacing:.02em}
.hg-shop-card__purchase .hg-shop-button--dark{margin-top:0}
.hg-shop-button:hover,.hg-shop-button:focus-visible{background:var(--shop-gold-light);color:var(--shop-text);border-color:var(--shop-text);transform:translateY(5px);box-shadow:5px 7px 11px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -4px 8px rgba(117,84,0,.15)}
.hg-shop-button:hover .hg-shop-button__price,.hg-shop-button:focus-visible .hg-shop-button__price{border-left-color:rgba(48,54,64,.38)}
.hg-shop-button--light:hover,.hg-shop-button--light:focus-visible{background:var(--shop-text);color:var(--shop-gold-light);border-color:var(--shop-gold);transform:translateY(5px)}
.hg-shop-cart{margin-left:12px;font-family:Arial,sans-serif;font-size:1.1em;filter:grayscale(1) sepia(1) saturate(3)}
.hg-shop-card__ribbon{position:absolute;z-index:3;top:clamp(-18px,-1.2vw,-10px);right:clamp(-20px,-1vw,-8px);width:clamp(180px,21vw,320px);height:auto;pointer-events:none;filter:drop-shadow(0 9px 10px rgba(0,0,0,.14))}
.hg-shop-reveal{opacity:0;transform:translateY(24px);transition:opacity .82s ease,transform .82s ease}
.hg-shop-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){
    .hg-shop-card{grid-template-columns:minmax(210px,34%) minmax(0,1fr)}
    .hg-shop-card__copy{padding-right:0}
    .hg-shop-card__actions{align-items:stretch;flex-direction:column}
    .hg-shop-card__purchase,.hg-shop-card__purchase--priced{width:min(440px,100%);align-self:flex-end}
    .hg-shop-button--light{align-self:flex-start}
}
@media(max-width:760px){
    .hg-shop-shell{width:calc(100% - 28px)}
    .hg-shop-hero__image{width:180%;max-width:none;transform:translateX(-18%)}
    .hg-shop-offers{padding-top:34px}
    .hg-shop-card{grid-template-columns:1fr;border-radius:28px;overflow:hidden}
    .hg-shop-card__visual{width:100%;max-height:none;border-radius:28px 28px 0 0}
    .hg-shop-card__visual img{height:auto;object-fit:contain}
    .hg-shop-card__content{padding:30px 22px 24px}
    .hg-shop-card h2{font-size:clamp(2.1rem,10vw,3.35rem)}
    .hg-shop-card__text{font-size:1rem;line-height:1.28}
    .hg-shop-card__actions{gap:16px}
    .hg-shop-button--light,.hg-shop-card__purchase{width:100%;align-self:stretch}
    .hg-shop-card__ribbon{top:0;right:-14px;width:min(56vw,250px)}
}
@media(max-width:430px){
    .hg-shop-card__ribbon{width:min(62vw,220px)}
    .hg-shop-button{font-size:.88rem}
}
@media(prefers-reduced-motion:reduce){
    .hg-shop-reveal,.hg-shop-button:after{animation:none!important;transition:none!important}
    .hg-shop-reveal{opacity:1;transform:none}
}

/* 20.07.2026 — korekty interakcji kart sklepu */
.hg-shop-button__price{
    font-size:clamp(1.08rem,1.45vw,1.5rem);
    font-weight:600;
    line-height:1;
}

.hg-shop-card__visual img{
    transform:scale(1);
    transition:transform .55s cubic-bezier(.2,.75,.25,1);
    will-change:transform;
}

.hg-shop-card__ribbon{
    transform:translate3d(0,0,0) scale(1);
    transform-origin:top right;
    transition:transform .42s cubic-bezier(.2,.75,.25,1),filter .42s ease;
    will-change:transform;
}

@media (hover:hover) and (pointer:fine){
    .hg-shop-card__visual:hover img,
    .hg-shop-card:hover .hg-shop-card__visual img{
        transform:scale(1.065);
    }

    .hg-shop-card__ribbon:hover,
    .hg-shop-card:hover .hg-shop-card__ribbon{
        transform:translate3d(clamp(-18px,-1.6vw,-28px),clamp(18px,1.6vw,28px),0) scale(1.075);
        filter:drop-shadow(0 14px 14px rgba(0,0,0,.2));
    }
}

@media(max-width:760px){
    .hg-shop-button__price{font-size:1.08rem}
}

@media(prefers-reduced-motion:reduce){
    .hg-shop-card__visual img,
    .hg-shop-card__ribbon{transition:none!important;transform:none!important}
}

/* 20.07.2026 — dopracowanie powiększeń i oddechu treści */
.hg-shop-card__text{
    line-height:1.28;
}

.hg-shop-card__text p{
    margin-bottom:.95em;
}

.hg-shop-card__visual{
    transform:scale(1);
    transform-origin:center center;
    transition:transform .55s cubic-bezier(.2,.75,.25,1),box-shadow .55s ease;
    will-change:transform;
}

.hg-shop-card__visual img{
    transform:none;
    transition:none;
    will-change:auto;
}

.hg-shop-card__ribbon{
    transform-origin:top right;
}

@media (hover:hover) and (pointer:fine){
    .hg-shop-card__visual:hover,
    .hg-shop-card:hover .hg-shop-card__visual{
        transform:scale(1.055);
        box-shadow:0 14px 26px rgba(0,0,0,.14);
    }

    .hg-shop-card__visual:hover img,
    .hg-shop-card:hover .hg-shop-card__visual img{
        transform:none;
    }

    .hg-shop-card__ribbon:hover,
    .hg-shop-card:hover .hg-shop-card__ribbon{
        transform:scale(1.06);
        filter:drop-shadow(0 12px 12px rgba(0,0,0,.18));
    }
}

@media(max-width:760px){
    .hg-shop-card__text{
        line-height:1.34;
    }
}

@media(prefers-reduced-motion:reduce){
    .hg-shop-card__visual{transition:none!important;transform:none!important}
}

/* 20.07.2026 — wspólny premium hover ciemnych przycisków */
@media (hover:hover) and (pointer:fine){
    .hg-shop-button--dark:hover,
    .hg-shop-button--dark:focus-visible{
        color:#30343b;
        border-color:var(--shop-gold);
        background:linear-gradient(100deg,#b88e20 0%,#f7e172 42%,#c59726 100%);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -6px 12px rgba(107,73,4,.13),0 7px 10px rgba(34,38,44,.22);
        transform:translateY(4px);
    }
}

/* 20.07.2026 — compact premium: niższe karty sklepu na desktopie */
@media (min-width:1061px){
    .hg-shop-offers{
        padding:clamp(30px,3.6vw,56px) 0 clamp(44px,5vw,76px);
    }

    .hg-shop-card{
        grid-template-columns:minmax(210px,24%) minmax(0,1fr);
        min-height:clamp(245px,20vw,315px);
        margin-bottom:clamp(30px,3.6vw,54px);
        border-radius:clamp(22px,2.4vw,42px);
    }

    .hg-shop-card__visual{
        border-radius:clamp(20px,2.2vw,36px);
    }

    .hg-shop-card__content{
        padding:clamp(20px,2vw,34px) clamp(26px,3.4vw,58px) clamp(18px,1.8vw,30px) clamp(24px,2.4vw,40px);
    }

    .hg-shop-card__copy{
        max-width:1020px;
        padding-right:clamp(0px,5.5vw,92px);
    }

    .hg-shop-card h2{
        margin-bottom:clamp(8px,.9vw,14px);
        font-size:clamp(1.55rem,2.25vw,2.85rem);
        line-height:1;
    }

    .hg-shop-card__text{
        font-size:clamp(.86rem,.98vw,1.08rem);
        line-height:1.2;
    }

    .hg-shop-card__text p{
        margin-bottom:.58em;
    }

    .hg-shop-card__actions{
        gap:clamp(16px,2.8vw,42px);
        margin-top:clamp(6px,.8vw,12px);
        padding-top:clamp(8px,.9vw,14px);
    }

    .hg-shop-card__purchase{
        width:min(320px,40%);
    }

    .hg-shop-card__purchase--priced{
        width:min(390px,47%);
    }

    .hg-shop-button{
        min-height:clamp(44px,3.6vw,54px);
        padding:8px clamp(18px,2vw,30px);
        border-radius:10px;
        font-size:clamp(.78rem,.92vw,.98rem);
    }

    .hg-shop-button--light{
        min-width:clamp(150px,13vw,210px);
    }

    .hg-shop-button__price{
        font-size:clamp(.96rem,1.12vw,1.2rem);
    }

    .hg-shop-card__ribbon{
        width:clamp(150px,17vw,250px);
    }
}

/* niższe, ale nadal wygodne karty na tabletach */
@media (min-width:761px) and (max-width:1060px){
    .hg-shop-card{
        min-height:clamp(280px,34vw,360px);
        margin-bottom:clamp(36px,4.5vw,58px);
    }

    .hg-shop-card__content{
        padding:clamp(22px,3vw,34px) clamp(24px,3.8vw,42px) clamp(20px,2.8vw,30px);
    }

    .hg-shop-card h2{
        font-size:clamp(1.65rem,3vw,2.55rem);
        margin-bottom:10px;
    }

    .hg-shop-card__text{
        font-size:clamp(.9rem,1.45vw,1.04rem);
        line-height:1.24;
    }

    .hg-shop-card__actions{
        gap:14px;
        margin-top:8px;
        padding-top:10px;
    }

    .hg-shop-button{
        min-height:48px;
        padding-block:8px;
        font-size:.9rem;
    }
}

/* 20.07.2026 — pełne wykorzystanie wysokości panelu przez tekst */
@media (min-width:1061px){
    .hg-shop-card{
        grid-template-columns:minmax(150px,16%) minmax(0,1fr);
        min-height:clamp(190px,15vw,245px);
        margin-bottom:clamp(24px,2.8vw,40px);
    }

    .hg-shop-card__content{
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(210px,280px);
        grid-template-rows:1fr;
        column-gap:clamp(24px,2.5vw,42px);
        padding:clamp(16px,1.5vw,24px) clamp(20px,2.3vw,36px);
    }

    .hg-shop-card__copy{
        display:flex;
        min-width:0;
        height:100%;
        max-width:none;
        flex-direction:column;
        justify-content:flex-start;
        padding-right:0;
    }

    .hg-shop-card h2{
        margin:0 0 clamp(10px,.8vw,14px);
        font-size:clamp(1.55rem,1.85vw,2.25rem);
        line-height:1.04;
    }

    .hg-shop-card__text{
        display:flex;
        min-height:0;
        flex:1;
        flex-direction:column;
        justify-content:space-between;
        font-size:clamp(1rem,1.02vw,1.16rem);
        line-height:1.42;
    }

    .hg-shop-card__text p{
        margin:0 0 .7em;
    }

    .hg-shop-card__text p:last-child{
        margin-bottom:0;
    }

    .hg-shop-card__actions{
        display:flex;
        width:100%;
        height:100%;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-end;
        gap:10px;
        margin-top:0;
        padding-top:0;
    }

    .hg-shop-button--light,
    .hg-shop-card__purchase,
    .hg-shop-card__purchase--priced{
        width:100%;
        min-width:0;
        max-width:none;
        align-self:stretch;
    }

    .hg-shop-button{
        min-height:42px;
        padding:8px 16px;
        font-size:clamp(.86rem,.9vw,1rem);
    }

    .hg-shop-card__visual{
        min-width:0;
    }
}


/* 28.07.2026 — ujednolicone przyciski i dopasowanie grafiki Mentoring */
.hg-shop-button--gold{
    min-width:clamp(170px,16vw,250px);
    color:#303640;
    border-color:#c6a145;
    background:linear-gradient(100deg,#b88e20 0%,#f7e172 42%,#c59726 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55),
               inset 0 -6px 12px rgba(107,73,4,.13),
               0 9px 16px rgba(74,55,11,.24);
}

.hg-shop-button--gold:hover,
.hg-shop-button--gold:focus-visible{
    color:#f3dc6b;
    border-color:#c6a145;
    background:#303640;
    box-shadow:14px 16px 22px rgba(0,0,0,.24),
               inset 0 1px 0 rgba(255,255,255,.12),
               inset 0 -5px 10px rgba(0,0,0,.18);
    transform:translateY(4px);
}

/* pobłysk ma być miękki, bez widocznego białego prostokąta */
.hg-shop-button::after{
    width:18%;
    opacity:0;
    background:linear-gradient(115deg,
        transparent 0%,
        rgba(255,255,255,.04) 25%,
        rgba(255,255,255,.44) 50%,
        rgba(255,255,255,.08) 72%,
        transparent 100%);
    filter:blur(7px);
}

/* pełna grafika w ramce Mentoring, bez obcięcia i sztucznego powiększenia */
#mentoring .hg-shop-card__visual{
    background:#f4f0e8;
}

#mentoring .hg-shop-card__visual img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
}

@media (min-width:1061px){
    .hg-shop-button--gold{
        width:100%;
        min-width:0;
        max-width:none;
        align-self:stretch;
    }
}

@media(max-width:760px){
    .hg-shop-button--gold{
        width:100%;
        min-width:0;
    }
}

/* 06.08.2026 — pakiety mentoringowe: standardowe przyciski jeden pod drugim */
#mentoring .hg-shop-card__actions{
    align-items:flex-start;
    gap:clamp(22px,3vw,48px);
    padding-top:clamp(8px,1vw,16px);
}

#mentoring .hg-shop-button--gold{
    align-self:flex-start;
}

.hg-shop-card__purchase--mentoring{
    width:min(430px,48%);
    max-width:none;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:clamp(10px,1vw,14px);
}

.hg-shop-card__purchase--mentoring .hg-shop-button--package{
    width:100%;
    min-width:0;
    min-height:clamp(54px,4.8vw,70px);
    padding:12px clamp(22px,2.7vw,40px);
    font-size:clamp(.9rem,1.15vw,1.18rem);
}

.hg-shop-card__purchase--mentoring .hg-shop-button__label,
.hg-shop-card__purchase--mentoring .hg-shop-button__price{
    white-space:nowrap;
}

@media(max-width:1180px){
    .hg-shop-card__purchase--mentoring{
        width:min(430px,100%);
        align-self:flex-end;
    }
}

@media(max-width:1050px){
    #mentoring .hg-shop-card__actions{
        align-items:stretch;
    }
    #mentoring .hg-shop-button--gold,
    .hg-shop-card__purchase--mentoring{
        width:100%;
        align-self:stretch;
    }
}


/* 06.08.2026 — korekta finalna pakietów mentoringowych w sklepie */
@media (min-width:1061px){
    #mentoring .hg-shop-card__actions{
        width:100%;
        height:100%;
        align-items:stretch;
        justify-content:flex-end;
        gap:10px;
        padding-top:0;
    }

    #mentoring .hg-shop-button--gold,
    #mentoring .hg-shop-card__purchase--mentoring{
        width:100%;
        max-width:none;
        min-width:0;
        align-self:stretch;
    }

    #mentoring .hg-shop-card__purchase--mentoring{
        display:flex;
        flex-direction:column;
        gap:10px;
    }

    #mentoring .hg-shop-card__purchase--mentoring .hg-shop-button--package{
        width:100%;
        min-width:0;
        min-height:42px;
        padding:8px 16px;
        font-size:clamp(.86rem,.9vw,1rem);
    }
}

@media (max-width:1060px){
    #mentoring .hg-shop-card__actions{
        align-items:stretch;
        gap:10px;
    }

    #mentoring .hg-shop-button--gold,
    #mentoring .hg-shop-card__purchase--mentoring,
    #mentoring .hg-shop-card__purchase--mentoring .hg-shop-button--package{
        width:100%;
        max-width:none;
        min-width:0;
        align-self:stretch;
    }

    #mentoring .hg-shop-card__purchase--mentoring .hg-shop-button--package{
        min-height:48px;
        padding:8px 16px;
        font-size:.9rem;
    }
}