.card-image{display:block;position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-1,#121a2a);margin:0;border-top-left-radius:inherit;border-top-right-radius:inherit}.card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1);background:linear-gradient(135deg,var(--surface-1,#121a2a),var(--surface-0,#0c1320))}@media(hover:hover){.cat-card:hover .card-image img,.pop-card:hover .card-image img,.hub-card:hover .card-image img,.country-card:hover .card-image img{transform:scale(1.05)}}@media(max-width:768px){.card-image{aspect-ratio:3 / 1}.cat-card .card-image,.pop-card .card-image,.hub-card .card-image,.country-card .card-image{margin-bottom:14px}}.cat-card:has(.card-image),.pop-card:has(.card-image),.hub-card:has(.card-image),.country-card:has(.card-image){overflow:hidden !important;padding:0 !important}.cat-card:has(.card-image)>*:not(.card-image),.hub-card:has(.card-image)>*:not(.card-image),.country-card:has(.card-image)>*:not(.card-image){padding-left:22px;padding-right:22px}.pop-card:has(.card-image)>*:not(.card-image){padding-left:16px;padding-right:16px}.cat-card:has(.card-image)>.card-image+*,.hub-card:has(.card-image)>.card-image+*,.country-card:has(.card-image)>.card-image+*{padding-top:18px}.pop-card:has(.card-image)>.card-image+*{padding-top:14px}.cat-card:has(.card-image)>*:last-child,.hub-card:has(.card-image)>*:last-child,.country-card:has(.card-image)>*:last-child{padding-bottom:22px}.pop-card:has(.card-image)>*:last-child{padding-bottom:16px}.card-image{margin:0 !important}.tip-card:has(.card-image){overflow:hidden !important;padding:0 !important}.tip-card:has(.card-image)>*:not(.card-image){padding-left:20px;padding-right:20px}.tip-card:has(.card-image)>.card-image+*{padding-top:14px}.tip-card:has(.card-image)>*:last-child{padding-bottom:20px}.tip-card .card-image{aspect-ratio:3 / 1}.tip-card[data-tip-img="1"],.tip-card:has(.card-image){position:relative}.tip-card[data-tip-img="1"] .tip-num,.tip-card:has(.card-image) .tip-num{display:none !important}@media(max-width:768px){.tip-card .card-image{aspect-ratio:4 / 1}}details.cat-card.cat-acc{position:relative;isolation:isolate}details.cat-card.cat-acc[style*="--cat-bg-image"] summary{position:relative;min-height:130px;isolation:isolate}details.cat-card.cat-acc[style*="--cat-bg-image"] summary::before{content:'';position:absolute;inset:0;background-image:var(--cat-bg-image);background-size:cover;background-position:center;opacity:0.38;z-index:-2;transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1);border-radius:inherit}details.cat-card.cat-acc[style*="--cat-bg-image"] summary::after{content:'';position:absolute;inset:0;background:linear-gradient( 100deg,rgba(12,19,32,0.92) 0%,rgba(12,19,32,0.68) 50%,rgba(12,19,32,0.40) 100% );z-index:-1;border-radius:inherit;pointer-events:none}details.cat-card.cat-acc[style*="--cat-bg-image"][open] summary::before{opacity:0.54}@media(hover:hover){details.cat-card.cat-acc[style*="--cat-bg-image"] summary:hover::before{opacity:0.50}}@media(max-width:768px){details.cat-card.cat-acc[style*="--cat-bg-image"] summary{min-height:110px}details.cat-card.cat-acc[style*="--cat-bg-image"] summary::after{background:linear-gradient( 100deg,rgba(12,19,32,0.95) 0%,rgba(12,19,32,0.78) 100% )}}@media(prefers-reduced-motion:reduce){details.cat-card.cat-acc[style*="--cat-bg-image"] summary::before{transition:none !important}}.cat-card:has(.card-image){position:relative}.cat-card:has(.card-image) .cat-ico{position:absolute !important;top:12px;right:12px;width:44px;height:44px;padding:0 !important;z-index:5;background:rgba(12,19,32,0.55);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid rgba(245,158,11,0.32);border-radius:12px;color:var(--amber,#f59e0b);box-shadow:0 4px 14px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.06)}.cat-card:has(.card-image) .cat-ico svg,.cat-card:has(.card-image) .cat-ico i[data-lucide] svg{width:22px !important;height:22px !important;stroke-width:2 !important}@supports not(backdrop-filter:blur(10px)){.cat-card:has(.card-image) .cat-ico{background:rgba(12,19,32,0.92)}}@media(max-width:768px){.cat-card:has(.card-image) .cat-ico{width:40px;height:40px;top:10px;right:10px}.cat-card:has(.card-image) .cat-ico svg,.cat-card:has(.card-image) .cat-ico i[data-lucide] svg{width:20px !important;height:20px !important}}@media(prefers-reduced-motion:reduce){.card-image img{transition:none !important;transform:none !important}}.card-image img[loading="lazy"]{opacity:0;transition:opacity 0.4s ease-in,transform 0.5s cubic-bezier(0.16,1,0.3,1)}.card-image img[loading="lazy"].is-loaded,.card-image img[loading="lazy"]:not([data-src]){opacity:1}.card-image img[loading="eager"]{opacity:1}

/* === gos:calc-card-images v1 (2026-05-18) === */
.calc-card:has(.card-image),.calc-card[data-card-img="1"]{overflow:hidden !important;padding:0 !important;position:relative}
.calc-card:has(.card-image)>*:not(.card-image){padding-left:22px;padding-right:22px}
.calc-card:has(.card-image)>.card-image+*{padding-top:16px}
.calc-card:has(.card-image)>*:last-child{padding-bottom:22px}
.calc-card .card-image{aspect-ratio:3 / 1;margin:0 !important}
@media(max-width:768px){.calc-card .card-image{aspect-ratio:4 / 1}}
@media(hover:hover){.calc-card:hover .card-image img{transform:scale(1.05)}}