/* GumrukWhyUs - PrestaShop 1.6 / Panda theme */
.gpw-box{
    --gpw-accent: #ffffff;
    width:100%;
    box-sizing:border-box;
    background: linear-gradient(180deg, #fdfdfd 0%, #ffffff 62%);
    border:1px solid #ece7df;
    border-radius:15px;
    padding:16px 12px 12px;
    margin:0 0 18px;
    box-shadow:0 8px 28px rgba(29,23,13,.08);
    font-family:inherit;
    overflow:hidden;
}
.gpw-box *{box-sizing:border-box}
.gpw-head{display:flex;align-items:center;gap:11px;padding:0 5px 13px}
.gpw-medal{
    position:relative;
    flex:0 0 58px;
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background: radial-gradient(circle at 35% 30%, #ffffff 0%, #ff5502 47%, #000000 100% 100%);
    box-shadow: 0 5px 14px rgb(0 0 0 / 28%), inset 0 0 0 4px rgba(255, 255, 255, .34);
}
.gpw-medal:before,.gpw-medal:after{
    content:"";position:absolute;top:14px;width:14px;height:30px;border-top:2px solid var(--gpw-accent);border-bottom:2px solid var(--gpw-accent);opacity:.55
}
.gpw-medal:before{left:-10px;border-left:2px solid var(--gpw-accent);border-radius:20px 0 0 20px;transform:rotate(-10deg)}
.gpw-medal:after{right:-10px;border-right:2px solid var(--gpw-accent);border-radius:0 20px 20px 0;transform:rotate(10deg)}
.gpw-medal span{font-size:28px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.gpw-head-copy{min-width:0}
.gpw-kicker{font-size:11px;line-height:1.1;color:#858585;letter-spacing:.08em;font-weight:600;margin-bottom:2px}
.gpw-title{font-size:16px;line-height:1.18;color:#191919;font-weight:800;letter-spacing:-.02em}
.gpw-subtitle{font-size:10.5px;line-height:1.35;color:#8c8c8c;margin-top:4px}
.gpw-list{display:flex;flex-direction:column;gap:7px}
.gpw-item{
    display:flex;align-items:center;min-height:62px;
    padding:9px 11px;
    text-decoration:none!important;
    color:#222!important;
    background:#fff;
    border:1px solid #f0eee9;
    border-radius:12px;
    box-shadow:0 4px 14px rgba(25,20,10,.05);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.gpw-item:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(25,20,10,.09);border-color:#e7dcc8}
.gpw-icon{flex:0 0 42px;width:42px;height:42px;border-radius: 25px;display:flex;align-items:center;justify-content:center;background: #ffffff;color: #fffefe;border: 1px solid #ff5502;margin-right:10px}
.gpw-icon i{font-size:23px;color: #ff5502;}
.gpw-copy{min-width:0;flex:1}
.gpw-item-title{font-size:13px;line-height:1.25;font-weight:700;color:#282828}
.gpw-item-text{font-size:10.5px;line-height:1.35;color:#777;margin-top:2px}
.gpw-arrow{font-family:Arial,sans-serif;font-size:28px;line-height:1;color:#222;padding-left:8px;transition:transform .18s ease,color .18s ease}
.gpw-item:hover .gpw-arrow{transform:translateX(2px);color:var(--gpw-accent)}
.gpw-gift{
    position:relative;display:block;min-height:155px;margin-top:11px;
    overflow:hidden;border-radius:13px;
    background:linear-gradient(115deg,#fff4db 0%,#f7d89b 45%,#e7ad3f 100%);
    border:1px solid #efd59b;
    color:#111!important;text-decoration:none!important;
}
.gpw-gift:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 17% 20%,rgba(255,255,255,.85),transparent 35%),linear-gradient(90deg,rgba(255,255,255,.14),transparent 60%);pointer-events:none}
.gpw-gift-copy{position:relative;z-index:2;width:60%;padding:18px 0 15px 16px}
.gpw-gift-title{font-size:15px;line-height:1.15;font-weight:800;letter-spacing:-.015em}
.gpw-gift-text{font-size:11px;line-height:1.4;color:#493819;margin-top:6px;max-width:150px}
.gpw-gift-btn{display:inline-flex;align-items:center;gap:8px;margin-top:13px;background:#111;color:#fff;padding:8px 13px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.08em;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.gpw-gift-btn b{font-size:17px;line-height:10px;font-weight:400}
.gpw-gift-image{position:absolute;z-index:1;right:-10px;bottom:-5px;width:53%;height:auto;max-height:145px;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 9px 9px rgba(50,28,0,.22));transition:transform .25s ease}
.gpw-gift:hover .gpw-gift-image{transform:scale(1.025) translateY(-2px)}

/* Panda right column usually gets narrow around tablet sizes. */
@media (max-width:1199px){
    .gpw-box{padding:13px 9px 10px}
    .gpw-medal{flex-basis:48px;width:48px;height:48px}.gpw-medal span{font-size:23px}
    .gpw-title{font-size:14px}.gpw-subtitle{font-size:9.5px}
    .gpw-item{padding:8px;min-height:57px}.gpw-icon{width:38px;height:38px;flex-basis:38px;margin-right:8px}.gpw-icon i{font-size:20px}
    .gpw-item-title{font-size:12px}.gpw-item-text{font-size:9.5px}
    .gpw-gift{min-height:140px}.gpw-gift-copy{padding-left:13px}.gpw-gift-title{font-size:13px}
}
@media (max-width:991px){
    .gpw-box{margin-top:15px}
}
@media (max-width:767px){
    .gpw-box{border-radius:13px;padding:14px;margin:16px 0}
    .gpw-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .gpw-item{min-height:72px}.gpw-arrow{display:none}
    .gpw-gift{min-height:145px}
}
@media (max-width:420px){
    .gpw-box{padding:11px}
    .gpw-list{grid-template-columns:1fr}
    .gpw-item{min-height:58px}
    .gpw-gift-copy{width:63%}
}
