@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

*,*::before,*::after{box-sizing:border-box}
body{font-family:'Inter',sans-serif!important;background:#fff!important;color:#111827!important;font-size:14px!important;-webkit-font-smoothing:antialiased!important}
.page-wrapper{background:#fff!important}

/* HEADER */
.panel.wrapper{display:none!important}
.page-header{background:#fff!important;border:none!important;border-bottom:1px solid #e5e7eb!important;box-shadow:none!important}
.header.content{max-width:1400px!important;margin:0 auto!important;padding:16px 32px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;float:none!important;width:100%!important;gap:24px!important}
.logo{order:1!important;float:none!important;margin:0!important;display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0!important;width:180px!important}
.logo img,.logo strong{display:none!important}
.logo::before{content:''!important;width:42px!important;height:42px!important;display:block!important;flex-shrink:0!important;border-radius:50%!important;background:#14532d!important}
.logo::after{content:'School\ANoticeboards'!important;font-family:'Inter',sans-serif!important;font-size:14px!important;font-weight:800!important;color:#14532d!important;letter-spacing:-0.02em!important;white-space:pre!important;line-height:1.25!important}
.block-search{order:2!important;float:none!important;clear:none!important;flex:0 0 480px!important;width:480px!important;margin:0 auto!important;padding:0!important;position:relative!important;z-index:10!important}
.block-search .block-content,.block-search .form.minisearch{display:flex!important;width:100%!important}
.block-search .control{flex:1!important;border:none!important;padding:0!important;margin:0!important}
.block-search input.input-text{position:static!important;width:100%!important;height:48px!important;margin:0!important;padding:0 18px!important;border:1.5px solid #d1d5db!important;border-right:none!important;border-radius:8px 0 0 8px!important;background:#fff!important;color:#111827!important;font-family:'Inter',sans-serif!important;font-size:14px!important;box-shadow:none!important}
.block-search input.input-text:focus{border-color:#14532d!important;outline:none!important}
.block-search .action.search{position:static!important;width:120px!important;height:48px!important;padding:0!important;border:none!important;border-radius:0 8px 8px 0!important;background:#14532d!important;opacity:1!important;flex-shrink:0!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
.block-search .action.search:hover{background:#166534!important}
.block-search .action.search::before{color:#fff!important;font-size:16px!important}
.block-search .action.search span{display:inline!important;color:#fff!important;font-size:14px!important;font-weight:700!important;font-family:'Inter',sans-serif!important}
.block-search .nested,.block-search label{display:none!important}
.minicart-wrapper{order:3!important;float:none!important;margin:0!important;flex-shrink:0!important}
.minicart-wrapper .action.showcart{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;background:none!important;border:none!important;cursor:pointer!important;padding:0!important;position:relative!important}
.minicart-wrapper .action.showcart::before{font-size:26px!important;color:#111827!important;line-height:1!important}
.minicart-wrapper .action.showcart:hover::before{color:#14532d!important}
.minicart-wrapper .text{display:block!important;font-size:12px!important;font-weight:600!important;color:#111827!important}
.minicart-wrapper .counter.qty{background:#ef4444!important;color:#fff!important;border-radius:999px!important;min-width:18px!important;height:18px!important;line-height:18px!important;padding:0 5px!important;font-size:10px!important;font-weight:800!important;position:absolute!important;top:-2px!important;right:-10px!important}

/* NAV */
.nav-sections,.nav-sections-items,.nav-sections-item-content{background:#fff!important;border:none!important;margin:0!important;width:100%!important}
.nav-sections{border-top:1px solid #e5e7eb!important;border-bottom:1px solid #e5e7eb!important}
.navigation{background:#fff!important;padding:0!important;max-width:100%!important}
.navigation>ul{max-width:1400px!important;margin:0 auto!important;padding:0 32px!important;display:flex!important;align-items:stretch!important;list-style:none!important;background:#fff!important}
.navigation li.level0{background:#fff!important;border:none!important;margin:0!important;position:relative!important}
.navigation .level0>.level-top{display:block!important;padding:14px 16px!important;color:#111827!important;font-family:'Inter',sans-serif!important;font-size:13.5px!important;font-weight:700!important;white-space:nowrap!important;background:#fff!important;border:none!important;border-bottom:3px solid transparent!important;text-decoration:none!important;line-height:1!important;cursor:pointer!important}
.navigation .level0.active>.level-top,.navigation .level0.has-active>.level-top,.navigation .level0>.level-top:hover{color:#14532d!important;border-bottom-color:#14532d!important}
.navigation .level0>ul.submenu{display:none!important;position:absolute!important;top:100%!important;left:0!important;background:#fff!important;border:1px solid #e5e7eb!important;border-top:3px solid #14532d!important;border-radius:0 0 10px 10px!important;box-shadow:0 12px 32px rgba(0,0,0,0.1)!important;min-width:220px!important;padding:8px!important;z-index:999!important;list-style:none!important}
.navigation .level0:hover>ul.submenu{display:block!important}
.navigation .level0>ul.submenu li a{display:block!important;padding:10px 14px!important;color:#111827!important;font-family:'Inter',sans-serif!important;font-size:13.5px!important;font-weight:600!important;border-radius:7px!important;text-decoration:none!important}
.navigation .level0>ul.submenu li a:hover{background:#f0fdf4!important;color:#14532d!important}
.nav-sections::after{content:'🔄 Price Match Promise   ·   🚚 Free delivery over £75   ·   ⭐ Rated Excellent   ·   🏫 5,000+ UK schools   ·   📋 Purchase orders accepted'!important;display:block!important;background:#f9fafb!important;border-top:1px solid #e5e7eb!important;text-align:center!important;padding:10px 32px!important;font-size:12.5px!important;font-weight:500!important;color:#374151!important;font-family:'Inter',sans-serif!important}

/* HIDE CLUTTER */
.greet.welcome,.block-search .advanced,.action.advanced{display:none!important}

/* NAV ALIGNMENT */
.navigation>ul{padding:0 32px!important;max-width:1400px!important;margin:0 auto!important}

/* NAV ALIGNMENT FIX */
.nav-sections .nav-sections-items{max-width:1400px!important;margin:0 auto!important;padding:0 32px!important;display:block!important}
.navigation{padding-left:0!important;padding-right:0!important}

/* NAV - wrap content to match header */
.nav-sections-item-content{max-width:100%!important;padding:0!important}
.nav-sections .navigation{max-width:1400px!important;margin:0 auto!important;padding:0 32px!important;display:block!important}

/* Hide old CSS-generated USP row */
.nav-sections::after {
    content: none !important;
    display: none !important;
}

/* CLEAN USP BAR STYLE START */
.sn-usp-replacement {
    background: #f9fafb !important;
    border-top: 1px solid #e5e7eb !important;
    border-bottom: none !important;
}

.sn-usp-replacement__inner {
    background: #f9fafb !important;
    color: #374151 !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
}

.sn-usp-replacement__inner span {
    color: #374151 !important;
    font-weight: 500 !important;
}

.sn-usp-strip-wrap,
.sn-usp-strip {
    border-top: none !important;
    border-bottom: none !important;
}
/* CLEAN USP BAR STYLE END */

/* REMOVE NAV / USP GREEN BAR START */
/* Remove full-width green divider above USP strip */
.nav-sections,
.sections.nav-sections,
.page-header .nav-sections,
.page-wrapper .nav-sections {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Keep the active menu underline only, but remove any full-width pseudo USP line */
.nav-sections::after,
.sections.nav-sections::after,
.page-header .nav-sections::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    height: 0 !important;
}

/* Clean subtle USP bar */
.sn-usp-replacement {
    background: #f9fafb !important;
    border-top: 1px solid #e5e7eb !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.sn-usp-replacement__inner {
    background: #f9fafb !important;
}

/* Remove any older green border from USP wrappers */
.sn-usp-strip-wrap,
.sn-usp-strip {
    border-top: none !important;
    border-bottom: none !important;
}
/* REMOVE NAV / USP GREEN BAR END */

/* RESTORE NAV USP DIVIDER START */
/* Restore the single divider line between navigation and USP bar */
.nav-sections,
.sections.nav-sections,
.page-header .nav-sections,
.page-wrapper .nav-sections {
    border-bottom: 3px solid #026038 !important;
    box-shadow: none !important;
}

/* Keep the old CSS-generated USP hidden */
.nav-sections::after,
.sections.nav-sections::after,
.page-header .nav-sections::after {
    content: none !important;
    display: none !important;
}

/* USP bar stays subtle grey, no extra green line of its own */
.sn-usp-replacement {
    background: #f9fafb !important;
    border-top: none !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.sn-usp-replacement__inner {
    background: #f9fafb !important;
}
/* RESTORE NAV USP DIVIDER END */

/* NAV VERTICAL CENTRE FIX START */
@media (min-width: 768px) {
    .nav-sections {
        min-height: 56px !important;
    }

    .nav-sections .navigation {
        min-height: 56px !important;
        display: flex !important;
        align-items: center !important;
    }

    .nav-sections .navigation > ul,
    .nav-sections .navigation > .ui-menu {
        min-height: 56px !important;
        align-items: stretch !important;
    }

    .nav-sections .navigation > ul > li.level0,
    .nav-sections .navigation > .ui-menu > li.level0 {
        min-height: 56px !important;
        display: flex !important;
        align-items: center !important;
    }

    .nav-sections .navigation > ul > li.level0 > .level-top,
    .nav-sections .navigation > .ui-menu > li.level0 > .level-top {
        min-height: 56px !important;
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
    }

    /* Keep active underline sitting at the bottom of the nav item */
    .nav-sections .navigation .level0.active > .level-top,
    .nav-sections .navigation .level0.has-active > .level-top {
        border-bottom-color: #026038 !important;
    }
}
/* NAV VERTICAL CENTRE FIX END */

/* HEADER ACCOUNT + BASKET ICONS START */
@media (min-width: 768px) {
    .page-header .header.content {
        position: relative !important;
    }

    /* Sign in icon */
    .sn-header-account {
        position: absolute !important;
        top: 50% !important;
        right: 84px !important;
        transform: translateY(-50%) !important;
        width: 34px !important;
        height: 34px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
        z-index: 5 !important;
    }

    .sn-header-account span {
        display: none !important;
    }

    .sn-header-account:before {
        content: '' !important;
        display: block !important;
        width: 30px !important;
        height: 30px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 30px 30px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23001b36' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.7-4.4 4.4-6.5 8-6.5s6.3 2.1 8 6.5'/%3E%3C/svg%3E") !important;
    }

    .sn-header-account:hover:before {
        opacity: .75 !important;
    }

    /* Basket icon: larger desktop size */
    .page-header .minicart-wrapper {
        position: absolute !important;
        top: 50% !important;
        right: 24px !important;
        transform: translateY(-50%) !important;
        width: 34px !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 5 !important;
    }

    .page-header .minicart-wrapper .action.showcart {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0 !important;
        color: transparent !important;
    }

    .page-header .minicart-wrapper .action.showcart:before {
        content: '' !important;
        display: block !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 30px 30px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23001b36' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.7'/%3E%3Ccircle cx='18' cy='20' r='1.7'/%3E%3Cpath d='M3 4h2l2.2 10.4a1.3 1.3 0 0 0 1.3 1h8.4a1.3 1.3 0 0 0 1.25-.95L20 8H7.1'/%3E%3C/svg%3E") !important;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }

    .page-header .minicart-wrapper .action.showcart .text,
    .page-header .minicart-wrapper .action.showcart .counter-label {
        display: none !important;
    }

    .page-header .minicart-wrapper .counter.qty {
        position: absolute !important;
        top: -7px !important;
        right: -8px !important;
        min-width: 18px !important;
        height: 18px !important;
        line-height: 18px !important;
        padding: 0 5px !important;
        border-radius: 999px !important;
        background: #e3173e !important;
        color: #fff !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        text-align: center !important;
    }
}

/* Do not interfere with existing mobile header */
@media (max-width: 767px) {
    .sn-header-account {
        display: none !important;
    }
}
/* HEADER ACCOUNT + BASKET ICONS END */

/* DESKTOP SEARCH CENTRE NUDGE START */
/* Move only the desktop search bar left. Logo, nav, USP and icons stay untouched. */
@media (min-width: 768px) {
    .page-header .block-search {
        transform: translateX(-120px) !important;
    }
}

@media (min-width: 768px) and (max-width: 1180px) {
    .page-header .block-search {
        transform: translateX(-60px) !important;
    }
}
/* DESKTOP SEARCH CENTRE NUDGE END */

/* HOME PAGE NAV DROPDOWN FIX START */
.cms-index-index .page-header,
.cms-index-index .nav-sections,
.cms-index-index .navigation {
    position: relative !important;
    z-index: 9999 !important;
    overflow: visible !important;
}

.cms-index-index .navigation .level0.parent:hover > .submenu,
.cms-index-index .navigation .level0.parent:focus-within > .submenu,
.cms-index-index .navigation .level0.parent > .submenu:hover {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.cms-index-index .navigation .level0.parent > .submenu {
    z-index: 10000 !important;
    overflow: visible !important;
}
/* HOME PAGE NAV DROPDOWN FIX END */

/* PRODUCT MOBILE SEARCH MATCH CATEGORY FIX START */
@media (max-width: 767px) {
    body.catalog-product-view .page-header .block-search {
        width: calc(100% - 32px) !important;
        max-width: 368px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.catalog-product-view .page-header .block-search .form.minisearch,
    body.catalog-product-view .page-header .block-search .field.search {
        display: flex !important;
        width: 100% !important;
    }

    body.catalog-product-view .page-header .block-search .control {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    body.catalog-product-view .page-header .block-search .actions,
    body.catalog-product-view .page-header .block-search .action.search {
        flex: 0 0 118px !important;
        width: 118px !important;
        min-width: 118px !important;
    }

    body.catalog-product-view .page-header .block-search .action.search:before,
    body.catalog-product-view .page-header .block-search .action.search:after {
        display: none !important;
        content: none !important;
    }

    body.catalog-product-view .page-header .block-search .action.search span {
        display: inline !important;
        clip: auto !important;
        overflow: visible !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }
}
/* PRODUCT MOBILE SEARCH MATCH CATEGORY FIX END */

/* MINICART ABOVE NAV FIX START */
html body .page-header {
    position: relative !important;
    z-index: 30000 !important;
    overflow: visible !important;
}

html body .header.content,
html body .minicart-wrapper {
    overflow: visible !important;
}

html body .minicart-wrapper {
    z-index: 31000 !important;
}

html body .minicart-wrapper .mage-dropdown-dialog,
html body .minicart-wrapper .block-minicart,
html body .minicart-wrapper.active .block-minicart {
    z-index: 32000 !important;
}
/* MINICART ABOVE NAV FIX END */


/* HOME MINICART ABOVE NAV FIX START */
body.cms-index-index .page-header {
    position: relative !important;
    z-index: 40000 !important;
    overflow: visible !important;
}

body.cms-index-index .header.content,
body.cms-index-index .minicart-wrapper {
    overflow: visible !important;
}

body.cms-index-index .minicart-wrapper {
    position: relative !important;
    z-index: 41000 !important;
}

body.cms-index-index .minicart-wrapper .mage-dropdown-dialog,
body.cms-index-index .minicart-wrapper .block-minicart,
body.cms-index-index .minicart-wrapper.active .block-minicart {
    z-index: 42000 !important;
}

body.cms-index-index .nav-sections,
body.cms-index-index .navigation {
    position: relative !important;
    z-index: 10000 !important;
    overflow: visible !important;
}

body.cms-index-index .navigation .level0.parent > .submenu {
    z-index: 11000 !important;
}
/* HOME MINICART ABOVE NAV FIX END */


/* HOME MINICART POSITION CORRECTION START */
body.cms-index-index .minicart-wrapper {
    position: absolute !important;
    z-index: 41000 !important;
    overflow: visible !important;
}

body.cms-index-index .minicart-wrapper .mage-dropdown-dialog,
body.cms-index-index .minicart-wrapper .block-minicart,
body.cms-index-index .minicart-wrapper.active .block-minicart {
    z-index: 42000 !important;
}
/* HOME MINICART POSITION CORRECTION END */


/* CHECKOUT LEFT LOGO RIGHT SIGNIN START */
body.checkout-index-index .page-header .header.content {
    position: relative !important;
    max-width: 1280px !important;
    min-height: 104px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.checkout-index-index .page-header .logo {
    position: static !important;
    transform: none !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
}

body.checkout-index-index .authentication-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 42px !important;
    right: 24px !important;
    width: auto !important;
    max-width: 180px !important;
    z-index: 20 !important;
    text-align: right !important;
}

@media (min-width: 1281px) {
    body.checkout-index-index .authentication-wrapper {
        right: calc((100vw - 1280px) / 2 + 24px) !important;
    }
}

body.checkout-index-index .authentication-wrapper .action-auth-toggle,
body.checkout-index-index .authentication-wrapper a {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    white-space: nowrap !important;
    color: #026038 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}
/* CHECKOUT LEFT LOGO RIGHT SIGNIN END */


/* REAL CHECKOUT SIGN IN FIX START */
body.checkout-index-index .authentication-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 44px !important;
    right: 24px !important;
    z-index: 99999 !important;
    width: auto !important;
    max-width: 180px !important;
    text-align: right !important;
}

@media (min-width: 1281px) {
    body.checkout-index-index .authentication-wrapper {
        right: calc((100vw - 1280px) / 2 + 24px) !important;
    }
}

body.checkout-index-index .authentication-wrapper .action-auth-toggle {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    border: 0 !important;
    background: transparent !important;
    color: #026038 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}
/* REAL CHECKOUT SIGN IN FIX END */


/* CHECKOUT AUTH DROPDOWN FIX START */
body.checkout-index-index .authentication-wrapper {
    overflow: visible !important;
}

body.checkout-index-index .authentication-wrapper .authentication-dropdown,
body.checkout-index-index .authentication-wrapper aside.authentication-dropdown,
body.checkout-index-index .authentication-wrapper .modal-custom.authentication-dropdown {
    position: absolute !important;
    top: 28px !important;
    right: 0 !important;
    left: auto !important;
    width: 380px !important;
    min-width: 380px !important;
    max-width: calc(100vw - 32px) !important;
    background: #fff !important;
    border: 1px solid #d7ded9 !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 48px rgba(6,18,37,.18) !important;
    overflow: visible !important;
    z-index: 100000 !important;
}

body.checkout-index-index .authentication-wrapper .modal-inner-wrap {
    width: 100% !important;
    margin: 0 !important;
    padding: 22px !important;
    background: #fff !important;
}

body.checkout-index-index .authentication-wrapper .field,
body.checkout-index-index .authentication-wrapper .control,
body.checkout-index-index .authentication-wrapper input.input-text {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

body.checkout-index-index .authentication-wrapper .label {
    display: block !important;
    width: auto !important;
    text-align: left !important;
}

body.checkout-index-index .authentication-wrapper .action-login {
    width: 100% !important;
    background: #026038 !important;
    color: #fff !important;
    border-radius: 999px !important;
}
/* CHECKOUT AUTH DROPDOWN FIX END */

/* CONFIRM MODAL ONLY ABOVE HEADER FIX START */
html body._has-modal .modal-popup.confirm._show,
html body._has-modal .modal-popup._show.confirm {
    z-index: 90000 !important;
}

html body._has-modal .modal-popup.confirm._show .modal-inner-wrap,
html body._has-modal .modal-popup._show.confirm .modal-inner-wrap {
    z-index: 90010 !important;
}

html body._has-modal .modals-overlay {
    z-index: 89990 !important;
}
/* CONFIRM MODAL ONLY ABOVE HEADER FIX END */


/* MOBILE MENU ABOVE GREY OVERLAY FIX START */
@media (max-width: 767px) {
    html.nav-open .nav-sections,
    body.nav-open .nav-sections,
    html.nav-before-open .nav-sections,
    body.nav-before-open .nav-sections {
        z-index: 120000 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html.nav-open .navigation,
    body.nav-open .navigation,
    html.nav-before-open .navigation,
    body.nav-before-open .navigation {
        z-index: 120010 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html.nav-open .modals-overlay,
    body.nav-open .modals-overlay,
    html.nav-before-open .modals-overlay,
    body.nav-before-open .modals-overlay {
        z-index: 1000 !important;
    }
}
/* MOBILE MENU ABOVE GREY OVERLAY FIX END */

/* PRODUCT PAYPAL SHORTCUT HIDE ONLY START */
body.catalog-product-view .product-info-main .paypal,
body.catalog-product-view .product-info-main [class*="paypal"],
body.catalog-product-view .product-info-main [id*="paypal"],
body.catalog-product-view .box-tocart .paypal,
body.catalog-product-view .box-tocart [class*="paypal"],
body.catalog-product-view .box-tocart [id*="paypal"],
body.catalog-product-view iframe[title*="PayPal"],
body.catalog-product-view iframe[name*="paypal"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
/* PRODUCT PAYPAL SHORTCUT HIDE ONLY END */

/* CHECKOUT PAYMENT CLEAN LAYOUT START */
body.checkout-index-index .checkout-payment-method .payment-method-content .fieldset > .field {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

body.checkout-index-index .checkout-payment-method .payment-method-content .field > .label {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 0 7px !important;
    text-align: left !important;
}

body.checkout-index-index .checkout-payment-method .payment-method-content .field > .control,
body.checkout-index-index .checkout-payment-method input.input-text,
body.checkout-index-index .checkout-payment-method select,
body.checkout-index-index .checkout-payment-method .hosted-control {
    width: 100% !important;
    max-width: 360px !important;
    box-sizing: border-box !important;
}

body.checkout-index-index .checkout-payment-method .payment-method-content .actions-toolbar {
    clear: both !important;
    max-width: 360px !important;
    margin: 24px 0 0 !important;
}

body.checkout-index-index .checkout-payment-method .payment-method-content .action.checkout {
    width: 100% !important;
    border-radius: 999px !important;
    background: #026038 !important;
    color: #fff !important;
}
/* CHECKOUT PAYMENT CLEAN LAYOUT END */


/* REMOVE BRAINTREE CARD ICON INSIDE CARD NUMBER FIELD START */
body.checkout-index-index .checkout-payment-method .hosted-control {
    background-image: none !important;
    padding-left: 12px !important;
}

body.checkout-index-index .checkout-payment-method .field.number .control .card-type,
body.checkout-index-index .checkout-payment-method .field.number .control .credit-card-type,
body.checkout-index-index .checkout-payment-method .field.number .control .braintree-credit-card-type,
body.checkout-index-index .checkout-payment-method .field.number .control .ccard-logo,
body.checkout-index-index .checkout-payment-method .field.number .control .image {
    display: none !important;
}
/* REMOVE BRAINTREE CARD ICON INSIDE CARD NUMBER FIELD END */


/* HIDE BRAINTREE SELECTED CARD ICON START */
body.checkout-index-index .checkout-payment-method img.braintree-credit-card-selected,
body.checkout-index-index img.braintree-credit-card-selected {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.checkout-index-index .checkout-payment-method .hosted-control,
body.checkout-index-index .checkout-payment-method .field.number .control {
    padding-left: 12px !important;
    background-image: none !important;
}
/* HIDE BRAINTREE SELECTED CARD ICON END */