/* RESET */
*{margin:0;padding:0;}
html,body{width:100%;height:100%;background:#fff;}
img{border:0;max-width:100%;height:auto;}

/* CONTENIDOR */
#site{width:100%;margin:0 auto;background:#fff;}

/* IDIOMA FLOAT */
.idioma-float{position:fixed;top:64px;right:12px;z-index:1500;}
#selector-idioma{background:#d60000;color:#fff;border:1px solid #ccc;border-radius:6px;padding:10px 36px 10px 14px;font-size:14px;font-weight:700;box-shadow:0 3px 8px rgba(0,0,0,.05);cursor:pointer;appearance:none;transition:all .2s ease-in-out;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpolygon points='0,0 10,0 5,6' fill='%23ffffff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px 6px;}
#selector-idioma:hover{background:#fff;color:#d60000;border-color:#aaa;box-shadow:0 4px 10px rgba(0,0,0,.08);}

/* TOP BAR */
#barra_superior_66{width:100%;height:28px;line-height:28px;background:#d60000;overflow:hidden;position:fixed;top:0;left:0;z-index:1200;}
.contingut_barra_66{width:100%;max-width:1046px;margin:0 auto;padding:0 11px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;font:11px Arial,Helvetica,sans-serif;color:#fff;}
.tops66{display:flex;align-items:center;flex-wrap:wrap;gap:0;}
.tops66 .topa66{position:relative;display:inline-block;background:#d60000;}
.tops66 .topa66::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:60%;background:#fff;}
.tops66 .topa66:last-child::after{display:none;}
.tops66 a{display:block;padding:6px 13px;background:#d60000;color:#fff;text-decoration:none;font-size:13px;line-height:1.2;white-space:nowrap;transition:background-color .3s;}
.tops66 a:hover,.tops66 a:focus,.tops66 a:active{background:#640012;text-decoration:none;outline:none;}

/* SHOP TOP */
.link-shop-carro{position:relative;top:6px;display:inline-flex;align-items:center;height:28px;box-sizing:border-box;padding:0 36px 0 13px !important;text-decoration:none;vertical-align:top;}
.link-shop-carro .txt{line-height:1;font-size:13px;font-weight:700;}
.link-shop-carro .cart-count{position:absolute;top:-2px;right:4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;font-size:12px;line-height:20px;text-align:center;font-weight:700;background:#fff;color:#d60000;border:1px solid #cfcfcf;box-shadow:0 1px 3px rgba(0,0,0,.15);}

/* CERCADOR */
#barra_cercador_66{width:100%;background:#E6E6E6;padding-top:50px !important;padding-bottom:10px !important;}
#cercador66{width:100%;max-width:1046px;margin:0 auto;padding:0 10px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font:11px Verdana,Arial,Helvetica,sans-serif;color:#626262;}
#cercador66 a img,#cercador66 > img{max-width:100%;height:auto;}
.textcerca66{position:absolute;top:-15px;left:25px;width:340px;height:40px !important;padding:0 30px 0 4px;font-size:2.2em !important;}
#lupa66{position:absolute;top:-6px;left:320px;width:25px;height:25px;cursor:pointer;z-index:999;}

/* MODULS */
.modul4-66{position:relative;top:-13px;max-width:100%;height:auto;}
.modul1-66,.modul11-66{max-width:330px;width:100%;margin:3px auto;}
.modul1-66 input,.modul11-66 input{border:1px solid #999;outline:0;font:normal 11px/100% Verdana,Tahoma,sans-serif;height:18px;width:100%;box-sizing:border-box;}
.modul11-66{position:relative;margin:10px auto;top:0;left:0;}
#seminuevos{position:relative;top:-10px;float:right;}

/* MENÚ */
.menu-container33{position:relative;background:transparent;margin:0;padding:0;}
#menu-toggle{display:none;}
.menu-icon{display:none;}
nav.menu{width:100%;box-sizing:border-box;background:#f9f9f9;border-bottom:1px solid #ccc;position:relative;z-index:1000;font-family:Arial,sans-serif;}
nav.menu ul{list-style:none;margin:0;padding:0;}
nav.menu > ul{display:flex;justify-content:center;width:100%;}
nav.menu > ul > li{position:relative;}
nav.menu > ul > li > a{display:block;padding:10px 14px;font-size:14px;font-weight:500;color:#444;text-decoration:none;position:relative;transition:color .3s,background .3s;}
nav.menu > ul > li:not(:last-child) > a::after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:#ddd;}
nav.menu > ul > li > a:hover{background:#d60000;color:#fff;}

/* SUBMENÚS DESKTOP */
nav.menu li ul{display:none;position:absolute;top:100%;left:0;background:#fefefe;min-width:290px;border:1px solid #888;box-shadow:0 10px 30px rgba(0,0,0,.3);flex-direction:column;z-index:1000;}
nav.menu li:hover > ul{display:flex;}
nav.menu li ul li{position:relative;}
nav.menu li ul li a{display:flex;align-items:center;gap:10px;padding:9px 18px;min-height:26px;font-size:15px;color:#555;text-decoration:none;width:100%;box-sizing:border-box;border-bottom:1px solid #ddd;transition:background .3s,color .3s;}
nav.menu li ul li a:hover{background:#f2f2f2;color:#c00000;}
nav.menu li ul li:first-child > a{background:#d0d0d0;font-weight:700;}
nav.menu li ul li ul{display:none;position:absolute;top:0;left:100%;min-width:260px;background:#fff;border:1px solid #ddd;box-shadow:0 4px 12px rgba(0,0,0,.08);}
nav.menu li ul li:hover > ul{display:flex;flex-direction:column;}

/* MEGA RIGHT */
nav.menu li.mega-right > ul{right:20px;left:auto;width:60vw;max-width:800px;min-width:400px;flex-wrap:wrap;flex-direction:row;padding:10px;box-sizing:border-box;}
nav.menu li.mega-right > ul > li{width:25%;box-sizing:border-box;}

/* MEGA MENÚ DRONES */
nav.menu li.mega-drones{position:relative;}
nav.menu li.mega-drones > ul.mega-panel{display:none;position:fixed;top:170px;left:50%;transform:translateX(-50%);width:920px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #888;box-shadow:0 10px 30px rgba(0,0,0,.3);padding:0;box-sizing:border-box;grid-template-columns:1fr 1fr;gap:12px;}
nav.menu li.mega-drones:hover > ul.mega-panel{display:grid;}
nav.menu li.mega-drones > ul.mega-panel > li.mega-col{min-width:0;}
nav.menu li.mega-drones ul.mega-list{display:flex;flex-direction:column;position:static;border:0;box-shadow:none;min-width:0;}
nav.menu li.mega-drones ul.mega-list > li > a{border-bottom:1px solid #ddd;}

/* ICONES MENÚ */
.menu-img{width:44px;height:44px;object-fit:contain;flex-shrink:0;margin:0;}

/* RESPONSIVE */
@media (max-width:1200px){.idioma-float{display:none;}}

@media (max-width:768px){
#barra_superior_66{height:auto !important;min-height:28px !important;padding:3px 0 !important;line-height:19px !important;}
.contingut_barra_66{padding:0 8px;gap:8px;font-family:"Arial Narrow",Arial,sans-serif;font-size:10px;letter-spacing:-.2px;}
.tops66{display:flex !important;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:100%;gap:0;font-size:11px;}
.tops66 .topa66{display:none !important;font-size:11px !important;white-space:nowrap;background:#d60000 !important;position:relative;line-height:1.2;}
.tops66 .topa66.mob-show{display:inline-block !important;}
.tops66 .tp-9{margin-left:auto;}
.banderes66{display:none !important;}

#barra_cercador_66{padding-top:48px !important;}
#cercador66{flex-direction:column;align-items:center;justify-content:center;gap:14px;padding-top:10px;}
#cercador66 a:first-child{display:flex;justify-content:center;width:100%;}
.modul4-66{margin:0 auto;max-width:220px;display:block;top:0;}
.modul11-66{margin:4px auto 0;max-width:260px;display:flex;justify-content:center;}
.textcerca66{font-size:1.5em !important;height:35px !important;width:260px;top:-15px;left:0;}
#lupa66{position:absolute;left:calc(100% - 34px);top:50%;transform:translateY(-40%);width:28px;height:28px;cursor:pointer;z-index:5;}
#seminuevos{display:none !important;}

nav.menu > ul{display:none;flex-wrap:wrap;align-items:stretch;justify-content:space-between;background:#fff;}
nav.menu > ul > li{width:50%;box-sizing:border-box;}
nav.menu > ul > li > a{text-align:left;padding:12px 14px;font-size:15px;border-bottom:1px solid #eee;}
nav.menu > ul > li:nth-child(odd) > a{border-right:1px solid #eee;}
.menu-icon{display:block;position:absolute;top:-95px;left:10px;z-index:1100;padding:8px 12px;background:#eee;border:1px solid #ccc;border-radius:10px;font-size:24px;cursor:pointer;line-height:1;}
#menu-toggle:checked + .menu-icon + nav.menu > ul{display:flex;}
nav.menu ul ul,nav.menu li:hover > ul{display:none !important;}

#cart-panel,.bdreta,#cart,.close-cart{display:none !important;}
}
