   AR360 V2 PREVIEW START
   Attiva solo con ?ar360v2=1
   ============================================================ */

body.ar360-v2-home {
    --ar360-red:#e52329;
    --ar360-red-dark:#bd1117;
    --ar360-black:#15181c;
    --ar360-text:#202327;
    --ar360-muted:#68707a;
    --ar360-bg:#f4f6f8;
    --ar360-border:#e5e8ec;

    background:var(--ar360-bg);
    color:var(--ar360-text);
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

body.ar360-v2-home #header {
    display:none !important;
}

body.ar360-v2-home #wrapper {
    background:var(--ar360-bg);
}

#ar360-v2-shell {
    display:none;
}

body.ar360-v2-home #ar360-v2-shell {
    display:block;
}

.ar360-v2-previewbar {
    background:#0d0f11;
    color:#fff;
    font-size:12px;
    letter-spacing:.03em;
}

.ar360-v2-previewbar-inner {
    max-width:1280px;
    margin:auto;
    padding:7px 22px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
}

.ar360-v2-previewbar strong { color:#fff; }

.ar360-v2-previewbar a {
    color:#fff;
    opacity:.78;
    text-decoration:none;
}

.ar360-v2-previewbar a:hover { opacity:1; }

.ar360-v2-header {
    background:#fff;
    position:sticky;
    top:0;
    z-index:9999;
    box-shadow:0 5px 25px rgba(13,18,25,.07);
}

.ar360-v2-header-inner {
    max-width:1280px;
    margin:auto;
    min-height:88px;
    padding:14px 22px;
    display:grid;
    grid-template-columns:230px minmax(300px,1fr) auto;
    gap:28px;
    align-items:center;
}

.ar360-v2-logo {
    display:flex;
    align-items:center;
    min-width:0;
    text-decoration:none !important;
}

.ar360-v2-logo img {
    max-width:215px;
    max-height:58px;
    width:auto;
    height:auto;
    display:block;
}

.ar360-v2-logo-fallback {
    font-size:24px;
    font-weight:900;
    letter-spacing:-1px;
    color:var(--ar360-black);
}

.ar360-v2-logo-fallback span { color:var(--ar360-red); }

.ar360-v2-search { min-width:0; }

.ar360-v2-search form {
    width:100%;
    display:flex !important;
    align-items:stretch;
    margin:0 !important;
    position:relative;
}

.ar360-v2-search input[type="text"],
.ar360-v2-search input[type="search"] {
    flex:1;
    width:100%;
    min-width:0;
    height:50px !important;
    border:2px solid #e7e9ed !important;
    background:#f8f9fa !important;
    border-radius:12px 0 0 12px !important;
    padding:0 18px !important;
    font-size:15px !important;
    box-shadow:none !important;
    outline:none !important;
}

.ar360-v2-search input:focus {
    border-color:var(--ar360-red) !important;
    background:#fff !important;
}

.ar360-v2-search button,
.ar360-v2-search input[type="submit"] {
    min-width:115px;
    height:50px !important;
    border:0 !important;
    border-radius:0 12px 12px 0 !important;
    background:var(--ar360-red) !important;
    color:#fff !important;
    font-weight:800 !important;
    padding:0 20px !important;
}

.ar360-v2-search button:hover {
    background:var(--ar360-red-dark) !important;
}

.ar360-v2-actions {
    display:flex;
    align-items:center;
    gap:10px;
}

.ar360-v2-action {
    height:44px;
    padding:0 15px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid var(--ar360-border);
    border-radius:11px;
    color:var(--ar360-text) !important;
    background:#fff;
    text-decoration:none !important;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}

.ar360-v2-action:hover {
    border-color:#cfd3d8;
    background:#f7f8f9;
}

.ar360-v2-cart {
    background:var(--ar360-black);
    color:#fff !important;
    border-color:var(--ar360-black);
}

.ar360-v2-hero {
    overflow:hidden;
    position:relative;
    background:
        radial-gradient(circle at 83% 24%,rgba(229,35,41,.18),transparent 25%),
        radial-gradient(circle at 72% 85%,rgba(255,255,255,.08),transparent 22%),
        linear-gradient(115deg,#171a1e 0%,#22272c 61%,#14171a 100%);
    color:#fff;
}

.ar360-v2-hero-inner {
    max-width:1280px;
    min-height:525px;
    margin:auto;
    padding:72px 22px 66px;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);
    gap:60px;
    align-items:center;
}

.ar360-v2-eyebrow {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.13);
    color:#fff;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
    margin-bottom:22px;
}

.ar360-v2-eyebrow-dot {
    width:7px;
    height:7px;
    background:var(--ar360-red);
    border-radius:50%;
}

.ar360-v2-hero h1 {
    max-width:720px;
    margin:0 0 20px;
    color:#fff;
    font-size:clamp(42px,5vw,70px);
    line-height:.98;
    letter-spacing:-3px;
    font-weight:900;
}

.ar360-v2-hero h1 span { color:var(--ar360-red); }

.ar360-v2-hero-copy > p {
    max-width:630px;
    margin:0 0 30px;
    color:#cbd0d5;
    font-size:18px;
    line-height:1.6;
}

.ar360-v2-hero-buttons {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.ar360-v2-btn {
    min-height:52px;
    padding:0 22px;
    border-radius:11px;
    border:0;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:9px;
    font-weight:850;
    font-size:14px;
    cursor:pointer;
    text-decoration:none !important;
}

.ar360-v2-btn-primary {
    background:var(--ar360-red);
    color:#fff !important;
    box-shadow:0 10px 30px rgba(229,35,41,.25);
}

.ar360-v2-btn-primary:hover { background:#ff3138; }

.ar360-v2-btn-secondary {
    background:#fff;
    color:#171a1e !important;
}

.ar360-v2-microtrust {
    margin-top:27px;
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    color:#aeb5bc;
    font-size:13px;
}

.ar360-v2-microtrust span::before {
    content:"✓";
    color:#4cd276;
    font-weight:900;
    margin-right:7px;
}

.ar360-v2-visual {
    position:relative;
    min-height:385px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.ar360-v2-disc {
    position:relative;
    width:310px;
    height:310px;
    border-radius:50%;
    background:
        radial-gradient(circle at center,
        #16191c 0 13%,
        #d4d7da 14% 19%,
        #353a3f 20% 25%,
        #afb4b9 26% 30%,
        #e5e7e8 31% 68%,
        #8a9096 69% 72%,
        #272b30 73% 100%);
    box-shadow:
        0 38px 80px rgba(0,0,0,.45),
        inset -20px -16px 35px rgba(0,0,0,.28),
        inset 15px 12px 25px rgba(255,255,255,.24);
    transform:rotate(-9deg);
}

.ar360-v2-disc::before {
    content:"";
    position:absolute;
    inset:40px;
    border:2px dashed rgba(80,85,90,.45);
    border-radius:50%;
}

.ar360-v2-disc::after {
    content:"360";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:62px;
    height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--ar360-red);
    color:#fff;
    border-radius:50%;
    font-size:18px;
    font-weight:900;
    box-shadow:0 0 0 9px #2a2e32;
}

.ar360-v2-floating-card {
    position:absolute;
    background:#fff;
    color:#171a1e;
    border-radius:14px;
    padding:16px 18px;
    box-shadow:0 20px 50px rgba(0,0,0,.3);
    min-width:205px;
}

.ar360-v2-floating-card strong {
    display:block;
    font-size:15px;
    margin-bottom:3px;
}

.ar360-v2-floating-card small { color:#737a82; }

.ar360-v2-floating-card.one {
    left:0;
    bottom:38px;
}

.ar360-v2-floating-card.two {
    right:-8px;
    top:42px;
}

.ar360-v2-floating-card .ok {
    color:#1eaa55;
    font-weight:900;
    margin-right:5px;
}

.ar360-v2-trust {
    background:#fff;
    border-bottom:1px solid var(--ar360-border);
}

.ar360-v2-trust-inner {
    max-width:1280px;
    margin:auto;
    padding:22px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.ar360-v2-trust-item {
    display:flex;
    gap:12px;
    align-items:center;
    padding:5px 25px;
    border-right:1px solid #eceef0;
}

.ar360-v2-trust-item:first-child { padding-left:0; }
.ar360-v2-trust-item:last-child { border-right:0; }

.ar360-v2-trust-icon {
    width:40px;
    height:40px;
    flex:0 0 40px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff0f1;
    color:var(--ar360-red);
    font-size:20px;
    font-weight:900;
}

.ar360-v2-trust-item strong {
    display:block;
    color:#202327;
    font-size:13px;
}

.ar360-v2-trust-item small {
    display:block;
    color:#80868d;
    margin-top:2px;
    font-size:11px;
}

.ar360-v2-categories {
    max-width:1280px;
    margin:auto;
    padding:65px 22px 48px;
}

.ar360-v2-section-head {
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:20px;
    margin-bottom:26px;
}

.ar360-v2-section-head small {
    display:block;
    color:var(--ar360-red);
    text-transform:uppercase;
    letter-spacing:.09em;
    font-weight:900;
    margin-bottom:5px;
}

.ar360-v2-section-head h2 {
    margin:0;
    color:#171a1e;
    font-size:34px;
    letter-spacing:-1px;
    font-weight:900;
}

.ar360-v2-section-head p {
    margin:0;
    color:#7a8189;
    max-width:400px;
    text-align:right;
}

.ar360-v2-category-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}

.ar360-v2-category {
    min-height:124px;
    padding:20px;
    border-radius:16px;
    background:#fff;
    border:1px solid #e7e9ec;
    box-shadow:0 5px 20px rgba(18,25,33,.035);
    display:flex;
    align-items:center;
    gap:16px;
    color:#22262a !important;
    text-decoration:none !important;
    transition:.2s ease;
}

.ar360-v2-category:hover {
    transform:translateY(-4px);
    border-color:#dadde1;
    box-shadow:0 18px 40px rgba(18,25,33,.09);
}

.ar360-v2-category-icon {
    width:56px;
    height:56px;
    flex:0 0 56px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f2f3f5;
    border-radius:14px;
    font-size:25px;
}

.ar360-v2-category:hover .ar360-v2-category-icon { background:#fff0f1; }

.ar360-v2-category strong {
    display:block;
    font-size:15px;
    line-height:1.25;
}

.ar360-v2-category span:last-child small {
    display:block;
    color:#8a9096;
    font-size:11px;
    margin-top:6px;
}

.ar360-v2-carmod-target {
    max-width:1280px !important;
    margin:25px auto !important;
    padding:25px !important;
    background:#fff !important;
    border:1px solid #e5e8ec !important;
    border-radius:18px !important;
    box-shadow:0 12px 35px rgba(18,25,33,.06) !important;
}

body.ar360-v2-home .container-filter {
    background:#fff;
    border-radius:16px;
    border:1px solid #e4e7eb;
    box-shadow:0 12px 35px rgba(18,25,33,.08);
    padding:22px !important;
}

body.ar360-v2-home .container-filter .filter-head-title,
body.ar360-v2-home .container-filter .title_block {
    font-weight:900 !important;
    color:#1b1e21 !important;
}

body.ar360-v2-home .container-filter select,
body.ar360-v2-home .container-filter .bootstrap-select > button,
body.ar360-v2-home .container-filter .free-search-input {
    min-height:48px !important;
    border-radius:9px !important;
    border:1px solid #dadde1 !important;
    background:#fff !important;
}

body.ar360-v2-home .container-filter .label-primary {
    min-height:48px;
    padding:0 22px !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--ar360-red) !important;
    border-radius:9px !important;
    color:#fff !important;
    font-weight:800;
}

@media (max-width:991px) {
    .ar360-v2-header-inner {
        grid-template-columns:1fr auto;
        gap:12px;
        min-height:75px;
    }
    .ar360-v2-search {
        grid-column:1 / -1;
        grid-row:2;
    }
    .ar360-v2-header-inner { padding-bottom:13px; }
    .ar360-v2-hero-inner {
        grid-template-columns:1fr;
        padding-top:50px;
        gap:20px;
    }
    .ar360-v2-visual { display:none; }
    .ar360-v2-trust-inner {
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }
    .ar360-v2-trust-item {
        border:0;
        padding:5px 0;
    }
    .ar360-v2-category-grid {
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:600px) {
    .ar360-v2-previewbar-inner { padding:7px 15px; }
    .ar360-v2-header-inner { padding:12px 15px; }
    .ar360-v2-logo img { max-width:170px; }
    .ar360-v2-action-account { display:none; }
    .ar360-v2-hero-inner {
        min-height:auto;
        padding:42px 15px 45px;
    }
    .ar360-v2-hero h1 {
        font-size:42px;
        letter-spacing:-2px;
    }
    .ar360-v2-hero-copy > p { font-size:16px; }
    .ar360-v2-btn { width:100%; }
    .ar360-v2-trust-inner {
        padding:18px 15px;
        grid-template-columns:1fr 1fr;
    }
    .ar360-v2-trust-item small { display:none; }
    .ar360-v2-categories { padding:45px 15px; }
    .ar360-v2-section-head { display:block; }
    .ar360-v2-section-head h2 { font-size:28px; }
    .ar360-v2-section-head p {
        text-align:left;
        margin-top:8px;
    }
    .ar360-v2-category-grid { grid-template-columns:1fr; }
}

/* AR360 V2 PREVIEW END */
