body.caus-body { background-color: #050505; color: #d9f99d; font-family: Impact, "Arial Black", "Helvetica Neue", Helvetica, sans-serif; margin: 0; padding: 0; letter-spacing: 1px; }
.caus-header { background-color: #050505; border-bottom: 4px solid #d9f99d; padding: 15px 0; }
.caus-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; }
.caus-logo { float: left; }
.caus-logo img { height: 40px; display: block; filter: grayscale(100%) contrast(200%); }
.caus-nav { float: right; list-style: none; margin: 0; padding: 0; display: flex; }
.caus-nav-item { margin-left: 20px; line-height: 40px; }
.caus-nav-item a { color: #d9f99d; text-decoration: none; font-weight: bold; text-transform: uppercase; }
.caus-nav-item a:hover { background-color: #d9f99d; color: #050505; padding: 0 5px; }
.caus-main-layout { display: flex; flex-wrap: wrap; margin-top: 40px; flex-direction: row-reverse; }
.caus-column-right { width: 25%; padding: 0 0 0 25px; box-sizing: border-box; position: relative; border-left: 8px solid #d9f99d; }
.caus-column-right::before { content: ''; position: absolute; left: -16px; top: 20px; width: 24px; height: 60px; background-color: #d9f99d; }
.caus-column-right::after { content: ''; position: absolute; left: -16px; bottom: 40px; width: 24px; height: 60px; background-color: #d9f99d; }
.caus-column-left { width: 75%; padding: 0 25px 0 0; box-sizing: border-box; }
.caus-panel { background-color: #050505; border: 4px solid #d9f99d; padding: 25px; box-sizing: border-box; box-shadow: 8px 8px 0 #d9f99d; margin-bottom: 30px; }
.caus-notice-strip { background-color: #050505; border: 6px double #d9f99d; padding: 20px; margin-bottom: 35px; color: #d9f99d; font-size: 16px; position: relative; }
.caus-notice-seal { display: inline-block; padding: 4px 10px; background-color: #d9f99d; color: #050505; font-weight: bold; margin-right: 15px; text-transform: uppercase; font-size: 14px; }
.caus-product-grid { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; }
.caus-product-card { width: 48%; background-color: #050505; border: 3px solid #d9f99d; padding: 20px; box-sizing: border-box; transition: all 0.1s; margin-bottom: 30px; box-shadow: 6px 6px 0 #d9f99d; position: relative; display: flex; flex-direction: column; }
.caus-product-card:hover { transform: translate(4px, 4px); box-shadow: 2px 2px 0 #d9f99d; }
.caus-product-name { font-size: 18px; font-weight: bold; color: #d9f99d; text-decoration: none; display: block; margin-bottom: 15px; flex-grow: 1; }
.caus-product-name:hover { text-decoration: underline; }
.caus-badge { display: inline-block; font-size: 12px; padding: 4px 8px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; border: 2px solid #d9f99d; }
.caus-badge-auto { background-color: #d9f99d; color: #050505; }
.caus-badge-manual { background-color: #050505; color: #d9f99d; }
.caus-price-box { margin-top: 15px; display: flex; justify-content: space-between; align-items: center; border-top: 2px dashed #d9f99d; padding-top: 15px; }
.caus-price { color: #d9f99d; font-weight: bold; font-size: 24px; }
.caus-btn-buy { display: inline-block; text-align: center; background-color: #050505; color: #d9f99d !important; border: 3px solid #d9f99d; padding: 8px 20px; text-decoration: none; font-weight: bold; font-size: 16px; text-transform: uppercase; transition: all 0.1s; cursor: pointer; }
.caus-btn-buy:hover { background-color: #d9f99d; color: #050505 !important; }
.caus-footer { background-color: #050505; border-top: 4px solid #d9f99d; padding: 30px 0; margin-top: 60px; clear: both; }
.caus-footer a { color: #d9f99d; text-decoration: none; font-weight: bold; text-transform: uppercase; }
.caus-footer a:hover { background-color: #d9f99d; color: #050505; }
.caus-tab-title { list-style: none; padding: 0; margin: 0 0 25px 0; display: flex; border-bottom: 4px solid #d9f99d; }
.caus-tab-item { padding: 12px 24px; cursor: pointer; font-weight: bold; text-transform: uppercase; font-size: 16px; }
.caus-tab-item.active { background-color: #d9f99d; color: #050505; }
.caus-tab-item a { color: inherit; text-decoration: none; }
.caus-form-item { margin-bottom: 20px; }
.caus-form-label { display: block; margin-bottom: 8px; font-weight: bold; color: #d9f99d; text-transform: uppercase; }
.caus-form-input { width: 100%; padding: 14px; border: 3px solid #d9f99d; background-color: #050505; color: #d9f99d; box-sizing: border-box; font-family: inherit; font-size: 16px; font-weight: bold; }
.caus-form-input:focus { outline: none; background-color: rgba(217, 249, 157, 0.1); }
.caus-btn-submit { width: 100%; padding: 16px; background-color: #d9f99d; color: #050505; border: 3px solid #d9f99d; font-weight: bold; cursor: pointer; font-size: 18px; text-transform: uppercase; transition: all 0.1s; box-shadow: 4px 4px 0 #d9f99d; }
.caus-btn-submit:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 #d9f99d; background-color: #050505; color: #d9f99d; }
.caus-table { width: 100%; border-collapse: collapse; margin-top: 15px; }
.caus-table th, .caus-table td { border: 3px solid #d9f99d; padding: 15px; text-align: left; }
.caus-table th { background-color: #d9f99d; color: #050505; text-transform: uppercase; font-size: 16px; }
@media (max-width: 991px) {
    .caus-main-layout { flex-direction: column; }
    .caus-column-left, .caus-column-right { width: 100%; padding: 0; border: none; }
    .caus-column-right::before, .caus-column-right::after { display: none; }
    .caus-column-right { margin-bottom: 30px; }
}
@media (max-width: 767px) {
    .caus-product-card { width: 100%; margin-left: 0; margin-right: 0; }
}