body:not(.shell-collectionpage-view) {
    width: 100%;
    padding: 0 15px;
    max-width: 72rem;
    margin: 60px auto !important;
    font-family: brown,Helvetica,Arial,sans-serif;
    font-weight: 300;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
/* Accordion Item */
 .accordion-item {
     width: 100%;
     border: 1px solid #ecedef;
     border-radius: 8px;
     overflow: hidden;
     margin: 0 0 15px;
     box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
/* Accordion Header */
 .accordion-header {
     background: #e9f9f4;
     padding: 15px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
     outline: none;
     transition: background-color 0.2s ease;
}
 .accordion-header:focus {
     background: #d4f4e8;
     box-shadow: 0 0 0 2px #007bff;
}
 .accordion-header:hover {
     background: #d4f4e8;
}
 .accordion-header h2 {
     font-size: 14px;
     font-weight: bold;
     color: #000;
     margin: 0;
     letter-spacing: normal;
     text-transform: uppercase;
}
 .accordion-header .arrow {
     width: 6px;
     height: 6px;
     border-right: 1px solid #000;
     border-bottom: 1px solid #000;
     transform: rotate(45deg);
     transition: transform 0.2s ease;
     display: inline-block;
}
 .accordion-header.active .arrow {
     transform: rotate(-135deg);
}
 .accordion-item .inner-accordion-header {
     background-color: rgb(249, 250, 251);
     padding: 8px 15px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
     transition: background-color 0.2s ease;
     border-bottom: 1px solid rgb(242, 242, 242);
}
 .accordion-item .inner-accordion-header:hover {
     background-color: rgb(239, 239, 239);
}
 .accordion-item .inner-accordion-header h3 {
     margin: 0;
     font-size: 14px;
     font-weight: 600;
     line-height: 1;
     text-transform: uppercase;
}
 .accordion-item img{
     margin: 5px 0 0;
     border: 1px solid #efefef;
     padding: 5px;
     background-color: #ffffff;
     max-width: 160px;
     display: block;
}
 .accordion-item .inner-accordion-header .inner-toggle {
     font-size: 18px;
     color: #333;
     transition: transform 0.2s ease;
     min-width: 20px;
     text-align: center;
}
/* Accordion Content */
 .accordion-content {
     background: #ffffff;
     display: none;
}
 .accordion-content.active {
     display: block;
}
/* Inner Accordion Content */
 .inner-accordion-content {
     display: none;
}
 .inner-accordion-content.active {
     display: block;
}
 .section-row {
     padding: 15px 15px;
     font-size: 14px;
     color: #333333;
     display: flex;
     align-items: flex-start;
     gap: 20px;
     border-bottom: 1px solid #ecedef;
}

.section-row:last-child {
     border-bottom: none;
}

 .section-row:has(.section-label) {
     align-items: center;
}
 .section-label {
     width: 30%;
     font-weight: 500;
     color: #333333;
     flex-shrink: 0;
}
 .text-box {
     background: #f9f9f9;
     border-radius: 8px;
     padding: 10px;
     border: 1px solid #e5e5e5;
     flex: 1;
     overflow: hidden;
     word-wrap: break-word;
}
 .text-box p {
     margin: 0;
     color: #333;
     font-size: 14px;
     word-wrap: break-word;
}

.section-row-2 {
     padding: 7px 7px;
     font-size: 14px;
     color: #333333;
     display: flex;
     align-items: flex-start;
     gap: 15px;
     border-bottom: 1px solid #ecedef;
     margin-bottom: 5px;
     align-items: center;
}
.section-row-2:last-child {
     border-bottom: none;
     margin-bottom: 0;
}
 .section-row-2:has(.section-label) {
     align-items: center;
}
 .section-label-2 {
     width: 25%;
     font-weight: 500;
     color: #333333;
     flex-shrink: 0;
}
 .text-box-2 {
     background: #f9f9f9;
     border-radius: 8px;
     padding: 5px 10px;
     border: 1px solid #e5e5e5;
     flex: 1;
     overflow: hidden;
     word-wrap: break-word;
}
 .text-box-2 p {
     margin: 0;
     color: #333;
     word-wrap: break-word;
}

.footer-links-ctn{
     width: 100% !important;
     margin-right: 0 !important;
}

.accordion-content .inner-accordion-item:last-child .inner-accordion-header {
     border-bottom: none;
}

.accordion-content .inner-accordion-item:last-child .inner-accordion-header.active {
     border-bottom: 1px solid rgb(242, 242, 242);
}

/* Character count "0 / max" inside the field box – textfield/textarea */
.logi-field-with-count {
    position: relative;
    display: block;
}

.logi-field-with-count input,
.logi-field-with-count textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 48px 6px 8px;
}

.logi-field-with-count textarea {
    padding-bottom: 24px;
}

.logi-field-with-count .logi-charactercount-display {
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 12px;
    color: #737373;
    margin: 0;
    pointer-events: none;
    z-index: 2;
}

/* Only current count in red when over limit; "/" and max stay grey */
.logi-field-with-count .logi-charactercount-display .logi-count-max {
    color: #737373;
}
.logi-field-with-count .logi-charactercount-display.logi-charactercount-over-limit .logi-count-current {
    color: #c00;
}

/* single-line input: center counter vertically on the right */
.logi-field-with-count input + .logi-charactercount-display {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}

/* RTE: counter in bottom-right without changing RTE layout */
.logi-rte-has-count {
    position: relative;
}
.logi-rte-has-count .logi-rte-charactercount {
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 12px;
    color: #737373;
    margin: 0;
    pointer-events: none;
}

/* Only current count in red when over limit; "/" and max stay grey */
.logi-rte-has-count .logi-rte-charactercount .logi-count-max {
    color: #737373;
}
.logi-rte-has-count .logi-rte-charactercount.logi-charactercount-over-limit .logi-count-current {
    color: #c00;
}

